b1cb16a4252ee0835a947b7f93a4de57cf346b62
[motion.git] / public / assets / css / global / ui-grid.css
1 #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:before,
2 #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
3 #ui-grid-twbs #ui-grid-twbs .btn-toolbar:before,
4 #ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
5 #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:before,
6 #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
7   content: " ";
8   display: table;
9 }
10 #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
11 #ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
12 #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
13   clear: both;
14 }
15 .ui-grid {
16   height: 420px;
17   border: 1px solid #dddddd;
18   box-sizing: content-box;
19   -webkit-border-radius: 0px;
20   -moz-border-radius: 0px;
21   border-radius: 0px;
22   -webkit-transform: translateZ(0);
23   -moz-transform: translateZ(0);
24   -o-transform: translateZ(0);
25   -ms-transform: translateZ(0);
26   transform: translateZ(0);
27 }
28 .ui-grid-vertical-bar {
29   position: absolute;
30   right: 0;
31   width: 0;
32 }
33 .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,
34 .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
35   width: 1px;
36 }
37 .ui-grid-scrollbar-placeholder {
38   background-color: transparent;
39 }
40 .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
41   background-color: #dddddd;
42 }
43 .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
44   background-color: #dddddd;
45 }
46 .ui-grid-header-cell:last-child .ui-grid-vertical-bar {
47   right: -1px;
48   width: 1px;
49   background-color: #dddddd;
50 }
51 .ui-grid-clearfix:before,
52 .ui-grid-clearfix:after {
53   content: "";
54   display: table;
55 }
56 .ui-grid-clearfix:after {
57   clear: both;
58 }
59 .ui-grid-invisible {
60   visibility: hidden;
61 }
62 .ui-grid-contents-wrapper {
63   position: relative;
64   height: 100%;
65   width: 100%;
66 }
67 .ui-grid-sr-only {
68   position: absolute;
69   width: 1px;
70   height: 1px;
71   margin: -1px;
72   padding: 0;
73   overflow: hidden;
74   clip: rect(0, 0, 0, 0);
75   border: 1;
76 }
77 .ui-grid-top-panel-background {
78   background: white;
79   background: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(1, white));
80   background: -ms-linear-gradient(bottom, white, white);
81   background: -moz-linear-gradient(center bottom, white 0%, white 100%);
82   background: -o-linear-gradient(white, white);
83   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='white', GradientType=0);
84 }
85 .ui-grid-header {
86   border-bottom: 1px solid #dddddd;
87   box-sizing: border-box;
88 }
89 .ui-grid-top-panel {
90   position: relative;
91   overflow: hidden;
92   font-weight: bold;
93   background: white;
94   background: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(1, white));
95   background: -ms-linear-gradient(bottom, white, white);
96   background: -moz-linear-gradient(center bottom, white 0%, white 100%);
97   background: -o-linear-gradient(white, white);
98   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='white', GradientType=0);
99   -webkit-border-top-right-radius: -1px;
100   -webkit-border-bottom-right-radius: 0;
101   -webkit-border-bottom-left-radius: 0;
102   -webkit-border-top-left-radius: -1px;
103   -moz-border-radius-topright: -1px;
104   -moz-border-radius-bottomright: 0;
105   -moz-border-radius-bottomleft: 0;
106   -moz-border-radius-topleft: -1px;
107   border-top-right-radius: -1px;
108   border-bottom-right-radius: 0;
109   border-bottom-left-radius: 0;
110   border-top-left-radius: -1px;
111   -moz-background-clip: padding-box;
112   -webkit-background-clip: padding-box;
113   background-clip: padding-box;
114 }
115 .ui-grid-header-viewport {
116   overflow: hidden;
117 }
118 .ui-grid-header-canvas:before,
119 .ui-grid-header-canvas:after {
120   content: "";
121   display: table;
122   line-height: 0;
123 }
124 .ui-grid-header-canvas:after {
125   clear: both;
126 }
127 .ui-grid-header-cell-wrapper {
128   position: relative;
129   display: table;
130   box-sizing: border-box;
131   height: 100%;
132 }
133 .ui-grid-header-cell-row {
134   display: table-row;
135   position: relative;
136 }
137 .ui-grid-header-cell {
138   position: relative;
139   box-sizing: border-box;
140   background-color: inherit;
141   border-right: 1px solid;
142   border-color: #dddddd;
143   display: table-cell;
144   -webkit-user-select: none;
145   -moz-user-select: none;
146   -ms-user-select: none;
147   user-select: none;
148   width: 0;
149 }
150 .ui-grid-header-cell:last-child {
151   border-right: 0;
152 }
153 .ui-grid-header-cell .sortable {
154   cursor: pointer;
155 }
156 .ui-grid-header-cell .ui-grid-sort-priority-number {
157   margin-left: -8px;
158 }
159 .ui-grid-header .ui-grid-vertical-bar {
160   top: 0;
161   bottom: 0;
162 }
163 .ui-grid-column-menu-button {
164   position: absolute;
165   right: 1px;
166   top: 0;
167 }
168 .ui-grid-column-menu-button .ui-grid-icon-angle-down {
169   vertical-align: sub;
170 }
171 .ui-grid-column-menu-button-last-col {
172   margin-right: 25px;
173 }
174 .ui-grid-column-menu {
175   position: absolute;
176 }
177 /* Slide up/down animations */
178 .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
179 .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
180   -webkit-transition: all 0.05s linear;
181   -moz-transition: all 0.05s linear;
182   -o-transition: all 0.05s linear;
183   transition: all 0.05s linear;
184   display: block !important;
185 }
186 .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,
187 .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
188   -webkit-transform: translateY(-100%);
189   -moz-transform: translateY(-100%);
190   -o-transform: translateY(-100%);
191   -ms-transform: translateY(-100%);
192   transform: translateY(-100%);
193 }
194 .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
195 .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active {
196   -webkit-transform: translateY(0);
197   -moz-transform: translateY(0);
198   -o-transform: translateY(0);
199   -ms-transform: translateY(0);
200   transform: translateY(0);
201 }
202 /* Slide up/down animations */
203 .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
204 .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
205   -webkit-transition: all 0.05s linear;
206   -moz-transition: all 0.05s linear;
207   -o-transition: all 0.05s linear;
208   transition: all 0.05s linear;
209   display: block !important;
210 }
211 .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,
212 .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
213   -webkit-transform: translateY(-100%);
214   -moz-transform: translateY(-100%);
215   -o-transform: translateY(-100%);
216   -ms-transform: translateY(-100%);
217   transform: translateY(-100%);
218 }
219 .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
220 .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active {
221   -webkit-transform: translateY(0);
222   -moz-transform: translateY(0);
223   -o-transform: translateY(0);
224   -ms-transform: translateY(0);
225   transform: translateY(0);
226 }
227 .ui-grid-filter-container {
228   padding: 4px 10px;
229   position: relative;
230 }
231 .ui-grid-filter-container .ui-grid-filter-button {
232   position: absolute;
233   top: 0;
234   bottom: 0;
235   right: 0;
236 }
237 .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"] {
238   position: absolute;
239   top: 50%;
240   line-height: 32px;
241   margin-top: -16px;
242   right: 10px;
243   opacity: 0.66;
244 }
245 .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]:hover {
246   opacity: 1;
247 }
248 .ui-grid-filter-container .ui-grid-filter-button-select {
249   position: absolute;
250   top: 0;
251   bottom: 0;
252   right: 0;
253 }
254 .ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"] {
255   position: absolute;
256   top: 50%;
257   line-height: 32px;
258   margin-top: -16px;
259   right: 0px;
260   opacity: 0.66;
261 }
262 .ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"]:hover {
263   opacity: 1;
264 }
265 input[type="text"].ui-grid-filter-input {
266   padding: 0;
267   margin: 0;
268   border: 1;
269   width: 100%;
270   border: 1px solid #dddddd;
271   -webkit-border-top-right-radius: 0px;
272   -webkit-border-bottom-right-radius: 0;
273   -webkit-border-bottom-left-radius: 0;
274   -webkit-border-top-left-radius: 0;
275   -moz-border-radius-topright: 0px;
276   -moz-border-radius-bottomright: 0;
277   -moz-border-radius-bottomleft: 0;
278   -moz-border-radius-topleft: 0;
279   border-top-right-radius: 0px;
280   border-bottom-right-radius: 0;
281   border-bottom-left-radius: 0;
282   border-top-left-radius: 0;
283   -moz-background-clip: padding-box;
284   -webkit-background-clip: padding-box;
285   background-clip: padding-box;
286 }
287 input[type="text"].ui-grid-filter-input:hover {
288   border: 1px solid #dddddd;
289 }
290 select.ui-grid-filter-select {
291   padding: 0;
292   margin: 0;
293   border: 1;
294   width: 90%;
295   border: 1px solid #dddddd;
296   -webkit-border-top-right-radius: 0px;
297   -webkit-border-bottom-right-radius: 0;
298   -webkit-border-bottom-left-radius: 0;
299   -webkit-border-top-left-radius: 0;
300   -moz-border-radius-topright: 0px;
301   -moz-border-radius-bottomright: 0;
302   -moz-border-radius-bottomleft: 0;
303   -moz-border-radius-topleft: 0;
304   border-top-right-radius: 0px;
305   border-bottom-right-radius: 0;
306   border-bottom-left-radius: 0;
307   border-top-left-radius: 0;
308   -moz-background-clip: padding-box;
309   -webkit-background-clip: padding-box;
310   background-clip: padding-box;
311 }
312 select.ui-grid-filter-select:hover {
313   border: 1px solid #dddddd;
314 }
315 .ui-grid-filter-cancel-button-hidden select.ui-grid-filter-select {
316   width: 100%;
317 }
318 .ui-grid-render-container {
319   position: inherit;
320   -webkit-border-top-right-radius: 0;
321   -webkit-border-bottom-right-radius: 0px;
322   -webkit-border-bottom-left-radius: 0px;
323   -webkit-border-top-left-radius: 0;
324   -moz-border-radius-topright: 0;
325   -moz-border-radius-bottomright: 0px;
326   -moz-border-radius-bottomleft: 0px;
327   -moz-border-radius-topleft: 0;
328   border-top-right-radius: 0;
329   border-bottom-right-radius: 0px;
330   border-bottom-left-radius: 0px;
331   border-top-left-radius: 0;
332   -moz-background-clip: padding-box;
333   -webkit-background-clip: padding-box;
334   background-clip: padding-box;
335 }
336 .ui-grid-render-container:focus {
337   outline: none;
338 }
339 .ui-grid-viewport {
340   min-height: 20px;
341   position: relative;
342   overflow-y: scroll;
343   -webkit-overflow-scrolling: touch;
344 }
345 .ui-grid-viewport:focus {
346   outline: none !important;
347 }
348 .ui-grid-canvas {
349   position: relative;
350   padding-top: 1px;
351 }
352 .ui-grid-row:nth-child(odd) .ui-grid-cell {
353   background-color: white;
354 }
355 .ui-grid-row:nth-child(even) .ui-grid-cell {
356   background-color: #f8f8f8;
357 }
358 .ui-grid-row:last-child .ui-grid-cell {
359   border-bottom-color: #dddddd;
360   border-bottom-style: solid;
361 }
362 .ui-grid-no-row-overlay {
363   position: absolute;
364   top: 0;
365   bottom: 0;
366   left: 0;
367   right: 0;
368   margin: 10%;
369   background: white;
370   background: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(1, white));
371   background: -ms-linear-gradient(bottom, white, white);
372   background: -moz-linear-gradient(center bottom, white 0%, white 100%);
373   background: -o-linear-gradient(white, white);
374   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='white', GradientType=0);
375   -webkit-border-top-right-radius: 0px;
376   -webkit-border-bottom-right-radius: 0;
377   -webkit-border-bottom-left-radius: 0;
378   -webkit-border-top-left-radius: 0;
379   -moz-border-radius-topright: 0px;
380   -moz-border-radius-bottomright: 0;
381   -moz-border-radius-bottomleft: 0;
382   -moz-border-radius-topleft: 0;
383   border-top-right-radius: 0px;
384   border-bottom-right-radius: 0;
385   border-bottom-left-radius: 0;
386   border-top-left-radius: 0;
387   -moz-background-clip: padding-box;
388   -webkit-background-clip: padding-box;
389   background-clip: padding-box;
390   border: 1px solid #dddddd;
391   font-size: 2em;
392   text-align: center;
393 }
394 .ui-grid-no-row-overlay > * {
395   position: absolute;
396   display: table;
397   margin: auto 0;
398   width: 100%;
399   top: 0;
400   bottom: 0;
401   left: 0;
402   right: 0;
403   opacity: 0.66;
404 }
405 /* This file contains variable declarations (do not remove this line) */
406 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
407 /**
408 * @section Grid styles
409 */
410 /**
411 * @section Header styles
412 */
413 /** @description Colors for header gradient */
414 /**
415 * @section Grid body styles
416 */
417 /** @description Colors used for row alternation */
418 /**
419 * @section Sort arrow colors
420 */
421 /**
422 * @section Scrollbar styles
423 */
424 /**
425 * @section font library path
426 */
427 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
428 .ui-grid-cell {
429   overflow: hidden;
430   float: left;
431   background-color: inherit;
432   border-right: 1px solid;
433   border-color: #dddddd;
434   box-sizing: border-box;
435 }
436 .ui-grid-cell:last-child {
437   border-right: 0;
438 }
439 .ui-grid-cell-contents {
440   padding: 5px;
441   -moz-box-sizing: border-box;
442   -webkit-box-sizing: border-box;
443   box-sizing: border-box;
444   white-space: nowrap;
445   -ms-text-overflow: ellipsis;
446   -o-text-overflow: ellipsis;
447   text-overflow: ellipsis;
448   overflow: hidden;
449   height: 100%;
450 }
451 .ui-grid-cell-contents-hidden {
452   visibility: hidden;
453   width: 0;
454   height: 0;
455   display: none;
456 }
457 .ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
458   /*background-color: #f0f0ee;*/
459   border-bottom: solid 1px #dddddd;
460 }
461 .ui-grid-footer-panel-background {
462   background: white;
463   background: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(1, white));
464   background: -ms-linear-gradient(bottom, white, white);
465   background: -moz-linear-gradient(center bottom, white 0%, white 100%);
466   background: -o-linear-gradient(white, white);
467   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='white', GradientType=0);
468 }
469 .ui-grid-footer-panel {
470   position: relative;
471   border-bottom: 1px solid #dddddd;
472   border-top: 1px solid #dddddd;
473   overflow: hidden;
474   font-weight: bold;
475   background: white;
476   background: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(1, white));
477   background: -ms-linear-gradient(bottom, white, white);
478   background: -moz-linear-gradient(center bottom, white 0%, white 100%);
479   background: -o-linear-gradient(white, white);
480   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='white', GradientType=0);
481   -webkit-border-top-right-radius: -1px;
482   -webkit-border-bottom-right-radius: 0;
483   -webkit-border-bottom-left-radius: 0;
484   -webkit-border-top-left-radius: -1px;
485   -moz-border-radius-topright: -1px;
486   -moz-border-radius-bottomright: 0;
487   -moz-border-radius-bottomleft: 0;
488   -moz-border-radius-topleft: -1px;
489   border-top-right-radius: -1px;
490   border-bottom-right-radius: 0;
491   border-bottom-left-radius: 0;
492   border-top-left-radius: -1px;
493   -moz-background-clip: padding-box;
494   -webkit-background-clip: padding-box;
495   background-clip: padding-box;
496 }
497 .ui-grid-grid-footer {
498   float: left;
499   width: 100%;
500   padding: 10px;
501   border-top: 1px solid #dddddd;
502   box-sizing: border-box;
503 }
504 .ui-grid-footer-viewport {
505   overflow: hidden;
506 }
507 .ui-grid-footer-canvas {
508   position: relative;
509 }
510 .ui-grid-footer-canvas:before,
511 .ui-grid-footer-canvas:after {
512   content: "";
513   display: table;
514   line-height: 0;
515 }
516 .ui-grid-footer-canvas:after {
517   clear: both;
518 }
519 .ui-grid-footer-cell-wrapper {
520   position: relative;
521   display: table;
522   box-sizing: border-box;
523   height: 100%;
524 }
525 .ui-grid-footer-cell-row {
526   display: table-row;
527 }
528 .ui-grid-footer-cell {
529   overflow: hidden;
530   background-color: inherit;
531   border-right: 1px solid;
532   border-color: #dddddd;
533   box-sizing: border-box;
534   display: table-cell;
535 }
536 .ui-grid-footer-cell:last-child {
537   border-right: 0;
538 }
539 input[type="text"].ui-grid-filter-input {
540   padding: 0;
541   margin: 0;
542   border: 1;
543   width: 100%;
544   border: 1px solid #dddddd;
545   -webkit-border-top-right-radius: 0px;
546   -webkit-border-bottom-right-radius: 0;
547   -webkit-border-bottom-left-radius: 0;
548   -webkit-border-top-left-radius: 0;
549   -moz-border-radius-topright: 0px;
550   -moz-border-radius-bottomright: 0;
551   -moz-border-radius-bottomleft: 0;
552   -moz-border-radius-topleft: 0;
553   border-top-right-radius: 0px;
554   border-bottom-right-radius: 0;
555   border-bottom-left-radius: 0;
556   border-top-left-radius: 0;
557   -moz-background-clip: padding-box;
558   -webkit-background-clip: padding-box;
559   background-clip: padding-box;
560 }
561 input[type="text"].ui-grid-filter-input:hover {
562   border: 1px solid #dddddd;
563 }
564 .ui-grid-menu-button {
565   z-index: 2;
566   position: absolute;
567   right: 0;
568   top: 0;
569   background: white;
570   /*border: 1px solid #dddddd;*/
571   border: none;
572   cursor: pointer;
573   height: 31px;
574   font-weight: normal;
575 }
576 .ui-grid-menu-button .ui-grid-icon-container {
577   margin-top: 3px;
578 }
579 .ui-grid-menu-button .ui-grid-menu {
580   right: 0;
581 }
582 .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid {
583   overflow: scroll;
584   /*overflow: hidden;*/
585   border: 1px solid #dddddd;
586 }
587 .ui-grid-menu {
588   z-index: 2;
589   position: absolute;
590   padding: 0 10px 20px 10px;
591   cursor: pointer;
592   box-sizing: border-box;
593 }
594 .ui-grid-menu .ui-grid-menu-inner {
595   background: white;
596   border: 1px solid #dddddd;
597   position: relative;
598   white-space: nowrap;
599   -webkit-border-radius: 0px;
600   -moz-border-radius: 0px;
601   border-radius: 0px;
602   -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);
603   -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);
604   box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);
605 }
606 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
607   position: absolute;
608   right: 0px;
609   top: 0px;
610   display: inline-block;
611   margin-bottom: 0;
612   font-weight: normal;
613   text-align: center;
614   vertical-align: middle;
615   touch-action: manipulation;
616   cursor: pointer;
617   background-image: none;
618   border: 1px solid transparent;
619   white-space: nowrap;
620   padding: 6px 12px;
621   font-size: 14px;
622   line-height: 1.42857143;
623   border-radius: 4px;
624   -webkit-user-select: none;
625   -moz-user-select: none;
626   -ms-user-select: none;
627   user-select: none;
628   padding: 1px 1px;
629   font-size: 10px;
630   line-height: 1;
631   border-radius: 2px;
632   color: transparent;
633   background-color: transparent;
634   border-color: transparent;
635 }
636 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
637 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active:focus,
638 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active:focus,
639 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus,
640 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active.focus,
641 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active.focus {
642   outline: thin dotted;
643   outline: 5px auto -webkit-focus-ring-color;
644   outline-offset: -2px;
645 }
646 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:hover,
647 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
648 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus {
649   color: #333333;
650   text-decoration: none;
651 }
652 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active,
653 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active {
654   outline: 0;
655   background-image: none;
656   -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
657   box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
658 }
659 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled,
660 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled],
661 fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
662   cursor: not-allowed;
663   opacity: 0.65;
664   filter: alpha(opacity=65);
665   -webkit-box-shadow: none;
666   box-shadow: none;
667 }
668 a.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled,
669 fieldset[disabled] a.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
670   pointer-events: none;
671 }
672 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
673 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus {
674   color: transparent;
675   background-color: rgba(0, 0, 0, 0);
676   border-color: rgba(0, 0, 0, 0);
677 }
678 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:hover {
679   color: transparent;
680   background-color: rgba(0, 0, 0, 0);
681   border-color: rgba(0, 0, 0, 0);
682 }
683 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active,
684 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active,
685 .open > .dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
686   color: transparent;
687   background-color: rgba(0, 0, 0, 0);
688   border-color: rgba(0, 0, 0, 0);
689 }
690 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active:hover,
691 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active:hover,
692 .open > .dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:hover,
693 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active:focus,
694 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active:focus,
695 .open > .dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
696 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active.focus,
697 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active.focus,
698 .open > .dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus {
699   color: transparent;
700   background-color: rgba(0, 0, 0, 0);
701   border-color: rgba(0, 0, 0, 0);
702 }
703 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active,
704 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active,
705 .open > .dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
706   background-image: none;
707 }
708 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled:hover,
709 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled]:hover,
710 fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:hover,
711 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled:focus,
712 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled]:focus,
713 fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
714 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled.focus,
715 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled].focus,
716 fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus {
717   background-color: transparent;
718   border-color: transparent;
719 }
720 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button .badge {
721   color: transparent;
722   background-color: transparent;
723 }
724 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button > i {
725   opacity: 0.75;
726   color: black;
727 }
728 .ui-grid-menu .ui-grid-menu-inner ul {
729   margin: 0;
730   padding: 0;
731   list-style-type: none;
732 }
733 .ui-grid-menu .ui-grid-menu-inner ul li {
734   padding: 0px;
735 }
736 .ui-grid-menu .ui-grid-menu-inner ul li button {
737   min-width: 100%;
738   padding: 8px;
739   text-align: left;
740   background: transparent;
741   border: none;
742 }
743 .ui-grid-menu .ui-grid-menu-inner ul li button:hover,
744 .ui-grid-menu .ui-grid-menu-inner ul li button:focus {
745   -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
746   -moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
747   box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
748 }
749 .ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item-active {
750   -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
751   -moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
752   box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
753   background-color: #cecece;
754 }
755 .ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child) > button {
756   border-bottom: 1px solid #dddddd;
757 }
758 .ui-grid-sortarrow {
759   right: 5px;
760   position: absolute;
761   width: 20px;
762   top: 0;
763   bottom: 0;
764   background-position: center;
765 }
766 .ui-grid-sortarrow.down {
767   -webkit-transform: rotate(180deg);
768   -moz-transform: rotate(180deg);
769   -o-transform: rotate(180deg);
770   -ms-transform: rotate(180deg);
771   transform: rotate(180deg);
772 }
773 @font-face {
774   font-family: 'ui-grid';
775   src: url('ui-grid.eot');
776   src: url('ui-grid.eot#iefix') format('embedded-opentype'), url('ui-grid.woff') format('woff'), url('ui-grid.ttf') format('truetype'), url('ui-grid.svg?#ui-grid') format('svg');
777   font-weight: normal;
778   font-style: normal;
779 }
780 /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
781 /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
782 /*
783 @media screen and (-webkit-min-device-pixel-ratio:0) {
784   @font-face {
785     font-family: 'ui-grid';
786     src: url('@{font-path}ui-grid.svg?12312827#ui-grid') format('svg');
787   }
788 }
789 */
790 [class^="ui-grid-icon"]:before,
791 [class*=" ui-grid-icon"]:before {
792   font-family: "ui-grid";
793   font-style: normal;
794   font-weight: normal;
795   speak: none;
796   display: inline-block;
797   text-decoration: inherit;
798   width: 1em;
799   margin-right: .2em;
800   text-align: center;
801   /* opacity: .8; */
802   /* For safety - reset parent styles, that can break glyph codes*/
803   font-variant: normal;
804   text-transform: none;
805   /* fix buttons height, for twitter bootstrap */
806   line-height: 1em;
807   /* Animation center compensation - margins should be symmetric */
808   /* remove if not needed */
809   margin-left: .2em;
810   /* you can be more comfortable with increased icons size */
811   /* font-size: 120%; */
812   /* Uncomment for 3D effect */
813   /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
814 }
815 .ui-grid-icon-blank::before {
816   width: 1em;
817   content: ' ';
818 }
819 /*
820 * RTL Styles
821 */
822 .ui-grid[dir=rtl] .ui-grid-header-cell,
823 .ui-grid[dir=rtl] .ui-grid-footer-cell,
824 .ui-grid[dir=rtl] .ui-grid-cell {
825   float: right !important;
826 }
827 .ui-grid[dir=rtl] .ui-grid-column-menu-button {
828   position: absolute;
829   left: 1px;
830   top: 0;
831   right: inherit;
832 }
833 .ui-grid[dir=rtl] .ui-grid-cell:first-child,
834 .ui-grid[dir=rtl] .ui-grid-header-cell:first-child,
835 .ui-grid[dir=rtl] .ui-grid-footer-cell:first-child {
836   border-right: 0;
837 }
838 .ui-grid[dir=rtl] .ui-grid-cell:last-child,
839 .ui-grid[dir=rtl] .ui-grid-header-cell:last-child {
840   border-right: 1px solid #dddddd;
841   border-left: 0;
842 }
843 .ui-grid[dir=rtl] .ui-grid-header-cell:first-child .ui-grid-vertical-bar,
844 .ui-grid[dir=rtl] .ui-grid-footer-cell:first-child .ui-grid-vertical-bar,
845 .ui-grid[dir=rtl] .ui-grid-cell:first-child .ui-grid-vertical-bar {
846   width: 0;
847 }
848 .ui-grid[dir=rtl] .ui-grid-menu-button {
849   z-index: 2;
850   position: absolute;
851   left: 0;
852   right: auto;
853   background: white;
854   border: 1px solid #dddddd;
855   cursor: pointer;
856   min-height: 27px;
857   font-weight: normal;
858 }
859 .ui-grid[dir=rtl] .ui-grid-menu-button .ui-grid-menu {
860   left: 0;
861   right: auto;
862 }
863 .ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button {
864   right: initial;
865   left: 0;
866 }
867 .ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"] {
868   right: initial;
869   left: 10px;
870 }
871 /*
872    Animation example, for spinners
873 */
874 .ui-grid-animate-spin {
875   -moz-animation: ui-grid-spin 2s infinite linear;
876   -o-animation: ui-grid-spin 2s infinite linear;
877   -webkit-animation: ui-grid-spin 2s infinite linear;
878   animation: ui-grid-spin 2s infinite linear;
879   display: inline-block;
880 }
881 @-moz-keyframes ui-grid-spin {
882   0% {
883     -moz-transform: rotate(0deg);
884     -o-transform: rotate(0deg);
885     -webkit-transform: rotate(0deg);
886     transform: rotate(0deg);
887   }
888   100% {
889     -moz-transform: rotate(359deg);
890     -o-transform: rotate(359deg);
891     -webkit-transform: rotate(359deg);
892     transform: rotate(359deg);
893   }
894 }
895 @-webkit-keyframes ui-grid-spin {
896   0% {
897     -moz-transform: rotate(0deg);
898     -o-transform: rotate(0deg);
899     -webkit-transform: rotate(0deg);
900     transform: rotate(0deg);
901   }
902   100% {
903     -moz-transform: rotate(359deg);
904     -o-transform: rotate(359deg);
905     -webkit-transform: rotate(359deg);
906     transform: rotate(359deg);
907   }
908 }
909 @-o-keyframes ui-grid-spin {
910   0% {
911     -moz-transform: rotate(0deg);
912     -o-transform: rotate(0deg);
913     -webkit-transform: rotate(0deg);
914     transform: rotate(0deg);
915   }
916   100% {
917     -moz-transform: rotate(359deg);
918     -o-transform: rotate(359deg);
919     -webkit-transform: rotate(359deg);
920     transform: rotate(359deg);
921   }
922 }
923 @-ms-keyframes ui-grid-spin {
924   0% {
925     -moz-transform: rotate(0deg);
926     -o-transform: rotate(0deg);
927     -webkit-transform: rotate(0deg);
928     transform: rotate(0deg);
929   }
930   100% {
931     -moz-transform: rotate(359deg);
932     -o-transform: rotate(359deg);
933     -webkit-transform: rotate(359deg);
934     transform: rotate(359deg);
935   }
936 }
937 @keyframes ui-grid-spin {
938   0% {
939     -moz-transform: rotate(0deg);
940     -o-transform: rotate(0deg);
941     -webkit-transform: rotate(0deg);
942     transform: rotate(0deg);
943   }
944   100% {
945     -moz-transform: rotate(359deg);
946     -o-transform: rotate(359deg);
947     -webkit-transform: rotate(359deg);
948     transform: rotate(359deg);
949   }
950 }
951
952 .ui-grid-draggable-row {
953     height: 30px;
954 }
955
956 .ui-grid-draggable-row-over {
957     position: relative;
958     color: #AAA;
959 }
960
961 .ui-grid-draggable-row-over:before {
962     content: "";
963     display: block;
964     position: absolute;
965     left: 0;
966     width: 100%;
967     border-bottom: 1px dashed #AAA;
968 }
969
970 .ui-grid-draggable-row-over--above:before {
971     top: 0;
972 }
973
974 .ui-grid-draggable-row-over--below:before {
975     bottom: 0;
976 }
977 /*---------------------------------------------------
978     LESS Elements 0.9
979   ---------------------------------------------------
980     A set of useful LESS mixins
981     More info at: http://lesselements.com
982   ---------------------------------------------------*/