2 border: 1px solid #d4d4d4;
3 box-sizing: content-box;
4 -webkit-border-radius: 0px;
5 -moz-border-radius: 0px;
7 -webkit-transform: translateZ(0);
8 -moz-transform: translateZ(0);
9 -o-transform: translateZ(0);
10 -ms-transform: translateZ(0);
11 transform: translateZ(0);
13 .ui-grid-vertical-bar {
18 .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,
19 .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
22 .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
23 background-color: #d4d4d4;
25 .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
26 background-color: #d4d4d4;
28 .ui-grid-header-cell:last-child .ui-grid-vertical-bar {
31 background-color: #d4d4d4;
33 .ui-grid-clearfix:before,
34 .ui-grid-clearfix:after {
38 .ui-grid-clearfix:after {
44 .ui-grid-top-panel-background {
46 background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
47 background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
48 background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
49 background: -o-linear-gradient(#ffffff, #eeeeee);
50 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
54 border-bottom: 1px solid #d4d4d4;
58 background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
59 background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
60 background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
61 background: -o-linear-gradient(#ffffff, #eeeeee);
62 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
63 -webkit-border-top-right-radius: -1px;
64 -webkit-border-bottom-right-radius: 0;
65 -webkit-border-bottom-left-radius: 0;
66 -webkit-border-top-left-radius: -1px;
67 -moz-border-radius-topright: -1px;
68 -moz-border-radius-bottomright: 0;
69 -moz-border-radius-bottomleft: 0;
70 -moz-border-radius-topleft: -1px;
71 border-top-right-radius: -1px;
72 border-bottom-right-radius: 0;
73 border-bottom-left-radius: 0;
74 border-top-left-radius: -1px;
75 -moz-background-clip: padding-box;
76 -webkit-background-clip: padding-box;
77 background-clip: padding-box;
79 .ui-grid-group-panel {
81 background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
82 background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
83 background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
84 background: -o-linear-gradient(#ffffff, #eeeeee);
85 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
86 border-bottom: 1px solid #d4d4d4;
87 -webkit-border-top-right-radius: -1px;
88 -webkit-border-bottom-right-radius: 0;
89 -webkit-border-bottom-left-radius: 0;
90 -webkit-border-top-left-radius: -1px;
91 -moz-border-radius-topright: -1px;
92 -moz-border-radius-bottomright: 0;
93 -moz-border-radius-bottomleft: 0;
94 -moz-border-radius-topleft: -1px;
95 border-top-right-radius: -1px;
96 border-bottom-right-radius: 0;
97 border-bottom-left-radius: 0;
98 border-top-left-radius: -1px;
99 -moz-background-clip: padding-box;
100 -webkit-background-clip: padding-box;
101 background-clip: padding-box;
104 .ui-grid-header-group-panel .hidden {
107 .ui-grid-header-viewport {
110 .ui-grid-header-canvas {
113 .ui-grid-header-canvas:before,
114 .ui-grid-header-canvas:after {
119 .ui-grid-header-canvas:after {
122 .ui-grid-header-cell {
127 background-color: inherit;
128 -webkit-user-select: none;
129 -moz-user-select: none;
130 -ms-user-select: none;
134 .ui-grid-header-cell .sortable {
137 .ui-grid-header .ui-grid-vertical-bar {
141 .ui-grid-column-menu-button {
146 .ui-grid-column-menu-button .ui-grid-icon-angle-down {
149 .ui-grid-column-menu {
152 /* Slide up/down animations */
153 .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner.ng-hide-add,
154 .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner.ng-hide-remove {
155 -webkit-transition: all 0.05s linear;
156 -moz-transition: all 0.05s linear;
157 -o-transition: all 0.05s linear;
158 transition: all 0.05s linear;
159 display: block !important;
161 .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner.ng-hide-add.ng-hide-add-active,
162 .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner.ng-hide-remove {
163 -webkit-transform: translateY(-100%);
164 -moz-transform: translateY(-100%);
165 -o-transform: translateY(-100%);
166 -ms-transform: translateY(-100%);
167 transform: translateY(-100%);
169 .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner.ng-hide-add,
170 .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner.ng-hide-remove.ng-hide-remove-active {
171 -webkit-transform: translateY(0);
172 -moz-transform: translateY(0);
173 -o-transform: translateY(0);
174 -ms-transform: translateY(0);
175 transform: translateY(0);
177 .ui-grid-filter-container {
181 .ui-grid-filter-container .ui-grid-filter-button {
187 .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"].right {
195 .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"].right:hover {
198 input[type="text"].ui-grid-filter-input {
203 border: 1px solid #d4d4d4;
204 -webkit-border-top-right-radius: 0px;
205 -webkit-border-bottom-right-radius: 0;
206 -webkit-border-bottom-left-radius: 0;
207 -webkit-border-top-left-radius: 0;
208 -moz-border-radius-topright: 0px;
209 -moz-border-radius-bottomright: 0;
210 -moz-border-radius-bottomleft: 0;
211 -moz-border-radius-topleft: 0;
212 border-top-right-radius: 0px;
213 border-bottom-right-radius: 0;
214 border-bottom-left-radius: 0;
215 border-top-left-radius: 0;
216 -moz-background-clip: padding-box;
217 -webkit-background-clip: padding-box;
218 background-clip: padding-box;
220 input[type="text"].ui-grid-filter-input:hover {
221 border: 1px solid #d4d4d4;
223 .ui-grid-render-container {
225 -webkit-border-top-right-radius: 0;
226 -webkit-border-bottom-right-radius: 0px;
227 -webkit-border-bottom-left-radius: 0px;
228 -webkit-border-top-left-radius: 0;
229 -moz-border-radius-topright: 0;
230 -moz-border-radius-bottomright: 0px;
231 -moz-border-radius-bottomleft: 0px;
232 -moz-border-radius-topleft: 0;
233 border-top-right-radius: 0;
234 border-bottom-right-radius: 0px;
235 border-bottom-left-radius: 0px;
236 border-top-left-radius: 0;
237 -moz-background-clip: padding-box;
238 -webkit-background-clip: padding-box;
239 background-clip: padding-box;
246 .ui-grid-viewport :focus {
252 .ui-grid-row:nth-child(odd) .ui-grid-cell {
253 background-color: #fdfdfd;
255 .ui-grid-row:nth-child(even) .ui-grid-cell {
256 background-color: #f3f3f3;
258 .ui-grid-row:last-child .ui-grid-cell {
259 border-bottom-color: #d4d4d4;
260 border-bottom-style: solid;
262 .ui-grid-no-row-overlay {
270 background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
271 background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
272 background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
273 background: -o-linear-gradient(#ffffff, #eeeeee);
274 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
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;
290 border: 1px solid #d4d4d4;
294 .ui-grid-no-row-overlay > * {
308 background-color: inherit;
309 border-right: 1px solid;
310 border-color: #d4d4d4;
311 box-sizing: border-box;
313 .ui-grid-cell:last-child {
316 .ui-grid-cell-contents {
318 -moz-box-sizing: border-box;
319 -webkit-box-sizing: border-box;
320 box-sizing: border-box;
322 -ms-text-overflow: ellipsis;
323 -o-text-overflow: ellipsis;
324 text-overflow: ellipsis;
328 .ui-grid-cell-contents-hidden {
334 .ui-grid-row-header-cell {
335 background-color: #F0F0EE !important;
336 border-bottom: solid 1px #d4d4d4;
338 .ui-grid-native-scrollbar {
342 .ui-grid-native-scrollbar.vertical {
349 .ui-grid-native-scrollbar.horizontal {
356 .ui-grid-footer-panel-background {
358 background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
359 background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
360 background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
361 background: -o-linear-gradient(#ffffff, #eeeeee);
362 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
364 .ui-grid-footer-panel {
366 border-bottom: 1px solid #d4d4d4;
367 border-top: 1px solid #d4d4d4;
371 background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
372 background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
373 background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
374 background: -o-linear-gradient(#ffffff, #eeeeee);
375 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
376 -webkit-border-top-right-radius: -1px;
377 -webkit-border-bottom-right-radius: 0;
378 -webkit-border-bottom-left-radius: 0;
379 -webkit-border-top-left-radius: -1px;
380 -moz-border-radius-topright: -1px;
381 -moz-border-radius-bottomright: 0;
382 -moz-border-radius-bottomleft: 0;
383 -moz-border-radius-topleft: -1px;
384 border-top-right-radius: -1px;
385 border-bottom-right-radius: 0;
386 border-bottom-left-radius: 0;
387 border-top-left-radius: -1px;
388 -moz-background-clip: padding-box;
389 -webkit-background-clip: padding-box;
390 background-clip: padding-box;
392 .ui-grid-group-panel {
394 background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
395 background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
396 background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
397 background: -o-linear-gradient(#ffffff, #eeeeee);
398 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
399 border-bottom: 1px solid #d4d4d4;
400 border-top: 1px solid #d4d4d4;
401 -webkit-border-top-right-radius: -1px;
402 -webkit-border-bottom-right-radius: 0;
403 -webkit-border-bottom-left-radius: 0;
404 -webkit-border-top-left-radius: -1px;
405 -moz-border-radius-topright: -1px;
406 -moz-border-radius-bottomright: 0;
407 -moz-border-radius-bottomleft: 0;
408 -moz-border-radius-topleft: -1px;
409 border-top-right-radius: -1px;
410 border-bottom-right-radius: 0;
411 border-bottom-left-radius: 0;
412 border-top-left-radius: -1px;
413 -moz-background-clip: padding-box;
414 -webkit-background-clip: padding-box;
415 background-clip: padding-box;
418 .ui-grid-footer-group-panel .hidden {
421 .ui-grid-footer-viewport {
424 .ui-grid-footer-canvas {
427 .ui-grid-footer-canvas:before,
428 .ui-grid-footer-canvas:after {
433 .ui-grid-footer-canvas:after {
436 .ui-grid-footer-cell {
439 background-color: inherit;
440 border-right: 1px solid;
441 border-color: #d4d4d4;
442 box-sizing: border-box;
444 .ui-grid-footer-cell:last-child {
447 .ui-grid-footer .ui-grid-vertical-bar {
451 input[type="text"].ui-grid-filter-input {
456 border: 1px solid #d4d4d4;
457 -webkit-border-top-right-radius: 0px;
458 -webkit-border-bottom-right-radius: 0;
459 -webkit-border-bottom-left-radius: 0;
460 -webkit-border-top-left-radius: 0;
461 -moz-border-radius-topright: 0px;
462 -moz-border-radius-bottomright: 0;
463 -moz-border-radius-bottomleft: 0;
464 -moz-border-radius-topleft: 0;
465 border-top-right-radius: 0px;
466 border-bottom-right-radius: 0;
467 border-bottom-left-radius: 0;
468 border-top-left-radius: 0;
469 -moz-background-clip: padding-box;
470 -webkit-background-clip: padding-box;
471 background-clip: padding-box;
473 input[type="text"].ui-grid-filter-input:hover {
474 border: 1px solid #d4d4d4;
480 padding: 0 10px 20px 10px;
483 .ui-grid-menu .ui-grid-menu-inner {
485 border: 1px solid #d4d4d4;
488 -webkit-border-radius: 0px;
489 -moz-border-radius: 0px;
491 -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);
492 -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);
493 box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);
495 .ui-grid-menu .ui-grid-menu-inner ul {
498 list-style-type: none;
500 .ui-grid-menu .ui-grid-menu-inner ul li {
504 .ui-grid-menu .ui-grid-menu-inner ul li:hover {
505 -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
506 -moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
507 box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
509 .ui-grid-menu .ui-grid-menu-inner ul li.ui-grid-menu-item-active {
510 -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
511 -moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
512 box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
513 background-color: #cecece;
515 .ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child) {
516 border-bottom: 1px solid #d4d4d4;
524 background-position: center;
526 .ui-grid-sortarrow.down {
527 -webkit-transform: rotate(180deg);
528 -moz-transform: rotate(180deg);
529 -o-transform: rotate(180deg);
530 -ms-transform: rotate(180deg);
531 transform: rotate(180deg);
534 font-family: 'ui-grid';
535 src: url('ui-grid.eot');
536 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');
540 /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
541 /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
543 @media screen and (-webkit-min-device-pixel-ratio:0) {
545 font-family: 'ui-grid';
546 src: url('../font/ui-grid.svg?12312827#ui-grid') format('svg');
550 [class^="ui-grid-icon"]:before,
551 [class*=" ui-grid-icon"]:before {
552 font-family: "ui-grid";
556 display: inline-block;
557 text-decoration: inherit;
562 /* For safety - reset parent styles, that can break glyph codes*/
563 font-variant: normal;
564 text-transform: none;
565 /* fix buttons height, for twitter bootstrap */
567 /* Animation center compensation - margins should be symmetric */
568 /* remove if not needed */
570 /* you can be more comfortable with increased icons size */
571 /* font-size: 120%; */
572 /* Uncomment for 3D effect */
573 /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
575 .ui-grid-icon-blank::before {
582 .ui-grid[dir=rtl] .ui-grid-header-cell,
583 .ui-grid[dir=rtl] .ui-grid-footer-cell,
584 .ui-grid[dir=rtl] .ui-grid-cell {
585 float: right !important;
587 .ui-grid[dir=rtl] .ui-grid-scrollbar-horizontal {
591 .ui-grid[dir=rtl] .ui-grid-native-scrollbar.vertical {
595 .ui-grid[dir=rtl] .ui-grid-column-menu-button {
601 .ui-grid[dir=rtl] .ui-grid-cell:first-child,
602 .ui-grid[dir=rtl] .ui-grid-header-cell:first-child,
603 .ui-grid[dir=rtl] .ui-grid-footer-cell:first-child {
606 .ui-grid[dir=rtl] .ui-grid-cell:last-child {
607 border-right: 1px solid;
608 border-color: #d4d4d4;
610 .ui-grid[dir=rtl] .ui-grid-header-cell:first-child .ui-grid-vertical-bar,
611 .ui-grid[dir=rtl] .ui-grid-footer-cell:first-child .ui-grid-vertical-bar,
612 .ui-grid[dir=rtl] .ui-grid-cell:first-child .ui-grid-vertical-bar {
616 Animation example, for spinners
618 .ui-grid-animate-spin {
619 -moz-animation: ui-grid-spin 2s infinite linear;
620 -o-animation: ui-grid-spin 2s infinite linear;
621 -webkit-animation: ui-grid-spin 2s infinite linear;
622 animation: ui-grid-spin 2s infinite linear;
623 display: inline-block;
625 @-moz-keyframes ui-grid-spin {
627 -moz-transform: rotate(0deg);
628 -o-transform: rotate(0deg);
629 -webkit-transform: rotate(0deg);
630 transform: rotate(0deg);
633 -moz-transform: rotate(359deg);
634 -o-transform: rotate(359deg);
635 -webkit-transform: rotate(359deg);
636 transform: rotate(359deg);
639 @-webkit-keyframes ui-grid-spin {
641 -moz-transform: rotate(0deg);
642 -o-transform: rotate(0deg);
643 -webkit-transform: rotate(0deg);
644 transform: rotate(0deg);
647 -moz-transform: rotate(359deg);
648 -o-transform: rotate(359deg);
649 -webkit-transform: rotate(359deg);
650 transform: rotate(359deg);
653 @-o-keyframes ui-grid-spin {
655 -moz-transform: rotate(0deg);
656 -o-transform: rotate(0deg);
657 -webkit-transform: rotate(0deg);
658 transform: rotate(0deg);
661 -moz-transform: rotate(359deg);
662 -o-transform: rotate(359deg);
663 -webkit-transform: rotate(359deg);
664 transform: rotate(359deg);
667 @-ms-keyframes ui-grid-spin {
669 -moz-transform: rotate(0deg);
670 -o-transform: rotate(0deg);
671 -webkit-transform: rotate(0deg);
672 transform: rotate(0deg);
675 -moz-transform: rotate(359deg);
676 -o-transform: rotate(359deg);
677 -webkit-transform: rotate(359deg);
678 transform: rotate(359deg);
681 @keyframes ui-grid-spin {
683 -moz-transform: rotate(0deg);
684 -o-transform: rotate(0deg);
685 -webkit-transform: rotate(0deg);
686 transform: rotate(0deg);
689 -moz-transform: rotate(359deg);
690 -o-transform: rotate(359deg);
691 -webkit-transform: rotate(359deg);
692 transform: rotate(359deg);
695 /*---------------------------------------------------
697 ---------------------------------------------------
698 A set of useful LESS mixins
699 More info at: http://lesselements.com
700 ---------------------------------------------------*/
701 /* This file contains variable declarations (do not remove this line) */
702 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
704 * @section Grid styles
707 * @section Header styles
709 /** @description Colors for header gradient */
711 * @section Grid body styles
713 /** @description Colors used for row alternation */
715 * @section Sort arrow colors
718 * @section Scrollbar styles
720 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
722 /* This file contains variable declarations (do not remove this line) */
723 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
725 * @section Grid styles
728 * @section Header styles
730 /** @description Colors for header gradient */
732 * @section Grid body styles
734 /** @description Colors used for row alternation */
736 * @section Sort arrow colors
739 * @section Scrollbar styles
741 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
742 .ui-grid-cell-contents:focus {
744 background-color: #b3c4c7;
747 /* This file contains variable declarations (do not remove this line) */
748 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
750 * @section Grid styles
753 * @section Header styles
755 /** @description Colors for header gradient */
757 * @section Grid body styles
759 /** @description Colors used for row alternation */
761 * @section Sort arrow colors
764 * @section Scrollbar styles
766 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
767 div.ui-grid-cell input {
768 border-radius: inherit;
776 div.ui-grid-cell input:focus {
780 div.ui-grid-cell input[type="checkbox"] {
784 div.ui-grid-cell input.ng-invalid {
785 border: 1px solid #fc8f8f;
787 div.ui-grid-cell input.ng-valid {
788 border: 1px solid #d4d4d4;
791 /* This file contains variable declarations (do not remove this line) */
792 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
794 * @section Grid styles
797 * @section Header styles
799 /** @description Colors for header gradient */
801 * @section Grid body styles
803 /** @description Colors used for row alternation */
805 * @section Sort arrow colors
808 * @section Scrollbar styles
810 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
811 .expandableRow .ui-grid-row:nth-child(odd) .ui-grid-cell {
812 background-color: #fdfdfd;
814 .expandableRow .ui-grid-row:nth-child(even) .ui-grid-cell {
815 background-color: #f3f3f3;
818 /* This file contains variable declarations (do not remove this line) */
819 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
821 * @section Grid styles
824 * @section Header styles
826 /** @description Colors for header gradient */
828 * @section Grid body styles
830 /** @description Colors used for row alternation */
832 * @section Sort arrow colors
835 * @section Scrollbar styles
837 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
839 /* This file contains variable declarations (do not remove this line) */
840 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
842 * @section Grid styles
845 * @section Header styles
847 /** @description Colors for header gradient */
849 * @section Grid body styles
851 /** @description Colors used for row alternation */
853 * @section Sort arrow colors
856 * @section Scrollbar styles
858 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
859 .ui-grid-pinned-container {
862 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child {
863 box-sizing: border-box;
864 border-right: 1px solid;
866 border-color: #aeaeae;
868 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
869 box-sizing: border-box;
870 border-right: 1px solid;
872 border-color: #aeaeae;
874 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,
875 .ui-grid-pinned-container .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
878 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
879 background-color: #d4d4d4;
881 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
882 background-color: #aeaeae;
884 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child .ui-grid-vertical-bar {
887 background-color: #aeaeae;
889 .ui-grid-render-container-body {
893 /* This file contains variable declarations (do not remove this line) */
894 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
896 * @section Grid styles
899 * @section Header styles
901 /** @description Colors for header gradient */
903 * @section Grid body styles
905 /** @description Colors used for row alternation */
907 * @section Sort arrow colors
910 * @section Scrollbar styles
912 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
913 .ui-grid-column-resizer {
920 .ui-grid-column-resizer.left {
923 .ui-grid-column-resizer.right {
926 .ui-grid.column-resizing {
929 .ui-grid.column-resizing .ui-grid-resize-overlay {
934 background-color: #aeaeae;
937 /* This file contains variable declarations (do not remove this line) */
938 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
940 * @section Grid styles
943 * @section Header styles
945 /** @description Colors for header gradient */
947 * @section Grid body styles
949 /** @description Colors used for row alternation */
951 * @section Sort arrow colors
954 * @section Scrollbar styles
956 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
957 .ui-grid-row-saving .ui-grid-cell {
958 color: #848484 !important;
960 .ui-grid-row-error .ui-grid-cell {
961 color: #ff0000 !important;
964 /* This file contains variable declarations (do not remove this line) */
965 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
967 * @section Grid styles
970 * @section Header styles
972 /** @description Colors for header gradient */
974 * @section Grid body styles
976 /** @description Colors used for row alternation */
978 * @section Sort arrow colors
981 * @section Scrollbar styles
983 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
984 .ui-grid-row-selected .ui-grid-cell {
985 background-color: #c9dde1 !important;
987 .ui-grid-disable-selection {
988 -webkit-touch-callout: none;
989 -webkit-user-select: none;
990 -khtml-user-select: none;
991 -moz-user-select: none;
992 -ms-user-select: none;
996 .ui-grid-selection-row-header-buttons {
1000 .ui-grid-selection-row-header-buttons.ui-grid-row-selected {
1003 .ui-grid-selection-row-header-cell {
1004 border-bottom: solid 1px #d4d4d4;
1007 .ui-grid-icon-plus-squared:before {
1011 .ui-grid-icon-minus-squared:before {
1015 .ui-grid-icon-search:before {
1019 .ui-grid-icon-cancel:before {
1023 .ui-grid-icon-info-circled:before {
1027 .ui-grid-icon-lock:before {
1031 .ui-grid-icon-lock-open:before {
1035 .ui-grid-icon-pencil:before {
1039 .ui-grid-icon-down-dir:before {
1043 .ui-grid-icon-up-dir:before {
1047 .ui-grid-icon-left-dir:before {
1051 .ui-grid-icon-right-dir:before {
1055 .ui-grid-icon-left-open:before {
1059 .ui-grid-icon-right-open:before {
1063 .ui-grid-icon-angle-down:before {
1067 .ui-grid-icon-filter:before {
1071 .ui-grid-icon-sort-alt-up:before {
1075 .ui-grid-icon-sort-alt-down:before {
1079 .ui-grid-icon-ok:before {
1083 .ui-grid-icon-spin5:before {