|
1 /*Rounded Corners*/ |
|
2 /*top-left rounded Corners*/ |
|
3 .jqx-rc-tl |
|
4 { |
|
5 -moz-border-radius-topleft: 3px; |
|
6 -webkit-border-top-left-radius: 3px; |
|
7 border-top-left-radius: 3px; |
|
8 } |
|
9 /*top-right rounded Corners*/ |
|
10 .jqx-rc-tr |
|
11 { |
|
12 -moz-border-radius-topright: 3px; |
|
13 -webkit-border-top-right-radius: 3px; |
|
14 border-top-right-radius: 3px; |
|
15 } |
|
16 /*bottom-left rounded Corners*/ |
|
17 .jqx-rc-bl |
|
18 { |
|
19 -moz-border-radius-bottomleft: 3px; |
|
20 -webkit-border-bottom-left-radius: 3px; |
|
21 border-bottom-left-radius: 3px; |
|
22 } |
|
23 /*bottom-right rounded Corners*/ |
|
24 .jqx-rc-br |
|
25 { |
|
26 -moz-border-radius-bottomright: 3px; |
|
27 -webkit-border-bottom-right-radius: 3px; |
|
28 border-bottom-right-radius: 3px; |
|
29 } |
|
30 /*top rounded Corners*/ |
|
31 .jqx-rc-t |
|
32 { |
|
33 -moz-border-radius-topleft: 3px; |
|
34 -webkit-border-top-left-radius: 3px; |
|
35 border-top-left-radius: 3px; |
|
36 -moz-border-radius-topright: 3px; |
|
37 -webkit-border-top-right-radius: 3px; |
|
38 border-top-right-radius: 3px; |
|
39 } |
|
40 /*bottom rounded Corners*/ |
|
41 .jqx-rc-b |
|
42 { |
|
43 -moz-border-radius-bottomleft: 3px; |
|
44 -webkit-border-bottom-left-radius: 3px; |
|
45 border-bottom-left-radius: 3px; |
|
46 -moz-border-radius-bottomright: 3px; |
|
47 -webkit-border-bottom-right-radius: 3px; |
|
48 border-bottom-right-radius: 3px; |
|
49 } |
|
50 /*right rounded Corners*/ |
|
51 .jqx-rc-r |
|
52 { |
|
53 -moz-border-radius-topright: 3px; |
|
54 -webkit-border-top-right-radius: 3px; |
|
55 border-top-right-radius: 3px; |
|
56 -moz-border-radius-bottomright: 3px; |
|
57 -webkit-border-bottom-right-radius: 3px; |
|
58 border-bottom-right-radius: 3px; |
|
59 } |
|
60 /*left rounded Corners*/ |
|
61 .jqx-rc-l |
|
62 { |
|
63 -moz-border-radius-topleft: 3px; |
|
64 -webkit-border-top-left-radius: 3px; |
|
65 border-top-left-radius: 3px; |
|
66 -moz-border-radius-bottomleft: 3px; |
|
67 -webkit-border-bottom-left-radius: 3px; |
|
68 border-bottom-left-radius: 3px; |
|
69 } |
|
70 /*all rounded Corners*/ |
|
71 .jqx-rc-all |
|
72 { |
|
73 -moz-border-radius: 3px; |
|
74 -webkit-border-radius: 3px; |
|
75 border-radius: 3px; |
|
76 } |
|
77 /*reset rounded corners*/ |
|
78 .jqx-rc-reset |
|
79 { |
|
80 -moz-border-radius: 0px !important; |
|
81 -webkit-border-radius: 0px !important; |
|
82 border-radius: 0px !important; |
|
83 } |
|
84 |
|
85 /*Reset Style*/ |
|
86 .jqx-reset |
|
87 { |
|
88 padding: 0; |
|
89 margin: 0; |
|
90 border: none; |
|
91 background: transparent; |
|
92 outline: none; |
|
93 box-sizing: content-box; |
|
94 } |
|
95 .jqx-clear { |
|
96 align:left; valign:top; left: 0px; top: 0px; -webkit-appearance: none !important; outline: none !important; padding: 0px; margin: 0px; |
|
97 } |
|
98 .jqx-popup { |
|
99 box-sizing: content-box; |
|
100 } |
|
101 .jqx-position-reset { |
|
102 position: static !important; |
|
103 } |
|
104 .jqx-border-reset { |
|
105 border: none !important; |
|
106 } |
|
107 .jqx-overflow-hidden { |
|
108 overflow: hidden !important; |
|
109 } |
|
110 .jqx-position-relative { |
|
111 position: relative !important; |
|
112 } |
|
113 .jqx-position-absolute { |
|
114 position: absolute !important; |
|
115 } |
|
116 .jqx-max-size { |
|
117 width: 100% !important; |
|
118 height: 100% !important; |
|
119 } |
|
120 .jqx-background-reset { |
|
121 background: transparent !important; |
|
122 } |
|
123 /*Disable browser selection*/ |
|
124 .jqx-disableselect |
|
125 { |
|
126 -webkit-user-select: none; |
|
127 -moz-user-select: none; |
|
128 user-select: none; |
|
129 -ms-user-select:none; |
|
130 -webkit-touch-callout:none; |
|
131 -webkit-tap-highlight-color: rgba(0,0,0,0); |
|
132 } |
|
133 .jqx-enableselect { |
|
134 -webkit-user-select: text; |
|
135 -moz-user-select: text; |
|
136 -ms-user-select:text; |
|
137 user-select:all; |
|
138 } |
|
139 .jqx-hideborder |
|
140 { |
|
141 border: none !important; |
|
142 } |
|
143 .jqx-hidescrollbars |
|
144 { |
|
145 overflow: hidden !important; |
|
146 } |
|
147 /*jqxButton, jqxToggleButton, jqxRepeatButton Style*/ |
|
148 .jqx-button{outline: none; border: 1px solid transparent; padding: 5px; text-align: center; vertical-align: central; margin: 0 0 0 0; cursor: default; } |
|
149 button.jqx-button, input[type=button].jqx-button, input[type=submit].jqx-button { |
|
150 box-sizing: border-box !important; -moz-box-sizing: border-box !important; |
|
151 } |
|
152 .jqx-buttongroup{} |
|
153 .jqx-group-button-normal { |
|
154 vertical-align: middle; |
|
155 text-align: center; |
|
156 } |
|
157 /*applied to the link button's anchor element.*/ |
|
158 .jqx-link |
|
159 { |
|
160 text-decoration: none; |
|
161 color: #111111; |
|
162 } |
|
163 |
|
164 /*shows elements.*/ |
|
165 .jqx-visible |
|
166 { |
|
167 display: block; |
|
168 } |
|
169 /*hides elements.*/ |
|
170 .jqx-hidden |
|
171 { |
|
172 display: none; |
|
173 } |
|
174 .jqx-widget, .jqx-widget-content, .jqx-widget-header, .jqx-fill-state-normal { |
|
175 line-height: 1.231; |
|
176 } |
|
177 /*jqxGauge Style*/ |
|
178 .jqx-gauge-label, .jqx-gauge-caption |
|
179 { |
|
180 fill: #333333; |
|
181 color: #333333; |
|
182 font-size: 11px; |
|
183 font-family: Verdana; |
|
184 } |
|
185 .jqx-knob { |
|
186 text-align: center; |
|
187 } |
|
188 /*jqxChart Style*/ |
|
189 .jqx-knob-label, |
|
190 .jqx-chart-axis-text, |
|
191 .jqx-chart-label-text, |
|
192 .jqx-chart-tooltip-text, |
|
193 .jqx-chart-legend-text |
|
194 { |
|
195 fill: #333333; |
|
196 color: #333333; |
|
197 font-size: 11px; |
|
198 font-family: Verdana; |
|
199 } |
|
200 .jqx-chart-axis-description |
|
201 { |
|
202 fill: #555555; |
|
203 color: #555555; |
|
204 font-size: 11px; |
|
205 font-family: Verdana; |
|
206 } |
|
207 .jqx-chart-title-text |
|
208 { |
|
209 fill: #111111; |
|
210 color: #111111; |
|
211 font-size: 14px; |
|
212 font-weight: bold; |
|
213 font-family: Verdana; |
|
214 } |
|
215 .jqx-chart-title-description |
|
216 { |
|
217 fill: #111111; |
|
218 color: #111111; |
|
219 font-size: 12px; |
|
220 font-weight: normal; |
|
221 font-family: Verdana; |
|
222 } |
|
223 |
|
224 /*applied to the Grid's element.*/ |
|
225 .jqx-grid |
|
226 { |
|
227 overflow: hidden; |
|
228 border-style: solid; |
|
229 border-width: 1px; |
|
230 } |
|
231 .jqx-grid .jqx-adaptive-table{ |
|
232 border-collapse: collapse; |
|
233 border:none; |
|
234 width: 100%; |
|
235 } |
|
236 |
|
237 .jqx-grid .jqx-adaptive-table td, .jqx-grid .jqx-adaptive-table th { |
|
238 border-bottom: 1px solid #ddd; |
|
239 padding: 8px; |
|
240 overflow: auto; |
|
241 } |
|
242 |
|
243 .jqx-grid .jqx-adaptive-table tr:nth-child(even){background-color: #f2f2f2;} |
|
244 |
|
245 .jqx-grid .jqx-adaptive-table th { |
|
246 padding-top: 12px; |
|
247 padding-bottom: 12px; |
|
248 text-align: left; |
|
249 background-color: #4CAF50; |
|
250 color: white; |
|
251 } |
|
252 |
|
253 .jqx-grid .jqx-adaptive-view a { |
|
254 padding:10px; |
|
255 text-decoration:none; |
|
256 color: orangered; |
|
257 } |
|
258 |
|
259 /*applied to the Pager.*/ |
|
260 .jqx-grid-pager |
|
261 { |
|
262 border: none; |
|
263 border-top: 1px solid transparent; |
|
264 } |
|
265 /*applied to the Top Pager.*/ |
|
266 .jqx-grid-pager-top |
|
267 { |
|
268 border: none; |
|
269 border-bottom: 1px solid transparent; |
|
270 } |
|
271 .jqx-grid-pager-number{ |
|
272 padding: 2px 5px; |
|
273 text-decoration: none; |
|
274 margin: 1px; |
|
275 border: 1px solid transparent; |
|
276 color: inherit !important; |
|
277 *color: expression(this.parentNode.currentStyle['color']) !important; |
|
278 outline: none; |
|
279 font-weight: normal !important; |
|
280 line-height:14px; |
|
281 } |
|
282 .jqx-grid-menu-item-touch { |
|
283 padding-top: 6px !important; |
|
284 padding-bottom: 6px !important; |
|
285 } |
|
286 /*applied to the Grid's bottom-right area between the horizontal and vertical scrollbars.*/ |
|
287 .jqx-grid-bottomright |
|
288 { |
|
289 |
|
290 } |
|
291 /*applied to the Grid's header area.*/ |
|
292 .jqx-grid-header |
|
293 { |
|
294 border-style: solid; |
|
295 border-width: 0px 0px 1px 0px; |
|
296 overflow: hidden; |
|
297 border-color: transparent; |
|
298 margin: 0px; |
|
299 padding: 0px; |
|
300 } |
|
301 /*applied to the columns.*/ |
|
302 .jqx-grid-column-header, .jqx-grid-columngroup-header { |
|
303 border-style: solid; |
|
304 border-width: 0px 1px 0px 0px; |
|
305 border-color: transparent; |
|
306 white-space: nowrap; |
|
307 border-style: solid; |
|
308 font-weight: normal; |
|
309 overflow: hidden; |
|
310 text-align: left; |
|
311 padding: 0px; |
|
312 margin: 0px; |
|
313 } |
|
314 .jqx-grid-column-header-rtl, .jqx-grid-columngroup-header-rtl { |
|
315 border-width: 0px 0px 0px 1px; |
|
316 } |
|
317 .jqx-grid-columngroup-header { |
|
318 border-bottom-width: 1px; |
|
319 border-left-width: 1px; |
|
320 } |
|
321 /*applied to the column's button.*/ |
|
322 .jqx-grid-column-menubutton { |
|
323 border-style: solid; |
|
324 border-width: 0px 0px 0px 1px; |
|
325 border-color: transparent; |
|
326 background-image: url('images/icon-menu-small.png') !important; |
|
327 background-repeat: no-repeat; |
|
328 background-position: center !important; |
|
329 cursor: pointer; |
|
330 } |
|
331 .jqx-grid-column-menubutton-rtl { |
|
332 border-width: 0px 1px 0px 0px; |
|
333 } |
|
334 /*applied to the column's sort button when the sort order is ascending.*/ |
|
335 .jqx-grid-column-sortascbutton { |
|
336 border: none; |
|
337 background-image: url('images/sortascbutton.png'); |
|
338 background-repeat: no-repeat; |
|
339 background-position: center; |
|
340 cursor: pointer; |
|
341 } |
|
342 /*applied to the column's sort button when the sort order is descending.*/ |
|
343 .jqx-grid-column-sortdescbutton { |
|
344 border: none; |
|
345 background-image: url('images/sortdescbutton.png'); |
|
346 background-repeat: no-repeat; |
|
347 background-position: center; |
|
348 cursor: pointer; |
|
349 } |
|
350 /*applied to the column's filter button.*/ |
|
351 .jqx-grid-column-filterbutton |
|
352 { |
|
353 border: none; |
|
354 background-image: url('images/filter.png'); |
|
355 background-repeat: no-repeat; |
|
356 background-position: center; |
|
357 margin-top:1px; |
|
358 } |
|
359 /*applied to the column's resize line.*/ |
|
360 .jqx-grid-column-resizeline { |
|
361 border-right: 1px dotted #555; |
|
362 } |
|
363 /*applied to the validation popup during cell editing.*/ |
|
364 .jqx-grid-validation |
|
365 { |
|
366 background: #df2227 !important; |
|
367 color: #fff !important; |
|
368 padding: 4px 8px; |
|
369 } |
|
370 .jqx-grid-validation-label { |
|
371 color: #fff !important; |
|
372 background: #df2227 !important; |
|
373 border: 1px solid #df2227 !important; |
|
374 } |
|
375 .jqx-grid-validation-arrow-up |
|
376 { |
|
377 background-image: url('images/red_arrow_up.png'); |
|
378 background-repeat: no-repeat; |
|
379 background-position: center center; |
|
380 } |
|
381 .jqx-grid-validation-arrow-down |
|
382 { |
|
383 background-image: url('images/red_arrow_down.png'); |
|
384 background-repeat: no-repeat; |
|
385 background-position: center center; |
|
386 } |
|
387 /*applied to the column's resize start line.*/ |
|
388 .jqx-grid-column-resizestartline { |
|
389 border-right: 1px solid #444; |
|
390 } |
|
391 /*applied to the sort ascending menu item in the Grid's Context Menu*/ |
|
392 .jqx-grid-sortasc-icon |
|
393 { |
|
394 background-image: url('images/icon-sort-asc.png'); |
|
395 background-repeat: no-repeat; |
|
396 background-position: left center; |
|
397 width: 16px; |
|
398 height: 16px; |
|
399 float: left; |
|
400 margin-left: -4px; |
|
401 margin-right: 4px; |
|
402 } |
|
403 /*applied to the sort ascending menu item in the Grid's Context Menu*/ |
|
404 .jqx-grid-sortdesc-icon |
|
405 { |
|
406 background-image: url('images/icon-sort-desc.png'); |
|
407 background-repeat: no-repeat; |
|
408 background-position: left center; |
|
409 width: 16px; |
|
410 height: 16px; |
|
411 float: left; |
|
412 margin-left: -4px; |
|
413 margin-right: 4px; |
|
414 } |
|
415 /*applied to the grid menu's sort remove item/*/ |
|
416 .jqx-grid-sortremove-icon |
|
417 { |
|
418 background-image: url('images/icon-sort-remove.png'); |
|
419 background-repeat: no-repeat; |
|
420 background-position: left center; |
|
421 width: 16px; |
|
422 height: 16px; |
|
423 float: left; |
|
424 margin-left: -4px; |
|
425 margin-right: 4px; |
|
426 } |
|
427 /*applied to the grouping column's drag and drop item when the drop operation is allowed.*/ |
|
428 .jqx-grid-drag-icon |
|
429 { |
|
430 background-image: url('images/drag.png'); |
|
431 background-repeat: no-repeat; |
|
432 background-position: left center; |
|
433 width: 16px; |
|
434 height: 16px; |
|
435 } |
|
436 /*applied to the grouping column's drag and drop item when the drop operation is not allowed.*/ |
|
437 .jqx-grid-dragcancel-icon |
|
438 { |
|
439 background-image: url('images/dragcancel.png'); |
|
440 background-repeat: no-repeat; |
|
441 background-position: left center; |
|
442 width: 16px; |
|
443 height: 16px; |
|
444 } |
|
445 /*applied to the 'group by' menu item.*/ |
|
446 .jqx-grid-groupby-icon |
|
447 { |
|
448 background-repeat: no-repeat; |
|
449 background-position: left center; |
|
450 width: 16px; |
|
451 height: 16px; |
|
452 float: left; |
|
453 margin-left: -4px; |
|
454 margin-right: 4px; |
|
455 } |
|
456 /*applied to the column anchor tags.*/ |
|
457 .jqx-grid-column-header a:link, .jqx-grid-column-header a:visited |
|
458 { |
|
459 display: block; |
|
460 margin: 4px; |
|
461 height: 18px; |
|
462 line-height: 18px !important; |
|
463 color: inherit; |
|
464 outline: 0 none; |
|
465 text-decoration: none; |
|
466 cursor: pointer; |
|
467 } |
|
468 .jqx-grid-toolbar a:link, .jqx-grid-toolbar a:visited { |
|
469 margin: 4px; |
|
470 height: 18px; |
|
471 line-height: 18px !important; |
|
472 color: inherit; |
|
473 outline: 0 none; |
|
474 text-decoration: none; |
|
475 cursor: pointer; |
|
476 } |
|
477 /*applied to the groups header area.*/ |
|
478 .jqx-grid-groups-header, .jqx-grid-toolbar, .jqx-scheduler-toolbar { |
|
479 border-style: solid; |
|
480 border-width: 0px 0px 1px 0px; |
|
481 border-color: #aaa; |
|
482 white-space: nowrap; |
|
483 overflow: hidden; |
|
484 text-align: left; |
|
485 padding: 0px; |
|
486 margin: 0px; |
|
487 } |
|
488 /*applied to a grouping row.*/ |
|
489 .jqx-grid-groups-row { |
|
490 font-weight:bold; |
|
491 white-space: nowrap; |
|
492 text-align: left; |
|
493 padding: 0px; |
|
494 top: 50%; |
|
495 margin-top: -8px; |
|
496 } |
|
497 /*applied to the row details.*/ |
|
498 .jqx-grid-groups-row-details { |
|
499 font-weight: normal; |
|
500 } |
|
501 /*applied to a grouping column.*/ |
|
502 .jqx-grid-group-column |
|
503 { |
|
504 border: 1px solid transparent; |
|
505 white-space: nowrap; |
|
506 border-style: solid; |
|
507 font-weight: normal; |
|
508 overflow: hidden; |
|
509 text-align: left; |
|
510 padding: 0px; |
|
511 margin: 0px; |
|
512 } |
|
513 /*applied to the lines between the group columns.*/ |
|
514 .jqx-grid-group-column-line |
|
515 { |
|
516 background: #aaa; |
|
517 } |
|
518 /*applied to the drop line indicators displayed in the grouping header.*/ |
|
519 .jqx-grid-group-drag-line |
|
520 { |
|
521 background: #80be09; |
|
522 } |
|
523 /*applied to the anchor tags inside a grouping column.*/ |
|
524 .jqx-grid-group-column a:link{ |
|
525 display: block; |
|
526 margin: 4px; |
|
527 height: 18px; |
|
528 line-height: 18px !important; |
|
529 outline: 0 none; |
|
530 text-decoration: none; |
|
531 cursor: pointer; |
|
532 color: inherit; |
|
533 *color: expression(this.parentNode.currentStyle['color']); |
|
534 } |
|
535 .jqx-grid-group-column a:visited{ |
|
536 color: inherit; |
|
537 display: block; |
|
538 margin: 4px; |
|
539 height: 18px; |
|
540 line-height: 18px !important; |
|
541 outline: 0 none; |
|
542 text-decoration: none; |
|
543 cursor: pointer; |
|
544 *color: expression(this.parentNode.currentStyle['color']); |
|
545 } |
|
546 /*applied to a grid cell*/ |
|
547 .jqx-grid-cell { |
|
548 border-style: solid; |
|
549 border-width: 0px 1px 1px 0px; |
|
550 margin-right: 1px; |
|
551 margin-bottom: 1px; |
|
552 border-color: transparent; |
|
553 background: #fff; |
|
554 white-space: nowrap; |
|
555 font-weight: normal; |
|
556 font-size: inherit; |
|
557 overflow: hidden; |
|
558 position: absolute !important; |
|
559 height: 100%; |
|
560 outline:none; |
|
561 } |
|
562 .jqx-grid-cell-locked { |
|
563 color: #aaa !important; |
|
564 } |
|
565 .jqx-grid-cell-left-align { |
|
566 overflow: hidden; |
|
567 text-overflow: ellipsis; |
|
568 padding-bottom: 2px; |
|
569 text-align: left; |
|
570 margin-right: 2px; |
|
571 margin-left: 4px; |
|
572 } |
|
573 .jqx-grid-cell-middle-align { |
|
574 text-overflow: ellipsis; |
|
575 overflow: hidden; |
|
576 padding-bottom: 2px; |
|
577 text-align: center; |
|
578 } |
|
579 .jqx-grid-cell-right-align { |
|
580 overflow: hidden; |
|
581 text-overflow: ellipsis; |
|
582 padding-bottom: 2px; |
|
583 text-align: right; |
|
584 margin-right: 4px; |
|
585 margin-left: 2px; |
|
586 } |
|
587 |
|
588 /*applied to a grid cell that is part of a rows group.*/ |
|
589 .jqx-grid-group-cell{ |
|
590 overflow: hidden; |
|
591 position: absolute !important; |
|
592 height: 100%; |
|
593 background: #fff; |
|
594 } |
|
595 /*applied to the grid cells in the sort column*/ |
|
596 .jqx-grid-cell-sort { |
|
597 background-color: #f0f0f0; |
|
598 } |
|
599 |
|
600 /*applied to the grid cells in the filter column*/ |
|
601 .jqx-grid-cell-filter { |
|
602 background-color: #e6e6e6; |
|
603 } |
|
604 .jqx-grid-cell-add-new-row { |
|
605 background: #fdfcf3 !important; |
|
606 color: #000 !important; |
|
607 } |
|
608 |
|
609 /*applied to the grid cells area.*/ |
|
610 .jqx-grid-content { |
|
611 border-style: solid; |
|
612 border-width: 0px 0px 0px 0px; |
|
613 border-color: transparent; |
|
614 white-space: nowrap; |
|
615 overflow: hidden; |
|
616 } |
|
617 /*applied to a grid cell that is part of a rows group.*/ |
|
618 .jqx-grid-group-cell, .jqx-grid-empty-cell { |
|
619 border-style: solid; |
|
620 border-width: 0px 0px 1px 0px; |
|
621 white-space: nowrap; |
|
622 font-weight: normal; |
|
623 } |
|
624 .jqx-widget .jqx-grid-cleared-cell, .jqx-grid-cleared-cell { |
|
625 border: transparent !important; |
|
626 } |
|
627 .jqx-grid-cell-wrap {white-space: normal !important;} |
|
628 |
|
629 .jqx-tree-grid-indent { |
|
630 width: 18px; |
|
631 display: inline-block; |
|
632 height: 8px; |
|
633 overflow: hidden; |
|
634 vertical-align: top; |
|
635 } |
|
636 .jqx-tree-grid-title { |
|
637 text-decoration: none; |
|
638 vertical-align: bottom; |
|
639 line-height:20px; |
|
640 white-space: nowrap; |
|
641 overflow: hidden; |
|
642 text-overflow: ellipsis; |
|
643 } |
|
644 .jqx-tree-grid-collapse-button, .jqx-tree-grid-expand-button { |
|
645 display: inline-block; |
|
646 margin-top: 0px; |
|
647 margin-right: 0px; |
|
648 position: relative; |
|
649 width: 18px; |
|
650 height: 18px; |
|
651 vertical-align: top; |
|
652 } |
|
653 .jqx-tree-grid-checkbox { |
|
654 float: none !important; |
|
655 width: 16px; |
|
656 height: 16px; |
|
657 cursor: pointer; |
|
658 margin-right: 6px !important; |
|
659 margin-left: 2px !important; |
|
660 } |
|
661 .jqx-tree-grid-icon { |
|
662 float: none !important; |
|
663 width: 14px; |
|
664 height: 14px; |
|
665 margin-right: 4px; |
|
666 } |
|
667 .jqx-tree-grid-icon-rtl { |
|
668 margin-right: 0px; |
|
669 margin-left: 4px; |
|
670 } |
|
671 .jqx-tree-grid-icon-size { |
|
672 width: 14px; |
|
673 height: 14px; |
|
674 line-height: 16px; |
|
675 } |
|
676 |
|
677 .jqx-tree-grid-checkbox-tick { |
|
678 width: 100%; |
|
679 height: 100%; |
|
680 } |
|
681 .jqx-tree-grid-expand-button { |
|
682 height: 18px; |
|
683 width: 18px; |
|
684 vertical-align: top; |
|
685 } |
|
686 |
|
687 /*applied to a cell in jqxDataTable*/ |
|
688 .jqx-cell { |
|
689 min-height: 23px; |
|
690 padding: 6px 4px; |
|
691 margin: 0; |
|
692 border-collapse: separate; |
|
693 border-spacing: 0px; |
|
694 overflow: hidden; |
|
695 text-overflow: ellipsis; |
|
696 border: 1px solid transparent; |
|
697 border-top-width: 0px; |
|
698 border-left-width: 0px; |
|
699 box-sizing: border-box; |
|
700 -moz-box-sizing: border-box; |
|
701 white-space: normal; |
|
702 line-height: 1.231; |
|
703 } |
|
704 .jqx-grid-cell-nowrap {white-space: nowrap;} |
|
705 |
|
706 .jqx-cell-editor { |
|
707 padding-left: 4px !important; |
|
708 padding-right: 3px !important; |
|
709 } |
|
710 .jqx-left-align { |
|
711 text-align: left; |
|
712 } |
|
713 .jqx-center-align { |
|
714 text-align: center; |
|
715 } |
|
716 .jqx-right-align { |
|
717 text-align: right; |
|
718 } |
|
719 .jqx-top-align { |
|
720 vertical-align:top; |
|
721 } |
|
722 .jqx-bottom-align { |
|
723 vertical-align: bottom; |
|
724 } |
|
725 |
|
726 .jqx-grid-table .jqx-grid-cell { |
|
727 position: static !important; |
|
728 zoom: 1 !important; |
|
729 } |
|
730 /*applied to the Grid's Table element.*/ |
|
731 .jqx-grid-table { |
|
732 font-size: 13px; |
|
733 table-layout: fixed; |
|
734 margin: 0px; |
|
735 padding: 0px; |
|
736 border-collapse: separate; |
|
737 border-spacing: 0px; |
|
738 -webkit-overflow-scrolling: touch; |
|
739 outline: none; |
|
740 zoom: 1 !important; |
|
741 empty-cells: show; |
|
742 border-right: 1px solid #aaa; |
|
743 line-height: 1.231; |
|
744 width: auto; |
|
745 border: none; |
|
746 } |
|
747 .jqx-grid-table-rtl { |
|
748 border-left-width: 1px; |
|
749 border-right-width: 0px; |
|
750 } |
|
751 .jqx-details table { |
|
752 border-collapse: collapse; |
|
753 table-layout: fixed; |
|
754 border-spacing: 0px; |
|
755 } |
|
756 |
|
757 /*applied to a grid cell that is part of a details row and grouping is enabled.*/ |
|
758 .jqx-grid-group-details-cell { |
|
759 |
|
760 } |
|
761 /*applied to a grid cell that is part of a details row.*/ |
|
762 .jqx-grid-details-cell { |
|
763 border-width: 0px 1px 0px 0px; |
|
764 } |
|
765 /*applied to a grid cell. Represents the alternating cell background.*/ |
|
766 .jqx-grid-cell-alt { |
|
767 background: #f9f9f9; |
|
768 } |
|
769 /*applied to a sorted and alternating grid cell*/ |
|
770 .jqx-grid-cell-sort-alt { |
|
771 background-color: #e5e5e5; |
|
772 }/*applied to a sorted and alternating grid cell*/ |
|
773 .jqx-grid-cell-filter-alt { |
|
774 background-color: #f0f0f0; |
|
775 } |
|
776 /*applied to a pinned grid cell.*/ |
|
777 .jqx-grid-cell-pinned { |
|
778 background-color: #e5e5e5; |
|
779 } |
|
780 /*applied to a pinned grid cell. Represents the alternating cell background.*/ |
|
781 .jqx-grid-cell-pinned-alt { |
|
782 background-color: #e5e5e5; |
|
783 } |
|
784 /*applied to a selected grid cell.*/ |
|
785 .jqx-grid-cell-selected { |
|
786 border-left: 0px solid transparent; |
|
787 } |
|
788 .jqx-grid-cell-selected.jqx-grid-cell-edit{ |
|
789 border-color: #DDDDDD !important; |
|
790 background-color: #fff !important; |
|
791 color: #333 !important; |
|
792 } |
|
793 .jqx-fill-state-focus.jqx-grid-cell-edit, |
|
794 .jqx-grid-cell-edit .jqx-fill-state-focus, |
|
795 .jqx-grid-cell-edit.jqx-fill-state-focus .jqx-action-button, |
|
796 .jqx-grid-cell-edit .jqx-numberinput-focus, |
|
797 .jqx-grid-cell-edit .jqx-combobox-content-focus |
|
798 { |
|
799 border-color: #DDDDDD !important; |
|
800 } |
|
801 |
|
802 .jqx-cell-rtl { |
|
803 border-left-width: 1px; |
|
804 border-right-width: 0px; |
|
805 } |
|
806 .jqx-grid-cell-rtl { |
|
807 border-width: 0px 0px 1px 1px; |
|
808 } |
|
809 .jqx-grid-table .jqx-grid-cell { |
|
810 border-width: 0px 0px 1px 1px; |
|
811 } |
|
812 .jqx-grid-table-one-cell { |
|
813 border: none; |
|
814 border-right-width: 1px; |
|
815 border-right-style:solid; |
|
816 border-right-color:#aaa; |
|
817 } |
|
818 |
|
819 .jqx-grid-table .jqx-grid-cell:first-child { |
|
820 border-left-width: 0px; |
|
821 } |
|
822 |
|
823 /*applied to the selection area.*/ |
|
824 .jqx-grid-selectionarea { |
|
825 border: 1px solid transparent; |
|
826 opacity: 0.5; |
|
827 filter: alpha(opacity=50); |
|
828 } |
|
829 /*applied to a hovered grid cell.*/ |
|
830 .jqx-grid-cell-hover { |
|
831 border-color: transparent; |
|
832 } |
|
833 /*applied to a grid cell when the grid is empty.*/ |
|
834 .jqx-grid-empty-cell{ overflow: visible; border-bottom: none;} |
|
835 |
|
836 /*applied to the Grid when its loading the data.*/ |
|
837 .jqx-grid-load |
|
838 { |
|
839 padding-right: 0px; |
|
840 background-image: url(images/loader.gif); |
|
841 background-position: 50% 50%; |
|
842 background-repeat: no-repeat; |
|
843 z-index: 9999; |
|
844 display: block; |
|
845 } |
|
846 /*applied to a group's collapse button.*/ |
|
847 .jqx-grid-group-collapse |
|
848 { |
|
849 padding-right: 0px; |
|
850 background-image: url(images/icon-right.png); |
|
851 background-position: 50% 50%; |
|
852 background-repeat: no-repeat; |
|
853 cursor: pointer; |
|
854 } |
|
855 .jqx-grid-group-collapse-rtl |
|
856 { |
|
857 padding-right: 0px; |
|
858 background-image: url(images/icon-left.png); |
|
859 background-position: 50% 50%; |
|
860 background-repeat: no-repeat; |
|
861 cursor: pointer; |
|
862 } |
|
863 /*applied to a group's expand button.*/ |
|
864 .jqx-grid-group-expand, .jqx-grid-group-expand-rtl |
|
865 { |
|
866 padding-right: 0px; |
|
867 background-image: url(images/icon-down.png); |
|
868 background-position: 50% 50%; |
|
869 background-repeat: no-repeat; |
|
870 cursor: pointer; |
|
871 } |
|
872 /*jqxProgresBar Style*/ |
|
873 .jqx-progressbar |
|
874 { |
|
875 position: relative; |
|
876 overflow: hidden; |
|
877 outline: none; |
|
878 border: 1px solid transparent; |
|
879 height: 2em; |
|
880 } |
|
881 /*applied to the progressbar's value element*/ |
|
882 .jqx-progressbar-value |
|
883 { |
|
884 outline: none; |
|
885 border: 0px solid transparent; |
|
886 height: 100%; |
|
887 } |
|
888 /*applied to the progress bar's vertical value element- when the widget's orientation is 'vertical'*/ |
|
889 .jqx-progressbar-value-vertical |
|
890 { |
|
891 outline: none; |
|
892 border: 0px solid transparent; |
|
893 height: 100%; |
|
894 background: transparent; |
|
895 } |
|
896 /*applied to the progressbar's text element*/ |
|
897 .jqx-progressbar-text |
|
898 { |
|
899 font-size: 10px; |
|
900 border: none; |
|
901 } |
|
902 /*applied to the progress bar when the widget is in disabled state*/ |
|
903 .jqx-progressbar-disabled |
|
904 { |
|
905 outline: none; |
|
906 border: 1px solid transparent; |
|
907 height: 2em; |
|
908 } |
|
909 |
|
910 /*jqxMenu Style*/ |
|
911 .jqx-menu |
|
912 { |
|
913 border: 1px solid transparent; |
|
914 float: none; |
|
915 margin: 0px; |
|
916 height: 100%; |
|
917 padding: 0px; |
|
918 overflow: hidden; |
|
919 text-align: left; |
|
920 } |
|
921 .jqx-menu-dropdown-column |
|
922 { |
|
923 float: left; |
|
924 } |
|
925 /*applied to the menu when it is horizontal. Sets the menu's background*/ |
|
926 .jqx-menu-horizontal |
|
927 { |
|
928 margin: 0px; |
|
929 padding: 0px; |
|
930 overflow: hidden; |
|
931 text-align: center; |
|
932 } |
|
933 /*applied to the menu when it is vertical. Sets the menu's background*/ |
|
934 .jqx-menu-vertical |
|
935 { |
|
936 text-align: left; |
|
937 } |
|
938 /*applied to the sub menu. Sets the sub menu's background*/ |
|
939 .jqx-menu-dropdown |
|
940 { |
|
941 left: 100%; |
|
942 margin: 0px; |
|
943 padding: 0px; |
|
944 right: 0; |
|
945 overflow: hidden; |
|
946 display: none; |
|
947 float: none; |
|
948 width: 150px; |
|
949 border-style: solid; |
|
950 border-width: 1px; |
|
951 text-align: left; |
|
952 padding: 2px; |
|
953 } |
|
954 /*applied to the sub menu's ul elements.*/ |
|
955 .jqx-menu-dropdown ul |
|
956 { |
|
957 left: 100%; |
|
958 margin: 0px; |
|
959 padding: 0px; |
|
960 right: 0; |
|
961 overflow: hidden; |
|
962 border: none; |
|
963 } |
|
964 /*applied to the menu's ul elements.*/ |
|
965 .jqx-menu ul |
|
966 { |
|
967 left: 100%; |
|
968 margin: 0px; |
|
969 padding: 2px; |
|
970 right: 0; |
|
971 overflow: hidden; |
|
972 background-color: transparent; |
|
973 border: none; |
|
974 } |
|
975 /*applied to the menu's li elements.*/ |
|
976 .jqx-menu li, .jqx-menu-dropdown li |
|
977 { |
|
978 line-height: 1.3 !important; |
|
979 } |
|
980 /*applied to the top level menu items.*/ |
|
981 .jqx-menu-item-top |
|
982 { |
|
983 border: 1px solid transparent; |
|
984 text-indent: 0; |
|
985 list-style: none; |
|
986 padding: 4px 8px 4px 8px; |
|
987 left: 100%; |
|
988 overflow: hidden; |
|
989 color: inherit; |
|
990 right: 0; |
|
991 margin: 0px 3px 0px 3px; |
|
992 cursor: pointer; |
|
993 } |
|
994 /*applied to the sub menu items.*/ |
|
995 .jqx-menu-item |
|
996 { |
|
997 border: 1px solid transparent; |
|
998 text-indent: 0; |
|
999 list-style: none; |
|
1000 padding: 4px 8px 4px 8px; |
|
1001 margin: 1px; |
|
1002 margin-left:3px; |
|
1003 margin-right:3px; |
|
1004 float: none; |
|
1005 overflow: hidden; |
|
1006 left: 100%; |
|
1007 color: inherit; |
|
1008 right: 0; |
|
1009 text-align: left; |
|
1010 cursor: pointer; |
|
1011 *color: expression(this.parentNode.currentStyle['color']); |
|
1012 } |
|
1013 /*applied to a sub menu item when the mouse is over the item.*/ |
|
1014 .jqx-menu-item-hover |
|
1015 { |
|
1016 color: inherit; |
|
1017 right: 0; |
|
1018 list-style: none; |
|
1019 margin: 1px; |
|
1020 margin-left: 3px; |
|
1021 margin-right: 3px; |
|
1022 left: 100%; |
|
1023 padding: 4px 8px 4px 8px; |
|
1024 text-align: left; |
|
1025 cursor: pointer; |
|
1026 *color: expression(this.parentNode.currentStyle['color']); |
|
1027 } |
|
1028 /*applied to a top-level menu item when the mouse is over it.*/ |
|
1029 .jqx-menu-item-top-hover |
|
1030 { |
|
1031 color: inherit; |
|
1032 right: 0; |
|
1033 list-style: none; |
|
1034 margin: 0px 3px 0px 3px; |
|
1035 left: 100%; |
|
1036 padding: 4px 8px 4px 8px; |
|
1037 top: 50%; |
|
1038 cursor: pointer; |
|
1039 *color: expression(this.parentNode.currentStyle['color']); |
|
1040 } |
|
1041 /*applied to a sub menu item when its sub menu is opened.*/ |
|
1042 .jqx-menu-item-selected |
|
1043 { |
|
1044 right: 0; |
|
1045 list-style: none; |
|
1046 margin: 1px; |
|
1047 margin-left:3px; |
|
1048 margin-right:3px; |
|
1049 left: 100%; |
|
1050 padding: 4px 8px 4px 8px; |
|
1051 text-align: left; |
|
1052 cursor: pointer; |
|
1053 *color: expression(this.parentNode.currentStyle['color']); |
|
1054 } |
|
1055 /*applied to a disabled sub menu item.*/ |
|
1056 .jqx-menu-item-disabled |
|
1057 { |
|
1058 |
|
1059 } |
|
1060 /*applied to a top-level menu item when its sub menu is opened.*/ |
|
1061 .jqx-menu-item-top-selected |
|
1062 { |
|
1063 right: 0; |
|
1064 list-style: none; |
|
1065 margin: 0px 1px 0px 1px; |
|
1066 margin-left:3px; |
|
1067 margin-right:3px; |
|
1068 left: 100%; |
|
1069 padding: 4px 8px 4px 8px; |
|
1070 cursor: pointer; |
|
1071 } |
|
1072 /*applied to the menu separator items.*/ |
|
1073 .jqx-menu-item-separator |
|
1074 { |
|
1075 text-indent: 0; |
|
1076 background-color: #ddd; |
|
1077 border: none; |
|
1078 list-style: none; |
|
1079 height: 1px; |
|
1080 line-height:0 !important; |
|
1081 padding: 0px; |
|
1082 margin: 1px 2px 1px 2px; |
|
1083 float: none; |
|
1084 overflow: hidden; |
|
1085 left: 100%; |
|
1086 color: inherit; |
|
1087 right: 0; |
|
1088 font-size: 1px; |
|
1089 } |
|
1090 /*applied to a sub menu item when it has sub menu items. Displays right arrow icon.*/ |
|
1091 .jqx-menu-item-arrow-right |
|
1092 { |
|
1093 background-image: url(images/icon-right.png); |
|
1094 } |
|
1095 /*applied to a sub menu item when it has sub menu items. Displays down arrow icon.*/ |
|
1096 .jqx-menu-item-arrow-down |
|
1097 { |
|
1098 background-image: url(images/icon-down.png); |
|
1099 } |
|
1100 /*applied to a sub menu item when it has sub menu items. Displays up arrow icon.*/ |
|
1101 .jqx-menu-item-arrow-up |
|
1102 { |
|
1103 background-image: url(images/icon-up.png); |
|
1104 } |
|
1105 .jqx-menu-minimized { |
|
1106 position: relative; |
|
1107 } |
|
1108 .jqx-menu-title { |
|
1109 position: relative; |
|
1110 float: right; |
|
1111 margin-top: 4px; |
|
1112 padding-top: 4px; |
|
1113 padding-right: 20px; |
|
1114 } |
|
1115 .jqx-menu-minimized-button |
|
1116 { |
|
1117 background-image: url('images/icon-menu-minimized.png'); |
|
1118 background-repeat: no-repeat; |
|
1119 background-position: left center; |
|
1120 height: 24px; |
|
1121 width: 24px; |
|
1122 padding: 0px; |
|
1123 margin-left: 7px; |
|
1124 margin-top: 4px; |
|
1125 float : left; |
|
1126 } |
|
1127 .jqx-menu-ul-minimized { |
|
1128 display: block!important; |
|
1129 width: auto !important; |
|
1130 } |
|
1131 .jqx-menu-ul-minimized ul { |
|
1132 margin-top: 0px; |
|
1133 margin-bottom: 0px; |
|
1134 padding-top: 0px; |
|
1135 padding-bottom: 0px; |
|
1136 -webkit-box-shadow: none !important; |
|
1137 -moz-box-shadow : none !important; |
|
1138 -o-box-shadow : none !important; |
|
1139 box-shadow : none !important; |
|
1140 } |
|
1141 .jqx-menu-minimized li:last-child { |
|
1142 padding-bottom: 0px; |
|
1143 margin: 0px; |
|
1144 } |
|
1145 .jqx-menu-item-arrow-right, .jqx-menu-item-arrow-down, .jqx-menu-item-arrow-up, .jqx-menu-item-arrow-right { |
|
1146 background-position: 100% 50%; |
|
1147 background-repeat: no-repeat; |
|
1148 padding-right: 0px; |
|
1149 margin-right: -8px; |
|
1150 width: 17px; |
|
1151 height: 15px; |
|
1152 } |
|
1153 /*applied to a sub menu item when it has sub menu items. Displays left arrow icon.*/ |
|
1154 .jqx-menu-item-arrow-left |
|
1155 { |
|
1156 padding-right: 0px; |
|
1157 padding-left: 5px; |
|
1158 width: 17px; |
|
1159 height: 15px; |
|
1160 background-image: url(images/icon-left.png); |
|
1161 background-position: 0 50%; |
|
1162 background-repeat: no-repeat; |
|
1163 } |
|
1164 /*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays right arrow icon.*/ |
|
1165 .jqx-menu-item-arrow-right-selected |
|
1166 { |
|
1167 background-image: url(images/icon-right.png); |
|
1168 } |
|
1169 /*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays down arrow icon.*/ |
|
1170 .jqx-menu-item-arrow-down-selected |
|
1171 { |
|
1172 background-image: url(images/icon-down.png); |
|
1173 } |
|
1174 /*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays up arrow icon.*/ |
|
1175 .jqx-menu-item-arrow-up-selected |
|
1176 { |
|
1177 background-image: url(images/icon-up.png); |
|
1178 } |
|
1179 .jqx-menu-item-arrow-right-selected, .jqx-menu-item-arrow-up-selected, .jqx-menu-item-arrow-down-selected, .jqx-menu-item-arrow-top-right { |
|
1180 padding-right: 0px; |
|
1181 margin-right: -8px; |
|
1182 width: 17px; |
|
1183 height: 15px; |
|
1184 background-position: 100% 50%; |
|
1185 background-repeat: no-repeat; |
|
1186 } |
|
1187 /*applied to a top-level menu item when it has sub menu items. Displays right arrow icon.*/ |
|
1188 .jqx-menu-item-arrow-top-right |
|
1189 { |
|
1190 background-image: url(images/icon-right.png); |
|
1191 } |
|
1192 /*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays left arrow icon.*/ |
|
1193 .jqx-menu-item-arrow-left-selected |
|
1194 { |
|
1195 background-image: url(images/icon-left.png); |
|
1196 } |
|
1197 /*applied to a top-level menu item when it has sub menu items. Displays left arrow icon.*/ |
|
1198 .jqx-menu-item-arrow-top-left |
|
1199 { |
|
1200 background-image: url(images/icon-left.png); |
|
1201 } |
|
1202 .jqx-menu-item-arrow-left-selected, .jqx-menu-item-arrow-top-left { |
|
1203 background-position: 0 50%; |
|
1204 background-repeat: no-repeat; |
|
1205 padding-right: 0px; |
|
1206 padding-left: 5px; |
|
1207 width: 17px; |
|
1208 height: 15px; |
|
1209 } |
|
1210 /*applied to the anchor elements*/ |
|
1211 .jqx-menu-item a:link, .jqx-menu-item a:visited, .jqx-menu-item a:hover, .jqx-menu-item-top a:link, .jqx-menu-item-top a:visited, .jqx-menu-item-top a:hover |
|
1212 { |
|
1213 font:inherit; |
|
1214 text-decoration: none; |
|
1215 color: inherit; |
|
1216 outline: none; |
|
1217 background-color: transparent; |
|
1218 *color: expression(this.parentNode.currentStyle['color']); |
|
1219 } |
|
1220 |
|
1221 /*applied to the menu widget when it is disabled.*/ |
|
1222 .jqx-menu-disabled |
|
1223 { |
|
1224 cursor: default; |
|
1225 } |
|
1226 /*applied to the anchor elements of all disabled menu items.*/ |
|
1227 .jqx-menu-disabled a:link |
|
1228 { |
|
1229 cursor: default; |
|
1230 text-decoration: none; |
|
1231 } |
|
1232 .jqx-menu-disabled a:visited |
|
1233 { |
|
1234 cursor: default; |
|
1235 text-decoration: none; |
|
1236 } |
|
1237 .jqx-menu-disabled a:hover |
|
1238 { |
|
1239 cursor: default; |
|
1240 } |
|
1241 .jqx-menu-dropdown |
|
1242 { |
|
1243 right: -1px; |
|
1244 } |
|
1245 |
|
1246 /*jqxtree Style*/ |
|
1247 .jqx-tree |
|
1248 { |
|
1249 left: 100%; |
|
1250 right: 0; |
|
1251 float: none; |
|
1252 margin: 0px; |
|
1253 border-style: solid; |
|
1254 border-width: 1px; |
|
1255 padding: 0px; |
|
1256 overflow: hidden; |
|
1257 text-align: left; |
|
1258 outline: none; |
|
1259 white-space: nowrap; |
|
1260 line-height: 14px !important; |
|
1261 } |
|
1262 /*applied to the jqxTree root UL element.*/ |
|
1263 .jqx-tree-dropdown-root |
|
1264 { |
|
1265 left: 100%; |
|
1266 padding: 0px 5px 0px 5px; |
|
1267 right: 0; |
|
1268 display: block; |
|
1269 float: none; |
|
1270 background-color: transparent; |
|
1271 border-style: solid; |
|
1272 border-width: 0px; |
|
1273 border-color: #fff; |
|
1274 text-align: left; |
|
1275 outline: none; |
|
1276 white-space: nowrap; |
|
1277 margin: 0px; |
|
1278 } |
|
1279 .jqx-tree-dropdown-root-rtl { |
|
1280 padding: 0px 5px 0px 0px; |
|
1281 text-align: right; |
|
1282 float: right; |
|
1283 margin: 0px; |
|
1284 } |
|
1285 |
|
1286 /*applied to the jqxTree UL elements.*/ |
|
1287 .jqx-tree-dropdown |
|
1288 { |
|
1289 left: 100%; |
|
1290 margin: 0px; |
|
1291 padding: 0px 0px 0px 10px; |
|
1292 right: 0; |
|
1293 display: block; |
|
1294 float: none; |
|
1295 background-color: transparent; |
|
1296 border-style: solid; |
|
1297 border-width: 0px; |
|
1298 border-color: transparent; |
|
1299 text-align: left; |
|
1300 outline: none; |
|
1301 } |
|
1302 .jqx-tree-dropdown-rtl { |
|
1303 padding: 3px 0px 0px 0px; |
|
1304 text-align: right; |
|
1305 } |
|
1306 |
|
1307 /*applied to a tree item.*/ |
|
1308 .jqx-tree-item |
|
1309 { |
|
1310 border: 1px solid transparent; |
|
1311 text-indent: 0; |
|
1312 list-style: none; |
|
1313 padding: 3px; |
|
1314 margin: 0px; |
|
1315 float: none; |
|
1316 overflow: hidden; |
|
1317 left: 100%; |
|
1318 right: 0; |
|
1319 text-align: left; |
|
1320 cursor: default; |
|
1321 text-decoration: none; |
|
1322 } |
|
1323 /*applied to the jqxTree LI elements.*/ |
|
1324 .jqx-tree-item-li |
|
1325 { |
|
1326 text-indent: 0; |
|
1327 background-color: transparent; |
|
1328 border: 0px solid transparent; |
|
1329 list-style: none; |
|
1330 left: 100%; |
|
1331 right: 0; |
|
1332 text-align: left; |
|
1333 outline: none; |
|
1334 margin: 0px; |
|
1335 margin-top: 1px; |
|
1336 padding: 0px; |
|
1337 } |
|
1338 /*applied to the last LI elements in an UL element.*/ |
|
1339 .jqx-tree-item-u-last |
|
1340 { |
|
1341 margin: 0px 0px 0px 0px; |
|
1342 } |
|
1343 /*applied to a tree item when the mouse is over the item.*/ |
|
1344 .jqx-tree-item-hover |
|
1345 { |
|
1346 color: inherit; |
|
1347 right: 0; |
|
1348 padding: 3px; |
|
1349 margin: 0px; |
|
1350 list-style: none; |
|
1351 left: 100%; |
|
1352 cursor: pointer; |
|
1353 text-decoration: none; |
|
1354 } |
|
1355 /*applied to a tree item when the item is selected.*/ |
|
1356 .jqx-tree-item-selected |
|
1357 { |
|
1358 color: inherit; |
|
1359 right: 0; |
|
1360 padding: 3px; |
|
1361 margin: 0px; |
|
1362 list-style: none; |
|
1363 left: 100%; |
|
1364 cursor: pointer; |
|
1365 text-decoration: none; |
|
1366 } |
|
1367 .jqx-tree-item-rtl { |
|
1368 text-align: right; |
|
1369 } |
|
1370 .jqx-tree-item-li-rtl { |
|
1371 text-align: right; |
|
1372 } |
|
1373 /*applied to the anchor element of a tree item.*/ |
|
1374 .jqx-tree-item a:link, .jqx-tree-item a:visited |
|
1375 { |
|
1376 text-indent: 0; |
|
1377 background-color: transparent; |
|
1378 border: 0px solid transparent; |
|
1379 list-style: none; |
|
1380 padding: 0px; |
|
1381 margin: 0px; |
|
1382 float: none; |
|
1383 overflow: hidden; |
|
1384 left: 100%; |
|
1385 color: inherit; |
|
1386 right: 0; |
|
1387 text-align: left; |
|
1388 cursor: pointer; |
|
1389 text-decoration: none; |
|
1390 outline: none; |
|
1391 } |
|
1392 .jqx-tree-item-selected, .jqx-tree-item-hover a:hover |
|
1393 { |
|
1394 color: inherit; |
|
1395 } |
|
1396 .jqx-tree-item-selected, .jqx-tree-item-hover a:visited |
|
1397 { |
|
1398 color: inherit; |
|
1399 } |
|
1400 |
|
1401 /*applied to a tree item when the item is disabled.*/ |
|
1402 .jqx-tree-item-disabled |
|
1403 { |
|
1404 |
|
1405 } |
|
1406 /*applied to a tree item when it has sub items and is collapsed. Displays an arrow icon next to the item.*/ |
|
1407 .jqx-tree-item-arrow-collapse, .jqx-tree-item-arrow-collapse-hover |
|
1408 { |
|
1409 padding-right: 0px; |
|
1410 width: 17px; |
|
1411 height: 17px; |
|
1412 background-image: url(images/icon-right.png); |
|
1413 background-position: 100% 50%; |
|
1414 background-repeat: no-repeat; |
|
1415 cursor: pointer; |
|
1416 } |
|
1417 .jqx-tree-item-arrow-collapse-rtl, .jqx-tree-item-arrow-collapse-hover-rtl { |
|
1418 background-image: url(images/icon-left.png); |
|
1419 } |
|
1420 |
|
1421 /*applied to a tree item when it has sub items and is expanded. Displays an arrow icon next to the item.*/ |
|
1422 .jqx-tree-item-arrow-expand, .jqx-tree-item-arrow-expand-hover |
|
1423 { |
|
1424 padding-right: 0px; |
|
1425 width: 17px; |
|
1426 height: 17px; |
|
1427 background-image: url(images/icon-down.png); |
|
1428 background-position: 100% 50%; |
|
1429 background-repeat: no-repeat; |
|
1430 cursor: pointer; |
|
1431 } |
|
1432 /*applied to the tree when it is disabled.*/ |
|
1433 .jqx-tree-disabled |
|
1434 { |
|
1435 cursor: default; |
|
1436 } |
|
1437 /*applied to the anchor elements in a tree when it is disabled.*/ |
|
1438 .jqx-tree-disabled a:link |
|
1439 { |
|
1440 cursor: default; |
|
1441 text-decoration: none; |
|
1442 } |
|
1443 .jqx-tree-disabled a:visited |
|
1444 { |
|
1445 cursor: default; |
|
1446 text-decoration: none; |
|
1447 } |
|
1448 .jqx-tree-disabled a:hover |
|
1449 { |
|
1450 cursor: default; |
|
1451 } |
|
1452 |
|
1453 |
|
1454 /*jqxTabs*/ |
|
1455 .jqx-tabs |
|
1456 { |
|
1457 outline: none; |
|
1458 margin: 0 0 0 0; |
|
1459 padding: 0px; |
|
1460 overflow: hidden; |
|
1461 background: transparent; |
|
1462 border: 1px solid transparent; |
|
1463 } |
|
1464 /*applied to the tab close button.*/ |
|
1465 .jqx-tabs-close-button |
|
1466 { |
|
1467 outline: none; |
|
1468 background-image: url(images/close.png); |
|
1469 cursor: pointer; |
|
1470 margin: 0 0 0 0; |
|
1471 padding: 0 0 0 0; |
|
1472 position: relative; |
|
1473 left: 5px; |
|
1474 } |
|
1475 /*applied to the tab close button when the tab is selected.*/ |
|
1476 .jqx-tabs-close-button-selected |
|
1477 { |
|
1478 outline: none; |
|
1479 background-image: url(images/close.png); |
|
1480 cursor: pointer; |
|
1481 margin: 0 0 0 0; |
|
1482 padding: 0 0 0 0; |
|
1483 } |
|
1484 /*applied to the tab close button when the mouse is over the tab.*/ |
|
1485 .jqx-tabs-close-button-hover |
|
1486 { |
|
1487 outline: none; |
|
1488 background-image: url(images/close.png); |
|
1489 cursor: pointer; |
|
1490 margin: 0 0 0 0; |
|
1491 padding: 0 0 0 0; |
|
1492 } |
|
1493 .jqx-tabs-close-button, .jqx-tabs-close-button-selected, .jqx-tabs-close-button-hover{background-repeat:no-repeat; background-position:center;} |
|
1494 /*applied to the tab's left scroll arrow.*/ |
|
1495 .jqx-tabs-arrow-left |
|
1496 { |
|
1497 outline: none; |
|
1498 position: relative; |
|
1499 z-index: 15; |
|
1500 float: left; |
|
1501 cursor: pointer; |
|
1502 margin: 0 0 0 0; |
|
1503 padding: 0 0 0 0; |
|
1504 background-image: url('images/icon-left.png'); |
|
1505 background-repeat: no-repeat; |
|
1506 background-position: center; |
|
1507 } |
|
1508 /*applied to the tab's right scroll arrow.*/ |
|
1509 .jqx-tabs-arrow-right |
|
1510 { |
|
1511 outline: none; |
|
1512 position: relative; |
|
1513 z-index: 15; |
|
1514 background-image: url('images/icon-right.png'); |
|
1515 background-repeat: no-repeat; |
|
1516 background-position: center; |
|
1517 float: left; |
|
1518 cursor: pointer; |
|
1519 margin: 0 0 0 0; |
|
1520 padding: 0 0 0 0; |
|
1521 } |
|
1522 .jqx-tabs-arrow-background |
|
1523 { |
|
1524 background: #eeeeee; |
|
1525 } |
|
1526 /*applied to the tab's title.*/ |
|
1527 .jqx-tabs-title |
|
1528 { |
|
1529 outline: none; |
|
1530 display: block; |
|
1531 cursor: pointer; |
|
1532 white-space: nowrap; |
|
1533 left: 100%; |
|
1534 right: 0; |
|
1535 text-indent: 0px; |
|
1536 list-style: none; |
|
1537 border: 1px solid transparent; |
|
1538 margin: 0px 2px 0px 0px; |
|
1539 overflow: hidden; |
|
1540 z-index: 1; |
|
1541 padding-left: 13px; |
|
1542 padding-right: 13px; |
|
1543 padding-bottom: 5px; |
|
1544 padding-top: 5px; |
|
1545 background: transparent; |
|
1546 height: auto; |
|
1547 position: relative; |
|
1548 } |
|
1549 .jqx-tabs-title-bottom |
|
1550 { |
|
1551 } |
|
1552 .jqx-tabs-title a:link |
|
1553 { |
|
1554 color: inherit; |
|
1555 *color: expression(this.parentNode.currentStyle['color']); |
|
1556 text-decoration: none; |
|
1557 } |
|
1558 .jqx-tabs-title a:hover |
|
1559 { |
|
1560 color: inherit; |
|
1561 *color: expression(this.parentNode.currentStyle['color']); |
|
1562 text-decoration: none; |
|
1563 } |
|
1564 .jqx-tabs-title a:active |
|
1565 { |
|
1566 color: inherit; |
|
1567 *color: expression(this.parentNode.currentStyle['color']); |
|
1568 text-decoration: none; |
|
1569 } |
|
1570 .jqx-tabs-title a:visited |
|
1571 { |
|
1572 color: inherit; |
|
1573 *color: expression(this.parentNode.currentStyle['color']); |
|
1574 text-decoration: none; |
|
1575 } |
|
1576 /*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'top' .*/ |
|
1577 .jqx-tabs-title-selected-top |
|
1578 { |
|
1579 z-index: 99; |
|
1580 outline: none; |
|
1581 border-top: 1px solid transparent; |
|
1582 border-left: 1px solid transparent; |
|
1583 border-right: 1px solid transparent; |
|
1584 border-bottom: 1px solid #fff; |
|
1585 background-color: #fff; |
|
1586 padding-bottom: 7px; |
|
1587 } |
|
1588 /*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'bottom' .*/ |
|
1589 .jqx-tabs-title-selected-bottom |
|
1590 { |
|
1591 outline: none; |
|
1592 border-top: 1px solid #fff; |
|
1593 border-left: 1px solid transparent; |
|
1594 border-right: 1px solid transparent; |
|
1595 border-bottom: 1px solid transparent; |
|
1596 padding-top: 7px; |
|
1597 padding-bottom: 5px; |
|
1598 margin-top: -2px; |
|
1599 background-color: #fff; |
|
1600 } |
|
1601 /*applied to the tab's title when the tab is hovered and the jqxTab's position property is set to 'top' .*/ |
|
1602 .jqx-tabs-title-hover-top |
|
1603 { |
|
1604 outline: none; |
|
1605 border: 1px solid transparent; |
|
1606 padding-bottom: 5px; |
|
1607 } |
|
1608 /*applied to the tab's title when the tab is hovered and the jqxTab's position property is set to 'bottom' .*/ |
|
1609 .jqx-tabs-title-hover-bottom |
|
1610 { |
|
1611 outline: none; |
|
1612 border: 1px solid transparent; |
|
1613 padding-top: 5px; |
|
1614 } |
|
1615 /*applied to the tab's title when the tab is disabled.*/ |
|
1616 .jqx-tabs-title-disable |
|
1617 { |
|
1618 |
|
1619 } |
|
1620 /*applied to the tab's header.*/ |
|
1621 .jqx-tabs-header |
|
1622 { |
|
1623 padding-left: 0px; |
|
1624 padding-right: 0px; |
|
1625 padding-top: 3px; |
|
1626 padding-bottom: 1px; |
|
1627 margin: 0px; |
|
1628 border-top: 0px solid transparent; |
|
1629 border-left: 0px solid transparent; |
|
1630 border-right: 0px solid transparent; |
|
1631 border-bottom: 1px solid #aaa; |
|
1632 background: #eeeeee; |
|
1633 } |
|
1634 /*applied to the tab's header when the position is bottom.*/ |
|
1635 .jqx-tabs-header-bottom |
|
1636 { |
|
1637 padding-top: 1px; |
|
1638 padding-bottom: 3px; |
|
1639 border-top: 0px solid #aaa; |
|
1640 border-left: 0px solid transparent; |
|
1641 border-right: 0px solid transparent; |
|
1642 border-bottom: 1px solid transparent; |
|
1643 } |
|
1644 /*applied to the tab's header when the tab is collapsed.*/ |
|
1645 .jqx-tabs-header-collapsed |
|
1646 { |
|
1647 border: 1px solid #aaa; |
|
1648 } |
|
1649 /*applied to the tab's header when the position is bottom and tab is collapsed.*/ |
|
1650 .jqx-tabs-header-collapsed-bottom |
|
1651 { |
|
1652 border: 1px solid #aaa; |
|
1653 } |
|
1654 .jqx-tabs-collapsed |
|
1655 { |
|
1656 border: 0px solid transparent; |
|
1657 } |
|
1658 .jqx-tabs-collapsed-bottom |
|
1659 { |
|
1660 border: 0px solid transparent; |
|
1661 } |
|
1662 /*applied to the tab's selection tracker container element.*/ |
|
1663 .jqx-tabs-selection-tracker-container |
|
1664 { |
|
1665 outline: none; |
|
1666 position: relative; |
|
1667 text-indent: 0px; |
|
1668 margin: 0 0 0 0; |
|
1669 padding: 0 0 0 0; |
|
1670 width: 100%; |
|
1671 background: transparent; |
|
1672 height: 0px; |
|
1673 } |
|
1674 /*applied to the tab's selection tracker when the jqxTab's position property is set to 'top'.*/ |
|
1675 .jqx-tabs-selection-tracker-top |
|
1676 { |
|
1677 border-top: 1px solid transparent; |
|
1678 border-left: 1px solid transparent; |
|
1679 border-right: 1px solid transparent; |
|
1680 padding-bottom: 2px; |
|
1681 background-color: #fff; |
|
1682 outline: none; |
|
1683 position: absolute; |
|
1684 z-index: 10; |
|
1685 } |
|
1686 /*applied to the tab's selection tracker when the jqxTab's position property is set to 'bottom'.*/ |
|
1687 .jqx-tabs-selection-tracker-bottom |
|
1688 { |
|
1689 border-left: 1px solid transparent; |
|
1690 border-right: 1px solid transparent; |
|
1691 border-bottom: 1px solid transparent; |
|
1692 background-color: #fff; |
|
1693 outline: none; |
|
1694 position: absolute; |
|
1695 z-index: 10; |
|
1696 margin-top: -1px; |
|
1697 padding-bottom: 2px; |
|
1698 } |
|
1699 /*applied to the tab's content element which represents a DIV element.*/ |
|
1700 .jqx-tabs-content |
|
1701 { |
|
1702 outline: none; |
|
1703 border-bottom: 0px solid transparent; |
|
1704 border-left: 0px solid transparent; |
|
1705 border-right: 0px solid transparent; |
|
1706 border-top: 0px solid transparent; |
|
1707 text-align: left; |
|
1708 clear: both; |
|
1709 } |
|
1710 .jqx-tabs-content-element |
|
1711 { |
|
1712 height: 100%; |
|
1713 overflow: auto; |
|
1714 } |
|
1715 |
|
1716 /*jqxCheckBox*/ |
|
1717 .jqx-checkbox |
|
1718 { |
|
1719 overflow:hidden; |
|
1720 text-align: left; |
|
1721 border: none; |
|
1722 outline: none; |
|
1723 margin: 0 0 0 0; |
|
1724 white-space: nowrap; |
|
1725 text-overflow: ellipsis; |
|
1726 } |
|
1727 /*applied to the check box.*/ |
|
1728 .jqx-checkbox-default |
|
1729 { |
|
1730 text-align: left; |
|
1731 float: left; |
|
1732 padding: 0px; |
|
1733 border: 1px solid transparent; |
|
1734 outline: none; |
|
1735 margin: 0px 3px 0px 3px; |
|
1736 } |
|
1737 /*applied to the check box when the mouse cursor is over it.*/ |
|
1738 .jqx-checkbox-hover |
|
1739 { |
|
1740 cursor: pointer; |
|
1741 float: left; |
|
1742 padding: 0px; |
|
1743 border: 1px solid transparent; |
|
1744 outline: none; |
|
1745 margin: 0px 3px 0px 3px; |
|
1746 } |
|
1747 /*applied to the widget when it is disabled.*/ |
|
1748 .jqx-checkbox-disabled |
|
1749 { |
|
1750 cursor: default; |
|
1751 background: transparent; |
|
1752 padding: 0px; |
|
1753 border: none; |
|
1754 outline: none; |
|
1755 margin: 0px 0px 0px 0px; |
|
1756 } |
|
1757 /*applied to the check box when the widget is disabled.*/ |
|
1758 .jqx-checkbox-disabled-box |
|
1759 { |
|
1760 float: left; |
|
1761 padding: 0px; |
|
1762 border: 1px solid transparent; |
|
1763 outline: none; |
|
1764 margin: 0px 3px 0px 3px; |
|
1765 } |
|
1766 /*applied to the check box when it is checked. Displays a check icon.*/ |
|
1767 .jqx-checkbox-check-checked |
|
1768 { |
|
1769 float: left; |
|
1770 background: transparent url(images/check_black.png) center center no-repeat; |
|
1771 padding: 0px; |
|
1772 border: none; |
|
1773 outline: none; |
|
1774 margin: 0 0 0 0; |
|
1775 } |
|
1776 /*applied to the check box when the widget is disabled. Displays a disabled check icon.*/ |
|
1777 .jqx-checkbox-check-disabled |
|
1778 { |
|
1779 float: left; |
|
1780 background: transparent url(images/check_disabled.png) center center no-repeat; |
|
1781 padding: 0px; |
|
1782 border: none; |
|
1783 outline: none; |
|
1784 margin: 0 0 0 0; |
|
1785 } |
|
1786 /*applied to the check box when its state is indeterminate.*/ |
|
1787 .jqx-checkbox-check-indeterminate |
|
1788 { |
|
1789 float: left; |
|
1790 background: transparent url(images/check_indeterminate_black.png) center center no-repeat; |
|
1791 padding: 0px; |
|
1792 border: none; |
|
1793 outline: none; |
|
1794 margin: 0 0 0 0; |
|
1795 } |
|
1796 /*applied to the check box when its state is indeterminate and it is disabled.*/ |
|
1797 .jqx-checkbox-check-indeterminate-disabled |
|
1798 { |
|
1799 float: left; |
|
1800 background: transparent url(images/check_indeterminate_disabled.png) center center no-repeat; |
|
1801 padding: 0px; |
|
1802 border: none; |
|
1803 outline: none; |
|
1804 margin: 0 0 0 0; |
|
1805 } |
|
1806 /*applied to the check box when its in rtl mode.*/ |
|
1807 .jqx-checkbox-rtl { |
|
1808 float: right; |
|
1809 } |
|
1810 /*jqxRadioButton*/ |
|
1811 .jqx-radiobutton |
|
1812 { |
|
1813 overflow:hidden; |
|
1814 text-overflow: ellipsis; |
|
1815 border: none; |
|
1816 outline: none; |
|
1817 margin: 0 0 0 0; |
|
1818 white-space: nowrap; |
|
1819 } |
|
1820 /*applied to the radio button.*/ |
|
1821 .jqx-radiobutton-default |
|
1822 { |
|
1823 cursor: pointer; |
|
1824 float: left; |
|
1825 background: transparent url(images/roundbg_classic_normal.png) left center scroll repeat-x; |
|
1826 padding: 0px; |
|
1827 border: 1px solid transparent; |
|
1828 outline: none; |
|
1829 margin: 1px 3px 0px 3px; |
|
1830 -moz-border-radius: 100%; |
|
1831 -webkit-border-radius: 100%; |
|
1832 border-radius: 100%; |
|
1833 } |
|
1834 /*applied to the radio button when the mouse is over it.*/ |
|
1835 .jqx-radiobutton-hover |
|
1836 { |
|
1837 cursor: pointer; |
|
1838 float: left; |
|
1839 background: transparent; |
|
1840 padding: 0px; |
|
1841 border: 1px solid transparent; |
|
1842 outline: none; |
|
1843 margin: 1px 3px 0px 3px; |
|
1844 -moz-border-radius: 100%; |
|
1845 -webkit-border-radius: 100%; |
|
1846 border-radius: 100%; |
|
1847 } |
|
1848 /*applied to the radio button when it is disabled.*/ |
|
1849 .jqx-radiobutton-disabled |
|
1850 { |
|
1851 cursor: default; |
|
1852 } |
|
1853 /*applied to the radio button's radio icon when it is disabled.*/ |
|
1854 .jqx-radiobutton-disabled-box |
|
1855 { |
|
1856 } |
|
1857 /*applied to the radio button when it is checked.*/ |
|
1858 .jqx-radiobutton-check-checked |
|
1859 { |
|
1860 float: left; |
|
1861 background: transparent url(images/roundbg_check_black.png) left top no-repeat; |
|
1862 padding: 0px; |
|
1863 border: 1px solid transparent; |
|
1864 outline: none; |
|
1865 margin: 0 0 0 0; |
|
1866 -moz-border-radius: 100%; |
|
1867 -webkit-border-radius: 100%; |
|
1868 border-radius: 100%; |
|
1869 width: 7px; |
|
1870 height: 7px; |
|
1871 margin-left: 2px; |
|
1872 margin-top: 2px; |
|
1873 } |
|
1874 /*applied to the radio button when it is checked and disabled.*/ |
|
1875 .jqx-radiobutton-check-disabled |
|
1876 { |
|
1877 } |
|
1878 /*applied to the radio button when it is in indeterminate state.*/ |
|
1879 .jqx-radiobutton-check-indeterminate |
|
1880 { |
|
1881 float: left; |
|
1882 background: transparent url(images/roundbg_check_indeterminate.png) left top no-repeat; |
|
1883 padding: 0px; |
|
1884 border: none; |
|
1885 outline: none; |
|
1886 margin: 0 0 0 0; |
|
1887 -moz-border-radius: 100%; |
|
1888 -webkit-border-radius: 100%; |
|
1889 border-radius: 100%; |
|
1890 width: 6px; |
|
1891 height: 6px; |
|
1892 margin-left: 2px; |
|
1893 margin-top: 2px; |
|
1894 } |
|
1895 /*applied to the radio button when it is in indeterminate state and disabled.*/ |
|
1896 .jqx-radiobutton-check-indeterminate-disabled |
|
1897 { |
|
1898 } |
|
1899 /*applied to the radio button when its in rtl mode.*/ |
|
1900 .jqx-radiobutton-rtl { |
|
1901 float: right; |
|
1902 } |
|
1903 |
|
1904 /*jqxRating*/ |
|
1905 .jqx-rating |
|
1906 { |
|
1907 margin: 0px; |
|
1908 padding: 0px; |
|
1909 outline: none; |
|
1910 overflow: hidden; |
|
1911 } |
|
1912 .jqx-rating-image |
|
1913 { |
|
1914 border-width: 0px; |
|
1915 } |
|
1916 .jqx-rating-image-default |
|
1917 { |
|
1918 margin: 0px; |
|
1919 padding: 0px; |
|
1920 outline: none; |
|
1921 background-color: transparent; |
|
1922 background-repeat: no-repeat; |
|
1923 cursor: pointer; |
|
1924 background-image: url(images/star.png); |
|
1925 overflow: hidden; |
|
1926 } |
|
1927 /*applied to the rating when it is hovered.*/ |
|
1928 .jqx-rating-image-hover |
|
1929 { |
|
1930 background-color: transparent; |
|
1931 padding: 0px; |
|
1932 background-repeat: no-repeat; |
|
1933 cursor: pointer; |
|
1934 background-image: url(images/star_hover.png); |
|
1935 overflow: hidden; |
|
1936 } |
|
1937 /*applied to the rating when it is disabled.*/ |
|
1938 .jqx-rating-image-backward |
|
1939 { |
|
1940 background-color: transparent; |
|
1941 padding: 0px; |
|
1942 background-repeat: no-repeat; |
|
1943 cursor: pointer; |
|
1944 background-image: url(images/star_disabled.png); |
|
1945 overflow: hidden; |
|
1946 } |
|
1947 /*jqxCalendar Style*/ |
|
1948 .jqx-calendar |
|
1949 { |
|
1950 border: 1px solid transparent; |
|
1951 -webkit-appearance: none; |
|
1952 overflow: hidden; |
|
1953 outline: none; |
|
1954 padding: 0px; |
|
1955 margin: 0 0 0 0; |
|
1956 cursor: default; |
|
1957 border-collapse: separate; |
|
1958 } |
|
1959 .jqx-calendar .jqx-widget-header{ |
|
1960 |
|
1961 } |
|
1962 .jqx-calendar > div { |
|
1963 padding: 0px; |
|
1964 box-sizing: border-box; |
|
1965 } |
|
1966 .jqx-calendar-light > div { |
|
1967 padding: 10px; |
|
1968 } |
|
1969 |
|
1970 .jqx-calendar td { |
|
1971 padding-top: 0px; |
|
1972 padding-bottom: 0px; |
|
1973 border-collapse: separate; |
|
1974 border-spacing: 1px; |
|
1975 font-size: 13px; |
|
1976 line-height: 1.231; |
|
1977 height:auto; |
|
1978 } |
|
1979 .jqx-calendar table { |
|
1980 margin: 0px; |
|
1981 padding: 0px; |
|
1982 border-collapse: separate; |
|
1983 border-spacing: 1px; |
|
1984 font-size: 13px; |
|
1985 line-height: 1.231; |
|
1986 } |
|
1987 /*applied to the calendar's row header. This header displays the week numbers.*/ |
|
1988 .jqx-calendar-row-header |
|
1989 { |
|
1990 outline: none; |
|
1991 border: 0px solid #f2f2f2; |
|
1992 padding: 0; |
|
1993 margin: 0 0 0 0; |
|
1994 cursor: default; |
|
1995 } |
|
1996 /*applied to the calendar's column. This header displays the day names.*/ |
|
1997 .jqx-calendar-column-header |
|
1998 { |
|
1999 outline: none; |
|
2000 text-align: right; |
|
2001 padding: 3px; |
|
2002 border-top: none; |
|
2003 border-bottom: 1px solid transparent; |
|
2004 border-left: none; |
|
2005 border-right: none; |
|
2006 margin: 0 0 0 0; |
|
2007 cursor: default; |
|
2008 } |
|
2009 /*applied to the calendar's top-left header. This header is displayed before the day names and above the week numbers.*/ |
|
2010 .jqx-calendar-top-left-header |
|
2011 { |
|
2012 outline: none; |
|
2013 border: 0px solid #f2f2f2; |
|
2014 margin: 0 0 0 0; |
|
2015 cursor: default; |
|
2016 } |
|
2017 /*applied to the calendar's navigation buttons.*/ |
|
2018 .jqx-calendar-title-navigation |
|
2019 { |
|
2020 cursor: pointer; |
|
2021 background-color: transparent; |
|
2022 margin: 0; |
|
2023 padding: 0; |
|
2024 border: none; |
|
2025 width: 25px; |
|
2026 height: 25px; |
|
2027 } |
|
2028 /*applied to the month table*/ |
|
2029 .jqx-calendar-month |
|
2030 { |
|
2031 margin: 0; padding: 0; |
|
2032 border: none; |
|
2033 width: 100%; |
|
2034 } |
|
2035 /*applied to the calendar's title content.*/ |
|
2036 .jqx-calendar-title-content |
|
2037 { |
|
2038 cursor: pointer; |
|
2039 text-align: center; |
|
2040 } |
|
2041 /*applied to the calendar's navigation title.*/ |
|
2042 .jqx-calendar-title-header |
|
2043 { |
|
2044 border-left: none; |
|
2045 border-top: none; |
|
2046 border-right: none; |
|
2047 border-bottom-width: 1px; |
|
2048 border-bottom-style: solid; |
|
2049 margin: 0 0 0 0; |
|
2050 } |
|
2051 .jqx-calendar-title-header td { |
|
2052 padding-left: 0px; |
|
2053 padding-right: 0px; |
|
2054 border: none; |
|
2055 } |
|
2056 /*applied to the calendar's navigation title when the calendar is disabled.*/ |
|
2057 .jqx-calendar-title-header-disabled |
|
2058 { |
|
2059 border-bottom-width: 1px; |
|
2060 border-bottom-style:solid; |
|
2061 margin: 0 0 0 0; |
|
2062 border-left: 0px solid transparent; |
|
2063 border-right: 0px solid transparent; |
|
2064 border-top: 0px solid transparent; |
|
2065 |
|
2066 } |
|
2067 /*applied to a calendar cell.*/ |
|
2068 .jqx-calendar-cell |
|
2069 { |
|
2070 border: 1px solid transparent; |
|
2071 margin: 0px; |
|
2072 outline: none; |
|
2073 text-align: center; |
|
2074 padding: 1px; |
|
2075 cursor: pointer; |
|
2076 background-color: transparent; |
|
2077 } |
|
2078 .jqx-calendar-cell td |
|
2079 { |
|
2080 padding: 0; |
|
2081 margin: 0; |
|
2082 } |
|
2083 /*applied to a calendar cell in decade and year views.*/ |
|
2084 .jqx-calendar-cell-decade, .jqx-calendar-cell-year { |
|
2085 text-align: center; |
|
2086 } |
|
2087 |
|
2088 .jqx-calendar .jqx-fill-state-normal |
|
2089 { |
|
2090 background: transparent; |
|
2091 border: 1px solid transparent; |
|
2092 } |
|
2093 |
|
2094 /*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*/ |
|
2095 .jqx-calendar-cell-hidden |
|
2096 { |
|
2097 margin: 0 0 0 0; |
|
2098 visibility: hidden; |
|
2099 cursor: default; |
|
2100 } |
|
2101 /*applied to a calendar cell when the cell's date is a weekend date.*/ |
|
2102 .jqx-calendar-cell-weekend |
|
2103 { |
|
2104 color: #898989 !important; |
|
2105 margin: 0 0 0 0; |
|
2106 cursor: pointer; |
|
2107 } |
|
2108 /*applied to a calendar cell when the cell's date is a special date(holiday, vacation, birthay. See the SpecialDates demo).*/ |
|
2109 .jqx-calendar-cell-specialDate |
|
2110 { |
|
2111 color: #FF0000 !important; |
|
2112 background-color: transparent; |
|
2113 border: 1px solid #fff; |
|
2114 margin: 0 0 0 0; |
|
2115 cursor: pointer; |
|
2116 } |
|
2117 /*applied to a calendar cell when the cell's date is a restricted date.*/ |
|
2118 .jqx-calendar-cell-restrictedDate |
|
2119 { |
|
2120 background-color: rgba(251, 132, 153, 1); |
|
2121 border: 1px solid #fff; |
|
2122 margin: 0 0 0 0; |
|
2123 cursor: pointer; |
|
2124 } |
|
2125 .jqx-calendar-cell-selected-invalid |
|
2126 { |
|
2127 color: #FFF !important; |
|
2128 background: #FF0000 !important; |
|
2129 border: 1px solid #FF0000 !important; |
|
2130 } |
|
2131 /*applied to a calendar cell when the cell's date is the today date.*/ |
|
2132 .jqx-calendar-cell-today |
|
2133 { |
|
2134 color: #898989; |
|
2135 background-color: #ffffdb; |
|
2136 border: 1px solid #fdc066; |
|
2137 margin: 0 0 0 0; |
|
2138 cursor: pointer; |
|
2139 } |
|
2140 /*applied to a calendar cell when the cell is hovered.*/ |
|
2141 .jqx-calendar-cell-hover |
|
2142 { |
|
2143 margin: 0 0 0 0; |
|
2144 cursor: pointer; |
|
2145 } |
|
2146 /*applied to a calendar cell when the cell is selected.*/ |
|
2147 .jqx-calendar-cell-selected |
|
2148 { |
|
2149 margin: 0 0 0 0; |
|
2150 cursor: pointer; |
|
2151 } |
|
2152 /*applied to a calendar cell when the cell's date represents a date from the previous or next month.*/ |
|
2153 .jqx-calendar-cell-othermonth |
|
2154 { |
|
2155 color: #898989 !important; |
|
2156 margin: 0 0 0 0; |
|
2157 cursor: pointer; |
|
2158 } |
|
2159 /*applied to a calendar cell when the calendar is disabled.*/ |
|
2160 .jqx-calendar-cell-disabled |
|
2161 { |
|
2162 color: #ccc; |
|
2163 } |
|
2164 /*applied to a calendar cell when the cell is from the row header that displays the week numbers.*/ |
|
2165 .jqx-calendar-row-cell |
|
2166 { |
|
2167 outline: none; |
|
2168 text-align: center; |
|
2169 border: 1px solid transparent; |
|
2170 margin: 0 0 0 0; |
|
2171 cursor: default; |
|
2172 } |
|
2173 /*applied to a calendar cell when the cell is from the row header that displays the week numbers and the calendar is disabled.*/ |
|
2174 .jqx-calendar-row-cell-disabled |
|
2175 { |
|
2176 |
|
2177 } |
|
2178 .jqx-calendar-footer |
|
2179 { |
|
2180 margin: 5px; |
|
2181 color: inherit; |
|
2182 font-size: 13px; |
|
2183 } |
|
2184 |
|
2185 .jqx-calendar-title-container |
|
2186 { |
|
2187 overflow: hidden; |
|
2188 } |
|
2189 /*applied to a calendar cell when the cell is from the column header that displays the day names.*/ |
|
2190 .jqx-calendar-column-cell |
|
2191 { |
|
2192 overflow: hidden; |
|
2193 text-align: center; |
|
2194 outline: none; |
|
2195 font-weight: normal; |
|
2196 padding: 1px; |
|
2197 border: 1px solid transparent; |
|
2198 margin: 0 0 0 0; |
|
2199 cursor: default; |
|
2200 } |
|
2201 /*applied to a calendar cell when the cell is from the column header that displays the day names and the calendar is disabled.*/ |
|
2202 .jqx-calendar-column-cell-disabled |
|
2203 { |
|
2204 |
|
2205 } |
|
2206 /*applied to the calendar's cell area element.*/ |
|
2207 .jqx-calendar-view |
|
2208 { |
|
2209 -webkit-appearance: none; |
|
2210 outline: none; |
|
2211 padding: 0px; |
|
2212 border: 0px solid #fff; |
|
2213 margin: 0 0 0 0; |
|
2214 cursor: default; |
|
2215 } |
|
2216 |
|
2217 /*jqxExpander and jqxNavigationBar Style*/ |
|
2218 .jqx-expander |
|
2219 { |
|
2220 } |
|
2221 /*applied to the Expander's header and content*/ |
|
2222 .jqx-expander-header, .jqx-expander-content |
|
2223 { |
|
2224 border-left-width: 1px; |
|
2225 border-right-width: 1px; |
|
2226 border-left-style: solid; |
|
2227 border-right-style: solid; |
|
2228 padding-top: 5px; |
|
2229 padding-bottom: 5px; |
|
2230 padding-left:5px; |
|
2231 padding-right:5px; |
|
2232 outline: 0; |
|
2233 } |
|
2234 /*applid to the content of the expander header.*/ |
|
2235 .jqx-expander-header-content |
|
2236 { |
|
2237 padding-left: 3px; |
|
2238 } |
|
2239 /*applid to the content of the expander header.*/ |
|
2240 .jqx-expander-header-content-rtl |
|
2241 { |
|
2242 padding-right: 3px; |
|
2243 } |
|
2244 .jqx-expander-content{padding-top: 0px;padding-bottom:0px; overflow: auto; outline: 0;} |
|
2245 /*applied to the Expander's header and its content when it is on the top of the header*/ |
|
2246 .jqx-expander-header, .jqx-expander-content-top |
|
2247 { |
|
2248 border-top-width: 1px; |
|
2249 border-top-style: solid; |
|
2250 } |
|
2251 /*applied to the Expander's header and its content when it is on the bottom of the header*/ |
|
2252 .jqx-expander-header, .jqx-expander-content-bottom |
|
2253 { |
|
2254 border-bottom-width: 1px; |
|
2255 border-bottom-style: solid; |
|
2256 } |
|
2257 /*applied to the Expander's header*/ |
|
2258 .jqx-expander-header |
|
2259 { |
|
2260 cursor: pointer; |
|
2261 overflow: hidden; |
|
2262 } |
|
2263 /*applied to the Expander's header when the expander is disabled or the toggleMode is "none"*/ |
|
2264 .jqx-expander-header-disabled |
|
2265 { |
|
2266 cursor: default; |
|
2267 } |
|
2268 /*applied to the Expander's arrow*/ |
|
2269 .jqx-expander-arrow |
|
2270 { |
|
2271 width: 17px; |
|
2272 height: 17px; |
|
2273 position: relative; |
|
2274 } |
|
2275 /*applied to the Expander's content if it is empty*/ |
|
2276 .jqx-expander-content-empty |
|
2277 { |
|
2278 border-width: 0px; |
|
2279 padding: 0px; |
|
2280 } |
|
2281 |
|
2282 /*applied to jqxNavigationBar. The NavigationBar internally uses jqxExpander's classes and inherits all header and content style settings from the Expander.*/ |
|
2283 .jqx-navigationbar |
|
2284 { |
|
2285 border: none; |
|
2286 margin: 0px; |
|
2287 -webkit-appearance: none; |
|
2288 outline: none; |
|
2289 } |
|
2290 /*jqxPanel Style*/ |
|
2291 .jqx-panel |
|
2292 { |
|
2293 border: 1px solid transparent; |
|
2294 -webkit-appearance: none; |
|
2295 outline: none; |
|
2296 padding: 0px; |
|
2297 margin: 0px; |
|
2298 cursor: default; |
|
2299 overflow: hidden; |
|
2300 } |
|
2301 /*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 |
|
2302 of the horizontal scrollbar.*/ |
|
2303 .jqx-panel-bottomright |
|
2304 { |
|
2305 |
|
2306 } |
|
2307 /*applied to the DropDownButton's Popup.*/ |
|
2308 .jqx-dropdownbutton-popup { |
|
2309 -webkit-appearance: none; |
|
2310 outline: none; |
|
2311 border: 1px solid transparent; |
|
2312 } |
|
2313 |
|
2314 .jqx-listbox |
|
2315 { |
|
2316 -webkit-appearance: none; |
|
2317 outline: none; |
|
2318 border: 1px solid transparent; |
|
2319 padding: 0px; |
|
2320 margin: 0px; |
|
2321 cursor: default; |
|
2322 overflow: hidden; |
|
2323 } |
|
2324 /*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 |
|
2325 of the horizontal scrollbar.*/ |
|
2326 .jqx-listbox-bottomright |
|
2327 { |
|
2328 |
|
2329 } |
|
2330 /*applied to the ListBox's groups.*/ |
|
2331 .jqx-listitem-state-group |
|
2332 { |
|
2333 white-space: nowrap; |
|
2334 padding: 5px 2px 5px 2px; |
|
2335 background: transparent; |
|
2336 font-weight: bold; |
|
2337 text-align: left; |
|
2338 outline: none; |
|
2339 overflow: hidden; |
|
2340 vertical-align: middle; |
|
2341 cursor: default; |
|
2342 } |
|
2343 /*applied to a list item in default state.*/ |
|
2344 .jqx-listitem-state-normal |
|
2345 { |
|
2346 white-space: nowrap; |
|
2347 padding: 3px; |
|
2348 padding-top:5px; |
|
2349 padding-bottom:5px; |
|
2350 border: 1px solid transparent; |
|
2351 outline: none; |
|
2352 visibility: inherit; |
|
2353 display: inherit; |
|
2354 text-align: left; |
|
2355 overflow: hidden; |
|
2356 position: absolute; |
|
2357 left: 0; |
|
2358 top: 0; |
|
2359 cursor: default; |
|
2360 } |
|
2361 /*applied to a list item in hovered state.*/ |
|
2362 .jqx-listitem-state-hover |
|
2363 { |
|
2364 white-space: nowrap; |
|
2365 background: transparent; |
|
2366 padding: 3px 3px 3px 3px; |
|
2367 padding-top:5px; |
|
2368 padding-bottom:5px; |
|
2369 border: 1px solid transparent; |
|
2370 } |
|
2371 /*applied to a list item when the item is selected.*/ |
|
2372 .jqx-listitem-state-selected |
|
2373 { |
|
2374 white-space: nowrap; |
|
2375 padding: 3px 3px 3px 3px; |
|
2376 padding-top:5px; |
|
2377 padding-bottom:5px; |
|
2378 border: 1px solid transparent; |
|
2379 } |
|
2380 .jqx-listbox-feedback |
|
2381 { |
|
2382 height: 1px; |
|
2383 border-top: 1px dashed #000; |
|
2384 } |
|
2385 .jqx-listitem-element |
|
2386 { |
|
2387 -ms-touch-action: none; |
|
2388 border: none; |
|
2389 width:100%; |
|
2390 height: 100%; |
|
2391 align:left; |
|
2392 valign:top; |
|
2393 position: absolute; |
|
2394 } |
|
2395 /*jqxComboBox Style*/ |
|
2396 /*applied to the jqxComboBox's content which displays the text.*/ |
|
2397 .jqx-combobox-content |
|
2398 { |
|
2399 padding: 0px; |
|
2400 overflow: hidden; |
|
2401 padding-left: 0px; |
|
2402 padding-top: 0px; |
|
2403 padding-bottom: 0px; |
|
2404 padding-right: 0px; |
|
2405 margin: 0px; |
|
2406 text-align: left; |
|
2407 vertical-align: middle; |
|
2408 white-space: nowrap; |
|
2409 -webkit-appearance: none; |
|
2410 outline: none; |
|
2411 border: none; |
|
2412 -moz-border-radius-topleft: 3px; |
|
2413 -webkit-border-top-left-radius: 3px; |
|
2414 border-top-left-radius: 3px; |
|
2415 -moz-border-radius-bottomleft: 3px; |
|
2416 -webkit-border-bottom-left-radius: 3px; |
|
2417 border-bottom-left-radius: 3px; |
|
2418 border-right: 1px solid transparent; |
|
2419 -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box; |
|
2420 } |
|
2421 .jqx-combobox-content-rtl { |
|
2422 border: none; |
|
2423 -moz-border-radius-topleft: 0px; |
|
2424 -webkit-border-top-left-radius: 0px; |
|
2425 border-top-left-radius: 0px; |
|
2426 -moz-border-radius-bottomleft: 0px; |
|
2427 -webkit-border-bottom-left-radius: 0px; |
|
2428 border-bottom-left-radius: 0px; |
|
2429 -moz-border-radius-topleft: 3px; |
|
2430 -webkit-border-top-left-radius: 0px; |
|
2431 border-top-right-radius: 3px; |
|
2432 -moz-border-radius-bottomright: 3px; |
|
2433 -webkit-border-bottom-right-radius: 0px; |
|
2434 border-bottom-right-radius: 3px; |
|
2435 border-right: none; |
|
2436 border-left: 1px solid transparent; |
|
2437 -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box; |
|
2438 } |
|
2439 /*applied to the ComboBox's input field.*/ |
|
2440 .jqx-combobox-input |
|
2441 { |
|
2442 -webkit-appearance: none; |
|
2443 -webkit-border-radius: 0px; |
|
2444 padding: 0 0 0 0; |
|
2445 outline: none; |
|
2446 border: 0px solid #aaa; |
|
2447 -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box; |
|
2448 } |
|
2449 .jqx-combobox-input::-ms-clear { |
|
2450 display: none; |
|
2451 } |
|
2452 /*applied to the ComboBox's content when the widget is disabled.*/ |
|
2453 .jqx-combobox-content-disabled |
|
2454 { |
|
2455 color: #AAA; |
|
2456 } |
|
2457 /*applied to the ComboBox's arrow button.*/ |
|
2458 .jqx-combobox-arrow-normal, .jqx-action-button |
|
2459 { |
|
2460 -webkit-appearance: none; |
|
2461 outline: none; |
|
2462 overflow: hidden; |
|
2463 margin: 0 0 0 0; |
|
2464 border: none; |
|
2465 cursor: pointer; |
|
2466 } |
|
2467 /*applied to the ComboBox's arrow button*/ |
|
2468 .jqx-combobox-arrow-hover, .jqx-combobox-arrow-selected |
|
2469 { |
|
2470 -webkit-appearance: none; |
|
2471 outline: none; |
|
2472 overflow: hidden; |
|
2473 margin: 0 0 0 0; |
|
2474 } |
|
2475 /*applied to the ComboBox in normal state.*/ |
|
2476 .jqx-combobox-state-normal |
|
2477 { |
|
2478 -webkit-appearance: none; |
|
2479 outline: none; |
|
2480 border: 1px solid transparent; |
|
2481 overflow: hidden; |
|
2482 margin: 0 0 0 0; |
|
2483 } |
|
2484 /*applied to the ComboBox when the mouse is over the widget.*/ |
|
2485 .jqx-combobox-state-hover |
|
2486 { |
|
2487 overflow: hidden; |
|
2488 border: 1px solid transparent; |
|
2489 margin: 0 0 0 0; |
|
2490 } |
|
2491 /*applied to the ComboBox when the popup ListBox is shown.*/ |
|
2492 .jqx-combobox-state-selected |
|
2493 { |
|
2494 overflow: hidden; |
|
2495 border: 1px solid transparent; |
|
2496 margin: 0 0 0 0; |
|
2497 } |
|
2498 /*applied to the ComboBox when the widget is focused.*/ |
|
2499 .jqx-combobox-state-focus |
|
2500 { |
|
2501 border: 1px solid transparent; |
|
2502 } |
|
2503 .jqx-combobox-multi-item { |
|
2504 padding: 1px 3px; |
|
2505 margin: 2px; |
|
2506 white-space: nowrap; |
|
2507 border-style: solid; |
|
2508 font-weight: normal; |
|
2509 overflow: hidden; |
|
2510 text-align: left; |
|
2511 |
|
2512 } |
|
2513 .jqx-combobox-multi-item a:link, .jqx-combobox-multi-item a:visited { |
|
2514 color: inherit; |
|
2515 display: block; |
|
2516 outline: 0 none; |
|
2517 text-decoration: none; |
|
2518 cursor: pointer; |
|
2519 *color: expression(this.parentNode.currentStyle['color']); |
|
2520 } |
|
2521 /*applied to the ComboBox when the widget is disabled.*/ |
|
2522 .jqx-combobox-state-disabled |
|
2523 { |
|
2524 white-space: nowrap; |
|
2525 margin: 0px; |
|
2526 color: #AAA; |
|
2527 } |
|
2528 /*jqxSelect Style*/ |
|
2529 .jqx-select { |
|
2530 overflow: hidden; |
|
2531 padding-left: 3px; |
|
2532 padding-top: 0px; |
|
2533 padding-bottom: 0px; |
|
2534 margin: 0px; |
|
2535 -webkit-appearance: none; |
|
2536 outline: 0 none; |
|
2537 } |
|
2538 .jqx-select-content { |
|
2539 cursor: pointer; |
|
2540 text-overflow: ellipsis; |
|
2541 } |
|
2542 .jqx-select-container { |
|
2543 padding: 0; |
|
2544 } |
|
2545 .jqx-select-item |
|
2546 { |
|
2547 padding: 3px; |
|
2548 margin: 1px; |
|
2549 white-space: normal !important; |
|
2550 cursor: default; |
|
2551 } |
|
2552 /*jqxDropDownList Style*/ |
|
2553 /*applied to the dropdownlist's content element which displays the selected item's text or html.*/ |
|
2554 .jqx-dropdownlist-content |
|
2555 { |
|
2556 padding: 0px; |
|
2557 overflow: hidden; |
|
2558 padding-left: 4px; |
|
2559 padding-top: 0px; |
|
2560 padding-bottom: 0px; |
|
2561 margin: 0px; |
|
2562 text-align: left; |
|
2563 vertical-align: middle; |
|
2564 white-space: nowrap; |
|
2565 -webkit-appearance: none; |
|
2566 outline: 0 none; |
|
2567 border: none; |
|
2568 } |
|
2569 .jqx-dropdownlist-content-rtl { |
|
2570 padding-left: 0px; |
|
2571 padding-right: 3px; |
|
2572 } |
|
2573 .jqx-dropdownlist .jqx-icon-arrow-down { |
|
2574 width:13px; |
|
2575 } |
|
2576 .jqx-dropdownlist .jqx-icon-arrow-up { |
|
2577 width:13px; |
|
2578 } |
|
2579 .jqx-combobox .jqx-icon-arrow-down { |
|
2580 width:13px; |
|
2581 } |
|
2582 .jqx-combobox .jqx-icon-arrow-up { |
|
2583 width:13px; |
|
2584 } |
|
2585 /*applied to the dropdownlist's content element which displays the selected item's text or html and the widget is disabled. */ |
|
2586 .jqx-dropdownlist-content-disabled |
|
2587 { |
|
2588 } |
|
2589 /*applied to the dropdownlist in default state.*/ |
|
2590 .jqx-dropdownlist-state-normal |
|
2591 { |
|
2592 -webkit-appearance: none; |
|
2593 outline: none; |
|
2594 border: 1px solid transparent; |
|
2595 overflow: hidden; |
|
2596 margin: 0 0 0 0; |
|
2597 cursor: pointer; |
|
2598 } |
|
2599 /*applied to the dropdownlist in hovered state.*/ |
|
2600 .jqx-dropdownlist-state-hover |
|
2601 { |
|
2602 overflow: hidden; |
|
2603 border: 1px solid transparent; |
|
2604 margin: 0 0 0 0; |
|
2605 cursor: pointer; |
|
2606 } |
|
2607 /*applied to the dropdownlist in selected state.*/ |
|
2608 .jqx-dropdownlist-state-selected |
|
2609 { |
|
2610 overflow: hidden; |
|
2611 background-color: transparent; |
|
2612 border: 1px solid transparent; |
|
2613 margin: 0 0 0 0; |
|
2614 cursor: pointer; |
|
2615 } |
|
2616 /*applied to the dropdownlist in focused state.*/ |
|
2617 .jqx-dropdownlist-state-focus |
|
2618 { |
|
2619 border: 1px solid #909090; |
|
2620 } |
|
2621 /*applied to the dropdownlist in disabled state.*/ |
|
2622 .jqx-dropdownlist-state-disabled |
|
2623 { |
|
2624 |
|
2625 } |
|
2626 /*jqxScrollBar Style*/ |
|
2627 .jqx-scrollbar |
|
2628 { |
|
2629 background: transparent; |
|
2630 margin: 0; |
|
2631 padding: 0; |
|
2632 border: none; |
|
2633 } |
|
2634 /*applied to the scrollbar in default state.*/ |
|
2635 .jqx-scrollbar-state-normal |
|
2636 { |
|
2637 background: #efefef; |
|
2638 margin: 0px; |
|
2639 padding: 0px; |
|
2640 border: 1px solid transparent; |
|
2641 } |
|
2642 /*applied to the scrollbar buttons in default state.*/ |
|
2643 .jqx-scrollbar-button-state-normal |
|
2644 { |
|
2645 margin: 0px; |
|
2646 padding: 0px; |
|
2647 border: 1px solid transparent; |
|
2648 } |
|
2649 /*applied to the scrollbar buttons in hovered state.*/ |
|
2650 .jqx-scrollbar-button-state-hover |
|
2651 { |
|
2652 margin: 0px; |
|
2653 padding: 0px; |
|
2654 border: 1px solid transparent; |
|
2655 } |
|
2656 /*applied to the scrollbar buttons in pressed state.*/ |
|
2657 .jqx-scrollbar-button-state-pressed |
|
2658 { |
|
2659 margin: 0px; |
|
2660 padding: 0px; |
|
2661 border: 1px solid transparent; |
|
2662 } |
|
2663 /*applied to the horizontal scrollbar thumb in default state.*/ |
|
2664 .jqx-scrollbar-thumb-state-normal-horizontal |
|
2665 { |
|
2666 margin: 0px; |
|
2667 padding: 0px; |
|
2668 background: transparent; |
|
2669 border: 1px solid transparent; |
|
2670 touch-action:none; |
|
2671 } |
|
2672 /*applied to the horizontal scrollbar thumb in hovered state.*/ |
|
2673 .jqx-scrollbar-thumb-state-hover-horizontal |
|
2674 { |
|
2675 margin: 0px; |
|
2676 padding: 0px; |
|
2677 border: 1px solid transparent; |
|
2678 } |
|
2679 /*applied to the horizontal scrollbar thumb in default state.*/ |
|
2680 .jqx-scrollbar-thumb-state-pressed-horizontal |
|
2681 { |
|
2682 margin: 0px; |
|
2683 padding: 0px; |
|
2684 border: 1px solid transparent; |
|
2685 } |
|
2686 /*applied to the vertical scrollbar thumb in default state.*/ |
|
2687 .jqx-scrollbar-thumb-state-normal |
|
2688 { |
|
2689 margin: 0px; |
|
2690 padding: 0px; |
|
2691 border: 1px solid transparent; |
|
2692 touch-action:none; |
|
2693 } |
|
2694 /*applied to the vertical scrollbar thumb in default state.*/ |
|
2695 .jqx-scrollbar-thumb-state-hover |
|
2696 { |
|
2697 margin: 0px; |
|
2698 padding: 0px; |
|
2699 background: transparent; |
|
2700 border: 1px solid transparent; |
|
2701 } |
|
2702 /*applied to the vertical scrollbar thumb in default state.*/ |
|
2703 .jqx-scrollbar-thumb-state-pressed |
|
2704 { |
|
2705 margin: 0px; |
|
2706 padding: 0px; |
|
2707 background: #d1d1d1; |
|
2708 border: 1px solid #909090; |
|
2709 } |
|
2710 |
|
2711 /* jqxWindow */ |
|
2712 .jqx-window |
|
2713 { |
|
2714 position: absolute; |
|
2715 overflow: hidden; |
|
2716 border: 1px solid transparent; |
|
2717 } |
|
2718 /*applied to the jqxWindow when it’s disabled*/ |
|
2719 .jqx-window-disabled |
|
2720 { |
|
2721 } |
|
2722 /*applied to the window’s header*/ |
|
2723 .jqx-window-header |
|
2724 { |
|
2725 outline: none; |
|
2726 border-width: 0px; |
|
2727 border-bottom: 1px solid transparent; |
|
2728 overflow: hidden; |
|
2729 padding: 7px; |
|
2730 height: auto; |
|
2731 white-space: nowrap; |
|
2732 overflow: hidden; |
|
2733 } |
|
2734 /*applied to the window’s header when the window is disabled*/ |
|
2735 .jqx-window-header-disabled |
|
2736 { |
|
2737 |
|
2738 } |
|
2739 /*applied to the window’s content*/ |
|
2740 .jqx-window-content |
|
2741 { |
|
2742 outline: none; |
|
2743 overflow: auto; |
|
2744 text-align: left; |
|
2745 background-color: transparent; |
|
2746 padding: 5px; |
|
2747 -webkit-background-clip: padding-box; background-clip: padding-box; |
|
2748 } |
|
2749 /*applied to the window’s content when the window is disabled*/ |
|
2750 .jqx-window-content-disabled |
|
2751 { |
|
2752 outline: none; |
|
2753 overflow: auto; |
|
2754 text-align: left; |
|
2755 padding: 5px; |
|
2756 } |
|
2757 /*applied to the window’s close button*/ |
|
2758 .jqx-window-close-button |
|
2759 { |
|
2760 cursor: pointer; |
|
2761 background-image: url(images/close.png); |
|
2762 background-repeat: no-repeat; |
|
2763 margin-top:2px; |
|
2764 } |
|
2765 /*applied to the window's collapse button*/ |
|
2766 .jqx-window-collapse-button |
|
2767 { |
|
2768 background-image: url(images/icon-up.png); |
|
2769 cursor: pointer; |
|
2770 margin-top: 3px; |
|
2771 } |
|
2772 /*applied to the window's collapse button when the window is collapsed*/ |
|
2773 .jqx-window-collapse-button-collapsed |
|
2774 { |
|
2775 margin-top: 3px; |
|
2776 cursor: pointer; |
|
2777 background-image: url(images/icon-down.png); |
|
2778 } |
|
2779 /*setting styles of the modal window’s background*/ |
|
2780 .jqx-window-modal |
|
2781 { |
|
2782 background-color: Black; |
|
2783 } |
|
2784 .jqx-window-close-button-hover |
|
2785 { |
|
2786 } |
|
2787 .jqx-docking |
|
2788 { |
|
2789 overflow: hidden; |
|
2790 } |
|
2791 .jqx-docking-panel |
|
2792 { |
|
2793 margin: 0px; |
|
2794 padding: 0px; |
|
2795 min-height: 100px; |
|
2796 } |
|
2797 .jqx-docking-drop-indicator |
|
2798 { |
|
2799 border-style: dashed; |
|
2800 border-width: 1px; |
|
2801 margin: 0px; |
|
2802 } |
|
2803 .jqx-docking-window |
|
2804 { |
|
2805 margin: 0px; |
|
2806 } |
|
2807 |
|
2808 /* jxSlider */ |
|
2809 /* applied to jqxSlider widget */ |
|
2810 .jqx-slider |
|
2811 { |
|
2812 outline: none; |
|
2813 clear: both; |
|
2814 position: relative; |
|
2815 overflow:hidden; |
|
2816 } |
|
2817 /*applied to the ticks which can be in the top/bottom/both sides of the jqxSlider*/ |
|
2818 .jqx-slider-tick |
|
2819 { |
|
2820 border-left: 1px solid transparent; |
|
2821 z-index: 9; |
|
2822 } |
|
2823 /*applied to the ticks when the slider is in horizontal mode*/ |
|
2824 .jqx-slider-tick-horizontal |
|
2825 { |
|
2826 width: 1px; |
|
2827 border-left: none; |
|
2828 margin-top: 1px; |
|
2829 } |
|
2830 /*applied to the ticks when the slider is in vertical mode*/ |
|
2831 .jqx-slider-tick-vertical |
|
2832 { |
|
2833 height: 1px; |
|
2834 border-top: none; |
|
2835 } |
|
2836 /*applied to the ticks container*/ |
|
2837 .jqx-slider-tickscontainer |
|
2838 { |
|
2839 z-index: 10; |
|
2840 position: relative; |
|
2841 margin-top: 0px; |
|
2842 margin-bottom: 0px; |
|
2843 z-index: 9; |
|
2844 } |
|
2845 /*applied to the jqxSlider thumb used for changing/indicating current value*/ |
|
2846 .jqx-slider-slider |
|
2847 { |
|
2848 cursor: pointer; |
|
2849 width: 20px; |
|
2850 height: 20px; |
|
2851 z-index: 15; |
|
2852 position: absolute; |
|
2853 left: 0px; |
|
2854 top: 0px; |
|
2855 -moz-border-radius: 100%; |
|
2856 -webkit-border-radius: 100%; |
|
2857 border-radius: 100%; |
|
2858 } |
|
2859 .jqx-slider-button |
|
2860 { |
|
2861 cursor: pointer; |
|
2862 -moz-border-radius: 100%; |
|
2863 -webkit-border-radius: 100%; |
|
2864 border-radius: 100%; |
|
2865 box-sizing: content-box !important; |
|
2866 padding: 3px !important; |
|
2867 } |
|
2868 /*applied to the slider's thumb when the slider is in horizontal mode*/ |
|
2869 .jqx-slider-slider-horizontal |
|
2870 { |
|
2871 margin-top: -9px; |
|
2872 -moz-border-radius: 100%; |
|
2873 -webkit-border-radius: 100%; |
|
2874 border-radius: 100%; |
|
2875 border: 1px solid transparent; |
|
2876 } |
|
2877 /*applied to the slider's thumb when the slider is in vertical mode*/ |
|
2878 .jqx-slider-slider-vertical |
|
2879 { |
|
2880 margin-left: -9px; |
|
2881 -moz-border-radius: 100%; |
|
2882 -webkit-border-radius: 100%; |
|
2883 border-radius: 100%; |
|
2884 border: 1px solid transparent; |
|
2885 } |
|
2886 /*applied to the track where is located the thumb*/ |
|
2887 .jqx-slider-track |
|
2888 { |
|
2889 height: 4px; |
|
2890 float:left; |
|
2891 position: relative; |
|
2892 z-index: 20; |
|
2893 } |
|
2894 /*used in horizontal slider*/ |
|
2895 .jqx-slider-track-horizontal |
|
2896 { |
|
2897 height: 4px; |
|
2898 margin-top: 2px; |
|
2899 } |
|
2900 /*used in vertical slider*/ |
|
2901 .jqx-slider-track-vertical |
|
2902 { |
|
2903 width: 4px; |
|
2904 } |
|
2905 /*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*/ |
|
2906 .jqx-slider-rangebar |
|
2907 { |
|
2908 |
|
2909 } |
|
2910 |
|
2911 /* jqxSplitter */ |
|
2912 .jqx-splitter |
|
2913 { |
|
2914 overflow: hidden; |
|
2915 border: 1px solid transparent; |
|
2916 position: relative; |
|
2917 } |
|
2918 /* Split bar's class when the jqxSplitter is with horizontal orientation */ |
|
2919 .jqx-splitter-splitbar-vertical |
|
2920 { |
|
2921 border: 1px solid transparent; |
|
2922 border-top-width: 0px; |
|
2923 border-bottom-width: 0px; |
|
2924 cursor: e-resize; |
|
2925 cursor: col-resize; |
|
2926 position: absolute; |
|
2927 } |
|
2928 /* Split bar's mouse over state */ |
|
2929 .jqx-splitter-splitbar-hover |
|
2930 { |
|
2931 background-color: transparent; |
|
2932 } |
|
2933 /* Split bar's class when the jqxSplitter is with horizontal orientation. */ |
|
2934 .jqx-splitter-splitbar-horizontal |
|
2935 { |
|
2936 position: absolute; |
|
2937 border: 1px solid transparent; |
|
2938 border-left-width: 0px; |
|
2939 border-right-width: 0px; |
|
2940 cursor: n-resize; |
|
2941 cursor: row-resize; |
|
2942 } |
|
2943 /* This class is applied to the splitter when it's dragged to it's max left/right boundary */ |
|
2944 .jqx-splitter-splitbar-invalid |
|
2945 { |
|
2946 background: #FF0000 !important; |
|
2947 } |
|
2948 /* This class is added to split bar's collapse button when the splitter is with vectical orientation. */ |
|
2949 .jqx-splitter-collapse-button-horizontal |
|
2950 { |
|
2951 cursor: pointer; |
|
2952 width: 45px; |
|
2953 height: 5px; |
|
2954 } |
|
2955 /* This class is added to split bar's collapse button when the splitter is with horizontal orientation. */ |
|
2956 .jqx-splitter-collapse-button-vertical |
|
2957 { |
|
2958 cursor: pointer; |
|
2959 width: 5px; |
|
2960 height: 45px; |
|
2961 } |
|
2962 /* This class is added when the user disable the splitter. */ |
|
2963 .jqx-splitter-splitbar-collapsed |
|
2964 { |
|
2965 cursor: default; |
|
2966 } |
|
2967 /* Applied to the jqxSplitter panels. */ |
|
2968 .jqx-splitter-panel |
|
2969 { |
|
2970 border: none; |
|
2971 outline: none; |
|
2972 position: absolute; |
|
2973 overflow: hidden; |
|
2974 } |
|
2975 /* This class is added to a nested splitter.*/ |
|
2976 .jqx-splitter-nested, .jqx-splitter-panel-nested |
|
2977 { |
|
2978 border: none; |
|
2979 overflow: hidden; |
|
2980 } |
|
2981 .jqx-draggable |
|
2982 { |
|
2983 |
|
2984 } |
|
2985 .jqx-draggable-dragging |
|
2986 { |
|
2987 border: 0px solid black; |
|
2988 } |
|
2989 .jqx-draggable-disabled |
|
2990 { |
|
2991 cursor: default; |
|
2992 } |
|
2993 .jqx-validator-hint |
|
2994 { |
|
2995 height: 18px; |
|
2996 width: auto; |
|
2997 display: inline-block; |
|
2998 cursor: pointer; |
|
2999 padding-left: 5px; |
|
3000 padding-right: 5px; |
|
3001 font-family: Verdana; |
|
3002 font-size: 13px; |
|
3003 border: 1px solid #6E0000; |
|
3004 background-color: #942724; |
|
3005 color: #fff; |
|
3006 z-index: 99999; |
|
3007 white-space: nowrap; |
|
3008 } |
|
3009 .jqx-validator-hint-arrow |
|
3010 { |
|
3011 z-index: 99999; |
|
3012 height: 9px; |
|
3013 width: 9px; |
|
3014 padding: 0px; |
|
3015 margin: 0px; |
|
3016 background-color: transparent; |
|
3017 background-image: url(images/multi-arrow.gif); |
|
3018 } |
|
3019 .jqx-validator-error-label { |
|
3020 color: #dd4b39; |
|
3021 vertical-align:top; |
|
3022 text-align: left; |
|
3023 display: block; |
|
3024 cursor: default; |
|
3025 line-height: 17px; |
|
3026 } |
|
3027 .jqx-validator-error-element { |
|
3028 border-color: #dd4b39 !important; |
|
3029 } |
|
3030 |
|
3031 .jqx-switchbutton |
|
3032 { |
|
3033 outline: none; |
|
3034 overflow: hidden; |
|
3035 -moz-border-radius: 5px; |
|
3036 -webkit-border-radius: 5px; |
|
3037 border-radius: 5px; |
|
3038 border: 1px solid #ccc; |
|
3039 } |
|
3040 .jqx-switchbutton-thumb |
|
3041 { |
|
3042 display: inline-block; |
|
3043 cursor: pointer; |
|
3044 border: 1px solid #ccc; |
|
3045 } |
|
3046 .jqx-switchbutton-label |
|
3047 { |
|
3048 font-size: 15px; |
|
3049 font-family: Sans-Serif; |
|
3050 text-align: center; |
|
3051 text-transform: uppercase; |
|
3052 font-weight: bold; |
|
3053 } |
|
3054 .jqx-switchbutton-wrapper |
|
3055 { |
|
3056 } |
|
3057 .jqx-switchbutton-label-on |
|
3058 { |
|
3059 |
|
3060 } |
|
3061 .jqx-switchbutton-label-off |
|
3062 { |
|
3063 |
|
3064 } |
|
3065 |
|
3066 /*left, right, up and down arrow icons.*/ |
|
3067 .jqx-left-arrow |
|
3068 { |
|
3069 background: transparent; |
|
3070 background-image: url('images/icon-left.png'); |
|
3071 cursor: pointer; |
|
3072 } |
|
3073 .jqx-right-arrow |
|
3074 { |
|
3075 background: transparent; |
|
3076 background-image: url('images/icon-right.png'); |
|
3077 cursor: pointer; |
|
3078 } |
|
3079 .jqx-icon-delete |
|
3080 { |
|
3081 background-image: url('images/icon-delete.png'); |
|
3082 background-repeat: no-repeat; |
|
3083 background-position: center; |
|
3084 } |
|
3085 .jqx-icon-edit |
|
3086 { |
|
3087 background-image: url('images/icon-edit.png'); |
|
3088 background-repeat: no-repeat; |
|
3089 background-position: center; |
|
3090 } |
|
3091 .jqx-icon-save |
|
3092 { |
|
3093 background-image: url('images/icon-save.png'); |
|
3094 background-repeat: no-repeat; |
|
3095 background-position: center; |
|
3096 } |
|
3097 .jqx-icon-cancel |
|
3098 { |
|
3099 background-image: url('images/icon-cancel.png'); |
|
3100 background-repeat: no-repeat; |
|
3101 background-position: center; |
|
3102 } |
|
3103 .jqx-icon-arrow-up, .jqx-icon-arrow-up-hover, .jqx-icon-arrow-up-selected |
|
3104 { |
|
3105 background-image: url('images/icon-up.png'); |
|
3106 background-repeat: no-repeat; |
|
3107 background-position: center; |
|
3108 } |
|
3109 .jqx-icon-arrow-down, .jqx-icon-arrow-down-hover, .jqx-icon-arrow-down-selected |
|
3110 { |
|
3111 background-image: url('images/icon-down.png'); |
|
3112 background-repeat: no-repeat; |
|
3113 background-position: center; |
|
3114 } |
|
3115 |
|
3116 .jqx-icon-arrow-left, .jqx-icon-arrow-left-hover, .jqx-icon-arrow-left-selected |
|
3117 { |
|
3118 background-image: url('images/icon-left.png'); |
|
3119 background-repeat: no-repeat; |
|
3120 background-position: center; |
|
3121 } |
|
3122 .jqx-icon-arrow-right, .jqx-icon-arrow-right-hover, .jqx-icon-arrow-right-selected |
|
3123 { |
|
3124 background-image: url('images/icon-right.png'); |
|
3125 background-repeat: no-repeat; |
|
3126 background-position: center; |
|
3127 } |
|
3128 .jqx-icon-arrow-first, .jqx-icon-arrow-first-hover, .jqx-icon-arrow-first-selected |
|
3129 { |
|
3130 background-image: url('images/icon-first.png'); |
|
3131 background-repeat: no-repeat; |
|
3132 background-position: center; |
|
3133 } |
|
3134 .jqx-icon-arrow-last, .jqx-icon-arrow-last-hover, .jqx-icon-arrow-last-selected |
|
3135 { |
|
3136 background-image: url('images/icon-last.png'); |
|
3137 background-repeat: no-repeat; |
|
3138 background-position: center; |
|
3139 } |
|
3140 .jqx-icon-arrow-up-hover |
|
3141 { |
|
3142 background-image: url('images/icon-up.png'); |
|
3143 background-repeat: no-repeat; |
|
3144 background-position: center; |
|
3145 } |
|
3146 .jqx-icon-arrow-down-hover |
|
3147 { |
|
3148 background-image: url('images/icon-down.png'); |
|
3149 background-repeat: no-repeat; |
|
3150 background-position: center; |
|
3151 } |
|
3152 .jqx-icon-arrow-left-hover |
|
3153 { |
|
3154 background-image: url('images/icon-left.png'); |
|
3155 background-repeat: no-repeat; |
|
3156 background-position: center; |
|
3157 } |
|
3158 .jqx-icon-arrow-right-hover |
|
3159 { |
|
3160 background-image: url('images/icon-right.png'); |
|
3161 background-repeat: no-repeat; |
|
3162 background-position: center; |
|
3163 } |
|
3164 |
|
3165 .jqx-icon-arrow-up-selected |
|
3166 { |
|
3167 background-image: url('images/icon-up.png'); |
|
3168 background-repeat: no-repeat; |
|
3169 background-position: center; |
|
3170 } |
|
3171 .jqx-icon-arrow-down-selected |
|
3172 { |
|
3173 background-image: url('images/icon-down.png'); |
|
3174 background-repeat: no-repeat; |
|
3175 background-position: center; |
|
3176 } |
|
3177 .jqx-icon-arrow-left-selected |
|
3178 { |
|
3179 background-image: url('images/icon-left.png'); |
|
3180 background-repeat: no-repeat; |
|
3181 background-position: center; |
|
3182 } |
|
3183 .jqx-icon-arrow-right-selected |
|
3184 { |
|
3185 background-image: url('images/icon-right.png'); |
|
3186 background-repeat: no-repeat; |
|
3187 background-position: center; |
|
3188 } |
|
3189 .jqx-icon-close |
|
3190 { |
|
3191 cursor: pointer; |
|
3192 background-image: url(images/close.png); |
|
3193 background-repeat: no-repeat; |
|
3194 background-position: center; |
|
3195 } |
|
3196 .jqx-icon-close-white { |
|
3197 background-image: url(images/close_white.png); |
|
3198 } |
|
3199 .jqx-icon-close-hover |
|
3200 { |
|
3201 cursor: pointer; |
|
3202 background-image: url(images/close.png); |
|
3203 background-repeat: no-repeat; |
|
3204 background-position: center; |
|
3205 } |
|
3206 .jqx-icon-search |
|
3207 { |
|
3208 cursor: pointer; |
|
3209 background-image: url(images/search.png); |
|
3210 background-repeat: no-repeat; |
|
3211 background-position: center; |
|
3212 margin-top: 1px; |
|
3213 background-size: 13px; |
|
3214 width: 13px; |
|
3215 height: 13px; |
|
3216 } |
|
3217 .jqx-icon-plus |
|
3218 { |
|
3219 background-image: url(images/plus.png); |
|
3220 background-repeat: no-repeat; |
|
3221 background-position: center; |
|
3222 background-size: 16px; |
|
3223 width: 16px; |
|
3224 height: 16px; |
|
3225 } |
|
3226 .jqx-icon-plus-alt, .jqx-icon-plus-alt-white |
|
3227 { |
|
3228 background-image: url(images/icon-plus.png); |
|
3229 background-repeat: no-repeat; |
|
3230 background-position: center; |
|
3231 background-size: 16px; |
|
3232 width: 16px; |
|
3233 height: 16px; |
|
3234 } |
|
3235 .jqx-icon-plus-alt-white { |
|
3236 background-image: url(images/icon-plus-white.png); |
|
3237 } |
|
3238 /* jqxScrollView */ |
|
3239 .jqx-scrollview-button |
|
3240 { |
|
3241 width: 10px; |
|
3242 height: 10px; |
|
3243 border-radius: 10px; |
|
3244 -moz-border-radius: 10px; |
|
3245 -webkit-border-radius: 10px; |
|
3246 display: inline-block; |
|
3247 margin: 2px; |
|
3248 cursor: pointer; |
|
3249 background-color: #aaaeaf; |
|
3250 } |
|
3251 .jqx-scrollview |
|
3252 { |
|
3253 background-color: #000; |
|
3254 -ms-touch-action: auto !important; |
|
3255 } |
|
3256 .jqx-icon-calendar, .jqx-icon-calendar-hover, .jqx-icon-calendar-pressed |
|
3257 { |
|
3258 background-image: url('images/icon-calendar.png'); |
|
3259 background-repeat: no-repeat; |
|
3260 background-position: left top; |
|
3261 position: relative; |
|
3262 width: 15px !important; |
|
3263 height: 15px !important; |
|
3264 margin-top: -7.5px !important; |
|
3265 } |
|
3266 /*applied to Inputs*/ |
|
3267 .jqx-input-widget{ |
|
3268 box-sizing: border-box !important; |
|
3269 } |
|
3270 .jqx-input{ overflow: hidden; background-color: inherit; border-color: #c7c7c7;} |
|
3271 .jqx-input-invalid { |
|
3272 color: red !important; |
|
3273 } |
|
3274 .jqx-input-group {overflow: hidden;} |
|
3275 .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; } |
|
3276 .jqx-input-group-addon:first-child { |
|
3277 border-right-width: 0px; |
|
3278 border-bottom-right-radius: 0 !important; |
|
3279 border-top-right-radius: 0 !important; |
|
3280 } |
|
3281 .jqx-input-group-addon:last-child { |
|
3282 border-left-width: 0px; |
|
3283 border-bottom-left-radius: 0 !important; |
|
3284 border-top-left-radius: 0 !important; |
|
3285 } |
|
3286 .jqx-input-group-addon:not(:last-child):not(:first-child) { |
|
3287 border-bottom-left-radius: 0 !important; |
|
3288 border-top-left-radius: 0 !important; |
|
3289 border-bottom-right-radius: 0 !important; |
|
3290 border-top-right-radius: 0 !important; |
|
3291 border-left-width: 0px; |
|
3292 } |
|
3293 .jqx-input-group .jqx-input { |
|
3294 padding: 2px 1px !important; |
|
3295 border-left-width: 1px !important; |
|
3296 border-right-width: 1px !important; |
|
3297 } |
|
3298 .jqx-editor { |
|
3299 border-style: solid; |
|
3300 border-width: 1px; |
|
3301 border-color: transparent; |
|
3302 overflow: hidden; |
|
3303 box-sizing: border-box !important; |
|
3304 } |
|
3305 .jqx-editor-window { |
|
3306 overflow: hidden; |
|
3307 } |
|
3308 .jqx-editor-inline { |
|
3309 padding: 0px; |
|
3310 border-width: 1px; |
|
3311 border-style: solid; |
|
3312 border-color: transparent; |
|
3313 } |
|
3314 .jqx-editor-inline p { |
|
3315 margin: 0px;padding:0 .2em; |
|
3316 } |
|
3317 .jqx-editor-inline-focus { |
|
3318 border-width: 1px; |
|
3319 border-style: solid; |
|
3320 overflow: auto; |
|
3321 } |
|
3322 .jqx-editor iframe { |
|
3323 border: 0; |
|
3324 margin: 0; |
|
3325 padding: 0; |
|
3326 background: #fff; |
|
3327 display: inline; |
|
3328 vertical-align: top; |
|
3329 width: 100%; |
|
3330 height: 100%; |
|
3331 } |
|
3332 .jqx-editor-color-bar { |
|
3333 height: 3px; |
|
3334 } |
|
3335 .jqx-editor-color-picker table { |
|
3336 margin: 0; |
|
3337 padding: 0 4px 4px; |
|
3338 empty-cells: show; |
|
3339 border-collapse: separate; |
|
3340 } |
|
3341 .jqx-editor-color-picker td { |
|
3342 border-collapse: separate; |
|
3343 border: 1px solid transparent; |
|
3344 cursor: pointer; |
|
3345 margin: 0; |
|
3346 position: relative; |
|
3347 } |
|
3348 .jqx-editor-color-picker td:hover { |
|
3349 border: 1px solid #000; |
|
3350 } |
|
3351 .jqx-editor-color-picker-selected-cell { |
|
3352 outline: 1px solid #000; |
|
3353 } |
|
3354 .jqx-editor-color-picker td div{ |
|
3355 width: 16px; |
|
3356 height: 16px; |
|
3357 } |
|
3358 .jqx-editor-content { |
|
3359 width: 100%; |
|
3360 border-style: solid; |
|
3361 border-width: 1px; |
|
3362 outline: 0; |
|
3363 left: 0px; |
|
3364 position: relative; |
|
3365 box-sizing: border-box !important; |
|
3366 } |
|
3367 .jqx-editor-container { |
|
3368 position: relative; |
|
3369 padding: 4px; |
|
3370 padding-top: 0px; |
|
3371 width: 100%; |
|
3372 height: 100%; |
|
3373 box-sizing: border-box !important; |
|
3374 } |
|
3375 .jqx-editor-toolbar-container { |
|
3376 top: 0px; left: 0px; |
|
3377 box-sizing: border-box !important; |
|
3378 } |
|
3379 .jqx-editor-toolbar-inline { |
|
3380 padding: 0px 4px; |
|
3381 border-width: 1px; |
|
3382 border-style: solid; |
|
3383 } |
|
3384 .jqx-editor-toolbar { |
|
3385 margin: 0; |
|
3386 padding: 0px; |
|
3387 padding-bottom: 4px; |
|
3388 } |
|
3389 .jqx-editor-toolbar-icon { |
|
3390 height: 21px; |
|
3391 width: 21px; |
|
3392 vertical-align: middle; |
|
3393 opacity: .667; |
|
3394 margin: 2px 0; |
|
3395 background: url('images/html_editor.png') no-repeat; |
|
3396 } |
|
3397 .jqx-editor-toolbar-icon-bold { |
|
3398 background-position: 0px 0px !important; |
|
3399 } |
|
3400 .jqx-editor-toolbar-icon-italic { |
|
3401 background-position: -21px 0px !important; |
|
3402 } |
|
3403 .jqx-editor-toolbar-icon-underline { |
|
3404 background-position: -42px 0px !important; |
|
3405 } |
|
3406 .jqx-editor-toolbar-icon-fontname { |
|
3407 background-position: -63px 0px !important; |
|
3408 } |
|
3409 .jqx-editor-toolbar-icon-fontsize { |
|
3410 background-position: -84px 0px !important; |
|
3411 } |
|
3412 .jqx-editor-toolbar-icon-createlink { |
|
3413 background-position: -147px 0px !important; |
|
3414 } |
|
3415 .jqx-editor-toolbar-icon-insertorderedlist { |
|
3416 background-position: -168px 0px !important; |
|
3417 } |
|
3418 .jqx-editor-toolbar-icon-insertunorderedlist { |
|
3419 background-position: -189px 0px !important; |
|
3420 } |
|
3421 .jqx-editor-toolbar-icon-outdent { |
|
3422 background-position: -210px 0px !important; |
|
3423 } |
|
3424 .jqx-editor-toolbar-icon-indent { |
|
3425 background-position: -231px 0px !important; |
|
3426 } |
|
3427 .jqx-editor-toolbar-icon-insertimage { |
|
3428 background-position: -337px 0px !important; |
|
3429 } |
|
3430 .jqx-editor-toolbar-icon-justifyleft { |
|
3431 background-position: -252px 0px !important; |
|
3432 } |
|
3433 .jqx-editor-toolbar-icon-justifycenter { |
|
3434 background-position: -273px 0px !important; |
|
3435 } |
|
3436 .jqx-editor-toolbar-icon-justifyright { |
|
3437 background-position: -294px 0px !important; |
|
3438 } |
|
3439 .jqx-editor-toolbar-icon-removeformat { |
|
3440 background-position: -316px 0px !important; |
|
3441 } |
|
3442 .jqx-editor-toolbar-icon-viewsource { |
|
3443 background-position: -359px 0px !important; |
|
3444 } |
|
3445 .jqx-editor-toolbar-icon-forecolor { |
|
3446 background-position: -105px 0px !important; |
|
3447 height: 15px; |
|
3448 } |
|
3449 .jqx-editor-toolbar-icon-backcolor { |
|
3450 background-position: -380px 0px !important; |
|
3451 height: 15px; |
|
3452 } |
|
3453 |
|
3454 .jqx-editor-toolbar-icon:hover { |
|
3455 opacity: 1; |
|
3456 } |
|
3457 .jqx-fill-state-disabled .jqx-editor-toolbar-icon { |
|
3458 opacity: .667; |
|
3459 } |
|
3460 .jqx-editor-toolbar-item { |
|
3461 display: inline-block; |
|
3462 margin-left: 2px; |
|
3463 vertical-align: middle; |
|
3464 } |
|
3465 .jqx-editor-toolbar-separator { |
|
3466 border-left: 1px solid #ccc; |
|
3467 margin: 0 2px; |
|
3468 outline: none; |
|
3469 overflow: hidden; |
|
3470 padding: 0; |
|
3471 text-decoration: none; |
|
3472 vertical-align: middle; |
|
3473 width: 0; |
|
3474 display: inline-block; |
|
3475 } |
|
3476 .jqx-editor-toolbar-group { |
|
3477 display: inline-block; |
|
3478 margin-right: 4px; |
|
3479 margin-top: 4px; |
|
3480 white-space: nowrap; |
|
3481 } |
|
3482 .jqx-editor-toolbar-button { |
|
3483 text-decoration: none; |
|
3484 vertical-align: middle; |
|
3485 cursor: default; |
|
3486 display: inline-block; |
|
3487 padding: 0px !important; |
|
3488 margin-right: 2px; |
|
3489 } |
|
3490 .jqx-editor-toolbar-group .jqx-editor-toolbar-button { |
|
3491 margin-right: -1px; |
|
3492 box-shadow: none; |
|
3493 position: relative; |
|
3494 margin-left: 0px !important; |
|
3495 } |
|
3496 .jqx-editor-toolbar-group .jqx-editor-toolbar-button:hover, .jqx-editor-toolbar-group .jqx-editor-toolbar-button:active { |
|
3497 z-index: 55; |
|
3498 } |
|
3499 .jqx-editor-toolbar-group .jqx-editor-toolbar-button.jqx-fill-state-normal { |
|
3500 background: transparent !important; |
|
3501 } |
|
3502 |
|
3503 .jqx-date-time-input-popup table td a |
|
3504 { |
|
3505 border: 1px transparent solid; |
|
3506 width: 100%; |
|
3507 display: inline-block; |
|
3508 margin: 0; |
|
3509 padding: 0; |
|
3510 outline: 0; |
|
3511 color: #333; |
|
3512 } |
|
3513 .jqx-date-time-input-popup table td input { |
|
3514 width: 25px; |
|
3515 margin: 0; |
|
3516 text-align: center; |
|
3517 padding: 4px 6px; |
|
3518 height:20px; |
|
3519 line-height: 20px; |
|
3520 vertical-align: middle; |
|
3521 } |
|
3522 |
|
3523 .jqx-scheduler .jqx-cell { |
|
3524 padding: 0px !important; |
|
3525 cursor: default; |
|
3526 } |
|
3527 .jqx-scheduler .jqx-widget-header.jqx-grid-header |
|
3528 { |
|
3529 border-bottom-color: transparent; |
|
3530 border-bottom-width: 0px; |
|
3531 } |
|
3532 .jqx-scheduler .jqx-grid-column-header, .jqx-scheduler.jqx-widget .jqx-grid-column-header |
|
3533 { |
|
3534 border-bottom: 1px solid #c5c5c5; |
|
3535 } |
|
3536 .jqx-grid-column-header[sort] > div > div { |
|
3537 width: calc(100% - 20px); |
|
3538 } |
|
3539 .jqx-grid-column-header[filter] > div > div { |
|
3540 width: calc(100% - 20px); |
|
3541 } |
|
3542 .jqx-grid-column-header[filter][sort] > div > div { |
|
3543 width: calc(100% - 40px); |
|
3544 } |
|
3545 |
|
3546 .jqx-scheduler-all-day-cell |
|
3547 { |
|
3548 text-align: left; |
|
3549 } |
|
3550 .jqx-scheduler-all-day-cell span |
|
3551 { |
|
3552 margin-left:3px; |
|
3553 } |
|
3554 |
|
3555 .jqx-scheduler-month-cell { |
|
3556 background: #f2f2f2; |
|
3557 color: #000; |
|
3558 opacity: 0.8; |
|
3559 border-bottom-width: 1px; |
|
3560 border-bottom-style: solid; |
|
3561 border-bottom-color: inherit; |
|
3562 vertical-align: top; |
|
3563 text-align: left; |
|
3564 } |
|
3565 .jqx-scheduler-month-cell-touch { |
|
3566 background: transparent; |
|
3567 border:none; |
|
3568 vertical-align:middle; |
|
3569 text-align:center; |
|
3570 } |
|
3571 .jqx-scheduler-month-cell-popup { |
|
3572 border: 1px solid #333; |
|
3573 background: #f2f2f2; |
|
3574 box-shadow: 0 5px 0px rgba(0,0,0,.15)!important; |
|
3575 } |
|
3576 .jqx-widget .jqx-scheduler-middle-cell, .jqx-scheduler-middle-cell { |
|
3577 border-bottom-color: #ddd !important; |
|
3578 } |
|
3579 .jqx-scheduler-cell-selected.jqx-scheduler-middle-cell |
|
3580 { |
|
3581 border-bottom-style:dotted; |
|
3582 } |
|
3583 .jqx-scheduler-work-time-cell |
|
3584 { |
|
3585 background: #fff; |
|
3586 } |
|
3587 .jqx-scheduler-not-work-time-cell |
|
3588 { |
|
3589 background: #eee; |
|
3590 } |
|
3591 .jqx-scheduler-month-outer-cell |
|
3592 { |
|
3593 color: #555; |
|
3594 } |
|
3595 .jqx-scheduler-month-weekend-cell |
|
3596 { |
|
3597 background: #eee; |
|
3598 } |
|
3599 .jqx-scheduler-disabled-cell { |
|
3600 background: #e9edf1; |
|
3601 } |
|
3602 .jqx-scheduler-toolbar |
|
3603 { |
|
3604 font-size: 14px; |
|
3605 } |
|
3606 .jqx-scheduler-time-column, .jqx-scheduler-toolbar { |
|
3607 background-image: none !important; |
|
3608 background: #fff !important; |
|
3609 color: #333 !important; |
|
3610 } |
|
3611 .jqx-scheduler-week-number-column { |
|
3612 background: #e8e8e8 !important; |
|
3613 color: #333; |
|
3614 } |
|
3615 .jqx-scheduler-time-column-header-cell |
|
3616 { |
|
3617 border-left-color:transparent !important; |
|
3618 } |
|
3619 .jqx-scheduler-time-column-header-cell-rtl |
|
3620 { |
|
3621 border-right-color:transparent !important; |
|
3622 } |
|
3623 .jqx-scheduler-appointment { |
|
3624 overflow: visible; |
|
3625 border: 1px solid #555; |
|
3626 white-space:pre-line; |
|
3627 cursor:pointer; |
|
3628 vertical-align: middle; |
|
3629 text-overflow:ellipsis; |
|
3630 user-select: none; |
|
3631 } |
|
3632 .jqx-scheduler-appointment-rtl { |
|
3633 direction: rtl; |
|
3634 text-align: right; |
|
3635 } |
|
3636 |
|
3637 .jqx-scheduler-appointment-content { |
|
3638 overflow: hidden; |
|
3639 text-overflow:ellipsis; |
|
3640 height:100%; |
|
3641 padding-left:5px; |
|
3642 padding-right:5px; |
|
3643 } |
|
3644 .jqx-scheduler-appointment-inner-content { |
|
3645 overflow:hidden; |
|
3646 width:100%; |
|
3647 text-overflow: ellipsis; |
|
3648 padding-bottom: 3px; |
|
3649 } |
|
3650 .jqx-scheduler-appointment-duration-status { |
|
3651 height: 0px; |
|
3652 border-bottom-width: 2px; |
|
3653 border-bottom-style: dotted; |
|
3654 border-color: #f05c2d; |
|
3655 background: #f05c2d; |
|
3656 position:absolute; |
|
3657 bottom: -1px; left: 0px; |
|
3658 border-radius: 5px; |
|
3659 } |
|
3660 .jqx-scheduler-appointment-status { |
|
3661 width: 4px; |
|
3662 height: 100%; |
|
3663 border-right-width: 1px; |
|
3664 border-right-style:solid; |
|
3665 position:absolute; |
|
3666 top: 0px; left: 0px; |
|
3667 } |
|
3668 .jqx-scheduler-appointment-status-rtl { |
|
3669 width: 4px; |
|
3670 height: 100%; |
|
3671 border-right-width: 0px; |
|
3672 border-right-style:none; |
|
3673 border-left-width: 1px; |
|
3674 border-left-style:solid; |
|
3675 position:absolute; |
|
3676 top: 0px; right:0px; |
|
3677 } |
|
3678 .jqx-scheduler-appointment-status-stripes { |
|
3679 background-image: url('images/stripes.png'); |
|
3680 background-repeat:repeat-y; |
|
3681 background-position: left top; |
|
3682 } |
|
3683 .jqx-scheduler-appointment-resize-indicator { |
|
3684 width: 4px; |
|
3685 height: 4px; |
|
3686 position: absolute; |
|
3687 border: 1px solid black; |
|
3688 background: white; |
|
3689 display: none; |
|
3690 } |
|
3691 .jqx-scheduler-appointment-top-resize-indicator { |
|
3692 top: -3px; |
|
3693 left: 50%; |
|
3694 margin-left:-2px; |
|
3695 cursor: row-resize; |
|
3696 } |
|
3697 .jqx-scheduler-appointment-bottom-resize-indicator { |
|
3698 cursor: row-resize; |
|
3699 bottom: -3px; |
|
3700 left: 50%; |
|
3701 margin-left:-2px; |
|
3702 } |
|
3703 .jqx-scheduler-appointment-left-resize-indicator { |
|
3704 cursor: col-resize; |
|
3705 top: 50%; |
|
3706 left: -3px; |
|
3707 margin-top: -2px; |
|
3708 } |
|
3709 .jqx-scheduler-appointment-right-resize-indicator { |
|
3710 cursor: col-resize; |
|
3711 top: 50%; |
|
3712 margin-top: -2px; |
|
3713 right: -3px; |
|
3714 } |
|
3715 |
|
3716 .jqx-scheduler-appointment span { |
|
3717 vertical-align: middle; |
|
3718 text-overflow:ellipsis; |
|
3719 position: relative; |
|
3720 top: -1px; |
|
3721 } |
|
3722 .jqx-scheduler-feedback-appointment { |
|
3723 opacity: 0.7; |
|
3724 position:absolute; |
|
3725 z-index:99999; |
|
3726 } |
|
3727 .jqx-scheduler-selected-appointment { |
|
3728 border: 1px solid #316293 !important; |
|
3729 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; |
|
3730 -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; |
|
3731 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; |
|
3732 white-space:pre-line; |
|
3733 } |
|
3734 .jqx-scheduler-appointment:hover { |
|
3735 border: 1px solid #3f7ebe !important; |
|
3736 } |
|
3737 .jqx-scheduler-feedback-drag-appointment { |
|
3738 background: #aaa !important; |
|
3739 } |
|
3740 .jqx-icon-recurrence, .jqx-icon-recurrence-exception,.jqx-icon-recurrence-white, .jqx-icon-recurrence-exception-white, .jqx-icon-time |
|
3741 { |
|
3742 background-image: url('images/icon-recurrence.png'); |
|
3743 background-repeat: no-repeat; |
|
3744 background-position: center; |
|
3745 width: 16px; |
|
3746 height: 16px; |
|
3747 float: left; |
|
3748 margin:3px; |
|
3749 margin-left:5px; |
|
3750 } |
|
3751 .jqx-icon-time |
|
3752 { |
|
3753 background-image: url('images/icon-time.png'); |
|
3754 margin:0px; |
|
3755 position: relative; |
|
3756 left: 1px; |
|
3757 margin-top:-8px; |
|
3758 } |
|
3759 .jqx-icon-time-white |
|
3760 { |
|
3761 background-image: url('images/icon-time-white.png'); |
|
3762 } |
|
3763 .jqx-icon-recurrence-exception |
|
3764 { |
|
3765 background-image: url('images/icon-recurrence-exception.png'); |
|
3766 } |
|
3767 .jqx-icon-recurrence-exception-white { |
|
3768 background-image: url('images/icon-recurrence-exception-white.png'); |
|
3769 } |
|
3770 .jqx-icon-recurrence-white { |
|
3771 background-image: url('images/icon-recurrence-white.png'); |
|
3772 } |
|
3773 .jqx-scheduler-cell-hover { |
|
3774 border-color: #3f7ebe !important; |
|
3775 background: #a2c0df !important; |
|
3776 } |
|
3777 .jqx-scheduler-cell-selected { |
|
3778 border-color: #316293 !important; |
|
3779 background: #2f7eb6 !important; |
|
3780 } |
|
3781 .jqx-scheduler-edit-dialog-label { |
|
3782 clear: both; |
|
3783 float: left; |
|
3784 margin-left: 2%; |
|
3785 padding: 4px; |
|
3786 text-align: right; |
|
3787 width: 18%; |
|
3788 line-height: 25px; |
|
3789 } |
|
3790 .jqx-scheduler-edit-dialog-field { |
|
3791 clear: right; |
|
3792 float: right; |
|
3793 margin-right: 2%; |
|
3794 padding: 4px; |
|
3795 width: 380px; |
|
3796 } |
|
3797 .jqx-scheduler-edit-dialog-label-rtl { |
|
3798 clear: both; |
|
3799 float: right; |
|
3800 margin-left: 0px; |
|
3801 margin-right: 2%; |
|
3802 padding: 4px; |
|
3803 text-align: left; |
|
3804 width: 18%; |
|
3805 line-height: 25px; |
|
3806 } |
|
3807 .jqx-scheduler-edit-dialog-field-rtl { |
|
3808 clear: left; |
|
3809 float: left; |
|
3810 margin-right: 0px; |
|
3811 margin-left: 2%; |
|
3812 padding: 4px; |
|
3813 width: 72%; |
|
3814 } |
|
3815 .jqx-scheduler-legend-bar |
|
3816 { |
|
3817 overflow:hidden; |
|
3818 border-color:inherit; |
|
3819 border: none; |
|
3820 } |
|
3821 .jqx-scheduler-legend-bar-bottom |
|
3822 { |
|
3823 border-top-width: 1px; |
|
3824 border-top-style:solid; |
|
3825 } |
|
3826 .jqx-scheduler-legend-bar-top |
|
3827 { |
|
3828 border-bottom-width: 1px; |
|
3829 border-bottom-style:solid; |
|
3830 } |
|
3831 .jqx-scheduler-legend { |
|
3832 width:14px; |
|
3833 height:14px; |
|
3834 float: left; |
|
3835 margin-right: 3px; |
|
3836 border-style:solid; |
|
3837 border-width:1px; |
|
3838 cursor: pointer; |
|
3839 vertical-align: middle; |
|
3840 margin-top:4px; |
|
3841 } |
|
3842 .jqx-scheduler-legend-label { |
|
3843 float: left; |
|
3844 margin-right: 12px; |
|
3845 cursor: pointer; |
|
3846 vertical-align: middle; |
|
3847 margin-top:4px; |
|
3848 } |
|
3849 .jqx-scheduler-cell-selected .jqx-scheduler-agenda-date { |
|
3850 color: #fff; |
|
3851 } |
|
3852 .jqx-scheduler-cell-selected .jqx-scheduler-agenda-time { |
|
3853 color: #fff; |
|
3854 } |
|
3855 .jqx-scheduler-cell-selected .jqx-scheduler-agenda-appointment, .jqx-scheduler-cell-selected .jqx-scheduler-agenda-appointment-rtl { |
|
3856 color: #fff; |
|
3857 } |
|
3858 |
|
3859 .jqx-scheduler-agenda-date { |
|
3860 padding-top:5px; |
|
3861 padding-bottom:5px; |
|
3862 } |
|
3863 .jqx-scheduler-agenda-time { |
|
3864 padding: 5px; |
|
3865 } |
|
3866 .jqx-scheduler-agenda-appointment, .jqx-scheduler-agenda-appointment-rtl { |
|
3867 cursor: pointer; |
|
3868 } |
|
3869 .jqx-scheduler-agenda-appointment-resource, .jqx-scheduler-agenda-appointment-resource-rtl { |
|
3870 margin: 5px; |
|
3871 cursor: pointer; |
|
3872 } |
|
3873 .jqx-scheduler-agenda-appointment-resource-rtl, .jqx-scheduler-agenda-appointment-rtl { |
|
3874 float: right; |
|
3875 } |
|
3876 .jqx-scheduler-agenda-day { |
|
3877 margin: 3px; |
|
3878 font-size: 33px; |
|
3879 font-weight: normal; |
|
3880 } |
|
3881 .jqx-scheduler-agenda-week { |
|
3882 font-style: normal; |
|
3883 font-size:13px; |
|
3884 } |
|
3885 .jqx-scheduler-agenda-date { |
|
3886 font-size: 10px; |
|
3887 } |
|
3888 .jqx-scheduler-cell-focus |
|
3889 { |
|
3890 border-style:dotted; |
|
3891 border-color: #59a0d5 !important; |
|
3892 background: #59a0d5 !important; |
|
3893 } |
|
3894 /*applied to all widgets*/ |
|
3895 .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;} |
|
3896 |
|
3897 .jqx-item{-ms-touch-action: none; -moz-box-sizing: content-box; box-sizing: content-box; color: inherit; -webkit-text-size-adjust: none;} |
|
3898 |
|
3899 /*applied to containers to set a background and border color. Tabs, NavigationBar, Calendar content.*/ |
|
3900 .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; } |
|
3901 /*applied to header areas. Tabs, Menu, Window, Calendar.*/ |
|
3902 .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; } |
|
3903 |
|
3904 .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; } |
|
3905 .jqx-fill-state-hover {-moz-box-sizing: content-box; box-sizing: content-box; border-color:#999; background: #e8e8e8;} |
|
3906 .jqx-fill-state-pressed{-moz-box-sizing: content-box; box-sizing: content-box; border-color:#999; background: #d1d1d1;} |
|
3907 .jqx-fill-state-focus {border-color: #555; } |
|
3908 .jqx-fill-state-disabled {cursor: default; color: #000; opacity: .55; filter:Alpha(Opacity=45);} |
|
3909 .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 { |
|
3910 box-sizing: border-box; -moz-box-sizing: border-box; |
|
3911 } |
|
3912 .jqx-widget .jqx-grid-cell, .jqx-widget .jqx-grid-column-header, .jqx-widget .jqx-grid-group-cell {border-color: #aaa;} |
|
3913 .jqx-widget .jqx-grid-column-menubutton, .jqx-widget .jqx-grid-column-sortascbutton, .jqx-widget .jqx-grid-column-sortdescbutton, .jqx-widget .jqx-grid-column-filterbutton |
|
3914 { |
|
3915 background-color: transparent; |
|
3916 border-color: #aaa; |
|
3917 } |
|
3918 .jqx-grid-column-header a:link, .jqx-grid-column-header a:visited |
|
3919 { |
|
3920 *color: expression(this.parentNode.currentStyle['color']); |
|
3921 } |
|
3922 .jqx-grid-bottomright, .jqx-panel-bottomright, .jqx-listbox-bottomright |
|
3923 { |
|
3924 background-color: #e5e5e5; |
|
3925 } |
|
3926 |
|
3927 .jqx-tabs-title-selected-top |
|
3928 { |
|
3929 border-color: #aaa; |
|
3930 border-bottom: 1px solid #fff; |
|
3931 background-color: #fff; |
|
3932 } |
|
3933 /*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'bottom' .*/ |
|
3934 .jqx-tabs-title-selected-bottom |
|
3935 { |
|
3936 border-color: #aaa; |
|
3937 border-top: 1px solid #fff; |
|
3938 background-color: #fff; |
|
3939 } |
|
3940 /*applied to the tab's selection tracker when the jqxTab's position property is set to 'top'.*/ |
|
3941 .jqx-tabs-selection-tracker-top |
|
3942 { |
|
3943 border-color: #aaa; |
|
3944 border-bottom: 1px solid #fff; |
|
3945 } |
|
3946 /*applied to the tab's selection tracker when the jqxTab's position property is set to 'bottom'.*/ |
|
3947 .jqx-tabs-selection-tracker-bottom |
|
3948 { |
|
3949 border-color: #aaa; |
|
3950 border-top: 1px solid #fff; |
|
3951 } |
|
3952 /*jqxMaskedInput and jqxNumberInput Styles*/ |
|
3953 .jqx-input |
|
3954 { |
|
3955 -webkit-appearance: none; |
|
3956 padding: 0 0 0 0; |
|
3957 outline: none; |
|
3958 border-width: 1px; |
|
3959 border-style: solid; |
|
3960 -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box; |
|
3961 } |
|
3962 input[type=text].jqx-input, input[type=password].jqx-input { |
|
3963 min-height: 16px; |
|
3964 min-width: 16px; |
|
3965 margin: 0px; |
|
3966 border-width: 1px; |
|
3967 border-style: solid; |
|
3968 font-size: 13px; |
|
3969 padding: 3px; |
|
3970 padding-left:3px; |
|
3971 padding-right: 3px; |
|
3972 } |
|
3973 .jqx-input::-ms-reveal { |
|
3974 display: none; |
|
3975 } |
|
3976 .jqx-input::-ms-clear { |
|
3977 display: none; |
|
3978 } |
|
3979 .jqx-input-content::-ms-clear { |
|
3980 display: none; |
|
3981 } |
|
3982 .jqx-input::-ms-value { |
|
3983 margin: 0px; |
|
3984 padding: 0px; |
|
3985 min-height: 13px; |
|
3986 line-height: 13px; |
|
3987 } |
|
3988 |
|
3989 /*applied to the input when the validation fails.*/ |
|
3990 .jqx-input-invalid |
|
3991 { |
|
3992 border-color: #dd4b39 !important; |
|
3993 } |
|
3994 |
|
3995 /*applied to the input's content.*/ |
|
3996 .jqx-input-content |
|
3997 { |
|
3998 -webkit-appearance: none; |
|
3999 padding: 1px; |
|
4000 resize: none; |
|
4001 outline: none; |
|
4002 outline-width: 0px; |
|
4003 -webkit-user-modify:inherit; -moz-user-modify:inherit; |
|
4004 -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box; |
|
4005 } |
|
4006 /*applied to the input when it is disabled.*/ |
|
4007 .jqx-input-disabled |
|
4008 { |
|
4009 -webkit-appearance: none; |
|
4010 resize: none; |
|
4011 outline: none; |
|
4012 outline-width: 0px; |
|
4013 } |
|
4014 /*applied to the list menu.*/ |
|
4015 .jqx-listmenu-widget { |
|
4016 -ms-touch-action: auto; |
|
4017 } |
|
4018 .jqx-listmenu-widget .jqx-widget-content{ |
|
4019 -ms-touch-action: auto; |
|
4020 } |
|
4021 .jqx-listmenu-widget .jqx-widget-header{ |
|
4022 -ms-touch-action: auto; |
|
4023 } |
|
4024 .jqx-listmenu-widget li{ |
|
4025 -ms-touch-action: auto; |
|
4026 } |
|
4027 .jqx-menu-popup { |
|
4028 |
|
4029 } |
|
4030 .jqx-menu-vertical |
|
4031 { |
|
4032 background-color: #efefef; |
|
4033 } |
|
4034 .jqx-color-picker |
|
4035 { |
|
4036 |
|
4037 } |
|
4038 .jqx-color-picker-panel |
|
4039 { |
|
4040 } |
|
4041 .jqx-color-picker-map |
|
4042 { |
|
4043 border: 1px solid #A0A0A0; |
|
4044 background-color: transparent; |
|
4045 background-image: url('images/colorpicker/map-saturation.png'); |
|
4046 background-repeat: no-repeat; |
|
4047 background-position: left top; |
|
4048 overflow: hidden; |
|
4049 } |
|
4050 .jqx-color-picker-map-hue |
|
4051 { |
|
4052 border: 1px solid #A0A0A0; |
|
4053 background-color: transparent; |
|
4054 background-image: url('images/colorpicker/map-hue.png'); |
|
4055 background-repeat: no-repeat; |
|
4056 background-position: left top; |
|
4057 overflow: hidden; |
|
4058 } |
|
4059 .jqx-color-picker-map-overlay |
|
4060 { |
|
4061 background-color: transparent; |
|
4062 background-image: url('images/colorpicker/map-saturation-overlay.png'); |
|
4063 background-repeat: no-repeat; |
|
4064 background-position: left top; |
|
4065 } |
|
4066 .jqx-color-picker-bar |
|
4067 { |
|
4068 border: 1px solid #A0A0A0; |
|
4069 background-color: transparent; |
|
4070 background-image: url('images/colorpicker/bar-saturation.png'); |
|
4071 background-repeat: no-repeat; |
|
4072 background-position: left top; |
|
4073 } |
|
4074 .jqx-color-picker-bar-hue |
|
4075 { |
|
4076 border: 1px solid #A0A0A0; |
|
4077 background-color: transparent; |
|
4078 background-image: url('images/colorpicker/bar-hue.png'); |
|
4079 background-repeat: no-repeat; |
|
4080 background-position: left top; |
|
4081 } |
|
4082 .jqx-color-picker-preview |
|
4083 { |
|
4084 border: 1px solid #A0A0A0; |
|
4085 } |
|
4086 .jqx-color-picker-pointer |
|
4087 { |
|
4088 background-image: url('images/crosshair.png'); |
|
4089 background-repeat: no-repeat; |
|
4090 height: 16px; |
|
4091 width: 16px; |
|
4092 } |
|
4093 .jqx-color-picker-pointer-alt |
|
4094 { |
|
4095 background-image: url('images/crosshair-white.png'); |
|
4096 background-repeat: no-repeat; |
|
4097 height: 16px; |
|
4098 width: 16px; |
|
4099 } |
|
4100 .jqx-color-picker-bar-pointer |
|
4101 { |
|
4102 background-image: url('images/pointer.png'); |
|
4103 background-repeat: no-repeat; |
|
4104 height: 15px; |
|
4105 margin-left: 6px; |
|
4106 background-position: right top; |
|
4107 } |
|
4108 .jqx-icon |
|
4109 { |
|
4110 width: 16px; |
|
4111 height: 16px; |
|
4112 margin: 0 auto; |
|
4113 position: relative; |
|
4114 top: 50%; |
|
4115 margin-top: -8px; |
|
4116 } |
|
4117 .jqx-input-icon |
|
4118 { |
|
4119 width: 13px; |
|
4120 height: 13px; |
|
4121 margin: 0 auto; |
|
4122 } |
|
4123 .jqx-scrollbar-thumb-state-normal-touch |
|
4124 { |
|
4125 border-color:#c3c3c3; background: #c3c3c3; |
|
4126 } |
|
4127 .jqx-touch, .jqx-touch .jqx-fill-state-normal, .jqx-touch .jqx-widget-content, .jqx-touch .jqx-widget-header, .jqx-touch a:link{} |
|
4128 .jqx-scrollbar .jqx-icon-arrow-up{width: 100%; height: 100%;} |
|
4129 .jqx-scrollbar .jqx-icon-arrow-down{width: 100%; height: 100%;} |
|
4130 .jqx-scrollbar .jqx-icon-arrow-left{width: 100%; height: 100%;} |
|
4131 .jqx-scrollbar .jqx-icon-arrow-right{width: 100%; height: 100%;} |
|
4132 /*jqx-listmenu*/ |
|
4133 .jqx-listmenu-widget |
|
4134 { |
|
4135 border-width: 1px; |
|
4136 border-style: solid; |
|
4137 } |
|
4138 ol.jqx-listmenu, ul.jqx-listmenu |
|
4139 { |
|
4140 margin: 0; |
|
4141 padding: 0; |
|
4142 border: 0; |
|
4143 outline: 0; |
|
4144 font-size: 100%; |
|
4145 vertical-align: baseline; |
|
4146 line-height: 1; |
|
4147 counter-reset: section; |
|
4148 } |
|
4149 .jqx-listmenu li |
|
4150 { |
|
4151 margin-left: 0px; |
|
4152 list-style: none; |
|
4153 line-height: 1; |
|
4154 } |
|
4155 .jqx-listmenu |
|
4156 { |
|
4157 width: 100%; |
|
4158 } |
|
4159 .jqx-listmenu-header |
|
4160 { |
|
4161 padding: 15px; |
|
4162 } |
|
4163 .jqx-listmenu-item |
|
4164 { |
|
4165 cursor: pointer; |
|
4166 padding: 15px; |
|
4167 float: none; |
|
4168 overflow: hidden; |
|
4169 text-align: left; |
|
4170 position: relative; |
|
4171 } |
|
4172 |
|
4173 .jqx-listmenu-separator |
|
4174 { |
|
4175 padding: 10px; |
|
4176 counter-reset: section; |
|
4177 } |
|
4178 .jqx-listmenu-header-label |
|
4179 { |
|
4180 margin-left: 30px; |
|
4181 } |
|
4182 .jqx-listmenu-arrow-right |
|
4183 { |
|
4184 width: 16px; |
|
4185 height: 16px; |
|
4186 position: absolute; |
|
4187 top: 50%; |
|
4188 margin-top: -7px; |
|
4189 right: 7px; |
|
4190 } |
|
4191 .jqx-listmenu-arrow-rtl { |
|
4192 right: 0px; |
|
4193 left: 7px; |
|
4194 } |
|
4195 .jqx-listmenu-arrow-right-pressed |
|
4196 { |
|
4197 width: 16px; |
|
4198 height: 16px; |
|
4199 } |
|
4200 .jqx-listmenu-header .jqx-button |
|
4201 { |
|
4202 -moz-border-radius: 10px; |
|
4203 -webkit-border-radius: 10px; |
|
4204 border-radius: 10px; |
|
4205 padding: 6px 10px; |
|
4206 } |
|
4207 .jqx-listmenu-filter-input |
|
4208 { |
|
4209 -moz-border-radius: 3px; |
|
4210 -webkit-border-radius: 3px; |
|
4211 border-radius: 3px; |
|
4212 border: 1px solid; |
|
4213 outline: none; |
|
4214 width: 97%; |
|
4215 padding: 3px; |
|
4216 padding-left: 10px; |
|
4217 padding-right: 10px; |
|
4218 border-color: #c7c7c7; |
|
4219 background-color: #fff; |
|
4220 font-size: 20px; |
|
4221 min-height: 25px !important; |
|
4222 height: 25px; |
|
4223 } |
|
4224 .jqx-listmenu-filter |
|
4225 { |
|
4226 text-align: center; |
|
4227 padding: 4px; |
|
4228 } |
|
4229 ol li .jqx-listmenu-item-label:before |
|
4230 { |
|
4231 content: counter(section) ". "; |
|
4232 counter-increment: section; |
|
4233 } |
|
4234 .jqx-listmenu div |
|
4235 { |
|
4236 clear: both; |
|
4237 } |
|
4238 .jqx-listmenu-auto-separator |
|
4239 { |
|
4240 } |
|
4241 .jqx-listmenu-item-readonly |
|
4242 { |
|
4243 cursor: default; |
|
4244 } |
|
4245 .jqx-tooltip |
|
4246 { |
|
4247 position: absolute; |
|
4248 width: auto; |
|
4249 height: auto; |
|
4250 } |
|
4251 .jqx-tooltip-main |
|
4252 { |
|
4253 position: relative; |
|
4254 width: 100%; |
|
4255 height: 100%; |
|
4256 text-align: center; |
|
4257 filter: inherit; |
|
4258 border-style: solid; |
|
4259 border-width: 1px; |
|
4260 } |
|
4261 .jqx-tooltip-text |
|
4262 { |
|
4263 padding: 5px 8px; |
|
4264 overflow: hidden; |
|
4265 filter: inherit; |
|
4266 } |
|
4267 .jqx-tooltip, .jqx-tooltip-text, .jqx-tooltip-main { |
|
4268 -moz-border-radius: 5px; |
|
4269 -webkit-border-radius: 5px; |
|
4270 border-radius: 5px; |
|
4271 -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box; |
|
4272 } |
|
4273 .jqx-tooltip-arrow |
|
4274 { |
|
4275 position: absolute; |
|
4276 width: 0px; |
|
4277 height: 0px; |
|
4278 display: block; |
|
4279 border-style: solid; |
|
4280 margin: -6px 0 0 -7px; |
|
4281 background: transparent !important; |
|
4282 filter: inherit; |
|
4283 } |
|
4284 .jqx-tooltip-arrow-t-b |
|
4285 { |
|
4286 border-left-color: transparent !important; |
|
4287 border-right-color: transparent !important; |
|
4288 } |
|
4289 .jqx-tooltip-arrow-l-r |
|
4290 { |
|
4291 border-top-color: transparent !important; |
|
4292 border-bottom-color: transparent !important; |
|
4293 } |
|
4294 /*Sets the text-alignment to right.*/ |
|
4295 .jqx-rtl{text-align: right !important;} |
|
4296 .jqx-shadow{ |
|
4297 -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.15)!important; |
|
4298 -moz-box-shadow : 0 2px 3px rgba(0,0,0,.15)!important; |
|
4299 box-shadow : 0 2px 3px rgba(0,0,0,.15)!important; |
|
4300 } |
|
4301 .jqx-noshadow { |
|
4302 -webkit-box-shadow: none !important; |
|
4303 -moz-box-shadow : none !important; |
|
4304 box-shadow : none !important; |
|
4305 } |
|
4306 .jqx-passwordinput-password-icon, .jqx-passwordinput-password-icon-rtl |
|
4307 { |
|
4308 background-image: url(images/icon-showpassword.png) !important; |
|
4309 background-repeat: no-repeat !important; |
|
4310 width: 14px; |
|
4311 height: 9px; |
|
4312 } |
|
4313 .jqx-passwordinput-password-icon-ltr |
|
4314 { |
|
4315 background-position: right !important; |
|
4316 } |
|
4317 .jqx-passwordinput-password-icon-rtl |
|
4318 { |
|
4319 background-position: left !important; |
|
4320 } |
|
4321 .jqx-passwordinput-password-strength-inicator |
|
4322 { |
|
4323 width: 20%; |
|
4324 height: 5px; |
|
4325 margin-top: 5px; |
|
4326 } |
|
4327 /*top rounded Corners*/ |
|
4328 .jqx-rc-t-expanded |
|
4329 { |
|
4330 -moz-border-radius-topleft: 0px !important; |
|
4331 -webkit-border-top-left-radius: 0px !important; |
|
4332 border-top-left-radius: 0px !important; |
|
4333 -moz-border-radius-topright: 0px !important; |
|
4334 -webkit-border-top-right-radius: 0px !important; |
|
4335 border-top-right-radius: 0px !important; |
|
4336 } |
|
4337 /*bottom rounded Corners*/ |
|
4338 .jqx-rc-b-expanded |
|
4339 { |
|
4340 -moz-border-radius-bottomleft: 0px !important; |
|
4341 -webkit-border-bottom-left-radius: 0px !important; |
|
4342 border-bottom-left-radius: 0px !important; |
|
4343 -moz-border-radius-bottomright: 0px !important; |
|
4344 -webkit-border-bottom-right-radius: 0px !important; |
|
4345 border-bottom-right-radius: 0px !important; |
|
4346 } |
|
4347 .jqx-treemap-rectangle { |
|
4348 font-size: 13px; |
|
4349 font-weight: normal; |
|
4350 border: 1px solid #555; |
|
4351 color: #222; |
|
4352 text-shadow: 0px 0px 0px; |
|
4353 overflow: hidden; |
|
4354 text-overflow: ellipsis; |
|
4355 } |
|
4356 .jqx-treemap-label { |
|
4357 text-overflow: ellipsis; |
|
4358 overflow: hidden; |
|
4359 } |
|
4360 .jqx-treemap-rectangle-parent { |
|
4361 color: #222; |
|
4362 font-size: 15px; |
|
4363 font-family: Verdana; |
|
4364 font-weight: bold; |
|
4365 } |
|
4366 .jqx-treemap-legend-label { |
|
4367 color: #fff; |
|
4368 } |
|
4369 .jqx-treemap-legend { |
|
4370 width: 350px; |
|
4371 background-color: rgba(0, 0, 0, 0.1); |
|
4372 z-index: 41; |
|
4373 overflow: hidden; |
|
4374 } |
|
4375 .jqx-treemap-legend-table { |
|
4376 table-layout: fixed; |
|
4377 width: 100%; |
|
4378 } |
|
4379 .jqx-treemap-legend-color { |
|
4380 height: 3px; |
|
4381 } |
|
4382 .jqx-treemap-legend-values { |
|
4383 height: 12px; |
|
4384 width: 100%; |
|
4385 } |
|
4386 .jqx-treemap-legend-value { |
|
4387 font-size: 9px; |
|
4388 position: absolute; |
|
4389 color: #fff; |
|
4390 } |
|
4391 .jqx-treemap-rectangle-hover { |
|
4392 -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); |
|
4393 -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); |
|
4394 box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); |
|
4395 z-index: 40; |
|
4396 } |
|
4397 /*jqxRangeSelector*/ |
|
4398 .jqx-rangeselector, .jqx-rangeselector-content, .jqx-rangeselector-slider, .jqx-rangeselector-markers, |
|
4399 .jqx-rangeselector-ticks-container, .jqx-rangeselector-ticks, .jqx-rangeselector-shutter |
|
4400 { |
|
4401 box-shadow: none !important; |
|
4402 -webkit-box-shadow: none !important; |
|
4403 -moz-box-shadow: none !important; |
|
4404 box-sizing: content-box !important; |
|
4405 } |
|
4406 .jqx-rangeselector-markers { |
|
4407 |
|
4408 } |
|
4409 .jqx-rangeselector-content, .jqx-rangeselector-ticks, .jqx-rangeselector-labels, .jqx-rangeselector-shutter, .jqx-rangeselector-markers, .jqx-rangeselector-marker-arrow |
|
4410 { |
|
4411 position: absolute; |
|
4412 } |
|
4413 .jqx-rangeselector-ticks-container, .jqx-rangeselector-ticks, .jqx-rangeselector-shutter, .jqx-rangeselector-slider |
|
4414 { |
|
4415 height: 100%; |
|
4416 } |
|
4417 .jqx-rangeselector-ticks-container, .jqx-rangeselector-slider |
|
4418 { |
|
4419 width: 100%; |
|
4420 box-shadow: none !important; |
|
4421 -webkit-box-shadow: none !important; |
|
4422 -moz-box-shadow: none !important; |
|
4423 -moz-border-radius: 0px !important; |
|
4424 -webkit-border-radius: 0px !important; |
|
4425 border-radius: 0px !important; |
|
4426 } |
|
4427 .jqx-rangeselector-group-labels-rtl, .jqx-rangeselector-group-labels-ticks, .jqx-rangeselector-slider |
|
4428 { |
|
4429 float: left; |
|
4430 } |
|
4431 .jqx-rangeselector-slider, .jqx-rangeselector-markers, .jqx-rangeselector-marker-arrow |
|
4432 { |
|
4433 border-style: solid; |
|
4434 } |
|
4435 .jqx-rangeselector-ticks, .jqx-rangeselector-group-labels-ticks |
|
4436 { |
|
4437 width: 1px; |
|
4438 background: #aaa; |
|
4439 } |
|
4440 .jqx-rangeselector-labels, .jqx-rangeselector-markers |
|
4441 { |
|
4442 white-space: nowrap; |
|
4443 width: auto; |
|
4444 } |
|
4445 .jqx-rangeselector-slider, .jqx-rangeselector-markers |
|
4446 { |
|
4447 border-width: 1px !important; |
|
4448 } |
|
4449 .jqx-rangeselector-ticks-container |
|
4450 { |
|
4451 background-color: transparent; |
|
4452 position: relative; |
|
4453 } |
|
4454 .jqx-rangeselector-shutter |
|
4455 { |
|
4456 opacity: 0.75; |
|
4457 background: #efefef; |
|
4458 border-width: 0px !important; |
|
4459 } |
|
4460 .jqx-rangeselector-slider |
|
4461 { |
|
4462 background-color: transparent !important; |
|
4463 border-top: none !important; |
|
4464 background-image: none !important; |
|
4465 border-bottom: none !important; |
|
4466 border-color: #aaa; |
|
4467 border-right-color: transparent !important; |
|
4468 position: relative; |
|
4469 overflow: hidden; |
|
4470 } |
|
4471 .jqx-rangeselector-inner-slider |
|
4472 { |
|
4473 position: absolute; |
|
4474 right: 0; |
|
4475 background: #aaa; |
|
4476 width: 1px; |
|
4477 height: 100%; |
|
4478 } |
|
4479 .jqx-rangeselector-ticks |
|
4480 { |
|
4481 margin-top: 0px; |
|
4482 } |
|
4483 .jqx-rangeselector-labels, .jqx-rangeselector-group-labels |
|
4484 { |
|
4485 margin-top: 4px; |
|
4486 } |
|
4487 .jqx-rangeselector-markers |
|
4488 { |
|
4489 height: 20px; |
|
4490 padding: 5px; |
|
4491 opacity: 0.75; |
|
4492 } |
|
4493 .jqx-rangeselector-marker-arrow |
|
4494 { |
|
4495 width: 0px; |
|
4496 height: 0px; |
|
4497 display: block; |
|
4498 margin: -6px 0 0 -7px; |
|
4499 background-color: transparent !important; |
|
4500 filter: inherit; |
|
4501 border-top-width: 5px; |
|
4502 border-bottom-width: 5px; |
|
4503 border-right-color: transparent !important; |
|
4504 border-left-color: transparent !important; |
|
4505 background-clip: border-box; |
|
4506 background-repeat: repeat; |
|
4507 box-shadow: none !important; |
|
4508 -webkit-box-shadow: none !important; |
|
4509 background-image: none !important; |
|
4510 } |
|
4511 .jqx-rangeselector-marker-arrow-top { |
|
4512 border-bottom-color: transparent !important; |
|
4513 } |
|
4514 .jqx-rangeselector-marker-arrow-bottom { |
|
4515 border-top-color: transparent !important; |
|
4516 } |
|
4517 .jqx-rangeselector-marker-left-arrow |
|
4518 { |
|
4519 border-right-width: 0px; |
|
4520 border-left-width: 5px; |
|
4521 } |
|
4522 .jqx-rangeselector-marker-right-arrow |
|
4523 { |
|
4524 border-right-width: 5px; |
|
4525 border-left-width: 0px; |
|
4526 } |
|
4527 .jqx-rangeselector-markers-value |
|
4528 { |
|
4529 overflow: hidden; |
|
4530 white-space: nowrap; |
|
4531 } |
|
4532 .jqx-rangeselector-group-labels-rtl |
|
4533 { |
|
4534 margin-right: 10px; |
|
4535 direction: rtl; |
|
4536 } |
|
4537 .jqx-rangeselector-group-labels-ticks |
|
4538 { |
|
4539 height: 17px; |
|
4540 } |
|
4541 .jqx-rangeselector-group-labels-ticks-rtl |
|
4542 { |
|
4543 margin-left: 5px; |
|
4544 } |
|
4545 .jqx-action-button { |
|
4546 border: none; |
|
4547 border-left: 1px solid #c7c7c7; |
|
4548 } |
|
4549 .jqx-action-button-rtl { |
|
4550 border: none; |
|
4551 border-right: 1px solid #c7c7c7; |
|
4552 cursor: pointer; |
|
4553 } |
|
4554 /*jqxBulletChart*/ |
|
4555 .jqx-bulletchart |
|
4556 { |
|
4557 } |
|
4558 .jqx-bulletchart, .jqx-bulletchart-title-container-horizontal, .jqx-bulletchart-title-container-vertical, .jqx-bulletchart-chart-container-horizontal, .jqx-bulletchart-chart-container-vertical |
|
4559 { |
|
4560 position: relative; |
|
4561 } |
|
4562 .jqx-bulletchart-title-inner-container, .jqx-bulletchart-range, .jqx-bulletchart-pointer, .jqx-bulletchart-target, .jqx-bulletchart-ticks, .jqx-bulletchart-labels |
|
4563 { |
|
4564 position: absolute; |
|
4565 } |
|
4566 .jqx-bulletchart-title-container-vertical, .jqx-bulletchart-title, .jqx-bulletchart-description, .jqx-bulletchart-range-vertical |
|
4567 { |
|
4568 width: 100%; |
|
4569 } |
|
4570 .jqx-bulletchart-title-container-horizontal, .jqx-bulletchart-chart-container-horizontal |
|
4571 { |
|
4572 float: left; |
|
4573 overflow: hidden; |
|
4574 } |
|
4575 .jqx-bulletchart-title, .jqx-bulletchart-description |
|
4576 { |
|
4577 text-align: center; |
|
4578 } |
|
4579 .jqx-bulletchart-title-inner-container |
|
4580 { |
|
4581 margin: auto; |
|
4582 top: 0; |
|
4583 left: 0; |
|
4584 right: 0; |
|
4585 bottom: 0; |
|
4586 } |
|
4587 .jqx-bulletchart-title-inner-container-ltr |
|
4588 { |
|
4589 padding-right: 5px; |
|
4590 } |
|
4591 .jqx-bulletchart-title-inner-container-rtl |
|
4592 { |
|
4593 padding-left: 5px; |
|
4594 } |
|
4595 .jqx-bulletchart-title-description-ltr |
|
4596 { |
|
4597 text-align: right; |
|
4598 } |
|
4599 .jqx-bulletchart-title-description-rtl |
|
4600 { |
|
4601 text-align: left; |
|
4602 } |
|
4603 .jqx-bulletchart-title-description-vertical |
|
4604 { |
|
4605 text-align: center; |
|
4606 } |
|
4607 .jqx-bulletchart-title |
|
4608 { |
|
4609 font-size: 110%; |
|
4610 font-weight: bold; |
|
4611 } |
|
4612 .jqx-bulletchart-description |
|
4613 { |
|
4614 font-size: 90%; |
|
4615 } |
|
4616 .jqx-bulletchart-range-horizontal |
|
4617 { |
|
4618 height: 100%; |
|
4619 } |
|
4620 .jqx-bulletchart-target-horizontal |
|
4621 { |
|
4622 top: 10%; |
|
4623 height: 80%; |
|
4624 } |
|
4625 .jqx-bulletchart-target-vertical |
|
4626 { |
|
4627 left: 10%; |
|
4628 width: 80%; |
|
4629 } |
|
4630 .jqx-bulletchart-ticks |
|
4631 { |
|
4632 background-color: #AAAAAA; |
|
4633 } |
|
4634 .jqx-bulletchart-ticks-horizontal |
|
4635 { |
|
4636 width: 1px; |
|
4637 } |
|
4638 .jqx-bulletchart-ticks-vertical |
|
4639 { |
|
4640 height: 1px; |
|
4641 } |
|
4642 .jqx-bulletchart-zero-tick |
|
4643 { |
|
4644 } |
|
4645 .jqx-bulletchart-labels |
|
4646 { |
|
4647 } |
|
4648 /*jqxNotification*/ |
|
4649 .jqx-notification |
|
4650 { |
|
4651 padding: 10px; |
|
4652 border-width: 1px; |
|
4653 border-style: solid; |
|
4654 box-sizing: border-box; |
|
4655 pointer-events: auto; |
|
4656 } |
|
4657 .jqx-notification-table |
|
4658 { |
|
4659 width: 100%; |
|
4660 font-size: inherit; |
|
4661 font-weight: inherit; |
|
4662 font-style: inherit; |
|
4663 color:inherit; |
|
4664 } |
|
4665 .jqx-notification-container |
|
4666 { |
|
4667 position: fixed; |
|
4668 height: auto; |
|
4669 width: auto; |
|
4670 pointer-events: none; |
|
4671 } |
|
4672 .jqx-notification-container-full-width |
|
4673 { |
|
4674 width: 100%; |
|
4675 } |
|
4676 .jqx-notification-container-full-height |
|
4677 { |
|
4678 height: 100%; |
|
4679 } |
|
4680 #jqxNotificationDefaultContainer-top-right, #jqxNotificationDefaultContainer-bottom-left |
|
4681 { |
|
4682 direction: rtl; |
|
4683 } |
|
4684 .jqx-notification-icon, .jqx-notification-content |
|
4685 { |
|
4686 vertical-align: middle; |
|
4687 } |
|
4688 .jqx-notification-content |
|
4689 { |
|
4690 } |
|
4691 .jqx-notification-content-rtl |
|
4692 { |
|
4693 direction: rtl; |
|
4694 } |
|
4695 .jqx-link, .jqx-inverse, .jqx-primary, .jqx-warning, .jqx-danger, .jqx-success, .jqx-info { |
|
4696 background: none !important; |
|
4697 box-shadow: none !important; |
|
4698 text-shadow: none !important; |
|
4699 } |
|
4700 |
|
4701 .jqx-primary .jqx-icon-calendar, .jqx-primary .jqx-icon-calendar-hover, .jqx-primary .jqx-icon-calendar-pressed { |
|
4702 background-image: url('images/icon-calendar-white.png'); |
|
4703 } |
|
4704 .jqx-primary .jqx-icon-time, .jqx-primary .jqx-icon-time-hover, .jqx-primary .jqx-icon-time-pressed { |
|
4705 background-image: url('images/icon-time-white.png'); |
|
4706 } |
|
4707 .jqx-success .jqx-icon-calendar, .jqx-success .jqx-icon-calendar-hover, .jqx-success .jqx-icon-calendar-pressed { |
|
4708 background-image: url('images/icon-calendar-white.png'); |
|
4709 } |
|
4710 .jqx-success .jqx-icon-time, .jqx-success .jqx-icon-time-hover, .jqx-success .jqx-icon-time-pressed { |
|
4711 background-image: url('images/icon-time-white.png'); |
|
4712 } |
|
4713 .jqx-warning .jqx-icon-calendar, .jqx-warning .jqx-icon-calendar-hover, .jqx-warning .jqx-icon-calendar-pressed { |
|
4714 background-image: url('images/icon-calendar-white.png'); |
|
4715 } |
|
4716 .jqx-warning .jqx-icon-time, .jqx-warning .jqx-icon-time-hover, .jqx-warning .jqx-icon-time-pressed { |
|
4717 background-image: url('images/icon-time-white.png'); |
|
4718 } |
|
4719 |
|
4720 .jqx-danger .jqx-icon-calendar, .jqx-danger .jqx-icon-calendar-hover, .jqx-danger .jqx-icon-calendar-pressed { |
|
4721 background-image: url('images/icon-calendar-white.png'); |
|
4722 } |
|
4723 .jqx-danger .jqx-icon-time, .jqx-danger .jqx-icon-time-hover, .jqx-danger .jqx-icon-time-pressed { |
|
4724 background-image: url('images/icon-time-white.png'); |
|
4725 } |
|
4726 |
|
4727 .jqx-info .jqx-icon-calendar, .jqx-info .jqx-icon-calendar-hover, .jqx-info .jqx-icon-calendar-pressed { |
|
4728 background-image: url('images/icon-calendar-white.png'); |
|
4729 } |
|
4730 .jqx-info .jqx-icon-time, .jqx-info .jqx-icon-time-hover, .jqx-info .jqx-icon-time-pressed { |
|
4731 background-image: url('images/icon-time-white.png'); |
|
4732 } |
|
4733 |
|
4734 .jqx-inverse .jqx-icon-calendar, .jqx-inverse .jqx-icon-calendar-hover, .jqx-inverse .jqx-icon-calendar-pressed { |
|
4735 background-image: url('images/icon-calendar-white.png'); |
|
4736 } |
|
4737 .jqx-inverse .jqx-icon-time, .jqx-inverse .jqx-icon-time-hover, .jqx-inverse .jqx-icon-time-pressed { |
|
4738 background-image: url('images/icon-time-white.png'); |
|
4739 } |
|
4740 |
|
4741 |
|
4742 .jqx-notification-info, .jqx-info |
|
4743 { |
|
4744 color: #ffffff !important; |
|
4745 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; |
|
4746 background-color: #5bc0de !important; |
|
4747 *background-color: #5bc0de !important; |
|
4748 border-left-color: #46b8da !important; |
|
4749 border-right-color: #46b8da !important; |
|
4750 border-top-color: #46b8da !important; |
|
4751 border-bottom-color: #46b8da !important; |
|
4752 } |
|
4753 .jqx-info:hover, |
|
4754 .jqx-info:focus, |
|
4755 .jqx-info:active, |
|
4756 .jqx-info.active, |
|
4757 .jqx-info.disabled, |
|
4758 .jqx-info[disabled] { |
|
4759 color: #ffffff !important; |
|
4760 background-color: #31b0d5 !important; |
|
4761 *background-color: #31b0d5 !important; |
|
4762 border-color: #269abc !important; |
|
4763 } |
|
4764 |
|
4765 .jqx-fill-state-pressed.jqx-info, |
|
4766 .jqx-info:active, |
|
4767 .jqx-info.active { |
|
4768 background-color: #269abc \9 !important; |
|
4769 } |
|
4770 .jqx-notification-warning, .jqx-warning |
|
4771 { |
|
4772 color: #ffffff !important; |
|
4773 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; |
|
4774 background-color: #f0ad4e !important; |
|
4775 *background-color: #f0ad4e !important; |
|
4776 border-left-color: #eea236 !important; |
|
4777 border-right-color: #eea236 !important; |
|
4778 border-top-color: #eea236 !important; |
|
4779 border-bottom-color: #eea236 !important; |
|
4780 } |
|
4781 .jqx-warning:hover, |
|
4782 .jqx-warning:focus, |
|
4783 .jqx-warning:active, |
|
4784 .jqx-warning.active, |
|
4785 .jqx-warning.disabled, |
|
4786 .jqx-warning[disabled] { |
|
4787 color: #ffffff !important; |
|
4788 background-color: #ec971f !important; |
|
4789 *background-color: #ec971f !important; |
|
4790 border-color: #d58512 !important; |
|
4791 } |
|
4792 |
|
4793 .jqx-fill-state-pressed.jqx-warning, |
|
4794 .jqx-warning:active, |
|
4795 .jqx-warning.active { |
|
4796 background-color: #d58512 \9 !important; |
|
4797 border-color: #985f0d !important; |
|
4798 } |
|
4799 .jqx-notification-success, .jqx-success |
|
4800 { |
|
4801 color: #ffffff !important; |
|
4802 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; |
|
4803 background-color: #5cb85c !important; |
|
4804 *background-color: #5cb85c !important; |
|
4805 border-left-color: #4cae4c !important; |
|
4806 border-right-color: #4cae4c !important; |
|
4807 border-top-color: #4cae4c !important; |
|
4808 border-bottom-color: #4cae4c !important; |
|
4809 } |
|
4810 .jqx-success:hover, |
|
4811 .jqx-success:focus, |
|
4812 .jqx-success:active, |
|
4813 .jqx-success.active, |
|
4814 .jqx-success.disabled, |
|
4815 .jqx-success[disabled] { |
|
4816 color: #ffffff !important; |
|
4817 background-color: #449d44 !important; |
|
4818 *background-color: #449d44 !important; |
|
4819 border-color: #398439 !important; |
|
4820 } |
|
4821 .jqx-fill-state-pressed.jqx-success, |
|
4822 .jqx-success:active, |
|
4823 .jqx-success.active { |
|
4824 background-color: #398439 !important; |
|
4825 border-color: #255625 !important; |
|
4826 } |
|
4827 .jqx-notification-error, .jqx-danger |
|
4828 { |
|
4829 color: #ffffff !important; |
|
4830 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; |
|
4831 background-color: #d9534f !important; |
|
4832 *background-color: #d9534f !important; |
|
4833 border-left-color: #d43f3a !important; |
|
4834 border-right-color: #d43f3a !important; |
|
4835 border-top-color: #d43f3a !important; |
|
4836 border-bottom-color: #d43f3a !important; |
|
4837 } |
|
4838 .jqx-danger:hover, |
|
4839 .jqx-danger:focus, |
|
4840 .jqx-danger:active, |
|
4841 .jqx-danger.active, |
|
4842 .jqx-danger.disabled, |
|
4843 .jqx-danger[disabled] { |
|
4844 color: #ffffff !important; |
|
4845 background-color: #c9302c !important; |
|
4846 *background-color: #c9302c !important; |
|
4847 border-color: #ac2925 !important; |
|
4848 } |
|
4849 |
|
4850 .jqx-fill-state-pressed.jqx-danger, .jqx-danger:active, |
|
4851 .jqx-danger.active { |
|
4852 background-color: #ac2925 !important; |
|
4853 border-color: #761c19 !important; |
|
4854 } |
|
4855 .jqx-notification-mail, .jqx-primary |
|
4856 { |
|
4857 color: #ffffff !important; |
|
4858 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; |
|
4859 background-color: #337ab7 !important; |
|
4860 *background-color: #337ab7 !important; |
|
4861 border-left-color: #2e6da4 !important; |
|
4862 border-right-color: #2e6da4 !important; |
|
4863 border-top-color: #2e6da4 !important; |
|
4864 border-bottom-color: #2e6da4 !important; |
|
4865 } |
|
4866 .jqx-primary:hover, |
|
4867 .jqx-primary:focus, |
|
4868 .jqx-primary:active, |
|
4869 .jqx-primary.active, |
|
4870 .jqx-primary.disabled, |
|
4871 .jqx-primary[disabled] { |
|
4872 color: #ffffff !important; |
|
4873 background-color: #286090 !important; |
|
4874 *background-color: #286090 !important; |
|
4875 } |
|
4876 |
|
4877 .jqx-fill-state-pressed.jqx-primary, |
|
4878 .jqx-primary:active, |
|
4879 .jqx-primary.active { |
|
4880 background-color: #204d74 !important; |
|
4881 } |
|
4882 .jqx-notification-time, .jqx-inverse |
|
4883 { |
|
4884 color: #ffffff !important; |
|
4885 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; |
|
4886 background-color: #363636 !important; |
|
4887 *background-color: #222222 !important; |
|
4888 border-left-color: #222222 !important; |
|
4889 border-right-color: #222222 !important; |
|
4890 border-top-color: #222222 !important; |
|
4891 border-bottom-color: #000000 !important; |
|
4892 } |
|
4893 .jqx-inverse:hover, |
|
4894 .jqx-inverse:focus, |
|
4895 .jqx-inverse:active, |
|
4896 .jqx-inverse.active, |
|
4897 .jqx-inverse.disabled, |
|
4898 .jqx-inverse[disabled] { |
|
4899 color: #ffffff !important; |
|
4900 background-color: #222222 !important; |
|
4901 *background-color: #151515 !important; |
|
4902 } |
|
4903 |
|
4904 .jqx-fill-state-pressed.jqx-inverse, |
|
4905 .jqx-inverse:active, |
|
4906 .jqx-inverse.active { |
|
4907 background-color: #080808 !important; |
|
4908 background-image: linear-gradient(to bottom, #444444, #444444) !important; |
|
4909 } |
|
4910 .jqx-link, |
|
4911 .jqx-link:active, |
|
4912 .jqx-link[disabled] { |
|
4913 background-color: transparent !important; |
|
4914 background-image: none !important; |
|
4915 -webkit-box-shadow: none !important; |
|
4916 -moz-box-shadow: none !important; |
|
4917 box-shadow: none !important; |
|
4918 } |
|
4919 |
|
4920 .jqx-link { |
|
4921 color: #0088cc !important; |
|
4922 cursor: pointer !important; |
|
4923 border-color: transparent !important; |
|
4924 -webkit-border-radius: 0 !important; |
|
4925 -moz-border-radius: 0 !important; |
|
4926 border-radius: 0 !important; |
|
4927 } |
|
4928 |
|
4929 .jqx-link:hover, |
|
4930 .jqx-link:focus { |
|
4931 color: #005580 !important; |
|
4932 text-decoration: underline !important; |
|
4933 background-color: transparent !important; |
|
4934 } |
|
4935 |
|
4936 .jqx-link[disabled]:hover, |
|
4937 .jqx-link[disabled]:focus { |
|
4938 color: #333333 !important; |
|
4939 text-decoration: none !important; |
|
4940 } |
|
4941 .jqx-link:focus, .jqx-inverse:focus, .jqx-primary:focus, .jqx-warning:focus, .jqx-danger:focus, .jqx-success:focus, .jqx-info:focus, |
|
4942 .jqx-link:hover, .jqx-inverse:hover, .jqx-primary:hover, .jqx-warning:hover, .jqx-danger:hover, .jqx-success:hover, .jqx-info:hover { |
|
4943 background-position: 0 -15px !important; |
|
4944 -webkit-transition: background-position 0.1s linear !important; |
|
4945 -moz-transition: background-position 0.1s linear !important; |
|
4946 -o-transition: background-position 0.1s linear !important; |
|
4947 transition: background-position 0.1s linear !important; |
|
4948 } |
|
4949 .jqx-link:active, .jqx-inverse:active, .jqx-primary:active, .jqx-warning:active, .jqx-danger:active, .jqx-success:active, .jqx-info:active { |
|
4950 background-image: none !important; |
|
4951 outline: 0 !important; |
|
4952 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; |
|
4953 -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; |
|
4954 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; |
|
4955 } |
|
4956 .jqx-notification-icon |
|
4957 { |
|
4958 background-repeat: no-repeat; |
|
4959 } |
|
4960 .jqx-notification-icon-ltr |
|
4961 { |
|
4962 background-position: left center; |
|
4963 } |
|
4964 .jqx-notification-icon-rtl |
|
4965 { |
|
4966 background-position: right center; |
|
4967 } |
|
4968 .jqx-notification-icon-info, .jqx-notification-icon-warning, .jqx-notification-icon-success, .jqx-notification-icon-error, .jqx-notification-icon-mail, .jqx-notification-icon-time |
|
4969 { |
|
4970 width: 30px; |
|
4971 height: 25px; |
|
4972 } |
|
4973 .jqx-notification-icon-info |
|
4974 { |
|
4975 background-image: url('images/info.png'); |
|
4976 } |
|
4977 .jqx-notification-icon-warning |
|
4978 { |
|
4979 background-image: url('images/warning.png'); |
|
4980 } |
|
4981 .jqx-notification-icon-success |
|
4982 { |
|
4983 background-image: url('images/success.png'); |
|
4984 } |
|
4985 .jqx-notification-icon-error |
|
4986 { |
|
4987 background-image: url('images/error.png'); |
|
4988 } |
|
4989 .jqx-notification-icon-mail |
|
4990 { |
|
4991 background-image: url('images/mail.png'); |
|
4992 } |
|
4993 .jqx-notification-icon-time |
|
4994 { |
|
4995 background-image: url('images/time.png'); |
|
4996 } |
|
4997 .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 |
|
4998 { |
|
4999 background-image: url('images/close_white.png'); |
|
5000 } |
|
5001 .jqx-notification-close-button-warning |
|
5002 { |
|
5003 background-image: url('images/close_black.png'); |
|
5004 } |
|
5005 .jqx-notification-close-button-container, .jqx-notification-close-button |
|
5006 { |
|
5007 width: 16px; |
|
5008 height: 16px; |
|
5009 } |
|
5010 .jqx-notification-close-button-container |
|
5011 { |
|
5012 vertical-align: top; |
|
5013 } |
|
5014 .jqx-notification-close-button |
|
5015 { |
|
5016 position: relative; |
|
5017 top: -11px; |
|
5018 background-repeat: no-repeat; |
|
5019 cursor: pointer; |
|
5020 } |
|
5021 .jqx-notification-close-button-ltr |
|
5022 { |
|
5023 right: -11px; |
|
5024 background-position: right top; |
|
5025 } |
|
5026 .jqx-notification-close-button-rtl |
|
5027 { |
|
5028 left: -11px; |
|
5029 background-position: left top; |
|
5030 } |
|
5031 .jqx-navbar { |
|
5032 width: 100%; |
|
5033 border-style: solid; |
|
5034 border-width: 1px; |
|
5035 } |
|
5036 .jqx-navbar ul:before, |
|
5037 .jqx-navbar ul:after { |
|
5038 content: ""; |
|
5039 display: table; |
|
5040 } |
|
5041 .jqx-navbar ul:after { |
|
5042 clear: both; |
|
5043 } |
|
5044 .jqx-navbar ul { |
|
5045 list-style: none; |
|
5046 margin: 0; |
|
5047 padding: 0; |
|
5048 position: relative; |
|
5049 display: block; |
|
5050 border: 0; |
|
5051 max-width: 100%; |
|
5052 overflow: visible; |
|
5053 } |
|
5054 .jqx-navbar-block { |
|
5055 margin: 0; |
|
5056 overflow:hidden; |
|
5057 padding: 0px 12px; |
|
5058 border-width:0px; |
|
5059 float: left; |
|
5060 min-height: 1px; |
|
5061 -webkit-box-sizing: border-box; |
|
5062 -moz-box-sizing: border-box; |
|
5063 box-sizing: border-box; |
|
5064 box-shadow: none !important; |
|
5065 border-radius: 0px !important; |
|
5066 } |
|
5067 .jqx-navbar-block-rtl { |
|
5068 float:right; |
|
5069 } |
|
5070 .jqx-ribbon |
|
5071 { |
|
5072 position: relative; |
|
5073 overflow: hidden; |
|
5074 } |
|
5075 .jqx-ribbon-auto |
|
5076 { |
|
5077 display: inline-block; |
|
5078 } |
|
5079 .jqx-ribbon-popup |
|
5080 { |
|
5081 overflow: visible; |
|
5082 } |
|
5083 .jqx-ribbon-header |
|
5084 { |
|
5085 position: absolute; |
|
5086 margin: 0; |
|
5087 border-width: 1px; |
|
5088 border-style: solid; |
|
5089 box-sizing: border-box; |
|
5090 overflow: hidden; |
|
5091 float: left; |
|
5092 display: block; |
|
5093 box-shadow: none !important; |
|
5094 } |
|
5095 .jqx-ribbon-header-auto |
|
5096 { |
|
5097 position: relative; |
|
5098 } |
|
5099 .jqx-ribbon-header-horizontal |
|
5100 { |
|
5101 width: 100%; |
|
5102 min-height: 30px; |
|
5103 padding: 0px; |
|
5104 white-space: nowrap; |
|
5105 } |
|
5106 .jqx-ribbon-header-bottom |
|
5107 { |
|
5108 bottom: 0; |
|
5109 } |
|
5110 .jqx-ribbon-header-vertical |
|
5111 { |
|
5112 min-width: 75px; |
|
5113 height: 100%; |
|
5114 float: left; |
|
5115 padding: 0px; |
|
5116 } |
|
5117 .jqx-ribbon-header-right |
|
5118 { |
|
5119 right: 0; |
|
5120 } |
|
5121 .jqx-ribbon-header-horizontal-popup, .jqx-ribbon-header-vertical-popup |
|
5122 { |
|
5123 position: relative; |
|
5124 } |
|
5125 .jqx-ribbon-header-horizontal-popup |
|
5126 { |
|
5127 height:100%; |
|
5128 } |
|
5129 .jqx-ribbon-header-vertical-popup |
|
5130 { |
|
5131 width: 100%; |
|
5132 } |
|
5133 .jqx-ribbon-item |
|
5134 { |
|
5135 position: relative; |
|
5136 list-style-type: none; |
|
5137 padding: 5px; |
|
5138 border: 1px solid transparent; |
|
5139 box-sizing: border-box; |
|
5140 text-overflow: ellipsis; |
|
5141 cursor: default; |
|
5142 min-width: 10px; |
|
5143 vertical-align: top; |
|
5144 } |
|
5145 .jqx-ribbon-item-top, .jqx-ribbon-item-bottom |
|
5146 { |
|
5147 height: 100%; |
|
5148 display: inline-block; |
|
5149 margin-left: 1px; |
|
5150 margin-right: 1px; |
|
5151 } |
|
5152 .jqx-ribbon-item-top |
|
5153 { |
|
5154 margin-top: 1px; |
|
5155 } |
|
5156 .jqx-ribbon-item-bottom |
|
5157 { |
|
5158 margin-top: -1px; |
|
5159 } |
|
5160 .jqx-ribbon-item-left, .jqx-ribbon-item-right |
|
5161 { |
|
5162 width: 100%; |
|
5163 margin-top: 2px; |
|
5164 } |
|
5165 .jqx-ribbon-item-left |
|
5166 { |
|
5167 margin-left: 1px; |
|
5168 } |
|
5169 .jqx-ribbon-item-right |
|
5170 { |
|
5171 margin-left: -1px; |
|
5172 } |
|
5173 .jqx-ribbon-item-hover |
|
5174 { |
|
5175 border-color: inherit; |
|
5176 } |
|
5177 .jqx-ribbon-item-top.jqx-ribbon-item-hover |
|
5178 { |
|
5179 border-bottom-color: inherit !important; |
|
5180 } |
|
5181 .jqx-ribbon-item-bottom.jqx-ribbon-item-hover |
|
5182 { |
|
5183 border-top-color: inherit !important; |
|
5184 } |
|
5185 .jqx-ribbon-item-left.jqx-ribbon-item-hover |
|
5186 { |
|
5187 border-right-color: inherit !important; |
|
5188 } |
|
5189 .jqx-ribbon-item-right.jqx-ribbon-item-hover |
|
5190 { |
|
5191 border-left-color: inherit !important; |
|
5192 } |
|
5193 .jqx-ribbon-item-selected |
|
5194 { |
|
5195 border-color: inherit; |
|
5196 } |
|
5197 .jqx-ribbon-item-top.jqx-ribbon-item-selected |
|
5198 { |
|
5199 border-bottom-color: transparent; |
|
5200 } |
|
5201 .jqx-ribbon-item-bottom.jqx-ribbon-item-selected |
|
5202 { |
|
5203 border-top-color: transparent; |
|
5204 } |
|
5205 .jqx-ribbon-item-left.jqx-ribbon-item-selected |
|
5206 { |
|
5207 border-right-color: transparent; |
|
5208 } |
|
5209 .jqx-ribbon-item-right.jqx-ribbon-item-selected |
|
5210 { |
|
5211 border-left-color:transparent; |
|
5212 } |
|
5213 .jqx-ribbon-content |
|
5214 { |
|
5215 background-image: none !important; |
|
5216 background-color: transparent !important; |
|
5217 box-sizing: border-box; |
|
5218 } |
|
5219 .jqx-ribbon-content-horizontal |
|
5220 { |
|
5221 clear: both; |
|
5222 height: 100%; |
|
5223 } |
|
5224 .jqx-ribbon-content-vertical |
|
5225 { |
|
5226 height: 100%; |
|
5227 width: 100%; |
|
5228 float: left; |
|
5229 border-width: 1px; |
|
5230 } |
|
5231 .jqx-ribbon-content-popup |
|
5232 { |
|
5233 z-index:99999; |
|
5234 position: absolute; |
|
5235 border-left: none; |
|
5236 } |
|
5237 .jqx-ribbon-content-popup.jqx-ribbon-content-horizontal |
|
5238 { |
|
5239 width: 100%; |
|
5240 height: auto; |
|
5241 } |
|
5242 .jqx-ribbon-content-popup.jqx-ribbon-content-vertical |
|
5243 { |
|
5244 width: auto; |
|
5245 height: 100%; |
|
5246 } |
|
5247 .jqx-ribbon-content-popup-top { |
|
5248 -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); |
|
5249 -moz-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); |
|
5250 box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); |
|
5251 } |
|
5252 .jqx-ribbon-content-popup-bottom { |
|
5253 -webkit-box-shadow: 0 -6px 15px rgba(0, 0, 0, 0.15); |
|
5254 -moz-box-shadow: 0 -6px 15px rgba(0, 0, 0, 0.15); |
|
5255 box-shadow: 0 -6px 15px rgba(0, 0, 0, 0.15); |
|
5256 } |
|
5257 .jqx-ribbon-content-popup-left { |
|
5258 -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); |
|
5259 -moz-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); |
|
5260 box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); |
|
5261 } |
|
5262 .jqx-ribbon-content-popup-right { |
|
5263 -webkit-box-shadow: -6px 6px 15px 0 rgba(0,0,0,0.15); |
|
5264 box-shadow: -6px 6px 15px 0 rgba(0,0,0,0.15); |
|
5265 } |
|
5266 |
|
5267 .jqx-ribbon-content-auto-width |
|
5268 { |
|
5269 width: auto; |
|
5270 } |
|
5271 .jqx-ribbon-content-section |
|
5272 { |
|
5273 width: 100%; |
|
5274 height: 100%; |
|
5275 display: none; |
|
5276 border-width: 1px; |
|
5277 border-style: solid; |
|
5278 box-sizing: inherit; |
|
5279 overflow: auto; |
|
5280 } |
|
5281 .jqx-ribbon-content-section-top |
|
5282 { |
|
5283 border-top: none; |
|
5284 } |
|
5285 .jqx-ribbon-content-section-bottom |
|
5286 { |
|
5287 bottom: 0; |
|
5288 border-bottom: none; |
|
5289 } |
|
5290 .jqx-ribbon-content-section-left |
|
5291 { |
|
5292 border-left: none; |
|
5293 } |
|
5294 .jqx-ribbon-content-section-right |
|
5295 { |
|
5296 border-right: none; |
|
5297 right: 0; |
|
5298 } |
|
5299 .jqx-ribbon-content-section-popup |
|
5300 { |
|
5301 position: relative; |
|
5302 } |
|
5303 .jqx-ribbon-content-section-horizontal-popup |
|
5304 { |
|
5305 height: auto; |
|
5306 } |
|
5307 .jqx-ribbon-content-section-vertical-popup |
|
5308 { |
|
5309 width: auto; |
|
5310 } |
|
5311 .jqx-ribbon-header-rtl |
|
5312 { |
|
5313 text-align: right; |
|
5314 } |
|
5315 .jqx-ribbon-header-horizontal.jqx-ribbon-header-rtl |
|
5316 { |
|
5317 direction: rtl; |
|
5318 } |
|
5319 .jqx-ribbon-item-rtl |
|
5320 { |
|
5321 direction: rtl; |
|
5322 } |
|
5323 .jqx-ribbon-scrollbutton |
|
5324 { |
|
5325 position: absolute; |
|
5326 display: none; |
|
5327 box-sizing: border-box; |
|
5328 cursor: pointer; |
|
5329 background-repeat: no-repeat !important; |
|
5330 background-position: center !important; |
|
5331 z-index: 0; |
|
5332 } |
|
5333 .jqx-ribbon-scrollbutton-top, .jqx-ribbon-scrollbutton-bottom |
|
5334 { |
|
5335 width: 17px; |
|
5336 } |
|
5337 .jqx-ribbon-scrollbutton-left, .jqx-ribbon-scrollbutton-right |
|
5338 { |
|
5339 height: 17px; |
|
5340 } |
|
5341 .jqx-ribbon-scrollbutton-top |
|
5342 { |
|
5343 top: 1px; |
|
5344 border-bottom-width: 1px; |
|
5345 border-bottom-style: solid; |
|
5346 } |
|
5347 .jqx-ribbon-scrollbutton-bottom |
|
5348 { |
|
5349 bottom: 1px; |
|
5350 border-top-width: 1px; |
|
5351 border-top-style: solid; |
|
5352 } |
|
5353 .jqx-ribbon-scrollbutton-left |
|
5354 { |
|
5355 left: 1px; |
|
5356 border-right-width: 1px; |
|
5357 border-right-style: solid; |
|
5358 } |
|
5359 .jqx-ribbon-scrollbutton-right |
|
5360 { |
|
5361 right: 1px; |
|
5362 border-left-width: 1px; |
|
5363 border-left-style: solid; |
|
5364 } |
|
5365 .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 |
|
5366 { |
|
5367 left: 1px; |
|
5368 border-right-width: 1px; |
|
5369 border-right-style: solid; |
|
5370 } |
|
5371 .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far |
|
5372 { |
|
5373 right: 18px; |
|
5374 border-left-width: 1px; |
|
5375 border-left-style: solid; |
|
5376 } |
|
5377 .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 |
|
5378 { |
|
5379 right: 1px; |
|
5380 border-left-width: 1px; |
|
5381 border-left-style: solid; |
|
5382 } |
|
5383 .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near |
|
5384 { |
|
5385 left: 18px; |
|
5386 border-right-width: 1px; |
|
5387 border-right-style: solid; |
|
5388 } |
|
5389 .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 |
|
5390 { |
|
5391 top: 1px; |
|
5392 border-bottom-width: 1px; |
|
5393 border-bottom-style: solid; |
|
5394 } |
|
5395 .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far |
|
5396 { |
|
5397 bottom: 18px; |
|
5398 border-top-width: 1px; |
|
5399 border-top-style: solid; |
|
5400 } |
|
5401 .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 |
|
5402 { |
|
5403 bottom: 1px; |
|
5404 border-top-width: 1px; |
|
5405 border-top-style: solid; |
|
5406 } |
|
5407 .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near |
|
5408 { |
|
5409 top: 18px; |
|
5410 border-bottom-width: 1px; |
|
5411 border-bottom-style: solid; |
|
5412 } |
|
5413 .jqx-ribbon-scrollbutton-inner |
|
5414 { |
|
5415 width: 100%; |
|
5416 height: 100%; |
|
5417 background-repeat: no-repeat; |
|
5418 background-position: center; |
|
5419 } |
|
5420 .jqx-ribbon-selection-token |
|
5421 { |
|
5422 position: absolute; |
|
5423 z-index: 0; |
|
5424 } |
|
5425 .jqx-ribbon-selection-token-top, .jqx-ribbon-selection-token-bottom |
|
5426 { |
|
5427 height: 1px; |
|
5428 } |
|
5429 .jqx-ribbon-selection-token-left, .jqx-ribbon-selection-token-right |
|
5430 { |
|
5431 width: 1px; |
|
5432 } |
|
5433 .jqx-ribbon-auto, .jqx-ribbon-item-top, .jqx-ribbon-item-bottom, .jqx-ribbon-content |
|
5434 { |
|
5435 *display: inline; |
|
5436 } |
|
5437 .jqx-ribbon-content-left |
|
5438 { |
|
5439 *float: none; |
|
5440 } |
|
5441 .jqx-ribbon-content-right |
|
5442 { |
|
5443 *float: left; |
|
5444 } |
|
5445 .jqx-ribbon-content.jqx-ribbon-content-popup |
|
5446 { |
|
5447 *left: 0; |
|
5448 } |
|
5449 .jqx-ribbon-content-popup .jqx-ribbon-content-section |
|
5450 { |
|
5451 *overflow: visible; |
|
5452 } |
|
5453 .jqx-ribbon-content-section-popup |
|
5454 { |
|
5455 *position: absolute; |
|
5456 } |
|
5457 .jqx-toolbar, .jqx-toolbar-minimized-popup-separator |
|
5458 { |
|
5459 box-sizing: border-box; |
|
5460 } |
|
5461 .jqx-toolbar, .jqx-toolbar-minimized-popup |
|
5462 { |
|
5463 padding: 5px; |
|
5464 } |
|
5465 .jqx-toolbar |
|
5466 { |
|
5467 position: relative; |
|
5468 border-width: 1px; |
|
5469 border-style: solid; |
|
5470 overflow: hidden; |
|
5471 } |
|
5472 .jqx-toolbar-tool |
|
5473 { |
|
5474 float: left; |
|
5475 margin-top: 0; |
|
5476 margin-bottom: 0; |
|
5477 } |
|
5478 .jqx-toolbar-tool-rtl |
|
5479 { |
|
5480 float: right; |
|
5481 } |
|
5482 .jqx-toolbar-tool-no-separator-ltr |
|
5483 { |
|
5484 margin-right: 2px !important; |
|
5485 } |
|
5486 .jqx-toolbar-tool-no-separator-rtl |
|
5487 { |
|
5488 margin-left: 2px !important; |
|
5489 } |
|
5490 .jqx-toolbar-tool-separator-ltr |
|
5491 { |
|
5492 margin-right: 6px !important; |
|
5493 } |
|
5494 .jqx-toolbar-tool-separator-rtl |
|
5495 { |
|
5496 margin-left: 6px !important; |
|
5497 } |
|
5498 .jqx-toolbar-tool-inner-button |
|
5499 { |
|
5500 margin-right: 0; |
|
5501 margin-left: 0; |
|
5502 border-radius: 0 !important; |
|
5503 } |
|
5504 .jqx-toolbar-minimized-button, .jqx-toolbar-minimized-popup |
|
5505 { |
|
5506 position: absolute; |
|
5507 } |
|
5508 .jqx-toolbar-minimized-button |
|
5509 { |
|
5510 height: 100%; |
|
5511 right: 0; |
|
5512 cursor: pointer; |
|
5513 margin-top: -5px; |
|
5514 margin-right: 5px; |
|
5515 display: none; |
|
5516 } |
|
5517 .jqx-toolbar-minimized-button-rtl |
|
5518 { |
|
5519 left: 0; |
|
5520 margin-left: 5px; |
|
5521 margin-right: 0; |
|
5522 } |
|
5523 .jqx-toolbar-minimized-popup |
|
5524 { |
|
5525 border-width: 1px; |
|
5526 border-top-width: 0; |
|
5527 border-style: solid; |
|
5528 visibility: hidden; |
|
5529 z-index: 99999; |
|
5530 } |
|
5531 .jqx-toolbar-tool-minimized |
|
5532 { |
|
5533 margin: 1px 0 !important; |
|
5534 } |
|
5535 .jqx-toolbar-minimized-popup-separator |
|
5536 { |
|
5537 width: 100%; |
|
5538 height: 2px; |
|
5539 margin: 5px 0; |
|
5540 display: none; |
|
5541 } |
|
5542 .jqx-complex-input-spin-buttons-container |
|
5543 { |
|
5544 border-width: 1px; |
|
5545 border-style: solid; |
|
5546 position: relative; |
|
5547 -webkit-box-sizing: border-box !important; |
|
5548 -moz-box-sizing: border-box !important; |
|
5549 box-sizing: border-box !important; |
|
5550 padding: 2px 8px !important; |
|
5551 white-space: nowrap; |
|
5552 vertical-align: middle; |
|
5553 } |
|
5554 .jqx-formatted-input, .jqx-complex-input |
|
5555 { |
|
5556 padding-right: 2px !important; |
|
5557 text-align: right; |
|
5558 } |
|
5559 .jqx-formatted-input-lower-case, .jqx-complex-input |
|
5560 { |
|
5561 text-transform: lowercase; |
|
5562 } |
|
5563 .jqx-formatted-input-upper-case |
|
5564 { |
|
5565 text-transform: uppercase; |
|
5566 } |
|
5567 .jqx-formatted-input-item |
|
5568 { |
|
5569 word-wrap: break-word; |
|
5570 } |
|
5571 .jqx-formatted-input-item-rtl, .jqx-complex-input-rtl |
|
5572 { |
|
5573 direction: rtl !important; |
|
5574 } |
|
5575 .jqx-formatted-input-spin-buttons-container, .jqx-formatted-input-addon |
|
5576 { |
|
5577 height: 100%; |
|
5578 } |
|
5579 .jqx-formatted-input-spin-buttons-container |
|
5580 { |
|
5581 width: 18px; |
|
5582 padding: 0 0 0 1px !important; |
|
5583 overflow: hidden; |
|
5584 } |
|
5585 .jqx-formatted-input-spin-buttons-container-rtl |
|
5586 { |
|
5587 border-right-width: 0px; |
|
5588 padding: 0 0 0 2px !important; |
|
5589 } |
|
5590 .jqx-formatted-input-spin-buttons-container-rtl-border |
|
5591 { |
|
5592 border-left-width: 1px !important; |
|
5593 } |
|
5594 .jqx-formatted-input-spin-button |
|
5595 { |
|
5596 position: relative; |
|
5597 width: 17px; |
|
5598 height: 50%; |
|
5599 margin-left: -1px; |
|
5600 border-width: 0px; |
|
5601 padding: 0px; |
|
5602 overflow: hidden; |
|
5603 cursor: pointer; |
|
5604 } |
|
5605 .jqx-formatted-input-addon |
|
5606 { |
|
5607 width: 19px; |
|
5608 padding: 0 !important; |
|
5609 cursor: pointer; |
|
5610 } |
|
5611 .jqx-formatted-input-addon-rtl |
|
5612 { |
|
5613 border-right-width: 1px !important; |
|
5614 } |
|
5615 .jqx-complex-input-parent |
|
5616 { |
|
5617 overflow: hidden; |
|
5618 } |
|
5619 .jqx-complex-input-child |
|
5620 { |
|
5621 height: 100%; |
|
5622 float: left; |
|
5623 box-sizing: border-box; |
|
5624 } |
|
5625 .jqx-complex-input-child-rtl |
|
5626 { |
|
5627 float: right; |
|
5628 } |
|
5629 .jqx-complex-input-spin-buttons-container-ltr |
|
5630 { |
|
5631 border-left-width: 0; |
|
5632 } |
|
5633 .jqx-complex-input-spin-buttons-container-rtl |
|
5634 { |
|
5635 border-left-width: 1px !important; |
|
5636 border-right-width: 0; |
|
5637 } |
|
5638 .jqx-file-upload |
|
5639 { |
|
5640 position: relative; |
|
5641 overflow: auto; |
|
5642 } |
|
5643 .jqx-file-upload, .jqx-file-upload-file-row, .jqx-file-upload-file-name, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload |
|
5644 { |
|
5645 border-width: 1px; |
|
5646 border-style: solid; |
|
5647 box-sizing: border-box; |
|
5648 } |
|
5649 .jqx-file-upload-buttons-container, .jqx-file-upload-iframe, .jqx-file-upload-loading-element |
|
5650 { |
|
5651 display: none; |
|
5652 } |
|
5653 .jqx-file-upload-file-input-ie9, .jqx-file-upload-buttons-container, .jqx-file-upload-file-row, .jqx-file-upload-icon |
|
5654 { |
|
5655 width: 100%; |
|
5656 } |
|
5657 .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 |
|
5658 { |
|
5659 height: 100%; |
|
5660 } |
|
5661 .jqx-file-input-iframe, .jqx-file-upload-form-ie9 |
|
5662 { |
|
5663 position: absolute; |
|
5664 } |
|
5665 .jqx-file-input-iframe |
|
5666 { |
|
5667 width: 0; |
|
5668 height: 0; |
|
5669 border: none; |
|
5670 } |
|
5671 .jqx-file-upload-form, .jqx-file-upload-file-input |
|
5672 { |
|
5673 visibility: hidden; |
|
5674 display: none; |
|
5675 } |
|
5676 .jqx-file-upload-form-ie9, .jqx-file-upload-file-input-ie9 |
|
5677 { |
|
5678 display: block; |
|
5679 visibility: visible; |
|
5680 } |
|
5681 .jqx-file-upload-form-ie9 |
|
5682 { |
|
5683 z-index: 10000; |
|
5684 opacity: 0; |
|
5685 filter: alpha(opacity=0); |
|
5686 } |
|
5687 .jqx-file-upload-file-name |
|
5688 { |
|
5689 width: auto; |
|
5690 padding: 0 2px 0 2px; |
|
5691 overflow: hidden; |
|
5692 white-space: nowrap; |
|
5693 text-overflow: ellipsis; |
|
5694 *float: left; |
|
5695 } |
|
5696 .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 |
|
5697 { |
|
5698 float: right; |
|
5699 } |
|
5700 .jqx-file-upload, .jqx-file-upload-file-row |
|
5701 { |
|
5702 padding: 5px; |
|
5703 } |
|
5704 .jqx-file-upload-button-browse |
|
5705 { |
|
5706 display: block; |
|
5707 } |
|
5708 .jqx-file-upload-buttons-container |
|
5709 { |
|
5710 height: auto; |
|
5711 margin-top: 10px; |
|
5712 } |
|
5713 .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 |
|
5714 { |
|
5715 direction: rtl !important; |
|
5716 } |
|
5717 .jqx-file-upload-button-cancel, .jqx-file-upload-button-upload-rtl |
|
5718 { |
|
5719 margin-left: 5px; |
|
5720 } |
|
5721 .jqx-file-upload-button-upload-rtl-ie |
|
5722 { |
|
5723 margin-right: 5px; |
|
5724 } |
|
5725 .jqx-file-upload-button-cancel-rtl, .jqx-file-upload-button-upload-rtl-ie |
|
5726 { |
|
5727 margin-left: 0; |
|
5728 } |
|
5729 .jqx-file-upload-file-row |
|
5730 { |
|
5731 height: 30px; |
|
5732 margin-bottom: 3px; |
|
5733 clear: both; |
|
5734 } |
|
5735 .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload, .jqx-file-upload-loading-element |
|
5736 { |
|
5737 width: 17px; |
|
5738 margin: 0 1px 0 1px; |
|
5739 } |
|
5740 .jqx-file-upload-file-cancel-rtl, .jqx-file-upload-file-upload-rtl, .jqx-file-upload-loading-element-rtl |
|
5741 { |
|
5742 float: none; |
|
5743 *float: left; |
|
5744 } |
|
5745 .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 |
|
5746 { |
|
5747 cursor: pointer; |
|
5748 white-space:nowrap; |
|
5749 } |
|
5750 .jqx-file-upload-file-name, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload |
|
5751 { |
|
5752 display: inline-block; |
|
5753 } |
|
5754 .jqx-file-upload-icon-upload, .jqx-file-upload-loading-element |
|
5755 { |
|
5756 margin-top: 1px; |
|
5757 } |
|
5758 .jqx-file-upload-loading-element |
|
5759 { |
|
5760 background-image: url('images/loader-small.gif'); |
|
5761 background-repeat: no-repeat; |
|
5762 } |
|
5763 |
|
5764 .jqx-date-time-input-popup .jqx-icon { |
|
5765 margin-top:0px; |
|
5766 } |
|
5767 |
|
5768 |
|
5769 .jqx-text-area-element |
|
5770 { |
|
5771 height: 100%; |
|
5772 width: 100%; |
|
5773 overflow: hidden; |
|
5774 border: none; |
|
5775 outline: none; |
|
5776 left: 0px; |
|
5777 top: 0px; |
|
5778 margin: 0px; |
|
5779 position: absolute; |
|
5780 resize: none; |
|
5781 } |
|
5782 .jqx-text-area-element-rtl |
|
5783 { |
|
5784 direction: rtl !important; |
|
5785 } |
|
5786 .jqx-responsive-panel |
|
5787 { |
|
5788 overflow: auto; |
|
5789 } |
|
5790 .jqx-responsive-panel{ |
|
5791 border-width:0px; |
|
5792 } |
|
5793 .jqx-responsive-panel-button |
|
5794 { |
|
5795 border-width: 1px; |
|
5796 border-style: solid; |
|
5797 } |
|
5798 .jqx-responsive-panel-button |
|
5799 { |
|
5800 display: none; |
|
5801 cursor: pointer; |
|
5802 } |
|
5803 .jqx-responsive-panel-button-inner |
|
5804 { |
|
5805 margin: 0; |
|
5806 width: 100%; |
|
5807 height: 100%; |
|
5808 background-position: center; |
|
5809 } |
|
5810 .jqx-loader |
|
5811 { |
|
5812 margin: auto; |
|
5813 position: absolute; |
|
5814 top: 0; |
|
5815 left: 0; |
|
5816 bottom: 0; |
|
5817 right: 0; |
|
5818 background-color: rgba(255,255,255,0.5); |
|
5819 z-index: 999; |
|
5820 border-style: solid; |
|
5821 border-width: 1px; |
|
5822 } |
|
5823 .jqx-loader-ie-transparency |
|
5824 { |
|
5825 background: transparent; |
|
5826 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff, endColorstr=#7fffffff)"; /*For IE 8*/ |
|
5827 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff, endColorstr=#7fffffff); /*For IE 7*/ |
|
5828 } |
|
5829 .jqx-loader-modal |
|
5830 { |
|
5831 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; |
|
5832 filter: alpha(opacity=50); |
|
5833 position: fixed; |
|
5834 height: 100%; |
|
5835 width: 100%; |
|
5836 z-index: 99; |
|
5837 cursor: default; |
|
5838 top: 0; |
|
5839 left: 0; |
|
5840 background-color: black; |
|
5841 opacity: 0.6; |
|
5842 } |
|
5843 .jqx-loader-icon |
|
5844 { |
|
5845 background-image: url("images/loader.gif"); |
|
5846 background-repeat: no-repeat; |
|
5847 background-position: center; |
|
5848 width: 100%; |
|
5849 height: 100%; |
|
5850 position: absolute; |
|
5851 z-index: 999; |
|
5852 } |
|
5853 .jqx-loader-text |
|
5854 { |
|
5855 z-index: 999; |
|
5856 position: relative; |
|
5857 } |
|
5858 .jqx-loader-text-left |
|
5859 { |
|
5860 margin-left: 5px; |
|
5861 position: absolute; |
|
5862 top: 50%; |
|
5863 } |
|
5864 .jqx-loader-text-right |
|
5865 { |
|
5866 margin-right: 5px; |
|
5867 position: absolute; |
|
5868 top: 50%; |
|
5869 right: 0px; |
|
5870 } |
|
5871 .jqx-loader-text-top |
|
5872 { |
|
5873 text-align: center; |
|
5874 margin-top: 5px; |
|
5875 } |
|
5876 .jqx-loader-text-bottom |
|
5877 { |
|
5878 bottom: 0px; |
|
5879 position: absolute; |
|
5880 text-align: center; |
|
5881 margin: 0 auto; |
|
5882 width: 100%; |
|
5883 margin-bottom: 5px; |
|
5884 } |
|
5885 .jqx-loader-rtl |
|
5886 { |
|
5887 direction: rtl; |
|
5888 } |
|
5889 /* jqxLayout and jqxDockingLayout */ |
|
5890 .jqx-layout, .jqx-layout-group-root, .jqx-layout-pseudo-window-header, .jqx-docking-layout-overlay-inner-square-content |
|
5891 { |
|
5892 position: relative; |
|
5893 } |
|
5894 .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 |
|
5895 { |
|
5896 position: absolute; |
|
5897 } |
|
5898 .jqx-layout |
|
5899 { |
|
5900 background-color: #c5c5c5; |
|
5901 } |
|
5902 .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 |
|
5903 { |
|
5904 width: 100%; |
|
5905 height: 100%; |
|
5906 } |
|
5907 .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 |
|
5908 { |
|
5909 float: left; |
|
5910 } |
|
5911 .jqx-layout-group-tabbed |
|
5912 { |
|
5913 position: static; |
|
5914 box-sizing: border-box; |
|
5915 min-height: 0 !important; |
|
5916 } |
|
5917 .jqx-layout-group-tabbed .jqx-window-content, .jqx-docking-layout-group-floating .jqx-window-content |
|
5918 { |
|
5919 padding: 0; |
|
5920 } |
|
5921 .jqx-layout-group-tabbed .jqx-ribbon-content-section, .jqx-layout-window, .jqx-docking-layout-group-floating .jqx-ribbon-content-section |
|
5922 { |
|
5923 border: none; |
|
5924 } |
|
5925 .jqx-layout-window |
|
5926 { |
|
5927 position: static; |
|
5928 } |
|
5929 .jqx-layout-group-auto-hide-content-vertical, .jqx-layout-group-auto-hide-content-horizontal |
|
5930 { |
|
5931 overflow: auto; |
|
5932 } |
|
5933 .jqx-layout-group-auto-hide-content-vertical |
|
5934 { |
|
5935 width: 150px; |
|
5936 } |
|
5937 .jqx-layout-group-auto-hide-content-horizontal |
|
5938 { |
|
5939 width: 100%; |
|
5940 height: 150px; |
|
5941 } |
|
5942 .jqx-layout-pseudo-window |
|
5943 { |
|
5944 border-width: 1px; |
|
5945 border-style: solid; |
|
5946 box-sizing: border-box; |
|
5947 box-shadow: none !important; |
|
5948 } |
|
5949 .jqx-layout-pseudo-window-header, .jqx-layout-pseudo-window-content |
|
5950 { |
|
5951 width: 100%; |
|
5952 box-sizing: border-box; |
|
5953 } |
|
5954 .jqx-layout-pseudo-window-header |
|
5955 { |
|
5956 height: 30px; |
|
5957 } |
|
5958 .jqx-layout-pseudo-window-pin-background, .jqx-layout-pseudo-window-close-background |
|
5959 { |
|
5960 width: 16px; |
|
5961 height: 16px; |
|
5962 top: 5px; |
|
5963 } |
|
5964 .jqx-layout-pseudo-window-pin-background-ltr |
|
5965 { |
|
5966 right: 15px; |
|
5967 } |
|
5968 .jqx-layout-pseudo-window-close-background-ltr |
|
5969 { |
|
5970 right: 0; |
|
5971 } |
|
5972 .jqx-layout-pseudo-window-pin-background-rtl |
|
5973 { |
|
5974 left: 15px; |
|
5975 } |
|
5976 .jqx-layout-pseudo-window-close-background-rtl |
|
5977 { |
|
5978 left: 0; |
|
5979 } |
|
5980 .jqx-layout-pseudo-window-pin-icon, .jqx-layout-pseudo-window-pinned-icon, .jqx-layout-pseudo-window-close-icon |
|
5981 { |
|
5982 cursor: pointer; |
|
5983 } |
|
5984 .jqx-layout-pseudo-window-title |
|
5985 { |
|
5986 white-space: nowrap; |
|
5987 overflow: hidden; |
|
5988 text-overflow: ellipsis; |
|
5989 } |
|
5990 .jqx-layout-pseudo-window-pin-icon |
|
5991 { |
|
5992 background-image: url("images/pin.png"); |
|
5993 } |
|
5994 .jqx-layout-pseudo-window-pinned-icon |
|
5995 { |
|
5996 background-image: url("images/pinned.png"); |
|
5997 } |
|
5998 .jqx-layout-pseudo-window-title-rtl |
|
5999 { |
|
6000 float: right; |
|
6001 } |
|
6002 .jqx-layout-resize-feedback |
|
6003 { |
|
6004 z-index: 9999; |
|
6005 top: 0; |
|
6006 left: 0; |
|
6007 border-width: 1px; |
|
6008 border-style: solid; |
|
6009 box-sizing: border-box; |
|
6010 opacity: 0.6; |
|
6011 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; |
|
6012 *filter: alpha(opacity=60); |
|
6013 display: none; |
|
6014 } |
|
6015 .jqx-layout-resize-feedback-horizontal |
|
6016 { |
|
6017 width: 100%; |
|
6018 height: 4px; |
|
6019 cursor: row-resize; |
|
6020 } |
|
6021 .jqx-layout-resize-feedback-vertical |
|
6022 { |
|
6023 width: 4px; |
|
6024 height: 100%; |
|
6025 cursor: col-resize; |
|
6026 } |
|
6027 .jqx-layout-resize-feedback-warning |
|
6028 { |
|
6029 border-color: #800000 !important; |
|
6030 background-color: Red !important; |
|
6031 } |
|
6032 .jqx-layout-overlay |
|
6033 { |
|
6034 top: 0; |
|
6035 left: 0; |
|
6036 display: none; |
|
6037 background-color: transparent; |
|
6038 z-index: 8999; |
|
6039 pointer-events: none; |
|
6040 } |
|
6041 .jqx-layout-ribbon-header-ltr |
|
6042 { |
|
6043 padding-left: 20px; |
|
6044 } |
|
6045 .jqx-layout-ribbon-header-rtl |
|
6046 { |
|
6047 padding-right: 20px; |
|
6048 } |
|
6049 |
|
6050 /* jqxDockingLayout-specific */ |
|
6051 .jqx-docking-layout-group-floating |
|
6052 { |
|
6053 border-color: #FFD280 !important; |
|
6054 } |
|
6055 .jqx-docking-layout-group-floating .jqx-window-header |
|
6056 { |
|
6057 border-color: #FFD280; |
|
6058 background-color: #FFD280 !important; |
|
6059 background: -webkit-linear-gradient(#FFE4B5, #FFD280) !important; |
|
6060 background: -o-linear-gradient(#FFE4B5, #FFD280) !important; |
|
6061 background: -moz-linear-gradient(#FFE4B5, #FFD280) !important; |
|
6062 background: linear-gradient(#FFE4B5, #FFD280 ) !important; |
|
6063 } |
|
6064 .jqx-docking-layout-overlay, .jqx-docking-layout-overlay-square-edge { |
|
6065 z-index: 99999; |
|
6066 opacity: 0.9; |
|
6067 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; |
|
6068 *filter: alpha(opacity=90); |
|
6069 } |
|
6070 .jqx-docking-layout-overlay-square-edge { |
|
6071 display: none; |
|
6072 } |
|
6073 .jqx-docking-layout-overlay |
|
6074 { |
|
6075 width: 100px; |
|
6076 height: 100px; |
|
6077 left: 100px; |
|
6078 top: 70px; |
|
6079 } |
|
6080 .jqx-docking-layout-overlay-section |
|
6081 { |
|
6082 height: 33px; |
|
6083 width: 100px; |
|
6084 } |
|
6085 .jqx-docking-layout-overlay-square |
|
6086 { |
|
6087 width: 26px; |
|
6088 height: 26px; |
|
6089 padding: 3px; |
|
6090 } |
|
6091 .jqx-docking-layout-overlay-square-invisible |
|
6092 { |
|
6093 background-color: transparent !important; |
|
6094 background-image: none !important; |
|
6095 } |
|
6096 .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 |
|
6097 { |
|
6098 border-top-width: 1px; |
|
6099 border-top-style: solid; |
|
6100 } |
|
6101 .jqx-docking-layout-overlay-square-top, .jqx-docking-layout-overlay-square-left, .jqx-docking-layout-overlay-square-bottom, .jqx-docking-layout-overlay-highlight-right |
|
6102 { |
|
6103 border-left-width: 1px; |
|
6104 border-left-style: solid; |
|
6105 } |
|
6106 .jqx-docking-layout-overlay-square-top, .jqx-docking-layout-overlay-square-right, .jqx-docking-layout-overlay-square-bottom, .jqx-docking-layout-overlay-highlight-left |
|
6107 { |
|
6108 border-right-width: 1px; |
|
6109 border-right-style: solid; |
|
6110 } |
|
6111 .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 |
|
6112 { |
|
6113 border-bottom-width: 1px; |
|
6114 border-bottom-style: solid; |
|
6115 } |
|
6116 .jqx-docking-layout-overlay-square-center |
|
6117 { |
|
6118 border-color: transparent !important; |
|
6119 } |
|
6120 .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 |
|
6121 { |
|
6122 width: 24px; |
|
6123 } |
|
6124 .jqx-docking-layout-overlay-inner-square |
|
6125 { |
|
6126 border-width: 1px; |
|
6127 border-style: solid; |
|
6128 height: 24px; |
|
6129 } |
|
6130 .jqx-docking-layout-overlay-inner-square-header |
|
6131 { |
|
6132 height: 5px; |
|
6133 } |
|
6134 .jqx-docking-layout-overlay-inner-square-content |
|
6135 { |
|
6136 height: 18px; |
|
6137 } |
|
6138 .jqx-docking-layout-overlay-highlight |
|
6139 { |
|
6140 } |
|
6141 .jqx-docking-layout-overlay-highlight-top |
|
6142 { |
|
6143 height: 9px; |
|
6144 border-bottom-style: dashed; |
|
6145 } |
|
6146 .jqx-docking-layout-overlay-highlight-left, .jqx-docking-layout-overlay-highlight-right |
|
6147 { |
|
6148 width: 12px; |
|
6149 height: 18px; |
|
6150 } |
|
6151 .jqx-docking-layout-overlay-highlight-left |
|
6152 { |
|
6153 border-right-style: dashed; |
|
6154 } |
|
6155 .jqx-docking-layout-overlay-highlight-right |
|
6156 { |
|
6157 right: 0; |
|
6158 border-left-style: dashed; |
|
6159 } |
|
6160 .jqx-docking-layout-overlay-highlight-bottom |
|
6161 { |
|
6162 bottom: 0; |
|
6163 height: 9px; |
|
6164 border-top-style: dashed; |
|
6165 } |
|
6166 .jqx-docking-layout-drop-overlay { |
|
6167 display: none; |
|
6168 background-color: #6495ED; |
|
6169 opacity: 0.5; |
|
6170 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; |
|
6171 *filter: alpha(opacity=50); |
|
6172 z-index: 10000; |
|
6173 top: 0px; |
|
6174 left: 0px; |
|
6175 } |
|
6176 .jqx-docking-layout-square-disabled |
|
6177 { |
|
6178 visibility: hidden; |
|
6179 } |
|
6180 .jqx-docking-layout-overlay-square-edge, .jqx-docking-layout-overlay-mini-window-edge-horizontal, .jqx-docking-layout-overlay-mini-window-edge-vertical |
|
6181 { |
|
6182 border-style: solid; |
|
6183 border-width: 1px; |
|
6184 } |
|
6185 .jqx-docking-layout-overlay-inner-square-edge |
|
6186 { |
|
6187 width: 26px; |
|
6188 height: 26px; |
|
6189 } |
|
6190 .jqx-docking-layout-overlay-mini-window-edge-horizontal |
|
6191 { |
|
6192 height: 24px; |
|
6193 } |
|
6194 .jqx-docking-layout-overlay-mini-window-edge-vertical |
|
6195 { |
|
6196 height: 13px; |
|
6197 } |
|
6198 .jqx-docking-layout-overlay-mini-window-edge-horizontal, .jqx-docking-layout-overlay-inner-square-header-horizontal, .jqx-docking-layout-overlay-inner-square-content-horizontal |
|
6199 { |
|
6200 width: 13px; |
|
6201 } |
|
6202 .jqx-docking-layout-overlay-inner-square-content-vertical |
|
6203 { |
|
6204 height: 7px; |
|
6205 } |
|
6206 .jqx-docking-layout-overlay-square-edge-arrow |
|
6207 { |
|
6208 border-style: solid; |
|
6209 border-width: 5px; |
|
6210 width: 0px; |
|
6211 height: 0px; |
|
6212 display: block; |
|
6213 background: transparent !important; |
|
6214 *filter: inherit; |
|
6215 } |
|
6216 .jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-top |
|
6217 { |
|
6218 border-top-color: transparent !important; |
|
6219 } |
|
6220 .jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-bottom |
|
6221 { |
|
6222 border-bottom-color: transparent !important; |
|
6223 } |
|
6224 .jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom |
|
6225 { |
|
6226 border-left-color: transparent !important; |
|
6227 } |
|
6228 .jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom |
|
6229 { |
|
6230 border-right-color: transparent !important; |
|
6231 } |
|
6232 .jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right |
|
6233 { |
|
6234 margin-top: 8px; |
|
6235 } |
|
6236 .jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom |
|
6237 { |
|
6238 margin-left: 8px; |
|
6239 } |
|
6240 |
|
6241 .jqx-tag-cloud ul { |
|
6242 padding-left: 5px; |
|
6243 } |
|
6244 |
|
6245 .jqx-tag-cloud-item{ |
|
6246 padding: 3px; |
|
6247 display:inline-block; |
|
6248 } |
|
6249 |
|
6250 .jqx-tag-cloud-item a { |
|
6251 text-decoration: initial; |
|
6252 } |
|
6253 |
|
6254 .jqx-tag-cloud-item a:hover { |
|
6255 text-decoration: underline; |
|
6256 } |
|
6257 .jqx-popover { |
|
6258 position: absolute; |
|
6259 top: 0; |
|
6260 left: 0; |
|
6261 z-index: 9999; |
|
6262 background-color: #ffffff; |
|
6263 border: 1px solid #aaa; |
|
6264 border: 1px solid rgba(0, 0, 0, 0.3); |
|
6265 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); |
|
6266 } |
|
6267 .jqx-popover-modal-background |
|
6268 { |
|
6269 position:fixed; |
|
6270 left:0px; |
|
6271 top:0px; |
|
6272 width:100%; |
|
6273 height:100%; |
|
6274 z-index:999; |
|
6275 /* Fallback for web browsers that don't support RGBa */ |
|
6276 background-color: rgb(0, 0, 0); |
|
6277 /* RGBa with 0.6 opacity */ |
|
6278 background-color: rgba(0, 0, 0, 0.6); |
|
6279 /* For IE 5.5 - 7*/ |
|
6280 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); |
|
6281 /* For IE 8*/ |
|
6282 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; |
|
6283 } |
|
6284 .jqx-popover-close-button { |
|
6285 width:16px; |
|
6286 height:16px; |
|
6287 float:right; |
|
6288 } |
|
6289 .jqx-popover-close-button-rtl { |
|
6290 float:left; |
|
6291 } |
|
6292 .jqx-popover.top { |
|
6293 margin-top: -10px; |
|
6294 } |
|
6295 |
|
6296 .jqx-popover.right { |
|
6297 margin-left: 10px; |
|
6298 } |
|
6299 |
|
6300 .jqx-popover.bottom { |
|
6301 margin-top: 10px; |
|
6302 } |
|
6303 |
|
6304 .jqx-popover.left { |
|
6305 margin-left: -10px; |
|
6306 } |
|
6307 |
|
6308 .jqx-popover-title { |
|
6309 padding: 8px 14px; |
|
6310 margin: 0; |
|
6311 border-bottom: 1px solid inherit; |
|
6312 -webkit-border-radius: 3px 3px 0 0; |
|
6313 -moz-border-radius: 3px 3px 0 0; |
|
6314 border-radius: 3px 3px 0 0; |
|
6315 } |
|
6316 |
|
6317 .jqx-popover-title:empty { |
|
6318 display: none; |
|
6319 } |
|
6320 |
|
6321 .jqx-popover-content { |
|
6322 padding: 9px 14px; |
|
6323 } |
|
6324 |
|
6325 .jqx-popover .jqx-popover-arrow, |
|
6326 .jqx-popover .jqx-popover-arrow:after { |
|
6327 position: absolute; |
|
6328 display: block; |
|
6329 width: 0; |
|
6330 height: 0; |
|
6331 border-color: transparent; |
|
6332 border-style: solid; |
|
6333 } |
|
6334 |
|
6335 .jqx-popover .jqx-popover-arrow { |
|
6336 border-width: 11px; |
|
6337 } |
|
6338 |
|
6339 .jqx-popover .jqx-popover-arrow:after { |
|
6340 border-width: 10px; |
|
6341 content: ""; |
|
6342 } |
|
6343 |
|
6344 .jqx-popover.top .jqx-popover-arrow { |
|
6345 bottom: -11px; |
|
6346 left: 50%; |
|
6347 margin-left: -11px; |
|
6348 border-top-color: inherit; |
|
6349 border-bottom-width: 0; |
|
6350 } |
|
6351 |
|
6352 .jqx-popover.top .jqx-popover-arrow:after { |
|
6353 bottom: 1px; |
|
6354 margin-left: -10px; |
|
6355 border-top-color: #ffffff; |
|
6356 border-bottom-width: 0; |
|
6357 } |
|
6358 |
|
6359 .jqx-popover.right .jqx-popover-arrow { |
|
6360 top: 50%; |
|
6361 left: -11px; |
|
6362 margin-top: -11px; |
|
6363 border-right-color: inherit; |
|
6364 border-left-width: 0; |
|
6365 } |
|
6366 |
|
6367 .jqx-popover.right .jqx-popover-arrow:after { |
|
6368 bottom: -10px; |
|
6369 left: 1px; |
|
6370 border-right-color: #ffffff; |
|
6371 border-left-width: 0; |
|
6372 } |
|
6373 |
|
6374 .jqx-popover.bottom .jqx-popover-arrow { |
|
6375 top: -11px; |
|
6376 left: 50%; |
|
6377 margin-left: -11px; |
|
6378 border-bottom-color:inherit; |
|
6379 border-top-width: 0; |
|
6380 } |
|
6381 |
|
6382 .jqx-popover.bottom .jqx-popover-arrow:after { |
|
6383 top: 1px; |
|
6384 margin-left: -10px; |
|
6385 border-bottom-color: #ffffff; |
|
6386 border-top-width: 0; |
|
6387 } |
|
6388 |
|
6389 .jqx-popover.left .jqx-popover-arrow { |
|
6390 top: 50%; |
|
6391 right: -11px; |
|
6392 margin-top: -11px; |
|
6393 border-right-width: 0; border-left-color: inherit; |
|
6394 } |
|
6395 |
|
6396 .jqx-popover.left .jqx-popover-arrow:after { |
|
6397 right: 1px; |
|
6398 bottom: -10px; |
|
6399 border-left-color: #ffffff; |
|
6400 border-right-width: 0; |
|
6401 } |
|
6402 |
|
6403 |
|
6404 .jqx-kanban-full-frame { |
|
6405 width: 100vw; |
|
6406 height: 100vh; |
|
6407 } |
|
6408 |
|
6409 .jqx-kanban-in-frame { |
|
6410 width: 100%; |
|
6411 height: 100%; |
|
6412 box-sizing: border-box; |
|
6413 } |
|
6414 |
|
6415 .jqx-kanban-rtl { |
|
6416 direction: rtl; |
|
6417 text-align: right; |
|
6418 } |
|
6419 |
|
6420 .jqx-kanban-column { |
|
6421 box-sizing: border-box; |
|
6422 border-style: solid; |
|
6423 border-width: 1px 1px 1px 0px; |
|
6424 float: left; |
|
6425 } |
|
6426 |
|
6427 .jqx-kanban-column-collapsed { |
|
6428 width: 50px; |
|
6429 } |
|
6430 |
|
6431 .jqx-kanban-column-first { |
|
6432 border-width: 1px; |
|
6433 } |
|
6434 |
|
6435 .jqx-kanban-column:first-of-type { |
|
6436 border-width: 1px 1px 1px 1px; |
|
6437 } |
|
6438 |
|
6439 .jqx-kanban-column-selected { |
|
6440 /* background-color: blue;*/ |
|
6441 } |
|
6442 |
|
6443 .jqx-kanban-column-header-collapsed { /*vertical column invisible*/ |
|
6444 display: none; |
|
6445 box-sizing: border-box; |
|
6446 height: 0px; |
|
6447 width: 0px; |
|
6448 position: relative; |
|
6449 cursor: pointer; |
|
6450 } |
|
6451 |
|
6452 .jqx-kanban-column-header-collapsed-show { /*vertical column visible*/ |
|
6453 display: block !important; |
|
6454 height: 100%; |
|
6455 box-sizing: border-box; |
|
6456 width: 100%; |
|
6457 position: relative; |
|
6458 cursor: pointer; |
|
6459 } |
|
6460 |
|
6461 .jqx-kanban-column-vertical-container { |
|
6462 padding-top: 0px; |
|
6463 padding-left: 0px; |
|
6464 transform: rotate(-90deg); |
|
6465 -webkit-transform: rotate(-90deg); |
|
6466 -moz-transform: rotate(-90deg); |
|
6467 -o-transform: rotate(-90deg); |
|
6468 -ms-transform: rotate(-90deg); |
|
6469 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); |
|
6470 white-space: nowrap; |
|
6471 } |
|
6472 |
|
6473 .jqx-kanban-column-vertical-container-inverse { |
|
6474 padding-top: 0px; |
|
6475 padding-left: 20px; |
|
6476 transform: rotate(90deg); |
|
6477 -webkit-transform: rotate(90deg); |
|
6478 -moz-transform: rotate(90deg); |
|
6479 -o-transform: rotate(90deg); |
|
6480 white-space: nowrap; |
|
6481 } |
|
6482 .jqx-kanban-column-vertical-container .jqx-kanban-column-header-title, .jqx-kanban-column-vertical-container .jqx-kanban-column-header-status{ |
|
6483 position:relative; |
|
6484 } |
|
6485 |
|
6486 .jqx-kanban-column-hide { /*colapsed*/ |
|
6487 display: none !important; |
|
6488 } |
|
6489 |
|
6490 .jqx-kanban-column-header { |
|
6491 border-width: 1px; |
|
6492 border-style: solid; |
|
6493 margin: 1px; |
|
6494 white-space: nowrap; |
|
6495 padding-left: 5px; |
|
6496 padding-right: 5px; |
|
6497 cursor: pointer; |
|
6498 overflow:hidden; |
|
6499 position: relative; |
|
6500 } |
|
6501 .jqx-kanban-column-header-button { |
|
6502 position: absolute; |
|
6503 right: 0px; |
|
6504 top: 50%; |
|
6505 margin-top: -8px; |
|
6506 width:16px; |
|
6507 height:16px; |
|
6508 } |
|
6509 .jqx-kanban-column-header .jqx-window-collapse-button { |
|
6510 margin-top:1px !important; |
|
6511 } |
|
6512 .jqx-kanban-column-header-custom-button { |
|
6513 position: absolute; |
|
6514 right: 20px; |
|
6515 top: 50%; |
|
6516 margin-top: -8px; |
|
6517 width:16px; |
|
6518 height:16px; |
|
6519 } |
|
6520 .jqx-kanban-column-header-custom-button-rtl { |
|
6521 left: 20px; |
|
6522 } |
|
6523 .jqx-kanban-column-header-button-rtl { |
|
6524 left: 0px; |
|
6525 } |
|
6526 .jqx-kanban-column-header-collapsed .jqx-kanban-column-header-button { |
|
6527 top: 100%; |
|
6528 right: 50%; |
|
6529 margin-top: -21px; |
|
6530 left: 50%; |
|
6531 margin-left:-8px; |
|
6532 } |
|
6533 .jqx-kanban-column-header-collapsed .jqx-kanban-column-header-custom-button { |
|
6534 top: 100%; |
|
6535 right: 50%; |
|
6536 margin-top: -41px; |
|
6537 left: 50%; |
|
6538 margin-left:-8px; |
|
6539 } |
|
6540 |
|
6541 .jqx-kanban-column-container { |
|
6542 margin: 1px; |
|
6543 overflow-y: auto; |
|
6544 } |
|
6545 |
|
6546 .jqx-kanban-item-placeholder { |
|
6547 height: 100px; |
|
6548 border: gray dotted 1px; |
|
6549 border-radius: 3px; |
|
6550 margin: 5px; |
|
6551 } |
|
6552 |
|
6553 .jqx-kanban-column-vertical-container-inverse-ie8-fix { |
|
6554 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); |
|
6555 } |
|
6556 |
|
6557 .jqx-kanban-column-vertical-container-ie8-fix { |
|
6558 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); |
|
6559 } |
|
6560 |
|
6561 .jqx-kanban-item { |
|
6562 margin: 2px; |
|
6563 padding-top: 5px; |
|
6564 padding-bottom: 5px; |
|
6565 border-width: 1px; |
|
6566 border-style: solid; |
|
6567 border-color: inherit; |
|
6568 position: relative; |
|
6569 box-shadow: #ddd 2px 2px 3px; |
|
6570 cursor: pointer; |
|
6571 touch-action: none; |
|
6572 -ms-touch-action: none; |
|
6573 } |
|
6574 |
|
6575 .jqx-kanban-item-selected { |
|
6576 } |
|
6577 |
|
6578 .jqx-kanban-item-color-status { |
|
6579 background-color: #6bbd49; |
|
6580 width: 3px; |
|
6581 height: 100%; |
|
6582 position: absolute; |
|
6583 left: 0px; |
|
6584 top: 0px; |
|
6585 } |
|
6586 .jqx-kanban-item-color-status-rtl { |
|
6587 right:0px; |
|
6588 left:100%; |
|
6589 } |
|
6590 .jqx-kanban-item-text { |
|
6591 padding-left:6px; |
|
6592 padding-right:23px; |
|
6593 font-size: 14px; |
|
6594 padding-bottom:5px; |
|
6595 overflow:hidden; |
|
6596 text-overflow: ellipsis; |
|
6597 } |
|
6598 .jqx-kanban-rtl .jqx-kanban-item-text { |
|
6599 padding-right:6px; |
|
6600 padding-left:23px; |
|
6601 } |
|
6602 .jqx-kanban-column-header-title { |
|
6603 } |
|
6604 |
|
6605 .jqx-kanban-column-header-status { |
|
6606 } |
|
6607 |
|
6608 .jqx-kanban-item-content { |
|
6609 |
|
6610 } |
|
6611 |
|
6612 .jqx-kanban-item-avatar { |
|
6613 width: 22px; |
|
6614 height: 22px; |
|
6615 position: absolute; |
|
6616 right: 3px; |
|
6617 top: 3px; |
|
6618 background: #eee; |
|
6619 text-align: center; |
|
6620 overflow: hidden; |
|
6621 } |
|
6622 .jqx-kanban-item-avatar-rtl { |
|
6623 left: 3px; |
|
6624 } |
|
6625 .jqx-kanban-item-avatar-image { |
|
6626 width: 20px; |
|
6627 height: 20px; |
|
6628 } |
|
6629 |
|
6630 .jqx-kanban-item-avatar-image:hover { |
|
6631 } |
|
6632 |
|
6633 .jqx-kanban-item-footer { |
|
6634 border-top: 1px solid transparent; |
|
6635 border-color: inherit; |
|
6636 overflow: hidden; |
|
6637 padding-top: 5px; |
|
6638 margin-top: 5px; |
|
6639 padding-bottom:1px; |
|
6640 padding-left:6px; |
|
6641 padding-right:6px; |
|
6642 } |
|
6643 |
|
6644 |
|
6645 .jqx-kanban-item-keyword { |
|
6646 float: left; |
|
6647 margin:2px; |
|
6648 overflow: hidden; |
|
6649 text-overflow: ellipsis; |
|
6650 border: 1px solid transparent; |
|
6651 border-color:inherit; |
|
6652 padding-left:2px; |
|
6653 padding-right: 2px; |
|
6654 cursor: pointer; |
|
6655 } |
|
6656 |
|
6657 .jqx-kanban-item-keyword-rtl { |
|
6658 direction: rtl; |
|
6659 text-align: right; |
|
6660 float: right; |
|
6661 } |
|
6662 |
|
6663 .jqx-kanban-item-keyword:hover { |
|
6664 } |
|
6665 |
|
6666 .jqx-kanban-item-avatar { |
|
6667 height: 20px; |
|
6668 } |
|
6669 |
|
6670 .jqx-kanban-handle { |
|
6671 cursor: move; |
|
6672 } |
|
6673 |
|
6674 .jqx-kanban-clearing { |
|
6675 clear: both; |
|
6676 } |
|
6677 .jqx-sortable { |
|
6678 touch-action: none; |
|
6679 -ms-touch-action: none; |
|
6680 } |
|
6681 |
|
6682 .jqx-bar-gauge-tooltip { |
|
6683 position:absolute; |
|
6684 left:20px; |
|
6685 top:20px; |
|
6686 display:none; |
|
6687 padding: 6px 12px; |
|
6688 border:black solid 1px; |
|
6689 background-color: white; |
|
6690 color: #333333; |
|
6691 font-size: 11px; |
|
6692 font-weight:100; |
|
6693 font-family: Verdana; |
|
6694 border:black solid 1px; |
|
6695 border-radius:3px; |
|
6696 opacity: 1; |
|
6697 white-space: nowrap; |
|
6698 z-index:5; |
|
6699 } |
|
6700 |
|
6701 .jqx-bar-gauge-measure-text { |
|
6702 position: absolute; |
|
6703 top: 0; |
|
6704 right: 0; |
|
6705 visibility: hidden; |
|
6706 z-index:-99999; |
|
6707 margin:0px; |
|
6708 padding:0px; |
|
6709 border-width:0px; |
|
6710 } |
|
6711 .jqx-scrollbar-mobile { |
|
6712 background: transparent !important; |
|
6713 } |
|
6714 .jqx-scrollbar-mobile .jqx-scrollbar-state-normal { |
|
6715 background: transparent !important; |
|
6716 border-color: transparent !important; |
|
6717 } |
|
6718 .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal-horizontal, .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal{ |
|
6719 background: #808080 ! important; |
|
6720 border-color: #808080 !important; |
|
6721 border-width: 1px; |
|
6722 z-index:99999; |
|
6723 border-radius: 0px !important; |
|
6724 } |
|
6725 .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal { |
|
6726 width: 4px ! important; |
|
6727 } |
|
6728 .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal-horizontal { |
|
6729 height: 4px !important; |
|
6730 } |
|
6731 |
|
6732 |
|
6733 .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 { |
|
6734 background-image: url('images/icon-down-white.png'); |
|
6735 } |
|
6736 .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 { |
|
6737 background-image: url('images/icon-down-white.png'); |
|
6738 } |
|
6739 .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 { |
|
6740 background-image: url('images/icon-down-white.png'); |
|
6741 } |
|
6742 .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 { |
|
6743 background-image: url('images/icon-up-white.png'); |
|
6744 } |
|
6745 .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 { |
|
6746 background-image: url('images/icon-up-white.png'); |
|
6747 } |
|
6748 .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 { |
|
6749 background-image: url('images/icon-up-white.png'); |
|
6750 } |
|
6751 |
|
6752 .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 { |
|
6753 background-image: url('images/icon-right-white.png'); |
|
6754 } |
|
6755 .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 { |
|
6756 background-image: url('images/icon-right-white.png'); |
|
6757 } |
|
6758 .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 { |
|
6759 background-image: url('images/icon-right-white.png'); |
|
6760 } |
|
6761 .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 { |
|
6762 background-image: url('images/icon-left-white.png'); |
|
6763 } |
|
6764 .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 { |
|
6765 background-image: url('images/icon-left-white.png'); |
|
6766 } |
|
6767 .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 { |
|
6768 background-image: url('images/icon-left-white.png'); |
|
6769 } |
|
6770 .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, |
|
6771 .jqx-primary-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-primary-item .jqx-input-popup .jqx-fill-state-hover, |
|
6772 .jqx-primary-item .jqx-input-popup .jqx-fill-state-pressed { |
|
6773 background-color: #f5f5f5 !important; |
|
6774 color: #333 !important; |
|
6775 text-shadow: none !important; |
|
6776 border-color: #f5f5f5 !important; |
|
6777 } |
|
6778 .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, |
|
6779 .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 { |
|
6780 |
|
6781 background-color: #f5f5f5 !important; |
|
6782 color: #333 !important; |
|
6783 text-shadow: none !important; |
|
6784 border-color: #f5f5f5 !important; |
|
6785 } |
|
6786 .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, |
|
6787 .jqx-warning-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-warning-item .jqx-input-popup .jqx-fill-state-hover, |
|
6788 .jqx-warning-item .jqx-input-popup .jqx-fill-state-pressed { |
|
6789 background-color: #f5f5f5 !important; |
|
6790 color: #333 !important; |
|
6791 text-shadow: none !important; |
|
6792 border-color: #f5f5f5 !important; |
|
6793 } |
|
6794 .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, |
|
6795 .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 { |
|
6796 |
|
6797 background-color: #f5f5f5 !important; |
|
6798 color: #333 !important; |
|
6799 text-shadow: none !important; |
|
6800 border-color: #f5f5f5 !important; |
|
6801 } |
|
6802 .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, |
|
6803 .jqx-danger-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-danger-item .jqx-input-popup .jqx-fill-state-hover, |
|
6804 .jqx-danger-item .jqx-input-popup .jqx-fill-state-pressed { |
|
6805 background-color: #f5f5f5 !important; |
|
6806 color: #333 !important; |
|
6807 text-shadow: none !important; |
|
6808 border-color: #f5f5f5 !important; |
|
6809 } |
|
6810 .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, |
|
6811 .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 { |
|
6812 |
|
6813 background-color: #f5f5f5 !important; |
|
6814 color: #333 !important; |
|
6815 text-shadow: none !important; |
|
6816 border-color: #f5f5f5 !important; |
|
6817 } |
|
6818 .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, |
|
6819 .jqx-success-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-success-item .jqx-input-popup .jqx-fill-state-hover, |
|
6820 .jqx-success-item .jqx-input-popup .jqx-fill-state-pressed { |
|
6821 background-color: #f5f5f5 !important; |
|
6822 color: #333 !important; |
|
6823 text-shadow: none !important; |
|
6824 border-color: #f5f5f5 !important; |
|
6825 } |
|
6826 .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, |
|
6827 .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 { |
|
6828 |
|
6829 background-color: #f5f5f5 !important; |
|
6830 color: #333 !important; |
|
6831 text-shadow: none !important; |
|
6832 border-color: #f5f5f5 !important; |
|
6833 } |
|
6834 .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, |
|
6835 .jqx-info-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-info-item .jqx-input-popup .jqx-fill-state-hover, |
|
6836 .jqx-info-item .jqx-input-popup .jqx-fill-state-pressed { |
|
6837 background-color: #f5f5f5 !important; |
|
6838 color: #333 !important; |
|
6839 text-shadow: none !important; |
|
6840 border-color: #f5f5f5 !important; |
|
6841 } |
|
6842 .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, |
|
6843 .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 { |
|
6844 |
|
6845 background-color: #f5f5f5 !important; |
|
6846 color: #333 !important; |
|
6847 text-shadow: none !important; |
|
6848 border-color: #f5f5f5 !important; |
|
6849 } |
|
6850 .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, |
|
6851 .jqx-inverse-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-inverse-item .jqx-input-popup .jqx-fill-state-hover, |
|
6852 .jqx-inverse-item .jqx-input-popup .jqx-fill-state-pressed { |
|
6853 background-color: #f5f5f5 !important; |
|
6854 color: #333 !important; |
|
6855 text-shadow: none !important; |
|
6856 border-color: #f5f5f5 !important; |
|
6857 } |
|
6858 .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, |
|
6859 .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 { |
|
6860 |
|
6861 background-color: #f5f5f5 !important; |
|
6862 color: #333 !important; |
|
6863 text-shadow: none !important; |
|
6864 border-color: #f5f5f5 !important; |
|
6865 } |
|
6866 .jqx-element { |
|
6867 overflow: hidden; |
|
6868 border-style: solid; |
|
6869 border-width: 0px; |
|
6870 border-color: transparent; |
|
6871 box-sizing:border-box; |
|
6872 } |
|
6873 .jqx-element-no-border { |
|
6874 border-width:0px; |
|
6875 } |
|
6876 .jqx-element-container { |
|
6877 } |
|
6878 .jqx-resize-trigger, .jqx-resize-trigger-shrink { |
|
6879 position: absolute; |
|
6880 left: 0; |
|
6881 top: 0; |
|
6882 transition: 0s |
|
6883 } |
|
6884 .jqx-resize-trigger-shrink { |
|
6885 width: 200%; |
|
6886 height: 200%; |
|
6887 } |
|
6888 .jqx-resize-trigger-container { |
|
6889 display: block; |
|
6890 visibility:hidden; |
|
6891 position: relative; |
|
6892 top: -100%; |
|
6893 left: 0; |
|
6894 min-height:0.1px; |
|
6895 height: 100%; |
|
6896 width: 100%; |
|
6897 overflow: hidden; |
|
6898 pointer-events: none; |
|
6899 z-index: -1; |
|
6900 visibility:hidden; |
|
6901 } |
|
6902 |
|
6903 /* jqxPivotGrid */ |
|
6904 .jqx-pivotgrid |
|
6905 { |
|
6906 background-color: #DEDEDE; |
|
6907 } |
|
6908 |
|
6909 .jqx-pivotgrid-item |
|
6910 { |
|
6911 white-space: nowrap; |
|
6912 overflow: hidden; |
|
6913 position: absolute; |
|
6914 padding: 0px; |
|
6915 text-overflow: ellipsis; |
|
6916 } |
|
6917 |
|
6918 .jqx-pivotgrid-content-wrapper |
|
6919 { |
|
6920 align: left; |
|
6921 valign: top; |
|
6922 overflow: hidden; |
|
6923 border: solid 1px grey; |
|
6924 } |
|
6925 |
|
6926 .jqx-pivotgrid-menu-button |
|
6927 { |
|
6928 border: none; |
|
6929 background-image: url('images/icon-menu-small.png'); |
|
6930 background-repeat: no-repeat; |
|
6931 background-position: center; |
|
6932 cursor: pointer; |
|
6933 } |
|
6934 .jqx-pivotgrid-expand-button |
|
6935 { |
|
6936 outline: none; |
|
6937 background-image: url('images/icon_expand.png'); |
|
6938 background-repeat: no-repeat; |
|
6939 cursor: pointer; |
|
6940 margin: 0 0 0 0; |
|
6941 padding: 0 0 0 0; |
|
6942 position: relative; |
|
6943 left: 5px; |
|
6944 float: left; |
|
6945 vertical-align: middle; |
|
6946 } |
|
6947 |
|
6948 .jqx-pivotgrid-collapse-button |
|
6949 { |
|
6950 outline: none; |
|
6951 background-image: url('images/icon_collapse.png'); |
|
6952 background-repeat: no-repeat; |
|
6953 cursor: pointer; |
|
6954 margin: 0 0 0 0; |
|
6955 padding: 0 0 0 0; |
|
6956 position: relative; |
|
6957 left: 5px; |
|
6958 float: left; |
|
6959 vertical-align: middle; |
|
6960 } |
|
6961 |
|
6962 |
|
6963 .jqx-pivotgrid-sortasc-icon |
|
6964 { |
|
6965 background-image: url('images/icon-sort-asc.png'); |
|
6966 background-repeat: no-repeat; |
|
6967 background-position: left center; |
|
6968 width: 16px; |
|
6969 height: 16px; |
|
6970 float: left; |
|
6971 margin-left: -4px; |
|
6972 margin-right: 4px; |
|
6973 } |
|
6974 |
|
6975 .jqx-pivotgrid-sortdesc-icon |
|
6976 { |
|
6977 background-image: url('images/icon-sort-desc.png'); |
|
6978 background-repeat: no-repeat; |
|
6979 background-position: left center; |
|
6980 width: 16px; |
|
6981 height: 16px; |
|
6982 float: left; |
|
6983 margin-left: -4px; |
|
6984 margin-right: 4px; |
|
6985 } |
|
6986 |
|
6987 .jqx-pivotgrid-sortremove-icon |
|
6988 { |
|
6989 background-image: url('images/icon-sort-remove.png'); |
|
6990 background-repeat: no-repeat; |
|
6991 background-position: left center; |
|
6992 width: 16px; |
|
6993 height: 16px; |
|
6994 float: left; |
|
6995 margin-left: -4px; |
|
6996 margin-right: 4px; |
|
6997 } |
|
6998 |
|
6999 .jqx-pivotgrid-settings-icon |
|
7000 { |
|
7001 background-image: url('images/icon-menu-small.png'); |
|
7002 background-repeat: no-repeat; |
|
7003 background-position: left center; |
|
7004 width: 16px; |
|
7005 height: 16px; |
|
7006 float: left; |
|
7007 margin-left: -4px; |
|
7008 margin-right: 4px; |
|
7009 } |
|
7010 |
|
7011 jqx-bullet-chart{ |
|
7012 width:800px; |
|
7013 height:80px; |
|
7014 } |
|
7015 jqx-scroll-view{ |
|
7016 width:600px; |
|
7017 } |
|
7018 jqx-bar-gauge, jqx-draw { |
|
7019 width: 850px; |
|
7020 height: 600px; |
|
7021 } |
|
7022 jqx-menu { |
|
7023 width:600px; |
|
7024 } |
|
7025 jqx-data-table, jqx-pivotgrid, jqx-grid, jqx-scheduler, jqx-tree-grid, jqx-docking-layout, jqx-layout, jqx-tree-map, jqx-splitter, jqx-kanban { |
|
7026 width: 850px; |
|
7027 } |
|
7028 jqx-nav-bar { |
|
7029 height:50px; |
|
7030 } |
|
7031 jqx-chart{ |
|
7032 width: 850px; |
|
7033 height: 400px; |
|
7034 } |
|
7035 jqx-docking-layout, jqx-layout { |
|
7036 width: 850px; |
|
7037 height: 600px; |
|
7038 } |
|
7039 jqx-ribbon, jqx-panel{ |
|
7040 width: 450px; |
|
7041 height: 300px; |
|
7042 } |
|
7043 jqx-scheduler { |
|
7044 height: 600px; |
|
7045 } |
|
7046 jqx-list-box, jqx-text-area{ |
|
7047 width: 200px; |
|
7048 height: 200px; |
|
7049 } |
|
7050 jqx-file-upload { |
|
7051 width: 300px; |
|
7052 } |
|
7053 jqx-complex-input, jqx-formatted-input, jqx-password-input, jqx-input, jqx-number-input, jqx-slider, |
|
7054 jqx-masked-input, jqx-drop-down-list, jqx-combo-box, jqx-date-time-input, jqx-drop-down-button{ |
|
7055 width: 300px; |
|
7056 height: 35px; |
|
7057 } |
|
7058 jqx-loader{ |
|
7059 width:100px !important; |
|
7060 height:60px !important; |
|
7061 } |
|
7062 jqx-expander, jqx-navigation-bar { |
|
7063 width:350px; |
|
7064 } |
|
7065 jqx-navigation-bar{ |
|
7066 height:450px; |
|
7067 } |
|
7068 jqx-range-selector{ |
|
7069 width:600px; |
|
7070 } |
|
7071 jqx-tabs{ |
|
7072 width:800px; |
|
7073 } |
|
7074 jqx-tool-bar { |
|
7075 width:800px; |
|
7076 height: 35px; |
|
7077 } |
|
7078 jqx-editor { |
|
7079 width: 600px; |
|
7080 height: 400px; |
|
7081 } |
|
7082 jqx-tree-map{ |
|
7083 width: 850px; |
|
7084 height: 600px; |
|
7085 } |
|
7086 jqx-tree{ |
|
7087 width:250px; |
|
7088 } |
|
7089 jqx-linear-gauge{ |
|
7090 width:100px; |
|
7091 } |
|
7092 jqx-color-picker, jqx-calendar{ |
|
7093 width: 200px; |
|
7094 height: 200px; |
|
7095 } |
|
7096 jqx-scroll-bar { |
|
7097 width:400px; |
|
7098 height:20px; |
|
7099 } |
|
7100 jqx-knob { |
|
7101 width:600px; |
|
7102 height:600px; |
|
7103 } |
|
7104 .jqx-input-label { |
|
7105 visibility:hidden; |
|
7106 position: absolute; |
|
7107 } |
|
7108 .jqx-input-bar{ |
|
7109 visibility:hidden; |
|
7110 position: absolute; |
|
7111 } |
|
7112 .jqx-info-icon |
|
7113 { |
|
7114 background-image: url('images/icon-info-small.png'); |
|
7115 background-repeat: no-repeat; |
|
7116 background-position: left center; |
|
7117 width: 16px; |
|
7118 height: 16px; |
|
7119 float: left; |
|
7120 } |