2 * ui-grid - v3.1.1 - 2016-02-09
3 * Copyright (c) 2016 ; 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 {
560 border: 1px solid #d4d4d4;
565 padding: 0 10px 20px 10px;
567 box-sizing: border-box;
569 .ui-grid-menu .ui-grid-menu-inner {
571 border: 1px solid #d4d4d4;
574 -webkit-border-radius: 0px;
575 -moz-border-radius: 0px;
577 -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);
578 -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);
579 box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);
581 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
585 display: inline-block;
589 vertical-align: middle;
590 touch-action: manipulation;
592 background-image: none;
593 border: 1px solid transparent;
597 line-height: 1.42857143;
599 -webkit-user-select: none;
600 -moz-user-select: none;
601 -ms-user-select: none;
608 background-color: transparent;
609 border-color: transparent;
611 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
612 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active: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.focus,
615 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active.focus,
616 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active.focus {
617 outline: thin dotted;
618 outline: 5px auto -webkit-focus-ring-color;
619 outline-offset: -2px;
621 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:hover,
622 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
623 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus {
625 text-decoration: none;
627 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active,
628 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active {
630 background-image: none;
631 -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
632 box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
634 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled,
635 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled],
636 fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
639 filter: alpha(opacity=65);
640 -webkit-box-shadow: none;
643 a.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled,
644 fieldset[disabled] a.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
645 pointer-events: none;
647 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
648 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus {
650 background-color: rgba(0, 0, 0, 0);
651 border-color: rgba(0, 0, 0, 0);
653 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:hover {
655 background-color: rgba(0, 0, 0, 0);
656 border-color: rgba(0, 0, 0, 0);
658 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active,
659 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active,
660 .open > .dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
662 background-color: rgba(0, 0, 0, 0);
663 border-color: rgba(0, 0, 0, 0);
665 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active:hover,
666 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active:hover,
667 .open > .dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:hover,
668 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active:focus,
669 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active:focus,
670 .open > .dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
671 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active.focus,
672 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active.focus,
673 .open > .dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus {
675 background-color: rgba(0, 0, 0, 0);
676 border-color: rgba(0, 0, 0, 0);
678 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active,
679 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active,
680 .open > .dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
681 background-image: none;
683 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled:hover,
684 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled]:hover,
685 fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:hover,
686 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled:focus,
687 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled]:focus,
688 fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
689 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled.focus,
690 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled].focus,
691 fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus {
692 background-color: transparent;
693 border-color: transparent;
695 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button .badge {
697 background-color: transparent;
699 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button > i {
703 .ui-grid-menu .ui-grid-menu-inner ul {
706 list-style-type: none;
708 .ui-grid-menu .ui-grid-menu-inner ul li {
711 .ui-grid-menu .ui-grid-menu-inner ul li button {
715 background: transparent;
718 .ui-grid-menu .ui-grid-menu-inner ul li button:hover,
719 .ui-grid-menu .ui-grid-menu-inner ul li button:focus {
720 -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
721 -moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
722 box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
724 .ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item-active {
725 -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
726 -moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
727 box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
728 background-color: #cecece;
730 .ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child) > button {
731 border-bottom: 1px solid #d4d4d4;
739 background-position: center;
741 .ui-grid-sortarrow.down {
742 -webkit-transform: rotate(180deg);
743 -moz-transform: rotate(180deg);
744 -o-transform: rotate(180deg);
745 -ms-transform: rotate(180deg);
746 transform: rotate(180deg);
749 font-family: 'ui-grid';
750 src: url('ui-grid.eot');
751 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');
755 /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
756 /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
758 @media screen and (-webkit-min-device-pixel-ratio:0) {
760 font-family: 'ui-grid';
761 src: url('@{font-path}ui-grid.svg?12312827#ui-grid') format('svg');
765 [class^="ui-grid-icon"]:before,
766 [class*=" ui-grid-icon"]:before {
767 font-family: "ui-grid";
771 display: inline-block;
772 text-decoration: inherit;
777 /* For safety - reset parent styles, that can break glyph codes*/
778 font-variant: normal;
779 text-transform: none;
780 /* fix buttons height, for twitter bootstrap */
782 /* Animation center compensation - margins should be symmetric */
783 /* remove if not needed */
785 /* you can be more comfortable with increased icons size */
786 /* font-size: 120%; */
787 /* Uncomment for 3D effect */
788 /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
790 .ui-grid-icon-blank::before {
797 .ui-grid[dir=rtl] .ui-grid-header-cell,
798 .ui-grid[dir=rtl] .ui-grid-footer-cell,
799 .ui-grid[dir=rtl] .ui-grid-cell {
800 float: right !important;
802 .ui-grid[dir=rtl] .ui-grid-column-menu-button {
808 .ui-grid[dir=rtl] .ui-grid-cell:first-child,
809 .ui-grid[dir=rtl] .ui-grid-header-cell:first-child,
810 .ui-grid[dir=rtl] .ui-grid-footer-cell:first-child {
813 .ui-grid[dir=rtl] .ui-grid-cell:last-child,
814 .ui-grid[dir=rtl] .ui-grid-header-cell:last-child {
815 border-right: 1px solid #d4d4d4;
818 .ui-grid[dir=rtl] .ui-grid-header-cell:first-child .ui-grid-vertical-bar,
819 .ui-grid[dir=rtl] .ui-grid-footer-cell:first-child .ui-grid-vertical-bar,
820 .ui-grid[dir=rtl] .ui-grid-cell:first-child .ui-grid-vertical-bar {
823 .ui-grid[dir=rtl] .ui-grid-menu-button {
829 border: 1px solid #d4d4d4;
834 .ui-grid[dir=rtl] .ui-grid-menu-button .ui-grid-menu {
838 .ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button {
842 .ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"] {
847 Animation example, for spinners
849 .ui-grid-animate-spin {
850 -moz-animation: ui-grid-spin 2s infinite linear;
851 -o-animation: ui-grid-spin 2s infinite linear;
852 -webkit-animation: ui-grid-spin 2s infinite linear;
853 animation: ui-grid-spin 2s infinite linear;
854 display: inline-block;
856 @-moz-keyframes ui-grid-spin {
858 -moz-transform: rotate(0deg);
859 -o-transform: rotate(0deg);
860 -webkit-transform: rotate(0deg);
861 transform: rotate(0deg);
864 -moz-transform: rotate(359deg);
865 -o-transform: rotate(359deg);
866 -webkit-transform: rotate(359deg);
867 transform: rotate(359deg);
870 @-webkit-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 @-o-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 @-ms-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 @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 /*---------------------------------------------------
928 ---------------------------------------------------
929 A set of useful LESS mixins
930 More info at: http://lesselements.com
931 ---------------------------------------------------*/
932 /* This file contains variable declarations (do not remove this line) */
933 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
935 * @section Grid styles
938 * @section Header styles
940 /** @description Colors for header gradient */
942 * @section Grid body styles
944 /** @description Colors used for row alternation */
946 * @section Sort arrow colors
949 * @section Scrollbar styles
952 * @section font library path
954 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
956 /* This file contains variable declarations (do not remove this line) */
957 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
959 * @section Grid styles
962 * @section Header styles
964 /** @description Colors for header gradient */
966 * @section Grid body styles
968 /** @description Colors used for row alternation */
970 * @section Sort arrow colors
973 * @section Scrollbar styles
976 * @section font library path
978 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
979 #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:before,
980 #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
981 #ui-grid-twbs #ui-grid-twbs .btn-toolbar:before,
982 #ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
983 #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:before,
984 #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
988 #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
989 #ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
990 #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
993 .ui-grid-cell-focus {
995 background-color: #b3c4c7;
1005 .ui-grid-focuser:focus {
1006 border-color: #66afe9;
1008 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
1009 box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
1011 .ui-grid-offscreen {
1016 clip: rect(0px, 0px, 0px, 0px);
1019 /* This file contains variable declarations (do not remove this line) */
1020 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1022 * @section Grid styles
1025 * @section Header styles
1027 /** @description Colors for header gradient */
1029 * @section Grid body styles
1031 /** @description Colors used for row alternation */
1033 * @section Sort arrow colors
1036 * @section Scrollbar styles
1039 * @section font library path
1041 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1042 div.ui-grid-cell input {
1043 border-radius: inherit;
1051 div.ui-grid-cell input:focus {
1055 div.ui-grid-cell input[type="checkbox"] {
1056 margin: 9px 0 0 6px;
1059 div.ui-grid-cell input.ng-invalid {
1060 border: 1px solid #fc8f8f;
1062 div.ui-grid-cell input.ng-valid {
1063 border: 1px solid #d4d4d4;
1066 /* This file contains variable declarations (do not remove this line) */
1067 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1069 * @section Grid styles
1072 * @section Header styles
1074 /** @description Colors for header gradient */
1076 * @section Grid body styles
1078 /** @description Colors used for row alternation */
1080 * @section Sort arrow colors
1083 * @section Scrollbar styles
1086 * @section font library path
1088 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1089 .expandableRow .ui-grid-row:nth-child(odd) .ui-grid-cell {
1090 background-color: #fdfdfd;
1092 .expandableRow .ui-grid-row:nth-child(even) .ui-grid-cell {
1093 background-color: #f3f3f3;
1095 .ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell {
1096 pointer-events: none;
1098 .ui-grid-expandable-buttons-cell i {
1099 pointer-events: all;
1103 border: 1px solid #d4d4d4;
1106 /* This file contains variable declarations (do not remove this line) */
1107 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1109 * @section Grid styles
1112 * @section Header styles
1114 /** @description Colors for header gradient */
1116 * @section Grid body styles
1118 /** @description Colors used for row alternation */
1120 * @section Sort arrow colors
1123 * @section Scrollbar styles
1126 * @section font library path
1128 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1130 /* This file contains variable declarations (do not remove this line) */
1131 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1133 * @section Grid styles
1136 * @section Header styles
1138 /** @description Colors for header gradient */
1140 * @section Grid body styles
1142 /** @description Colors used for row alternation */
1144 * @section Sort arrow colors
1147 * @section Scrollbar styles
1150 * @section font library path
1152 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1153 .ui-grid-tree-header-row {
1154 font-weight: bold !important;
1157 /* This file contains variable declarations (do not remove this line) */
1158 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1160 * @section Grid styles
1163 * @section Header styles
1165 /** @description Colors for header gradient */
1167 * @section Grid body styles
1169 /** @description Colors used for row alternation */
1171 * @section Sort arrow colors
1174 * @section Scrollbar styles
1177 * @section font library path
1179 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1181 /* This file contains variable declarations (do not remove this line) */
1182 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1184 * @section Grid styles
1187 * @section Header styles
1189 /** @description Colors for header gradient */
1191 * @section Grid body styles
1193 /** @description Colors used for row alternation */
1195 * @section Sort arrow colors
1198 * @section Scrollbar styles
1201 * @section font library path
1203 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1207 border: 1px solid #d4d4d4;
1208 box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
1210 .movingColumn .ui-grid-icon-angle-down {
1214 /* This file contains variable declarations (do not remove this line) */
1215 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1217 * @section Grid styles
1220 * @section Header styles
1222 /** @description Colors for header gradient */
1224 * @section Grid body styles
1226 /** @description Colors used for row alternation */
1228 * @section Sort arrow colors
1231 * @section Scrollbar styles
1234 * @section font library path
1236 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1237 /*---------------------------------------------------
1239 ---------------------------------------------------
1240 A set of useful LESS mixins
1241 More info at: http://lesselements.com
1242 ---------------------------------------------------*/
1243 #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:before,
1244 #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
1245 #ui-grid-twbs #ui-grid-twbs .btn-toolbar:before,
1246 #ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
1247 #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:before,
1248 #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
1252 #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
1253 #ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
1254 #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
1257 .ui-grid-pager-panel {
1263 padding-bottom: 3px;
1264 box-sizing: content-box;
1266 .ui-grid-pager-container {
1269 .ui-grid-pager-control {
1275 .ui-grid-pager-control button {
1278 display: inline-block;
1280 font-weight: normal;
1282 vertical-align: middle;
1283 touch-action: manipulation;
1285 background-image: none;
1286 border: 1px solid transparent;
1287 white-space: nowrap;
1290 line-height: 1.42857143;
1292 -webkit-user-select: none;
1293 -moz-user-select: none;
1294 -ms-user-select: none;
1297 background-color: #f3f3f3;
1298 border-color: #cccccc;
1300 .ui-grid-pager-control button:focus,
1301 .ui-grid-pager-control button:active:focus,
1302 .ui-grid-pager-control button.active:focus,
1303 .ui-grid-pager-control button.focus,
1304 .ui-grid-pager-control button:active.focus,
1305 .ui-grid-pager-control button.active.focus {
1306 outline: thin dotted;
1307 outline: 5px auto -webkit-focus-ring-color;
1308 outline-offset: -2px;
1310 .ui-grid-pager-control button:hover,
1311 .ui-grid-pager-control button:focus,
1312 .ui-grid-pager-control button.focus {
1314 text-decoration: none;
1316 .ui-grid-pager-control button:active,
1317 .ui-grid-pager-control button.active {
1319 background-image: none;
1320 -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1321 box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1323 .ui-grid-pager-control button.disabled,
1324 .ui-grid-pager-control button[disabled],
1325 fieldset[disabled] .ui-grid-pager-control button {
1326 cursor: not-allowed;
1328 filter: alpha(opacity=65);
1329 -webkit-box-shadow: none;
1332 a.ui-grid-pager-control button.disabled,
1333 fieldset[disabled] a.ui-grid-pager-control button {
1334 pointer-events: none;
1336 .ui-grid-pager-control button:focus,
1337 .ui-grid-pager-control button.focus {
1339 background-color: #dadada;
1340 border-color: #8c8c8c;
1342 .ui-grid-pager-control button:hover {
1344 background-color: #dadada;
1345 border-color: #adadad;
1347 .ui-grid-pager-control button:active,
1348 .ui-grid-pager-control button.active,
1349 .open > .dropdown-toggle.ui-grid-pager-control button {
1351 background-color: #dadada;
1352 border-color: #adadad;
1354 .ui-grid-pager-control button:active:hover,
1355 .ui-grid-pager-control button.active:hover,
1356 .open > .dropdown-toggle.ui-grid-pager-control button:hover,
1357 .ui-grid-pager-control button:active:focus,
1358 .ui-grid-pager-control button.active:focus,
1359 .open > .dropdown-toggle.ui-grid-pager-control button:focus,
1360 .ui-grid-pager-control button:active.focus,
1361 .ui-grid-pager-control button.active.focus,
1362 .open > .dropdown-toggle.ui-grid-pager-control button.focus {
1364 background-color: #c8c8c8;
1365 border-color: #8c8c8c;
1367 .ui-grid-pager-control button:active,
1368 .ui-grid-pager-control button.active,
1369 .open > .dropdown-toggle.ui-grid-pager-control button {
1370 background-image: none;
1372 .ui-grid-pager-control button.disabled:hover,
1373 .ui-grid-pager-control button[disabled]:hover,
1374 fieldset[disabled] .ui-grid-pager-control button:hover,
1375 .ui-grid-pager-control button.disabled:focus,
1376 .ui-grid-pager-control button[disabled]:focus,
1377 fieldset[disabled] .ui-grid-pager-control button:focus,
1378 .ui-grid-pager-control button.disabled.focus,
1379 .ui-grid-pager-control button[disabled].focus,
1380 fieldset[disabled] .ui-grid-pager-control button.focus {
1381 background-color: #f3f3f3;
1382 border-color: #cccccc;
1384 .ui-grid-pager-control button .badge {
1386 background-color: #eeeeee;
1388 .ui-grid-pager-control input {
1394 line-height: 1.42857143;
1396 background-color: #ffffff;
1397 background-image: none;
1398 border: 1px solid #cccccc;
1400 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1401 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1402 -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
1403 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
1404 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
1413 vertical-align: top;
1415 .ui-grid-pager-control input:focus {
1416 border-color: #66afe9;
1418 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
1419 box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
1421 .ui-grid-pager-control input::-moz-placeholder {
1425 .ui-grid-pager-control input:-ms-input-placeholder {
1428 .ui-grid-pager-control input::-webkit-input-placeholder {
1431 .ui-grid-pager-control input::-ms-expand {
1433 background-color: transparent;
1435 .ui-grid-pager-control input[disabled],
1436 .ui-grid-pager-control input[readonly],
1437 fieldset[disabled] .ui-grid-pager-control input {
1438 background-color: #eeeeee;
1441 .ui-grid-pager-control input[disabled],
1442 fieldset[disabled] .ui-grid-pager-control input {
1443 cursor: not-allowed;
1445 textarea.ui-grid-pager-control input {
1448 select.ui-grid-pager-control input {
1452 textarea.ui-grid-pager-control input,
1453 select[multiple].ui-grid-pager-control input {
1456 .ui-grid-pager-control .ui-grid-pager-max-pages-number {
1457 vertical-align: bottom;
1459 .ui-grid-pager-control .ui-grid-pager-max-pages-number > * {
1460 vertical-align: middle;
1462 .ui-grid-pager-control .first-bar {
1464 border-left: 2px solid #4d4d4d;
1469 .ui-grid-pager-control .first-bar-rtl {
1471 border-left: 2px solid #4d4d4d;
1476 .ui-grid-pager-control .first-triangle {
1479 border-style: solid;
1480 border-width: 5px 8.7px 5px 0;
1481 border-color: transparent #4d4d4d transparent transparent;
1484 .ui-grid-pager-control .next-triangle {
1487 .ui-grid-pager-control .prev-triangle {
1490 .ui-grid-pager-control .last-triangle {
1493 border-style: solid;
1494 border-width: 5px 0 5px 8.7px;
1495 border-color: transparent transparent transparent #4d4d4d;
1498 .ui-grid-pager-control .last-bar {
1500 border-left: 2px solid #4d4d4d;
1505 .ui-grid-pager-control .last-bar-rtl {
1507 border-left: 2px solid #4d4d4d;
1510 margin-right: -11px;
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::-ms-expand {
1559 background-color: transparent;
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;
1634 border-right: 1px solid;
1636 border-right-color: #aeaeae;
1638 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
1639 box-sizing: border-box;
1640 border-right: 1px solid;
1642 border-right-color: #aeaeae;
1644 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,
1645 .ui-grid-pinned-container .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
1648 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
1649 background-color: #d4d4d4;
1651 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
1652 background-color: #aeaeae;
1654 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child .ui-grid-vertical-bar {
1657 background-color: #aeaeae;
1659 .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:first-child {
1660 box-sizing: border-box;
1661 border-left: 1px solid;
1663 border-left-color: #aeaeae;
1665 .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:first-child {
1666 box-sizing: border-box;
1667 border-left: 1px solid;
1669 border-left-color: #aeaeae;
1671 .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar,
1672 .ui-grid-pinned-container .ui-grid-cell:not(:first-child) .ui-grid-vertical-bar {
1675 .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar {
1676 background-color: #d4d4d4;
1678 .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
1679 background-color: #aeaeae;
1681 .ui-grid-pinned-container.ui-grid-pinned-container-first .ui-grid-header-cell:first-child .ui-grid-vertical-bar {
1684 background-color: #aeaeae;
1687 /* This file contains variable declarations (do not remove this line) */
1688 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1690 * @section Grid styles
1693 * @section Header styles
1695 /** @description Colors for header gradient */
1697 * @section Grid body styles
1699 /** @description Colors used for row alternation */
1701 * @section Sort arrow colors
1704 * @section Scrollbar styles
1707 * @section font library path
1709 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1710 .ui-grid-column-resizer {
1717 .ui-grid-column-resizer.left {
1720 .ui-grid-column-resizer.right {
1723 .ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
1724 border-right: 1px solid #d4d4d4;
1726 .ui-grid[dir=rtl] .ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
1729 .ui-grid[dir=rtl] .ui-grid-header-cell:last-child .ui-grid-column-resizer.left {
1730 border-left: 1px solid #d4d4d4;
1732 .ui-grid.column-resizing {
1735 .ui-grid.column-resizing .ui-grid-resize-overlay {
1740 background-color: #aeaeae;
1743 /* This file contains variable declarations (do not remove this line) */
1744 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1746 * @section Grid styles
1749 * @section Header styles
1751 /** @description Colors for header gradient */
1753 * @section Grid body styles
1755 /** @description Colors used for row alternation */
1757 * @section Sort arrow colors
1760 * @section Scrollbar styles
1763 * @section font library path
1765 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1766 .ui-grid-row-saving .ui-grid-cell {
1767 color: #848484 !important;
1769 .ui-grid-row-dirty .ui-grid-cell {
1772 .ui-grid-row-error .ui-grid-cell {
1773 color: #ff0000 !important;
1776 /* This file contains variable declarations (do not remove this line) */
1777 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1779 * @section Grid styles
1782 * @section Header styles
1784 /** @description Colors for header gradient */
1786 * @section Grid body styles
1788 /** @description Colors used for row alternation */
1790 * @section Sort arrow colors
1793 * @section Scrollbar styles
1796 * @section font library path
1798 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1799 .ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
1800 background-color: #c9dde1;
1802 .ui-grid-disable-selection {
1803 -webkit-touch-callout: none;
1804 -webkit-user-select: none;
1805 -khtml-user-select: none;
1806 -moz-user-select: none;
1807 -ms-user-select: none;
1811 .ui-grid-selection-row-header-buttons {
1815 .ui-grid-selection-row-header-buttons.ui-grid-row-selected {
1818 .ui-grid-selection-row-header-buttons.ui-grid-all-selected {
1822 /* This file contains variable declarations (do not remove this line) */
1823 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1825 * @section Grid styles
1828 * @section Header styles
1830 /** @description Colors for header gradient */
1832 * @section Grid body styles
1834 /** @description Colors used for row alternation */
1836 * @section Sort arrow colors
1839 * @section Scrollbar styles
1842 * @section font library path
1844 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1845 .ui-grid-tree-row-header-buttons.ui-grid-tree-header {
1850 /* This file contains variable declarations (do not remove this line) */
1851 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1853 * @section Grid styles
1856 * @section Header styles
1858 /** @description Colors for header gradient */
1860 * @section Grid body styles
1862 /** @description Colors used for row alternation */
1864 * @section Sort arrow colors
1867 * @section Scrollbar styles
1870 * @section font library path
1872 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1873 .ui-grid-tree-header-row {
1874 font-weight: bold !important;
1876 .ui-grid-tree-header-row .ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell {
1877 pointer-events: all;
1880 /* This file contains variable declarations (do not remove this line) */
1881 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1883 * @section Grid styles
1886 * @section Header styles
1888 /** @description Colors for header gradient */
1890 * @section Grid body styles
1892 /** @description Colors used for row alternation */
1894 * @section Sort arrow colors
1897 * @section Scrollbar styles
1900 * @section font library path
1902 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1903 div.ui-grid-cell-contents.invalid {
1904 border: 1px solid #fc8f8f;
1907 .ui-grid-icon-plus-squared:before {
1911 .ui-grid-icon-minus-squared:before {
1915 .ui-grid-icon-search:before {
1919 .ui-grid-icon-cancel:before {
1923 .ui-grid-icon-info-circled:before {
1927 .ui-grid-icon-lock:before {
1931 .ui-grid-icon-lock-open:before {
1935 .ui-grid-icon-pencil:before {
1939 .ui-grid-icon-down-dir:before {
1943 .ui-grid-icon-up-dir:before {
1947 .ui-grid-icon-left-dir:before {
1951 .ui-grid-icon-right-dir:before {
1955 .ui-grid-icon-left-open:before {
1959 .ui-grid-icon-right-open:before {
1963 .ui-grid-icon-angle-down:before {
1967 .ui-grid-icon-filter:before {
1971 .ui-grid-icon-sort-alt-up:before {
1975 .ui-grid-icon-sort-alt-down:before {
1979 .ui-grid-icon-ok:before {
1983 .ui-grid-icon-menu:before {
1987 .ui-grid-icon-indent-left:before {
1991 .ui-grid-icon-indent-right:before {
1995 .ui-grid-icon-spin5:before {