2 * ui-grid - v3.0.7 - 2015-10-06
3 * Copyright (c) 2015 ; License: MIT
5 #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:before,
6 #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
7 #ui-grid-twbs #ui-grid-twbs .btn-toolbar:before,
8 #ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
9 #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:before,
10 #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
14 #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
15 #ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
16 #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
20 border: 1px solid #d4d4d4;
21 box-sizing: content-box;
22 -webkit-border-radius: 0px;
23 -moz-border-radius: 0px;
25 -webkit-transform: translateZ(0);
26 -moz-transform: translateZ(0);
27 -o-transform: translateZ(0);
28 -ms-transform: translateZ(0);
29 transform: translateZ(0);
31 .ui-grid-vertical-bar {
36 .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,
37 .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
40 .ui-grid-scrollbar-placeholder {
41 background-color: transparent;
43 .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
44 background-color: #d4d4d4;
46 .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
47 background-color: #d4d4d4;
49 .ui-grid-header-cell:last-child .ui-grid-vertical-bar {
52 background-color: #d4d4d4;
54 .ui-grid-clearfix:before,
55 .ui-grid-clearfix:after {
59 .ui-grid-clearfix:after {
65 .ui-grid-contents-wrapper {
77 clip: rect(0, 0, 0, 0);
80 .ui-grid-top-panel-background {
82 background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
83 background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
84 background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
85 background: -o-linear-gradient(#ffffff, #eeeeee);
86 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
89 border-bottom: 1px solid #d4d4d4;
90 box-sizing: border-box;
97 background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
98 background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
99 background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
100 background: -o-linear-gradient(#ffffff, #eeeeee);
101 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
102 -webkit-border-top-right-radius: -1px;
103 -webkit-border-bottom-right-radius: 0;
104 -webkit-border-bottom-left-radius: 0;
105 -webkit-border-top-left-radius: -1px;
106 -moz-border-radius-topright: -1px;
107 -moz-border-radius-bottomright: 0;
108 -moz-border-radius-bottomleft: 0;
109 -moz-border-radius-topleft: -1px;
110 border-top-right-radius: -1px;
111 border-bottom-right-radius: 0;
112 border-bottom-left-radius: 0;
113 border-top-left-radius: -1px;
114 -moz-background-clip: padding-box;
115 -webkit-background-clip: padding-box;
116 background-clip: padding-box;
118 .ui-grid-header-viewport {
121 .ui-grid-header-canvas:before,
122 .ui-grid-header-canvas:after {
127 .ui-grid-header-canvas:after {
130 .ui-grid-header-cell-wrapper {
133 box-sizing: border-box;
136 .ui-grid-header-cell-row {
140 .ui-grid-header-cell {
142 box-sizing: border-box;
143 background-color: inherit;
144 border-right: 1px solid;
145 border-color: #d4d4d4;
147 -webkit-user-select: none;
148 -moz-user-select: none;
149 -ms-user-select: none;
153 .ui-grid-header-cell:last-child {
156 .ui-grid-header-cell .sortable {
159 .ui-grid-header-cell .ui-grid-sort-priority-number {
162 .ui-grid-header .ui-grid-vertical-bar {
166 .ui-grid-column-menu-button {
171 .ui-grid-column-menu-button .ui-grid-icon-angle-down {
174 .ui-grid-column-menu-button-last-col {
177 .ui-grid-column-menu {
180 /* Slide up/down animations */
181 .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
182 .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
183 -webkit-transition: all 0.05s linear;
184 -moz-transition: all 0.05s linear;
185 -o-transition: all 0.05s linear;
186 transition: all 0.05s linear;
187 display: block !important;
189 .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,
190 .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
191 -webkit-transform: translateY(-100%);
192 -moz-transform: translateY(-100%);
193 -o-transform: translateY(-100%);
194 -ms-transform: translateY(-100%);
195 transform: translateY(-100%);
197 .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
198 .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active {
199 -webkit-transform: translateY(0);
200 -moz-transform: translateY(0);
201 -o-transform: translateY(0);
202 -ms-transform: translateY(0);
203 transform: translateY(0);
205 /* Slide up/down animations */
206 .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
207 .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
208 -webkit-transition: all 0.05s linear;
209 -moz-transition: all 0.05s linear;
210 -o-transition: all 0.05s linear;
211 transition: all 0.05s linear;
212 display: block !important;
214 .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,
215 .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
216 -webkit-transform: translateY(-100%);
217 -moz-transform: translateY(-100%);
218 -o-transform: translateY(-100%);
219 -ms-transform: translateY(-100%);
220 transform: translateY(-100%);
222 .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
223 .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active {
224 -webkit-transform: translateY(0);
225 -moz-transform: translateY(0);
226 -o-transform: translateY(0);
227 -ms-transform: translateY(0);
228 transform: translateY(0);
230 .ui-grid-filter-container {
234 .ui-grid-filter-container .ui-grid-filter-button {
240 .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"] {
248 .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]:hover {
251 .ui-grid-filter-container .ui-grid-filter-button-select {
257 .ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"] {
265 .ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"]:hover {
268 input[type="text"].ui-grid-filter-input {
273 border: 1px solid #d4d4d4;
274 -webkit-border-top-right-radius: 0px;
275 -webkit-border-bottom-right-radius: 0;
276 -webkit-border-bottom-left-radius: 0;
277 -webkit-border-top-left-radius: 0;
278 -moz-border-radius-topright: 0px;
279 -moz-border-radius-bottomright: 0;
280 -moz-border-radius-bottomleft: 0;
281 -moz-border-radius-topleft: 0;
282 border-top-right-radius: 0px;
283 border-bottom-right-radius: 0;
284 border-bottom-left-radius: 0;
285 border-top-left-radius: 0;
286 -moz-background-clip: padding-box;
287 -webkit-background-clip: padding-box;
288 background-clip: padding-box;
290 input[type="text"].ui-grid-filter-input:hover {
291 border: 1px solid #d4d4d4;
293 select.ui-grid-filter-select {
298 border: 1px solid #d4d4d4;
299 -webkit-border-top-right-radius: 0px;
300 -webkit-border-bottom-right-radius: 0;
301 -webkit-border-bottom-left-radius: 0;
302 -webkit-border-top-left-radius: 0;
303 -moz-border-radius-topright: 0px;
304 -moz-border-radius-bottomright: 0;
305 -moz-border-radius-bottomleft: 0;
306 -moz-border-radius-topleft: 0;
307 border-top-right-radius: 0px;
308 border-bottom-right-radius: 0;
309 border-bottom-left-radius: 0;
310 border-top-left-radius: 0;
311 -moz-background-clip: padding-box;
312 -webkit-background-clip: padding-box;
313 background-clip: padding-box;
315 select.ui-grid-filter-select:hover {
316 border: 1px solid #d4d4d4;
318 .ui-grid-filter-cancel-button-hidden select.ui-grid-filter-select {
321 .ui-grid-render-container {
323 -webkit-border-top-right-radius: 0;
324 -webkit-border-bottom-right-radius: 0px;
325 -webkit-border-bottom-left-radius: 0px;
326 -webkit-border-top-left-radius: 0;
327 -moz-border-radius-topright: 0;
328 -moz-border-radius-bottomright: 0px;
329 -moz-border-radius-bottomleft: 0px;
330 -moz-border-radius-topleft: 0;
331 border-top-right-radius: 0;
332 border-bottom-right-radius: 0px;
333 border-bottom-left-radius: 0px;
334 border-top-left-radius: 0;
335 -moz-background-clip: padding-box;
336 -webkit-background-clip: padding-box;
337 background-clip: padding-box;
339 .ui-grid-render-container:focus {
346 -webkit-overflow-scrolling: touch;
348 .ui-grid-viewport:focus {
349 outline: none !important;
355 .ui-grid-row:nth-child(odd) .ui-grid-cell {
356 background-color: #fdfdfd;
358 .ui-grid-row:nth-child(even) .ui-grid-cell {
359 background-color: #f3f3f3;
361 .ui-grid-row:last-child .ui-grid-cell {
362 border-bottom-color: #d4d4d4;
363 border-bottom-style: solid;
365 .ui-grid-no-row-overlay {
373 background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
374 background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
375 background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
376 background: -o-linear-gradient(#ffffff, #eeeeee);
377 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
378 -webkit-border-top-right-radius: 0px;
379 -webkit-border-bottom-right-radius: 0;
380 -webkit-border-bottom-left-radius: 0;
381 -webkit-border-top-left-radius: 0;
382 -moz-border-radius-topright: 0px;
383 -moz-border-radius-bottomright: 0;
384 -moz-border-radius-bottomleft: 0;
385 -moz-border-radius-topleft: 0;
386 border-top-right-radius: 0px;
387 border-bottom-right-radius: 0;
388 border-bottom-left-radius: 0;
389 border-top-left-radius: 0;
390 -moz-background-clip: padding-box;
391 -webkit-background-clip: padding-box;
392 background-clip: padding-box;
393 border: 1px solid #d4d4d4;
397 .ui-grid-no-row-overlay > * {
411 background-color: inherit;
412 border-right: 1px solid;
413 border-color: #d4d4d4;
414 box-sizing: border-box;
416 .ui-grid-cell:last-child {
419 .ui-grid-cell-contents {
421 -moz-box-sizing: border-box;
422 -webkit-box-sizing: border-box;
423 box-sizing: border-box;
425 -ms-text-overflow: ellipsis;
426 -o-text-overflow: ellipsis;
427 text-overflow: ellipsis;
431 .ui-grid-cell-contents-hidden {
437 .ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
438 background-color: #f0f0ee;
439 border-bottom: solid 1px #d4d4d4;
441 .ui-grid-footer-panel-background {
443 background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
444 background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
445 background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
446 background: -o-linear-gradient(#ffffff, #eeeeee);
447 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
449 .ui-grid-footer-panel {
451 border-bottom: 1px solid #d4d4d4;
452 border-top: 1px solid #d4d4d4;
456 background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
457 background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
458 background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
459 background: -o-linear-gradient(#ffffff, #eeeeee);
460 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
461 -webkit-border-top-right-radius: -1px;
462 -webkit-border-bottom-right-radius: 0;
463 -webkit-border-bottom-left-radius: 0;
464 -webkit-border-top-left-radius: -1px;
465 -moz-border-radius-topright: -1px;
466 -moz-border-radius-bottomright: 0;
467 -moz-border-radius-bottomleft: 0;
468 -moz-border-radius-topleft: -1px;
469 border-top-right-radius: -1px;
470 border-bottom-right-radius: 0;
471 border-bottom-left-radius: 0;
472 border-top-left-radius: -1px;
473 -moz-background-clip: padding-box;
474 -webkit-background-clip: padding-box;
475 background-clip: padding-box;
477 .ui-grid-grid-footer {
481 .ui-grid-footer-viewport {
484 .ui-grid-footer-canvas {
487 .ui-grid-footer-canvas:before,
488 .ui-grid-footer-canvas:after {
493 .ui-grid-footer-canvas:after {
496 .ui-grid-footer-cell-wrapper {
499 box-sizing: border-box;
502 .ui-grid-footer-cell-row {
505 .ui-grid-footer-cell {
507 background-color: inherit;
508 border-right: 1px solid;
509 border-color: #d4d4d4;
510 box-sizing: border-box;
513 .ui-grid-footer-cell:last-child {
516 input[type="text"].ui-grid-filter-input {
521 border: 1px solid #d4d4d4;
522 -webkit-border-top-right-radius: 0px;
523 -webkit-border-bottom-right-radius: 0;
524 -webkit-border-bottom-left-radius: 0;
525 -webkit-border-top-left-radius: 0;
526 -moz-border-radius-topright: 0px;
527 -moz-border-radius-bottomright: 0;
528 -moz-border-radius-bottomleft: 0;
529 -moz-border-radius-topleft: 0;
530 border-top-right-radius: 0px;
531 border-bottom-right-radius: 0;
532 border-bottom-left-radius: 0;
533 border-top-left-radius: 0;
534 -moz-background-clip: padding-box;
535 -webkit-background-clip: padding-box;
536 background-clip: padding-box;
538 input[type="text"].ui-grid-filter-input:hover {
539 border: 1px solid #d4d4d4;
541 .ui-grid-menu-button {
547 border: 1px solid #d4d4d4;
552 .ui-grid-menu-button .ui-grid-icon-container {
555 .ui-grid-menu-button .ui-grid-menu {
558 .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid {
561 border: 1px solid #d4d4d4;
566 padding: 0 10px 20px 10px;
568 box-sizing: border-box;
570 .ui-grid-menu .ui-grid-menu-inner {
572 border: 1px solid #d4d4d4;
575 -webkit-border-radius: 0px;
576 -moz-border-radius: 0px;
578 -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);
579 -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);
580 box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);
582 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
586 display: inline-block;
590 vertical-align: middle;
591 touch-action: manipulation;
593 background-image: none;
594 border: 1px solid transparent;
598 line-height: 1.42857143;
600 -webkit-user-select: none;
601 -moz-user-select: none;
602 -ms-user-select: none;
609 background-color: transparent;
610 border-color: transparent;
612 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
613 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active:focus,
614 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active:focus,
615 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus,
616 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active.focus,
617 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active.focus {
618 outline: thin dotted;
619 outline: 5px auto -webkit-focus-ring-color;
620 outline-offset: -2px;
622 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:hover,
623 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
624 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus {
626 text-decoration: none;
628 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active,
629 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active {
631 background-image: none;
632 -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
633 box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
635 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled,
636 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled],
637 fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
640 filter: alpha(opacity=65);
641 -webkit-box-shadow: none;
644 a.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled,
645 fieldset[disabled] a.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
646 pointer-events: none;
648 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
649 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus {
651 background-color: rgba(0, 0, 0, 0);
652 border-color: rgba(0, 0, 0, 0);
654 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:hover {
656 background-color: rgba(0, 0, 0, 0);
657 border-color: rgba(0, 0, 0, 0);
659 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active,
660 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active,
661 .open > .dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
663 background-color: rgba(0, 0, 0, 0);
664 border-color: rgba(0, 0, 0, 0);
666 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active:hover,
667 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active:hover,
668 .open > .dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:hover,
669 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active:focus,
670 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active:focus,
671 .open > .dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
672 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active.focus,
673 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active.focus,
674 .open > .dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus {
676 background-color: rgba(0, 0, 0, 0);
677 border-color: rgba(0, 0, 0, 0);
679 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active,
680 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active,
681 .open > .dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
682 background-image: none;
684 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled,
685 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled],
686 fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button,
687 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled:hover,
688 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled]:hover,
689 fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:hover,
690 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled:focus,
691 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled]:focus,
692 fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
693 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled.focus,
694 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled].focus,
695 fieldset[disabled] .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.disabled:active,
697 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled]:active,
698 fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active,
699 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled.active,
700 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled].active,
701 fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active {
702 background-color: transparent;
703 border-color: transparent;
705 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button .badge {
707 background-color: transparent;
709 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button > i {
713 .ui-grid-menu .ui-grid-menu-inner ul {
716 list-style-type: none;
718 .ui-grid-menu .ui-grid-menu-inner ul li {
721 .ui-grid-menu .ui-grid-menu-inner ul li button {
725 background: transparent;
728 .ui-grid-menu .ui-grid-menu-inner ul li button:hover,
729 .ui-grid-menu .ui-grid-menu-inner ul li button:focus {
730 -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
731 -moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
732 box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
734 .ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item-active {
735 -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
736 -moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
737 box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
738 background-color: #cecece;
740 .ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child) > button {
741 border-bottom: 1px solid #d4d4d4;
749 background-position: center;
751 .ui-grid-sortarrow.down {
752 -webkit-transform: rotate(180deg);
753 -moz-transform: rotate(180deg);
754 -o-transform: rotate(180deg);
755 -ms-transform: rotate(180deg);
756 transform: rotate(180deg);
759 font-family: 'ui-grid';
760 src: url('ui-grid.eot');
761 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');
765 /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
766 /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
768 @media screen and (-webkit-min-device-pixel-ratio:0) {
770 font-family: 'ui-grid';
771 src: url('../font/ui-grid.svg?12312827#ui-grid') format('svg');
775 [class^="ui-grid-icon"]:before,
776 [class*=" ui-grid-icon"]:before {
777 font-family: "ui-grid";
781 display: inline-block;
782 text-decoration: inherit;
787 /* For safety - reset parent styles, that can break glyph codes*/
788 font-variant: normal;
789 text-transform: none;
790 /* fix buttons height, for twitter bootstrap */
792 /* Animation center compensation - margins should be symmetric */
793 /* remove if not needed */
795 /* you can be more comfortable with increased icons size */
796 /* font-size: 120%; */
797 /* Uncomment for 3D effect */
798 /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
800 .ui-grid-icon-blank::before {
807 .ui-grid[dir=rtl] .ui-grid-header-cell,
808 .ui-grid[dir=rtl] .ui-grid-footer-cell,
809 .ui-grid[dir=rtl] .ui-grid-cell {
810 float: right !important;
812 .ui-grid[dir=rtl] .ui-grid-column-menu-button {
818 .ui-grid[dir=rtl] .ui-grid-cell:first-child,
819 .ui-grid[dir=rtl] .ui-grid-header-cell:first-child,
820 .ui-grid[dir=rtl] .ui-grid-footer-cell:first-child {
823 .ui-grid[dir=rtl] .ui-grid-cell:last-child,
824 .ui-grid[dir=rtl] .ui-grid-header-cell:last-child {
825 border-right: 1px solid #d4d4d4;
828 .ui-grid[dir=rtl] .ui-grid-header-cell:first-child .ui-grid-vertical-bar,
829 .ui-grid[dir=rtl] .ui-grid-footer-cell:first-child .ui-grid-vertical-bar,
830 .ui-grid[dir=rtl] .ui-grid-cell:first-child .ui-grid-vertical-bar {
833 .ui-grid[dir=rtl] .ui-grid-menu-button {
839 border: 1px solid #d4d4d4;
844 .ui-grid[dir=rtl] .ui-grid-menu-button .ui-grid-menu {
848 .ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button {
852 .ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"] {
857 Animation example, for spinners
859 .ui-grid-animate-spin {
860 -moz-animation: ui-grid-spin 2s infinite linear;
861 -o-animation: ui-grid-spin 2s infinite linear;
862 -webkit-animation: ui-grid-spin 2s infinite linear;
863 animation: ui-grid-spin 2s infinite linear;
864 display: inline-block;
866 @-moz-keyframes ui-grid-spin {
868 -moz-transform: rotate(0deg);
869 -o-transform: rotate(0deg);
870 -webkit-transform: rotate(0deg);
871 transform: rotate(0deg);
874 -moz-transform: rotate(359deg);
875 -o-transform: rotate(359deg);
876 -webkit-transform: rotate(359deg);
877 transform: rotate(359deg);
880 @-webkit-keyframes ui-grid-spin {
882 -moz-transform: rotate(0deg);
883 -o-transform: rotate(0deg);
884 -webkit-transform: rotate(0deg);
885 transform: rotate(0deg);
888 -moz-transform: rotate(359deg);
889 -o-transform: rotate(359deg);
890 -webkit-transform: rotate(359deg);
891 transform: rotate(359deg);
894 @-o-keyframes ui-grid-spin {
896 -moz-transform: rotate(0deg);
897 -o-transform: rotate(0deg);
898 -webkit-transform: rotate(0deg);
899 transform: rotate(0deg);
902 -moz-transform: rotate(359deg);
903 -o-transform: rotate(359deg);
904 -webkit-transform: rotate(359deg);
905 transform: rotate(359deg);
908 @-ms-keyframes ui-grid-spin {
910 -moz-transform: rotate(0deg);
911 -o-transform: rotate(0deg);
912 -webkit-transform: rotate(0deg);
913 transform: rotate(0deg);
916 -moz-transform: rotate(359deg);
917 -o-transform: rotate(359deg);
918 -webkit-transform: rotate(359deg);
919 transform: rotate(359deg);
922 @keyframes ui-grid-spin {
924 -moz-transform: rotate(0deg);
925 -o-transform: rotate(0deg);
926 -webkit-transform: rotate(0deg);
927 transform: rotate(0deg);
930 -moz-transform: rotate(359deg);
931 -o-transform: rotate(359deg);
932 -webkit-transform: rotate(359deg);
933 transform: rotate(359deg);
936 /*---------------------------------------------------
938 ---------------------------------------------------
939 A set of useful LESS mixins
940 More info at: http://lesselements.com
941 ---------------------------------------------------*/
942 /* This file contains variable declarations (do not remove this line) */
943 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
945 * @section Grid styles
948 * @section Header styles
950 /** @description Colors for header gradient */
952 * @section Grid body styles
954 /** @description Colors used for row alternation */
956 * @section Sort arrow colors
959 * @section Scrollbar styles
962 * @section font library path
964 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
966 /* This file contains variable declarations (do not remove this line) */
967 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
969 * @section Grid styles
972 * @section Header styles
974 /** @description Colors for header gradient */
976 * @section Grid body styles
978 /** @description Colors used for row alternation */
980 * @section Sort arrow colors
983 * @section Scrollbar styles
986 * @section font library path
988 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
989 #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:before,
990 #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
991 #ui-grid-twbs #ui-grid-twbs .btn-toolbar:before,
992 #ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
993 #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:before,
994 #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
998 #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
999 #ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
1000 #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
1003 .ui-grid-cell-focus {
1005 background-color: #b3c4c7;
1015 .ui-grid-focuser:focus {
1016 border-color: #66afe9;
1018 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
1019 box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
1021 .ui-grid-offscreen {
1026 clip: rect(0px, 0px, 0px, 0px);
1029 /* This file contains variable declarations (do not remove this line) */
1030 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1032 * @section Grid styles
1035 * @section Header styles
1037 /** @description Colors for header gradient */
1039 * @section Grid body styles
1041 /** @description Colors used for row alternation */
1043 * @section Sort arrow colors
1046 * @section Scrollbar styles
1049 * @section font library path
1051 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1052 div.ui-grid-cell input {
1053 border-radius: inherit;
1061 div.ui-grid-cell input:focus {
1065 div.ui-grid-cell input[type="checkbox"] {
1066 margin: 9px 0 0 6px;
1069 div.ui-grid-cell input.ng-invalid {
1070 border: 1px solid #fc8f8f;
1072 div.ui-grid-cell input.ng-valid {
1073 border: 1px solid #d4d4d4;
1076 /* This file contains variable declarations (do not remove this line) */
1077 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1079 * @section Grid styles
1082 * @section Header styles
1084 /** @description Colors for header gradient */
1086 * @section Grid body styles
1088 /** @description Colors used for row alternation */
1090 * @section Sort arrow colors
1093 * @section Scrollbar styles
1096 * @section font library path
1098 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1099 .expandableRow .ui-grid-row:nth-child(odd) .ui-grid-cell {
1100 background-color: #fdfdfd;
1102 .expandableRow .ui-grid-row:nth-child(even) .ui-grid-cell {
1103 background-color: #f3f3f3;
1105 .ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell {
1106 pointer-events: none;
1108 .ui-grid-expandable-buttons-cell i {
1109 pointer-events: all;
1113 border: 1px solid #d4d4d4;
1116 /* This file contains variable declarations (do not remove this line) */
1117 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1119 * @section Grid styles
1122 * @section Header styles
1124 /** @description Colors for header gradient */
1126 * @section Grid body styles
1128 /** @description Colors used for row alternation */
1130 * @section Sort arrow colors
1133 * @section Scrollbar styles
1136 * @section font library path
1138 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1140 /* This file contains variable declarations (do not remove this line) */
1141 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1143 * @section Grid styles
1146 * @section Header styles
1148 /** @description Colors for header gradient */
1150 * @section Grid body styles
1152 /** @description Colors used for row alternation */
1154 * @section Sort arrow colors
1157 * @section Scrollbar styles
1160 * @section font library path
1162 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1163 .ui-grid-tree-header-row {
1164 font-weight: bold !important;
1167 /* This file contains variable declarations (do not remove this line) */
1168 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1170 * @section Grid styles
1173 * @section Header styles
1175 /** @description Colors for header gradient */
1177 * @section Grid body styles
1179 /** @description Colors used for row alternation */
1181 * @section Sort arrow colors
1184 * @section Scrollbar styles
1187 * @section font library path
1189 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1191 /* This file contains variable declarations (do not remove this line) */
1192 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1194 * @section Grid styles
1197 * @section Header styles
1199 /** @description Colors for header gradient */
1201 * @section Grid body styles
1203 /** @description Colors used for row alternation */
1205 * @section Sort arrow colors
1208 * @section Scrollbar styles
1211 * @section font library path
1213 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1217 border: 1px solid #d4d4d4;
1218 box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
1220 .movingColumn .ui-grid-icon-angle-down {
1224 /* This file contains variable declarations (do not remove this line) */
1225 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1227 * @section Grid styles
1230 * @section Header styles
1232 /** @description Colors for header gradient */
1234 * @section Grid body styles
1236 /** @description Colors used for row alternation */
1238 * @section Sort arrow colors
1241 * @section Scrollbar styles
1244 * @section font library path
1246 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1247 /*---------------------------------------------------
1249 ---------------------------------------------------
1250 A set of useful LESS mixins
1251 More info at: http://lesselements.com
1252 ---------------------------------------------------*/
1253 #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:before,
1254 #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
1255 #ui-grid-twbs #ui-grid-twbs .btn-toolbar:before,
1256 #ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
1257 #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:before,
1258 #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
1262 #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
1263 #ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
1264 #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
1267 .ui-grid-pager-panel {
1273 padding-bottom: 3px;
1275 .ui-grid-pager-container {
1278 .ui-grid-pager-control {
1284 .ui-grid-pager-control button {
1287 display: inline-block;
1289 font-weight: normal;
1291 vertical-align: middle;
1292 touch-action: manipulation;
1294 background-image: none;
1295 border: 1px solid transparent;
1296 white-space: nowrap;
1299 line-height: 1.42857143;
1301 -webkit-user-select: none;
1302 -moz-user-select: none;
1303 -ms-user-select: none;
1306 background-color: #f3f3f3;
1307 border-color: #cccccc;
1309 .ui-grid-pager-control button:focus,
1310 .ui-grid-pager-control button:active:focus,
1311 .ui-grid-pager-control button.active:focus,
1312 .ui-grid-pager-control button.focus,
1313 .ui-grid-pager-control button:active.focus,
1314 .ui-grid-pager-control button.active.focus {
1315 outline: thin dotted;
1316 outline: 5px auto -webkit-focus-ring-color;
1317 outline-offset: -2px;
1319 .ui-grid-pager-control button:hover,
1320 .ui-grid-pager-control button:focus,
1321 .ui-grid-pager-control button.focus {
1323 text-decoration: none;
1325 .ui-grid-pager-control button:active,
1326 .ui-grid-pager-control button.active {
1328 background-image: none;
1329 -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1330 box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1332 .ui-grid-pager-control button.disabled,
1333 .ui-grid-pager-control button[disabled],
1334 fieldset[disabled] .ui-grid-pager-control button {
1335 cursor: not-allowed;
1337 filter: alpha(opacity=65);
1338 -webkit-box-shadow: none;
1341 a.ui-grid-pager-control button.disabled,
1342 fieldset[disabled] a.ui-grid-pager-control button {
1343 pointer-events: none;
1345 .ui-grid-pager-control button:focus,
1346 .ui-grid-pager-control button.focus {
1348 background-color: #dadada;
1349 border-color: #8c8c8c;
1351 .ui-grid-pager-control button:hover {
1353 background-color: #dadada;
1354 border-color: #adadad;
1356 .ui-grid-pager-control button:active,
1357 .ui-grid-pager-control button.active,
1358 .open > .dropdown-toggle.ui-grid-pager-control button {
1360 background-color: #dadada;
1361 border-color: #adadad;
1363 .ui-grid-pager-control button:active:hover,
1364 .ui-grid-pager-control button.active:hover,
1365 .open > .dropdown-toggle.ui-grid-pager-control button:hover,
1366 .ui-grid-pager-control button:active:focus,
1367 .ui-grid-pager-control button.active:focus,
1368 .open > .dropdown-toggle.ui-grid-pager-control button:focus,
1369 .ui-grid-pager-control button:active.focus,
1370 .ui-grid-pager-control button.active.focus,
1371 .open > .dropdown-toggle.ui-grid-pager-control button.focus {
1373 background-color: #c8c8c8;
1374 border-color: #8c8c8c;
1376 .ui-grid-pager-control button:active,
1377 .ui-grid-pager-control button.active,
1378 .open > .dropdown-toggle.ui-grid-pager-control button {
1379 background-image: none;
1381 .ui-grid-pager-control button.disabled,
1382 .ui-grid-pager-control button[disabled],
1383 fieldset[disabled] .ui-grid-pager-control button,
1384 .ui-grid-pager-control button.disabled:hover,
1385 .ui-grid-pager-control button[disabled]:hover,
1386 fieldset[disabled] .ui-grid-pager-control button:hover,
1387 .ui-grid-pager-control button.disabled:focus,
1388 .ui-grid-pager-control button[disabled]:focus,
1389 fieldset[disabled] .ui-grid-pager-control button:focus,
1390 .ui-grid-pager-control button.disabled.focus,
1391 .ui-grid-pager-control button[disabled].focus,
1392 fieldset[disabled] .ui-grid-pager-control button.focus,
1393 .ui-grid-pager-control button.disabled:active,
1394 .ui-grid-pager-control button[disabled]:active,
1395 fieldset[disabled] .ui-grid-pager-control button:active,
1396 .ui-grid-pager-control button.disabled.active,
1397 .ui-grid-pager-control button[disabled].active,
1398 fieldset[disabled] .ui-grid-pager-control button.active {
1399 background-color: #f3f3f3;
1400 border-color: #cccccc;
1402 .ui-grid-pager-control button .badge {
1404 background-color: #eeeeee;
1406 .ui-grid-pager-control input {
1412 line-height: 1.42857143;
1414 background-color: #ffffff;
1415 background-image: none;
1416 border: 1px solid #cccccc;
1418 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1419 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1420 -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
1421 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
1422 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
1431 vertical-align: top;
1433 .ui-grid-pager-control input:focus {
1434 border-color: #66afe9;
1436 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
1437 box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
1439 .ui-grid-pager-control input::-moz-placeholder {
1443 .ui-grid-pager-control input:-ms-input-placeholder {
1446 .ui-grid-pager-control input::-webkit-input-placeholder {
1449 .ui-grid-pager-control input[disabled],
1450 .ui-grid-pager-control input[readonly],
1451 fieldset[disabled] .ui-grid-pager-control input {
1452 background-color: #eeeeee;
1455 .ui-grid-pager-control input[disabled],
1456 fieldset[disabled] .ui-grid-pager-control input {
1457 cursor: not-allowed;
1459 textarea.ui-grid-pager-control input {
1462 select.ui-grid-pager-control input {
1466 textarea.ui-grid-pager-control input,
1467 select[multiple].ui-grid-pager-control input {
1470 .ui-grid-pager-control .ui-grid-pager-max-pages-number {
1471 vertical-align: bottom;
1473 .ui-grid-pager-control .ui-grid-pager-max-pages-number > * {
1474 vertical-align: middle;
1476 .ui-grid-pager-control .first-bar {
1478 border-left: 2px solid #4d4d4d;
1483 .ui-grid-pager-control .first-triangle {
1486 border-style: solid;
1487 border-width: 5px 8.7px 5px 0;
1488 border-color: transparent #4d4d4d transparent transparent;
1491 .ui-grid-pager-control .next-triangle {
1494 .ui-grid-pager-control .prev-triangle {
1497 .ui-grid-pager-control .last-triangle {
1500 border-style: solid;
1501 border-width: 5px 0 5px 8.7px;
1502 border-color: transparent transparent transparent #4d4d4d;
1505 .ui-grid-pager-control .last-bar {
1507 border-left: 2px solid #4d4d4d;
1512 .ui-grid-pager-row-count-picker {
1515 .ui-grid-pager-row-count-picker select {
1521 line-height: 1.42857143;
1523 background-color: #ffffff;
1524 background-image: none;
1525 border: 1px solid #cccccc;
1527 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1528 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1529 -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
1530 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
1531 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
1541 .ui-grid-pager-row-count-picker select:focus {
1542 border-color: #66afe9;
1544 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
1545 box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
1547 .ui-grid-pager-row-count-picker select::-moz-placeholder {
1551 .ui-grid-pager-row-count-picker select:-ms-input-placeholder {
1554 .ui-grid-pager-row-count-picker select::-webkit-input-placeholder {
1557 .ui-grid-pager-row-count-picker select[disabled],
1558 .ui-grid-pager-row-count-picker select[readonly],
1559 fieldset[disabled] .ui-grid-pager-row-count-picker select {
1560 background-color: #eeeeee;
1563 .ui-grid-pager-row-count-picker select[disabled],
1564 fieldset[disabled] .ui-grid-pager-row-count-picker select {
1565 cursor: not-allowed;
1567 textarea.ui-grid-pager-row-count-picker select {
1570 select.ui-grid-pager-row-count-picker select {
1574 textarea.ui-grid-pager-row-count-picker select,
1575 select[multiple].ui-grid-pager-row-count-picker select {
1578 .ui-grid-pager-row-count-picker .ui-grid-pager-row-count-label {
1581 .ui-grid-pager-count-container {
1586 .ui-grid-pager-count-container .ui-grid-pager-count {
1592 /* This file contains variable declarations (do not remove this line) */
1593 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1595 * @section Grid styles
1598 * @section Header styles
1600 /** @description Colors for header gradient */
1602 * @section Grid body styles
1604 /** @description Colors used for row alternation */
1606 * @section Sort arrow colors
1609 * @section Scrollbar styles
1612 * @section font library path
1614 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1615 .ui-grid-pinned-container {
1620 .ui-grid-pinned-container.ui-grid-pinned-container-left {
1624 .ui-grid-pinned-container.ui-grid-pinned-container-right {
1628 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child {
1629 box-sizing: border-box;
1630 border-right: 1px solid;
1632 border-right-color: #aeaeae;
1634 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
1635 box-sizing: border-box;
1636 border-right: 1px solid;
1638 border-right-color: #aeaeae;
1640 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,
1641 .ui-grid-pinned-container .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
1644 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
1645 background-color: #d4d4d4;
1647 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
1648 background-color: #aeaeae;
1650 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child .ui-grid-vertical-bar {
1653 background-color: #aeaeae;
1655 .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:first-child {
1656 box-sizing: border-box;
1657 border-left: 1px solid;
1659 border-left-color: #aeaeae;
1661 .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:first-child {
1662 box-sizing: border-box;
1663 border-left: 1px solid;
1665 border-left-color: #aeaeae;
1667 .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar,
1668 .ui-grid-pinned-container .ui-grid-cell:not(:first-child) .ui-grid-vertical-bar {
1671 .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar {
1672 background-color: #d4d4d4;
1674 .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
1675 background-color: #aeaeae;
1677 .ui-grid-pinned-container.ui-grid-pinned-container-first .ui-grid-header-cell:first-child .ui-grid-vertical-bar {
1680 background-color: #aeaeae;
1683 /* This file contains variable declarations (do not remove this line) */
1684 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1686 * @section Grid styles
1689 * @section Header styles
1691 /** @description Colors for header gradient */
1693 * @section Grid body styles
1695 /** @description Colors used for row alternation */
1697 * @section Sort arrow colors
1700 * @section Scrollbar styles
1703 * @section font library path
1705 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1706 .ui-grid-column-resizer {
1713 .ui-grid-column-resizer.left {
1716 .ui-grid-column-resizer.right {
1719 .ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
1720 border-right: 1px solid #d4d4d4;
1722 .ui-grid[dir=rtl] .ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
1725 .ui-grid[dir=rtl] .ui-grid-header-cell:last-child .ui-grid-column-resizer.left {
1726 border-left: 1px solid #d4d4d4;
1728 .ui-grid.column-resizing {
1731 .ui-grid.column-resizing .ui-grid-resize-overlay {
1736 background-color: #aeaeae;
1739 /* This file contains variable declarations (do not remove this line) */
1740 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1742 * @section Grid styles
1745 * @section Header styles
1747 /** @description Colors for header gradient */
1749 * @section Grid body styles
1751 /** @description Colors used for row alternation */
1753 * @section Sort arrow colors
1756 * @section Scrollbar styles
1759 * @section font library path
1761 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1762 .ui-grid-row-saving .ui-grid-cell {
1763 color: #848484 !important;
1765 .ui-grid-row-dirty .ui-grid-cell {
1768 .ui-grid-row-error .ui-grid-cell {
1769 color: #ff0000 !important;
1772 /* This file contains variable declarations (do not remove this line) */
1773 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1775 * @section Grid styles
1778 * @section Header styles
1780 /** @description Colors for header gradient */
1782 * @section Grid body styles
1784 /** @description Colors used for row alternation */
1786 * @section Sort arrow colors
1789 * @section Scrollbar styles
1792 * @section font library path
1794 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1795 .ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
1796 background-color: #c9dde1;
1798 .ui-grid-disable-selection {
1799 -webkit-touch-callout: none;
1800 -webkit-user-select: none;
1801 -khtml-user-select: none;
1802 -moz-user-select: none;
1803 -ms-user-select: none;
1807 .ui-grid-selection-row-header-buttons {
1811 .ui-grid-selection-row-header-buttons.ui-grid-row-selected {
1814 .ui-grid-selection-row-header-buttons.ui-grid-all-selected {
1818 /* This file contains variable declarations (do not remove this line) */
1819 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1821 * @section Grid styles
1824 * @section Header styles
1826 /** @description Colors for header gradient */
1828 * @section Grid body styles
1830 /** @description Colors used for row alternation */
1832 * @section Sort arrow colors
1835 * @section Scrollbar styles
1838 * @section font library path
1840 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1841 .ui-grid-tree-row-header-buttons.ui-grid-tree-header {
1846 /* This file contains variable declarations (do not remove this line) */
1847 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1849 * @section Grid styles
1852 * @section Header styles
1854 /** @description Colors for header gradient */
1856 * @section Grid body styles
1858 /** @description Colors used for row alternation */
1860 * @section Sort arrow colors
1863 * @section Scrollbar styles
1866 * @section font library path
1868 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1869 .ui-grid-tree-header-row {
1870 font-weight: bold !important;
1873 .ui-grid-icon-plus-squared:before {
1877 .ui-grid-icon-minus-squared:before {
1881 .ui-grid-icon-search:before {
1885 .ui-grid-icon-cancel:before {
1889 .ui-grid-icon-info-circled:before {
1893 .ui-grid-icon-lock:before {
1897 .ui-grid-icon-lock-open:before {
1901 .ui-grid-icon-pencil:before {
1905 .ui-grid-icon-down-dir:before {
1909 .ui-grid-icon-up-dir:before {
1913 .ui-grid-icon-left-dir:before {
1917 .ui-grid-icon-right-dir:before {
1921 .ui-grid-icon-left-open:before {
1925 .ui-grid-icon-right-open:before {
1929 .ui-grid-icon-angle-down:before {
1933 .ui-grid-icon-filter:before {
1937 .ui-grid-icon-sort-alt-up:before {
1941 .ui-grid-icon-sort-alt-down:before {
1945 .ui-grid-icon-ok:before {
1949 .ui-grid-icon-menu:before {
1953 .ui-grid-icon-indent-left:before {
1957 .ui-grid-icon-indent-right:before {
1961 .ui-grid-icon-spin5:before {