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: 0px 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: 0px 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: #666;
145 border-right: 1px solid;
148 -webkit-user-select: none;
149 -moz-user-select: none;
150 -ms-user-select: none;
154 .ui-grid-header-cell:last-child {
157 .ui-grid-header-cell .sortable {
160 .ui-grid-header-cell .ui-grid-sort-priority-number {
163 .ui-grid-header .ui-grid-vertical-bar {
167 .ui-grid-column-menu-button {
172 .ui-grid-column-menu-button .ui-grid-icon-angle-down {
175 .ui-grid-column-menu-button-last-col {
178 .ui-grid-column-menu {
181 /* Slide up/down animations */
182 .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
183 .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
184 -webkit-transition: all 0.05s linear;
185 -moz-transition: all 0.05s linear;
186 -o-transition: all 0.05s linear;
187 transition: all 0.05s linear;
188 display: block !important;
190 .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,
191 .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
192 -webkit-transform: translateY(-100%);
193 -moz-transform: translateY(-100%);
194 -o-transform: translateY(-100%);
195 -ms-transform: translateY(-100%);
196 transform: translateY(-100%);
198 .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
199 .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active {
200 -webkit-transform: translateY(0);
201 -moz-transform: translateY(0);
202 -o-transform: translateY(0);
203 -ms-transform: translateY(0);
204 transform: translateY(0);
206 /* Slide up/down animations */
207 .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
208 .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
209 -webkit-transition: all 0.05s linear;
210 -moz-transition: all 0.05s linear;
211 -o-transition: all 0.05s linear;
212 transition: all 0.05s linear;
213 display: block !important;
215 .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,
216 .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
217 -webkit-transform: translateY(-100%);
218 -moz-transform: translateY(-100%);
219 -o-transform: translateY(-100%);
220 -ms-transform: translateY(-100%);
221 transform: translateY(-100%);
223 .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
224 .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active {
225 -webkit-transform: translateY(0);
226 -moz-transform: translateY(0);
227 -o-transform: translateY(0);
228 -ms-transform: translateY(0);
229 transform: translateY(0);
231 .ui-grid-filter-container {
235 .ui-grid-filter-container .ui-grid-filter-button {
241 .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"] {
249 .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]:hover {
252 .ui-grid-filter-container .ui-grid-filter-button-select {
258 .ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"] {
266 .ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"]:hover {
269 input[type="text"].ui-grid-filter-input {
274 border: 1px solid #d4d4d4;
275 -webkit-border-top-right-radius: 0px;
276 -webkit-border-bottom-right-radius: 0;
277 -webkit-border-bottom-left-radius: 0;
278 -webkit-border-top-left-radius: 0;
279 -moz-border-radius-topright: 0px;
280 -moz-border-radius-bottomright: 0;
281 -moz-border-radius-bottomleft: 0;
282 -moz-border-radius-topleft: 0;
283 border-top-right-radius: 0px;
284 border-bottom-right-radius: 0;
285 border-bottom-left-radius: 0;
286 border-top-left-radius: 0;
287 -moz-background-clip: padding-box;
288 -webkit-background-clip: padding-box;
289 background-clip: padding-box;
291 input[type="text"].ui-grid-filter-input:hover {
292 border: 1px solid #d4d4d4;
294 select.ui-grid-filter-select {
299 border: 1px solid #d4d4d4;
300 -webkit-border-top-right-radius: 0px;
301 -webkit-border-bottom-right-radius: 0;
302 -webkit-border-bottom-left-radius: 0;
303 -webkit-border-top-left-radius: 0;
304 -moz-border-radius-topright: 0px;
305 -moz-border-radius-bottomright: 0;
306 -moz-border-radius-bottomleft: 0;
307 -moz-border-radius-topleft: 0;
308 border-top-right-radius: 0px;
309 border-bottom-right-radius: 0;
310 border-bottom-left-radius: 0;
311 border-top-left-radius: 0;
312 -moz-background-clip: padding-box;
313 -webkit-background-clip: padding-box;
314 background-clip: padding-box;
316 select.ui-grid-filter-select:hover {
317 border: 1px solid #d4d4d4;
319 .ui-grid-filter-cancel-button-hidden select.ui-grid-filter-select {
322 .ui-grid-render-container {
324 -webkit-border-top-right-radius: 0;
325 -webkit-border-bottom-right-radius: 0px;
326 -webkit-border-bottom-left-radius: 0px;
327 -webkit-border-top-left-radius: 0;
328 -moz-border-radius-topright: 0;
329 -moz-border-radius-bottomright: 0px;
330 -moz-border-radius-bottomleft: 0px;
331 -moz-border-radius-topleft: 0;
332 border-top-right-radius: 0;
333 border-bottom-right-radius: 0px;
334 border-bottom-left-radius: 0px;
335 border-top-left-radius: 0;
336 -moz-background-clip: padding-box;
337 -webkit-background-clip: padding-box;
338 background-clip: padding-box;
340 .ui-grid-render-container:focus {
347 -webkit-overflow-scrolling: touch;
349 .ui-grid-viewport:focus {
350 outline: none !important;
356 .ui-grid-row:nth-child(odd) .ui-grid-cell {
357 background-color: #f2f2f2;
359 .ui-grid-row:nth-child(even) .ui-grid-cell {
360 background-color: #fff;
362 .ui-grid-row:last-child .ui-grid-cell {
363 border-bottom-color: #aaa;
364 border-bottom-style: solid;
366 .ui-grid-no-row-overlay {
374 background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
375 background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
376 background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
377 background: -o-linear-gradient(#ffffff, #eeeeee);
378 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
379 -webkit-border-top-right-radius: 0px;
380 -webkit-border-bottom-right-radius: 0;
381 -webkit-border-bottom-left-radius: 0;
382 -webkit-border-top-left-radius: 0;
383 -moz-border-radius-topright: 0px;
384 -moz-border-radius-bottomright: 0;
385 -moz-border-radius-bottomleft: 0;
386 -moz-border-radius-topleft: 0;
387 border-top-right-radius: 0px;
388 border-bottom-right-radius: 0;
389 border-bottom-left-radius: 0;
390 border-top-left-radius: 0;
391 -moz-background-clip: padding-box;
392 -webkit-background-clip: padding-box;
393 background-clip: padding-box;
394 border: 1px solid #d4d4d4;
398 .ui-grid-no-row-overlay > * {
412 background-color: inherit;
413 border-right: 1px solid;
414 border-bottom: 1px solid;
416 box-sizing: border-box;
418 .ui-grid-cell:last-child {
421 .ui-grid-cell-contents {
423 -moz-box-sizing: border-box;
424 -webkit-box-sizing: border-box;
425 box-sizing: border-box;
427 -ms-text-overflow: ellipsis;
428 -o-text-overflow: ellipsis;
429 text-overflow: ellipsis;
433 .ui-grid-cell-contents-hidden {
439 .ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
440 background-color: #f0f0ee;
441 border-bottom: solid 1px #aaa;
443 .ui-grid-footer-panel-background {
445 background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
446 background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
447 background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
448 background: -o-linear-gradient(#ffffff, #eeeeee);
449 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
451 .ui-grid-footer-panel {
453 border-bottom: 1px solid #aaa;
454 border-top: 1px solid #aaa;
458 background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
459 background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
460 background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
461 background: -o-linear-gradient(#ffffff, #eeeeee);
462 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
463 -webkit-border-top-right-radius: -1px;
464 -webkit-border-bottom-right-radius: 0;
465 -webkit-border-bottom-left-radius: 0;
466 -webkit-border-top-left-radius: -1px;
467 -moz-border-radius-topright: -1px;
468 -moz-border-radius-bottomright: 0;
469 -moz-border-radius-bottomleft: 0;
470 -moz-border-radius-topleft: -1px;
471 border-top-right-radius: -1px;
472 border-bottom-right-radius: 0;
473 border-bottom-left-radius: 0;
474 border-top-left-radius: -1px;
475 -moz-background-clip: padding-box;
476 -webkit-background-clip: padding-box;
477 background-clip: padding-box;
479 .ui-grid-grid-footer {
483 .ui-grid-footer-viewport {
486 .ui-grid-footer-canvas {
489 .ui-grid-footer-canvas:before,
490 .ui-grid-footer-canvas:after {
495 .ui-grid-footer-canvas:after {
498 .ui-grid-footer-cell-wrapper {
501 box-sizing: border-box;
504 .ui-grid-footer-cell-row {
507 .ui-grid-footer-cell {
509 background-color: inherit;
510 border-bottom: 1px solid;
511 border-right: 1px solid;
513 box-sizing: border-box;
516 .ui-grid-footer-cell:last-child {
519 input[type="text"].ui-grid-filter-input {
524 border: 1px solid #d4d4d4;
525 -webkit-border-top-right-radius: 0px;
526 -webkit-border-bottom-right-radius: 0;
527 -webkit-border-bottom-left-radius: 0;
528 -webkit-border-top-left-radius: 0;
529 -moz-border-radius-topright: 0px;
530 -moz-border-radius-bottomright: 0;
531 -moz-border-radius-bottomleft: 0;
532 -moz-border-radius-topleft: 0;
533 border-top-right-radius: 0px;
534 border-bottom-right-radius: 0;
535 border-bottom-left-radius: 0;
536 border-top-left-radius: 0;
537 -moz-background-clip: padding-box;
538 -webkit-background-clip: padding-box;
539 background-clip: padding-box;
541 input[type="text"].ui-grid-filter-input:hover {
542 border: 1px solid #d4d4d4;
544 .ui-grid-menu-button {
550 border-left: 1px solid #aaa;
555 .ui-grid-menu-button .ui-grid-icon-container {
558 .ui-grid-menu-button .ui-grid-menu {
561 .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid {
564 border: 1px solid #d4d4d4;
569 padding: 0 10px 20px 10px;
571 box-sizing: border-box;
573 .ui-grid-menu .ui-grid-menu-inner {
575 border: 1px solid #d4d4d4;
578 -webkit-border-radius: 0px;
579 -moz-border-radius: 0px;
581 -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);
582 -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);
583 box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);
585 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
589 display: inline-block;
593 vertical-align: middle;
594 touch-action: manipulation;
596 background-image: none;
597 border: 1px solid transparent;
601 line-height: 1.42857143;
603 -webkit-user-select: none;
604 -moz-user-select: none;
605 -ms-user-select: none;
612 background-color: transparent;
613 border-color: transparent;
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 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus,
619 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active.focus,
620 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active.focus {
621 outline: thin dotted;
622 outline: 5px auto -webkit-focus-ring-color;
623 outline-offset: -2px;
625 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:hover,
626 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
627 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus {
629 text-decoration: none;
631 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active,
632 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active {
634 background-image: none;
635 -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
636 box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
638 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled,
639 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled],
640 fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
643 filter: alpha(opacity=65);
644 -webkit-box-shadow: none;
647 a.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled,
648 fieldset[disabled] a.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
649 pointer-events: none;
651 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
652 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus {
654 background-color: rgba(0, 0, 0, 0);
655 border-color: rgba(0, 0, 0, 0);
657 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:hover {
659 background-color: rgba(0, 0, 0, 0);
660 border-color: rgba(0, 0, 0, 0);
662 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active,
663 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active,
664 .open > .dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
666 background-color: rgba(0, 0, 0, 0);
667 border-color: rgba(0, 0, 0, 0);
669 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active:hover,
670 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active:hover,
671 .open > .dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:hover,
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,
675 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active.focus,
676 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active.focus,
677 .open > .dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus {
679 background-color: rgba(0, 0, 0, 0);
680 border-color: rgba(0, 0, 0, 0);
682 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active,
683 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active,
684 .open > .dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
685 background-image: none;
687 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled,
688 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled],
689 fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button,
690 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled:hover,
691 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled]:hover,
692 fieldset[disabled] .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.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.focus,
697 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled].focus,
698 fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus,
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 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled.active,
703 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled].active,
704 fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active {
705 background-color: transparent;
706 border-color: transparent;
708 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button .badge {
710 background-color: transparent;
712 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button > i {
716 .ui-grid-menu .ui-grid-menu-inner ul {
719 list-style-type: none;
721 .ui-grid-menu .ui-grid-menu-inner ul li {
724 .ui-grid-menu .ui-grid-menu-inner ul li button {
728 background: transparent;
731 .ui-grid-menu .ui-grid-menu-inner ul li button:hover,
732 .ui-grid-menu .ui-grid-menu-inner ul li button:focus {
733 -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
734 -moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
735 box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
737 .ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item-active {
738 -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
739 -moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
740 box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
741 background-color: #cecece;
743 .ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child) > button {
744 border-bottom: 1px solid #aaa;
752 background-position: center;
754 .ui-grid-sortarrow.down {
755 -webkit-transform: rotate(180deg);
756 -moz-transform: rotate(180deg);
757 -o-transform: rotate(180deg);
758 -ms-transform: rotate(180deg);
759 transform: rotate(180deg);
762 font-family: 'ui-grid';
763 src: url('ui-grid.eot');
764 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');
768 /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
769 /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
771 @media screen and (-webkit-min-device-pixel-ratio:0) {
773 font-family: 'ui-grid';
774 src: url('../font/ui-grid.svg?12312827#ui-grid') format('svg');
778 [class^="ui-grid-icon"]:before,
779 [class*=" ui-grid-icon"]:before {
780 font-family: "ui-grid";
784 display: inline-block;
785 text-decoration: inherit;
790 /* For safety - reset parent styles, that can break glyph codes*/
791 font-variant: normal;
792 text-transform: none;
793 /* fix buttons height, for twitter bootstrap */
795 /* Animation center compensation - margins should be symmetric */
796 /* remove if not needed */
798 /* you can be more comfortable with increased icons size */
799 /* font-size: 120%; */
800 /* Uncomment for 3D effect */
801 /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
803 .ui-grid-icon-blank::before {
810 .ui-grid[dir=rtl] .ui-grid-header-cell,
811 .ui-grid[dir=rtl] .ui-grid-footer-cell,
812 .ui-grid[dir=rtl] .ui-grid-cell {
813 float: right !important;
815 .ui-grid[dir=rtl] .ui-grid-column-menu-button {
821 .ui-grid[dir=rtl] .ui-grid-cell:first-child,
822 .ui-grid[dir=rtl] .ui-grid-header-cell:first-child,
823 .ui-grid[dir=rtl] .ui-grid-footer-cell:first-child {
826 .ui-grid[dir=rtl] .ui-grid-cell:last-child,
827 .ui-grid[dir=rtl] .ui-grid-header-cell:last-child {
828 border-bottom: 1px solid #aaa;
829 border-right: 1px solid #aaa;
832 .ui-grid[dir=rtl] .ui-grid-header-cell:first-child .ui-grid-vertical-bar,
833 .ui-grid[dir=rtl] .ui-grid-footer-cell:first-child .ui-grid-vertical-bar,
834 .ui-grid[dir=rtl] .ui-grid-cell:first-child .ui-grid-vertical-bar {
837 .ui-grid[dir=rtl] .ui-grid-menu-button {
843 border: 1px solid #d4d4d4;
848 .ui-grid[dir=rtl] .ui-grid-menu-button .ui-grid-menu {
852 .ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button {
856 .ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"] {
861 Animation example, for spinners
863 .ui-grid-animate-spin {
864 -moz-animation: ui-grid-spin 2s infinite linear;
865 -o-animation: ui-grid-spin 2s infinite linear;
866 -webkit-animation: ui-grid-spin 2s infinite linear;
867 animation: ui-grid-spin 2s infinite linear;
868 display: inline-block;
870 @-moz-keyframes ui-grid-spin {
872 -moz-transform: rotate(0deg);
873 -o-transform: rotate(0deg);
874 -webkit-transform: rotate(0deg);
875 transform: rotate(0deg);
878 -moz-transform: rotate(359deg);
879 -o-transform: rotate(359deg);
880 -webkit-transform: rotate(359deg);
881 transform: rotate(359deg);
884 @-webkit-keyframes ui-grid-spin {
886 -moz-transform: rotate(0deg);
887 -o-transform: rotate(0deg);
888 -webkit-transform: rotate(0deg);
889 transform: rotate(0deg);
892 -moz-transform: rotate(359deg);
893 -o-transform: rotate(359deg);
894 -webkit-transform: rotate(359deg);
895 transform: rotate(359deg);
898 @-o-keyframes ui-grid-spin {
900 -moz-transform: rotate(0deg);
901 -o-transform: rotate(0deg);
902 -webkit-transform: rotate(0deg);
903 transform: rotate(0deg);
906 -moz-transform: rotate(359deg);
907 -o-transform: rotate(359deg);
908 -webkit-transform: rotate(359deg);
909 transform: rotate(359deg);
912 @-ms-keyframes ui-grid-spin {
914 -moz-transform: rotate(0deg);
915 -o-transform: rotate(0deg);
916 -webkit-transform: rotate(0deg);
917 transform: rotate(0deg);
920 -moz-transform: rotate(359deg);
921 -o-transform: rotate(359deg);
922 -webkit-transform: rotate(359deg);
923 transform: rotate(359deg);
926 @keyframes ui-grid-spin {
928 -moz-transform: rotate(0deg);
929 -o-transform: rotate(0deg);
930 -webkit-transform: rotate(0deg);
931 transform: rotate(0deg);
934 -moz-transform: rotate(359deg);
935 -o-transform: rotate(359deg);
936 -webkit-transform: rotate(359deg);
937 transform: rotate(359deg);
940 /*---------------------------------------------------
942 ---------------------------------------------------
943 A set of useful LESS mixins
944 More info at: http://lesselements.com
945 ---------------------------------------------------*/
946 /* This file contains variable declarations (do not remove this line) */
947 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
949 * @section Grid styles
952 * @section Header styles
954 /** @description Colors for header gradient */
956 * @section Grid body styles
958 /** @description Colors used for row alternation */
960 * @section Sort arrow colors
963 * @section Scrollbar styles
966 * @section font library path
968 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
970 /* This file contains variable declarations (do not remove this line) */
971 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
973 * @section Grid styles
976 * @section Header styles
978 /** @description Colors for header gradient */
980 * @section Grid body styles
982 /** @description Colors used for row alternation */
984 * @section Sort arrow colors
987 * @section Scrollbar styles
990 * @section font library path
992 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
993 #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:before,
994 #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
995 #ui-grid-twbs #ui-grid-twbs .btn-toolbar:before,
996 #ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
997 #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:before,
998 #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
1002 #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
1003 #ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
1004 #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
1007 .ui-grid-cell-focus {
1009 background-color: #b3c4c7;
1019 .ui-grid-focuser:focus {
1020 border-color: #66afe9;
1022 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
1023 box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
1025 .ui-grid-offscreen {
1030 clip: rect(0px, 0px, 0px, 0px);
1033 /* This file contains variable declarations (do not remove this line) */
1034 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1036 * @section Grid styles
1039 * @section Header styles
1041 /** @description Colors for header gradient */
1043 * @section Grid body styles
1045 /** @description Colors used for row alternation */
1047 * @section Sort arrow colors
1050 * @section Scrollbar styles
1053 * @section font library path
1055 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1056 div.ui-grid-cell input {
1057 border-radius: inherit;
1065 div.ui-grid-cell input:focus {
1069 div.ui-grid-cell input[type="checkbox"] {
1070 margin: 9px 0 0 6px;
1073 div.ui-grid-cell input.ng-invalid {
1074 border: 1px solid #fc8f8f;
1076 div.ui-grid-cell input.ng-valid {
1077 border: 1px solid #d4d4d4;
1080 /* This file contains variable declarations (do not remove this line) */
1081 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1083 * @section Grid styles
1086 * @section Header styles
1088 /** @description Colors for header gradient */
1090 * @section Grid body styles
1092 /** @description Colors used for row alternation */
1094 * @section Sort arrow colors
1097 * @section Scrollbar styles
1100 * @section font library path
1102 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1103 .expandableRow .ui-grid-row:nth-child(odd) .ui-grid-cell {
1104 background-color: #f2f2f2;
1106 .expandableRow .ui-grid-row:nth-child(even) .ui-grid-cell {
1107 background-color: #fff;
1109 .ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell {
1110 pointer-events: none;
1112 .ui-grid-expandable-buttons-cell i {
1113 pointer-events: all;
1117 border: 1px solid #d4d4d4;
1120 /* This file contains variable declarations (do not remove this line) */
1121 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1123 * @section Grid styles
1126 * @section Header styles
1128 /** @description Colors for header gradient */
1130 * @section Grid body styles
1132 /** @description Colors used for row alternation */
1134 * @section Sort arrow colors
1137 * @section Scrollbar styles
1140 * @section font library path
1142 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1144 /* This file contains variable declarations (do not remove this line) */
1145 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1147 * @section Grid styles
1150 * @section Header styles
1152 /** @description Colors for header gradient */
1154 * @section Grid body styles
1156 /** @description Colors used for row alternation */
1158 * @section Sort arrow colors
1161 * @section Scrollbar styles
1164 * @section font library path
1166 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1167 .ui-grid-tree-header-row {
1168 font-weight: bold !important;
1171 /* This file contains variable declarations (do not remove this line) */
1172 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1174 * @section Grid styles
1177 * @section Header styles
1179 /** @description Colors for header gradient */
1181 * @section Grid body styles
1183 /** @description Colors used for row alternation */
1185 * @section Sort arrow colors
1188 * @section Scrollbar styles
1191 * @section font library path
1193 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1195 /* This file contains variable declarations (do not remove this line) */
1196 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1198 * @section Grid styles
1201 * @section Header styles
1203 /** @description Colors for header gradient */
1205 * @section Grid body styles
1207 /** @description Colors used for row alternation */
1209 * @section Sort arrow colors
1212 * @section Scrollbar styles
1215 * @section font library path
1217 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1221 border: 1px solid #d4d4d4;
1222 box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
1224 .movingColumn .ui-grid-icon-angle-down {
1228 /* This file contains variable declarations (do not remove this line) */
1229 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1231 * @section Grid styles
1234 * @section Header styles
1236 /** @description Colors for header gradient */
1238 * @section Grid body styles
1240 /** @description Colors used for row alternation */
1242 * @section Sort arrow colors
1245 * @section Scrollbar styles
1248 * @section font library path
1250 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1251 /*---------------------------------------------------
1253 ---------------------------------------------------
1254 A set of useful LESS mixins
1255 More info at: http://lesselements.com
1256 ---------------------------------------------------*/
1257 #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:before,
1258 #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
1259 #ui-grid-twbs #ui-grid-twbs .btn-toolbar:before,
1260 #ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
1261 #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:before,
1262 #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
1266 #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
1267 #ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
1268 #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
1271 .ui-grid-pager-panel {
1277 padding-bottom: 3px;
1279 .ui-grid-pager-container {
1282 .ui-grid-pager-control {
1288 .ui-grid-pager-control button {
1291 display: inline-block;
1293 font-weight: normal;
1295 vertical-align: middle;
1296 touch-action: manipulation;
1298 background-image: none;
1299 border: 1px solid transparent;
1300 white-space: nowrap;
1303 line-height: 1.42857143;
1305 -webkit-user-select: none;
1306 -moz-user-select: none;
1307 -ms-user-select: none;
1310 background-color: #f2f2f2;
1311 border-color: #cccccc;
1313 .ui-grid-pager-control button:focus,
1314 .ui-grid-pager-control button:active:focus,
1315 .ui-grid-pager-control button.active:focus,
1316 .ui-grid-pager-control button.focus,
1317 .ui-grid-pager-control button:active.focus,
1318 .ui-grid-pager-control button.active.focus {
1319 outline: thin dotted;
1320 outline: 5px auto -webkit-focus-ring-color;
1321 outline-offset: -2px;
1323 .ui-grid-pager-control button:hover,
1324 .ui-grid-pager-control button:focus,
1325 .ui-grid-pager-control button.focus {
1327 text-decoration: none;
1329 .ui-grid-pager-control button:active,
1330 .ui-grid-pager-control button.active {
1332 background-image: none;
1333 -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1334 box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1336 .ui-grid-pager-control button.disabled,
1337 .ui-grid-pager-control button[disabled],
1338 fieldset[disabled] .ui-grid-pager-control button {
1339 cursor: not-allowed;
1341 filter: alpha(opacity=65);
1342 -webkit-box-shadow: none;
1345 a.ui-grid-pager-control button.disabled,
1346 fieldset[disabled] a.ui-grid-pager-control button {
1347 pointer-events: none;
1349 .ui-grid-pager-control button:focus,
1350 .ui-grid-pager-control button.focus {
1352 background-color: #dadada;
1353 border-color: #8c8c8c;
1355 .ui-grid-pager-control button:hover {
1357 background-color: #dadada;
1358 border-color: #adadad;
1360 .ui-grid-pager-control button:active,
1361 .ui-grid-pager-control button.active,
1362 .open > .dropdown-toggle.ui-grid-pager-control button {
1364 background-color: #dadada;
1365 border-color: #adadad;
1367 .ui-grid-pager-control button:active:hover,
1368 .ui-grid-pager-control button.active:hover,
1369 .open > .dropdown-toggle.ui-grid-pager-control button:hover,
1370 .ui-grid-pager-control button:active:focus,
1371 .ui-grid-pager-control button.active:focus,
1372 .open > .dropdown-toggle.ui-grid-pager-control button:focus,
1373 .ui-grid-pager-control button:active.focus,
1374 .ui-grid-pager-control button.active.focus,
1375 .open > .dropdown-toggle.ui-grid-pager-control button.focus {
1377 background-color: #c8c8c8;
1378 border-color: #8c8c8c;
1380 .ui-grid-pager-control button:active,
1381 .ui-grid-pager-control button.active,
1382 .open > .dropdown-toggle.ui-grid-pager-control button {
1383 background-image: none;
1385 .ui-grid-pager-control button.disabled,
1386 .ui-grid-pager-control button[disabled],
1387 fieldset[disabled] .ui-grid-pager-control button,
1388 .ui-grid-pager-control button.disabled:hover,
1389 .ui-grid-pager-control button[disabled]:hover,
1390 fieldset[disabled] .ui-grid-pager-control button:hover,
1391 .ui-grid-pager-control button.disabled:focus,
1392 .ui-grid-pager-control button[disabled]:focus,
1393 fieldset[disabled] .ui-grid-pager-control button:focus,
1394 .ui-grid-pager-control button.disabled.focus,
1395 .ui-grid-pager-control button[disabled].focus,
1396 fieldset[disabled] .ui-grid-pager-control button.focus,
1397 .ui-grid-pager-control button.disabled:active,
1398 .ui-grid-pager-control button[disabled]:active,
1399 fieldset[disabled] .ui-grid-pager-control button:active,
1400 .ui-grid-pager-control button.disabled.active,
1401 .ui-grid-pager-control button[disabled].active,
1402 fieldset[disabled] .ui-grid-pager-control button.active {
1403 background-color: #f2f2f2;
1404 border-color: #cccccc;
1406 .ui-grid-pager-control button .badge {
1408 background-color: #eeeeee;
1410 .ui-grid-pager-control input {
1416 line-height: 1.42857143;
1418 background-color: #ffffff;
1419 background-image: none;
1420 border: 1px solid #cccccc;
1422 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1423 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1424 -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
1425 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
1426 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
1435 vertical-align: top;
1437 .ui-grid-pager-control input:focus {
1438 border-color: #66afe9;
1440 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
1441 box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
1443 .ui-grid-pager-control input::-moz-placeholder {
1447 .ui-grid-pager-control input:-ms-input-placeholder {
1450 .ui-grid-pager-control input::-webkit-input-placeholder {
1453 .ui-grid-pager-control input[disabled],
1454 .ui-grid-pager-control input[readonly],
1455 fieldset[disabled] .ui-grid-pager-control input {
1456 background-color: #eeeeee;
1459 .ui-grid-pager-control input[disabled],
1460 fieldset[disabled] .ui-grid-pager-control input {
1461 cursor: not-allowed;
1463 textarea.ui-grid-pager-control input {
1466 select.ui-grid-pager-control input {
1470 textarea.ui-grid-pager-control input,
1471 select[multiple].ui-grid-pager-control input {
1474 .ui-grid-pager-control .ui-grid-pager-max-pages-number {
1475 vertical-align: bottom;
1477 .ui-grid-pager-control .ui-grid-pager-max-pages-number > * {
1478 vertical-align: middle;
1480 .ui-grid-pager-control .first-bar {
1482 border-left: 2px solid #4d4d4d;
1487 .ui-grid-pager-control .first-triangle {
1490 border-style: solid;
1491 border-width: 5px 8.7px 5px 0;
1492 border-color: transparent #4d4d4d transparent transparent;
1495 .ui-grid-pager-control .next-triangle {
1498 .ui-grid-pager-control .prev-triangle {
1501 .ui-grid-pager-control .last-triangle {
1504 border-style: solid;
1505 border-width: 5px 0 5px 8.7px;
1506 border-color: transparent transparent transparent #4d4d4d;
1509 .ui-grid-pager-control .last-bar {
1511 border-left: 2px solid #4d4d4d;
1516 .ui-grid-pager-row-count-picker {
1519 .ui-grid-pager-row-count-picker select {
1525 line-height: 1.42857143;
1527 background-color: #ffffff;
1528 background-image: none;
1529 border: 1px solid #cccccc;
1531 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1532 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1533 -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
1534 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
1535 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
1545 .ui-grid-pager-row-count-picker select:focus {
1546 border-color: #66afe9;
1548 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
1549 box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
1551 .ui-grid-pager-row-count-picker select::-moz-placeholder {
1555 .ui-grid-pager-row-count-picker select:-ms-input-placeholder {
1558 .ui-grid-pager-row-count-picker select::-webkit-input-placeholder {
1561 .ui-grid-pager-row-count-picker select[disabled],
1562 .ui-grid-pager-row-count-picker select[readonly],
1563 fieldset[disabled] .ui-grid-pager-row-count-picker select {
1564 background-color: #eeeeee;
1567 .ui-grid-pager-row-count-picker select[disabled],
1568 fieldset[disabled] .ui-grid-pager-row-count-picker select {
1569 cursor: not-allowed;
1571 textarea.ui-grid-pager-row-count-picker select {
1574 select.ui-grid-pager-row-count-picker select {
1578 textarea.ui-grid-pager-row-count-picker select,
1579 select[multiple].ui-grid-pager-row-count-picker select {
1582 .ui-grid-pager-row-count-picker .ui-grid-pager-row-count-label {
1585 .ui-grid-pager-count-container {
1590 .ui-grid-pager-count-container .ui-grid-pager-count {
1596 /* This file contains variable declarations (do not remove this line) */
1597 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1599 * @section Grid styles
1602 * @section Header styles
1604 /** @description Colors for header gradient */
1606 * @section Grid body styles
1608 /** @description Colors used for row alternation */
1610 * @section Sort arrow colors
1613 * @section Scrollbar styles
1616 * @section font library path
1618 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1619 .ui-grid-pinned-container {
1624 .ui-grid-pinned-container.ui-grid-pinned-container-left {
1628 .ui-grid-pinned-container.ui-grid-pinned-container-right {
1632 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child {
1633 box-sizing: border-box;
1635 border-bottom-color: #aaa;
1636 border-right-color: #aaa;
1638 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
1639 box-sizing: border-box;
1640 border-bottom: 1px solid;
1641 border-right: 1px solid;
1643 border-bottom-color: #aaa;
1644 border-right-color: #aaa;
1646 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,
1647 .ui-grid-pinned-container .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
1650 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
1651 background-color: #d4d4d4;
1653 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
1654 background-color: #aeaeae;
1656 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child .ui-grid-vertical-bar {
1659 background-color: #aeaeae;
1661 .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-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-cell:first-child {
1668 box-sizing: border-box;
1669 border-left: 1px solid;
1671 border-left-color: #aeaeae;
1673 .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar,
1674 .ui-grid-pinned-container .ui-grid-cell:not(:first-child) .ui-grid-vertical-bar {
1677 .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar {
1678 background-color: #d4d4d4;
1680 .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
1681 background-color: #aeaeae;
1683 .ui-grid-pinned-container.ui-grid-pinned-container-first .ui-grid-header-cell:first-child .ui-grid-vertical-bar {
1686 background-color: #aeaeae;
1689 /* This file contains variable declarations (do not remove this line) */
1690 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1692 * @section Grid styles
1695 * @section Header styles
1697 /** @description Colors for header gradient */
1699 * @section Grid body styles
1701 /** @description Colors used for row alternation */
1703 * @section Sort arrow colors
1706 * @section Scrollbar styles
1709 * @section font library path
1711 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1712 .ui-grid-column-resizer {
1719 .ui-grid-column-resizer.left {
1722 .ui-grid-column-resizer.right {
1725 .ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
1726 border-right: 1px solid #aaa;
1728 .ui-grid[dir=rtl] .ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
1731 .ui-grid[dir=rtl] .ui-grid-header-cell:last-child .ui-grid-column-resizer.left {
1732 border-left: 1px solid #d4d4d4;
1734 .ui-grid.column-resizing {
1737 .ui-grid.column-resizing .ui-grid-resize-overlay {
1742 background-color: #aeaeae;
1745 /* This file contains variable declarations (do not remove this line) */
1746 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1748 * @section Grid styles
1751 * @section Header styles
1753 /** @description Colors for header gradient */
1755 * @section Grid body styles
1757 /** @description Colors used for row alternation */
1759 * @section Sort arrow colors
1762 * @section Scrollbar styles
1765 * @section font library path
1767 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1768 .ui-grid-row-saving .ui-grid-cell {
1769 color: #848484 !important;
1771 .ui-grid-row-dirty .ui-grid-cell {
1774 .ui-grid-row-error .ui-grid-cell {
1775 color: #ff0000 !important;
1778 /* This file contains variable declarations (do not remove this line) */
1779 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1781 * @section Grid styles
1784 * @section Header styles
1786 /** @description Colors for header gradient */
1788 * @section Grid body styles
1790 /** @description Colors used for row alternation */
1792 * @section Sort arrow colors
1795 * @section Scrollbar styles
1798 * @section font library path
1800 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1801 .ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
1802 background-color: #c9dde1;
1804 .ui-grid-disable-selection {
1805 -webkit-touch-callout: none;
1806 -webkit-user-select: none;
1807 -khtml-user-select: none;
1808 -moz-user-select: none;
1809 -ms-user-select: none;
1813 .ui-grid-selection-row-header-buttons {
1817 .ui-grid-selection-row-header-buttons.ui-grid-row-selected {
1820 .ui-grid-selection-row-header-buttons.ui-grid-all-selected {
1824 /* This file contains variable declarations (do not remove this line) */
1825 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1827 * @section Grid styles
1830 * @section Header styles
1832 /** @description Colors for header gradient */
1834 * @section Grid body styles
1836 /** @description Colors used for row alternation */
1838 * @section Sort arrow colors
1841 * @section Scrollbar styles
1844 * @section font library path
1846 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1847 .ui-grid-tree-row-header-buttons.ui-grid-tree-header {
1852 /* This file contains variable declarations (do not remove this line) */
1853 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1855 * @section Grid styles
1858 * @section Header styles
1860 /** @description Colors for header gradient */
1862 * @section Grid body styles
1864 /** @description Colors used for row alternation */
1866 * @section Sort arrow colors
1869 * @section Scrollbar styles
1872 * @section font library path
1874 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1875 .ui-grid-tree-header-row {
1876 font-weight: bold !important;
1879 .ui-grid-icon-plus-squared:before {
1883 .ui-grid-icon-minus-squared:before {
1887 .ui-grid-icon-search:before {
1891 .ui-grid-icon-cancel:before {
1895 .ui-grid-icon-info-circled:before {
1899 .ui-grid-icon-lock:before {
1903 .ui-grid-icon-lock-open:before {
1907 .ui-grid-icon-pencil:before {
1911 .ui-grid-icon-down-dir:before {
1915 .ui-grid-icon-up-dir:before {
1919 .ui-grid-icon-left-dir:before {
1923 .ui-grid-icon-right-dir:before {
1927 .ui-grid-icon-left-open:before {
1931 .ui-grid-icon-right-open:before {
1935 .ui-grid-icon-angle-down:before {
1939 .ui-grid-icon-filter:before {
1943 .ui-grid-icon-sort-alt-up:before {
1947 .ui-grid-icon-sort-alt-down:before {
1951 .ui-grid-icon-ok:before {
1955 .ui-grid-icon-menu:before {
1960 .ui-grid-icon-indent-left:before {
1964 .ui-grid-icon-indent-right:before {
1968 .ui-grid-icon-spin5:before {