2 * ui-grid - v3.1.0 - 2016-01-19
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,
684 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled],
685 fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button,
686 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled:hover,
687 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled]:hover,
688 fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:hover,
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 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled.focus,
693 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled].focus,
694 fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus,
695 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled:active,
696 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled]:active,
697 fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active,
698 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled.active,
699 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled].active,
700 fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active {
701 background-color: transparent;
702 border-color: transparent;
704 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button .badge {
706 background-color: transparent;
708 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button > i {
712 .ui-grid-menu .ui-grid-menu-inner ul {
715 list-style-type: none;
717 .ui-grid-menu .ui-grid-menu-inner ul li {
720 .ui-grid-menu .ui-grid-menu-inner ul li button {
724 background: transparent;
727 .ui-grid-menu .ui-grid-menu-inner ul li button:hover,
728 .ui-grid-menu .ui-grid-menu-inner ul li button:focus {
729 -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
730 -moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
731 box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
733 .ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item-active {
734 -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
735 -moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
736 box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
737 background-color: #cecece;
739 .ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child) > button {
740 border-bottom: 1px solid #d4d4d4;
748 background-position: center;
750 .ui-grid-sortarrow.down {
751 -webkit-transform: rotate(180deg);
752 -moz-transform: rotate(180deg);
753 -o-transform: rotate(180deg);
754 -ms-transform: rotate(180deg);
755 transform: rotate(180deg);
758 font-family: 'ui-grid';
759 src: url('ui-grid.eot');
760 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');
764 /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
765 /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
767 @media screen and (-webkit-min-device-pixel-ratio:0) {
769 font-family: 'ui-grid';
770 src: url('@{font-path}ui-grid.svg?12312827#ui-grid') format('svg');
774 [class^="ui-grid-icon"]:before,
775 [class*=" ui-grid-icon"]:before {
776 font-family: "ui-grid";
780 display: inline-block;
781 text-decoration: inherit;
786 /* For safety - reset parent styles, that can break glyph codes*/
787 font-variant: normal;
788 text-transform: none;
789 /* fix buttons height, for twitter bootstrap */
791 /* Animation center compensation - margins should be symmetric */
792 /* remove if not needed */
794 /* you can be more comfortable with increased icons size */
795 /* font-size: 120%; */
796 /* Uncomment for 3D effect */
797 /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
799 .ui-grid-icon-blank::before {
806 .ui-grid[dir=rtl] .ui-grid-header-cell,
807 .ui-grid[dir=rtl] .ui-grid-footer-cell,
808 .ui-grid[dir=rtl] .ui-grid-cell {
809 float: right !important;
811 .ui-grid[dir=rtl] .ui-grid-column-menu-button {
817 .ui-grid[dir=rtl] .ui-grid-cell:first-child,
818 .ui-grid[dir=rtl] .ui-grid-header-cell:first-child,
819 .ui-grid[dir=rtl] .ui-grid-footer-cell:first-child {
822 .ui-grid[dir=rtl] .ui-grid-cell:last-child,
823 .ui-grid[dir=rtl] .ui-grid-header-cell:last-child {
824 border-right: 1px solid #d4d4d4;
827 .ui-grid[dir=rtl] .ui-grid-header-cell:first-child .ui-grid-vertical-bar,
828 .ui-grid[dir=rtl] .ui-grid-footer-cell:first-child .ui-grid-vertical-bar,
829 .ui-grid[dir=rtl] .ui-grid-cell:first-child .ui-grid-vertical-bar {
832 .ui-grid[dir=rtl] .ui-grid-menu-button {
838 border: 1px solid #d4d4d4;
843 .ui-grid[dir=rtl] .ui-grid-menu-button .ui-grid-menu {
847 .ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button {
851 .ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"] {
856 Animation example, for spinners
858 .ui-grid-animate-spin {
859 -moz-animation: ui-grid-spin 2s infinite linear;
860 -o-animation: ui-grid-spin 2s infinite linear;
861 -webkit-animation: ui-grid-spin 2s infinite linear;
862 animation: ui-grid-spin 2s infinite linear;
863 display: inline-block;
865 @-moz-keyframes ui-grid-spin {
867 -moz-transform: rotate(0deg);
868 -o-transform: rotate(0deg);
869 -webkit-transform: rotate(0deg);
870 transform: rotate(0deg);
873 -moz-transform: rotate(359deg);
874 -o-transform: rotate(359deg);
875 -webkit-transform: rotate(359deg);
876 transform: rotate(359deg);
879 @-webkit-keyframes ui-grid-spin {
881 -moz-transform: rotate(0deg);
882 -o-transform: rotate(0deg);
883 -webkit-transform: rotate(0deg);
884 transform: rotate(0deg);
887 -moz-transform: rotate(359deg);
888 -o-transform: rotate(359deg);
889 -webkit-transform: rotate(359deg);
890 transform: rotate(359deg);
893 @-o-keyframes ui-grid-spin {
895 -moz-transform: rotate(0deg);
896 -o-transform: rotate(0deg);
897 -webkit-transform: rotate(0deg);
898 transform: rotate(0deg);
901 -moz-transform: rotate(359deg);
902 -o-transform: rotate(359deg);
903 -webkit-transform: rotate(359deg);
904 transform: rotate(359deg);
907 @-ms-keyframes ui-grid-spin {
909 -moz-transform: rotate(0deg);
910 -o-transform: rotate(0deg);
911 -webkit-transform: rotate(0deg);
912 transform: rotate(0deg);
915 -moz-transform: rotate(359deg);
916 -o-transform: rotate(359deg);
917 -webkit-transform: rotate(359deg);
918 transform: rotate(359deg);
921 @keyframes ui-grid-spin {
923 -moz-transform: rotate(0deg);
924 -o-transform: rotate(0deg);
925 -webkit-transform: rotate(0deg);
926 transform: rotate(0deg);
929 -moz-transform: rotate(359deg);
930 -o-transform: rotate(359deg);
931 -webkit-transform: rotate(359deg);
932 transform: rotate(359deg);
935 /*---------------------------------------------------
937 ---------------------------------------------------
938 A set of useful LESS mixins
939 More info at: http://lesselements.com
940 ---------------------------------------------------*/
941 /* This file contains variable declarations (do not remove this line) */
942 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
944 * @section Grid styles
947 * @section Header styles
949 /** @description Colors for header gradient */
951 * @section Grid body styles
953 /** @description Colors used for row alternation */
955 * @section Sort arrow colors
958 * @section Scrollbar styles
961 * @section font library path
963 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
965 /* This file contains variable declarations (do not remove this line) */
966 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
968 * @section Grid styles
971 * @section Header styles
973 /** @description Colors for header gradient */
975 * @section Grid body styles
977 /** @description Colors used for row alternation */
979 * @section Sort arrow colors
982 * @section Scrollbar styles
985 * @section font library path
987 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
988 #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:before,
989 #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
990 #ui-grid-twbs #ui-grid-twbs .btn-toolbar:before,
991 #ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
992 #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:before,
993 #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
997 #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
998 #ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
999 #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
1002 .ui-grid-cell-focus {
1004 background-color: #b3c4c7;
1014 .ui-grid-focuser:focus {
1015 border-color: #66afe9;
1017 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
1018 box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
1020 .ui-grid-offscreen {
1025 clip: rect(0px, 0px, 0px, 0px);
1028 /* This file contains variable declarations (do not remove this line) */
1029 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1031 * @section Grid styles
1034 * @section Header styles
1036 /** @description Colors for header gradient */
1038 * @section Grid body styles
1040 /** @description Colors used for row alternation */
1042 * @section Sort arrow colors
1045 * @section Scrollbar styles
1048 * @section font library path
1050 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1051 div.ui-grid-cell input {
1052 border-radius: inherit;
1060 div.ui-grid-cell input:focus {
1064 div.ui-grid-cell input[type="checkbox"] {
1065 margin: 9px 0 0 6px;
1068 div.ui-grid-cell input.ng-invalid {
1069 border: 1px solid #fc8f8f;
1071 div.ui-grid-cell input.ng-valid {
1072 border: 1px solid #d4d4d4;
1075 /* This file contains variable declarations (do not remove this line) */
1076 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1078 * @section Grid styles
1081 * @section Header styles
1083 /** @description Colors for header gradient */
1085 * @section Grid body styles
1087 /** @description Colors used for row alternation */
1089 * @section Sort arrow colors
1092 * @section Scrollbar styles
1095 * @section font library path
1097 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1098 .expandableRow .ui-grid-row:nth-child(odd) .ui-grid-cell {
1099 background-color: #fdfdfd;
1101 .expandableRow .ui-grid-row:nth-child(even) .ui-grid-cell {
1102 background-color: #f3f3f3;
1104 .ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell {
1105 pointer-events: none;
1107 .ui-grid-expandable-buttons-cell i {
1108 pointer-events: all;
1112 border: 1px solid #d4d4d4;
1115 /* This file contains variable declarations (do not remove this line) */
1116 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1118 * @section Grid styles
1121 * @section Header styles
1123 /** @description Colors for header gradient */
1125 * @section Grid body styles
1127 /** @description Colors used for row alternation */
1129 * @section Sort arrow colors
1132 * @section Scrollbar styles
1135 * @section font library path
1137 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1139 /* This file contains variable declarations (do not remove this line) */
1140 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1142 * @section Grid styles
1145 * @section Header styles
1147 /** @description Colors for header gradient */
1149 * @section Grid body styles
1151 /** @description Colors used for row alternation */
1153 * @section Sort arrow colors
1156 * @section Scrollbar styles
1159 * @section font library path
1161 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1162 .ui-grid-tree-header-row {
1163 font-weight: bold !important;
1166 /* This file contains variable declarations (do not remove this line) */
1167 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1169 * @section Grid styles
1172 * @section Header styles
1174 /** @description Colors for header gradient */
1176 * @section Grid body styles
1178 /** @description Colors used for row alternation */
1180 * @section Sort arrow colors
1183 * @section Scrollbar styles
1186 * @section font library path
1188 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1190 /* This file contains variable declarations (do not remove this line) */
1191 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1193 * @section Grid styles
1196 * @section Header styles
1198 /** @description Colors for header gradient */
1200 * @section Grid body styles
1202 /** @description Colors used for row alternation */
1204 * @section Sort arrow colors
1207 * @section Scrollbar styles
1210 * @section font library path
1212 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1216 border: 1px solid #d4d4d4;
1217 box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
1219 .movingColumn .ui-grid-icon-angle-down {
1223 /* This file contains variable declarations (do not remove this line) */
1224 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1226 * @section Grid styles
1229 * @section Header styles
1231 /** @description Colors for header gradient */
1233 * @section Grid body styles
1235 /** @description Colors used for row alternation */
1237 * @section Sort arrow colors
1240 * @section Scrollbar styles
1243 * @section font library path
1245 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1246 /*---------------------------------------------------
1248 ---------------------------------------------------
1249 A set of useful LESS mixins
1250 More info at: http://lesselements.com
1251 ---------------------------------------------------*/
1252 #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:before,
1253 #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
1254 #ui-grid-twbs #ui-grid-twbs .btn-toolbar:before,
1255 #ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
1256 #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:before,
1257 #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
1261 #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
1262 #ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
1263 #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
1266 .ui-grid-pager-panel {
1272 padding-bottom: 3px;
1273 box-sizing: content-box;
1275 .ui-grid-pager-container {
1278 .ui-grid-pager-control {
1284 .ui-grid-pager-control button {
1287 display: inline-block;
1289 font-weight: normal;
1291 vertical-align: middle;
1292 touch-action: manipulation;
1294 background-image: none;
1295 border: 1px solid transparent;
1296 white-space: nowrap;
1299 line-height: 1.42857143;
1301 -webkit-user-select: none;
1302 -moz-user-select: none;
1303 -ms-user-select: none;
1306 background-color: #f3f3f3;
1307 border-color: #cccccc;
1309 .ui-grid-pager-control button:focus,
1310 .ui-grid-pager-control button:active:focus,
1311 .ui-grid-pager-control button.active:focus,
1312 .ui-grid-pager-control button.focus,
1313 .ui-grid-pager-control button:active.focus,
1314 .ui-grid-pager-control button.active.focus {
1315 outline: thin dotted;
1316 outline: 5px auto -webkit-focus-ring-color;
1317 outline-offset: -2px;
1319 .ui-grid-pager-control button:hover,
1320 .ui-grid-pager-control button:focus,
1321 .ui-grid-pager-control button.focus {
1323 text-decoration: none;
1325 .ui-grid-pager-control button:active,
1326 .ui-grid-pager-control button.active {
1328 background-image: none;
1329 -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1330 box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1332 .ui-grid-pager-control button.disabled,
1333 .ui-grid-pager-control button[disabled],
1334 fieldset[disabled] .ui-grid-pager-control button {
1335 cursor: not-allowed;
1337 filter: alpha(opacity=65);
1338 -webkit-box-shadow: none;
1341 a.ui-grid-pager-control button.disabled,
1342 fieldset[disabled] a.ui-grid-pager-control button {
1343 pointer-events: none;
1345 .ui-grid-pager-control button:focus,
1346 .ui-grid-pager-control button.focus {
1348 background-color: #dadada;
1349 border-color: #8c8c8c;
1351 .ui-grid-pager-control button:hover {
1353 background-color: #dadada;
1354 border-color: #adadad;
1356 .ui-grid-pager-control button:active,
1357 .ui-grid-pager-control button.active,
1358 .open > .dropdown-toggle.ui-grid-pager-control button {
1360 background-color: #dadada;
1361 border-color: #adadad;
1363 .ui-grid-pager-control button:active:hover,
1364 .ui-grid-pager-control button.active:hover,
1365 .open > .dropdown-toggle.ui-grid-pager-control button:hover,
1366 .ui-grid-pager-control button:active:focus,
1367 .ui-grid-pager-control button.active:focus,
1368 .open > .dropdown-toggle.ui-grid-pager-control button:focus,
1369 .ui-grid-pager-control button:active.focus,
1370 .ui-grid-pager-control button.active.focus,
1371 .open > .dropdown-toggle.ui-grid-pager-control button.focus {
1373 background-color: #c8c8c8;
1374 border-color: #8c8c8c;
1376 .ui-grid-pager-control button:active,
1377 .ui-grid-pager-control button.active,
1378 .open > .dropdown-toggle.ui-grid-pager-control button {
1379 background-image: none;
1381 .ui-grid-pager-control button.disabled,
1382 .ui-grid-pager-control button[disabled],
1383 fieldset[disabled] .ui-grid-pager-control button,
1384 .ui-grid-pager-control button.disabled:hover,
1385 .ui-grid-pager-control button[disabled]:hover,
1386 fieldset[disabled] .ui-grid-pager-control button:hover,
1387 .ui-grid-pager-control button.disabled:focus,
1388 .ui-grid-pager-control button[disabled]:focus,
1389 fieldset[disabled] .ui-grid-pager-control button:focus,
1390 .ui-grid-pager-control button.disabled.focus,
1391 .ui-grid-pager-control button[disabled].focus,
1392 fieldset[disabled] .ui-grid-pager-control button.focus,
1393 .ui-grid-pager-control button.disabled:active,
1394 .ui-grid-pager-control button[disabled]:active,
1395 fieldset[disabled] .ui-grid-pager-control button:active,
1396 .ui-grid-pager-control button.disabled.active,
1397 .ui-grid-pager-control button[disabled].active,
1398 fieldset[disabled] .ui-grid-pager-control button.active {
1399 background-color: #f3f3f3;
1400 border-color: #cccccc;
1402 .ui-grid-pager-control button .badge {
1404 background-color: #eeeeee;
1406 .ui-grid-pager-control input {
1412 line-height: 1.42857143;
1414 background-color: #ffffff;
1415 background-image: none;
1416 border: 1px solid #cccccc;
1418 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1419 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1420 -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
1421 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
1422 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
1431 vertical-align: top;
1433 .ui-grid-pager-control input:focus {
1434 border-color: #66afe9;
1436 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
1437 box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
1439 .ui-grid-pager-control input::-moz-placeholder {
1443 .ui-grid-pager-control input:-ms-input-placeholder {
1446 .ui-grid-pager-control input::-webkit-input-placeholder {
1449 .ui-grid-pager-control input[disabled],
1450 .ui-grid-pager-control input[readonly],
1451 fieldset[disabled] .ui-grid-pager-control input {
1452 background-color: #eeeeee;
1455 .ui-grid-pager-control input[disabled],
1456 fieldset[disabled] .ui-grid-pager-control input {
1457 cursor: not-allowed;
1459 textarea.ui-grid-pager-control input {
1462 select.ui-grid-pager-control input {
1466 textarea.ui-grid-pager-control input,
1467 select[multiple].ui-grid-pager-control input {
1470 .ui-grid-pager-control .ui-grid-pager-max-pages-number {
1471 vertical-align: bottom;
1473 .ui-grid-pager-control .ui-grid-pager-max-pages-number > * {
1474 vertical-align: middle;
1476 .ui-grid-pager-control .first-bar {
1478 border-left: 2px solid #4d4d4d;
1483 .ui-grid-pager-control .first-triangle {
1486 border-style: solid;
1487 border-width: 5px 8.7px 5px 0;
1488 border-color: transparent #4d4d4d transparent transparent;
1491 .ui-grid-pager-control .next-triangle {
1494 .ui-grid-pager-control .prev-triangle {
1497 .ui-grid-pager-control .last-triangle {
1500 border-style: solid;
1501 border-width: 5px 0 5px 8.7px;
1502 border-color: transparent transparent transparent #4d4d4d;
1505 .ui-grid-pager-control .last-bar {
1507 border-left: 2px solid #4d4d4d;
1512 .ui-grid-pager-row-count-picker {
1515 .ui-grid-pager-row-count-picker select {
1521 line-height: 1.42857143;
1523 background-color: #ffffff;
1524 background-image: none;
1525 border: 1px solid #cccccc;
1527 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1528 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1529 -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
1530 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
1531 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
1541 .ui-grid-pager-row-count-picker select:focus {
1542 border-color: #66afe9;
1544 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
1545 box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
1547 .ui-grid-pager-row-count-picker select::-moz-placeholder {
1551 .ui-grid-pager-row-count-picker select:-ms-input-placeholder {
1554 .ui-grid-pager-row-count-picker select::-webkit-input-placeholder {
1557 .ui-grid-pager-row-count-picker select[disabled],
1558 .ui-grid-pager-row-count-picker select[readonly],
1559 fieldset[disabled] .ui-grid-pager-row-count-picker select {
1560 background-color: #eeeeee;
1563 .ui-grid-pager-row-count-picker select[disabled],
1564 fieldset[disabled] .ui-grid-pager-row-count-picker select {
1565 cursor: not-allowed;
1567 textarea.ui-grid-pager-row-count-picker select {
1570 select.ui-grid-pager-row-count-picker select {
1574 textarea.ui-grid-pager-row-count-picker select,
1575 select[multiple].ui-grid-pager-row-count-picker select {
1578 .ui-grid-pager-row-count-picker .ui-grid-pager-row-count-label {
1581 .ui-grid-pager-count-container {
1586 .ui-grid-pager-count-container .ui-grid-pager-count {
1592 /* This file contains variable declarations (do not remove this line) */
1593 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1595 * @section Grid styles
1598 * @section Header styles
1600 /** @description Colors for header gradient */
1602 * @section Grid body styles
1604 /** @description Colors used for row alternation */
1606 * @section Sort arrow colors
1609 * @section Scrollbar styles
1612 * @section font library path
1614 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1615 .ui-grid-pinned-container {
1620 .ui-grid-pinned-container.ui-grid-pinned-container-left {
1624 .ui-grid-pinned-container.ui-grid-pinned-container-right {
1628 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child {
1629 box-sizing: border-box;
1630 border-right: 1px solid;
1632 border-right-color: #aeaeae;
1634 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
1635 box-sizing: border-box;
1636 border-right: 1px solid;
1638 border-right-color: #aeaeae;
1640 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,
1641 .ui-grid-pinned-container .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
1644 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
1645 background-color: #d4d4d4;
1647 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
1648 background-color: #aeaeae;
1650 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child .ui-grid-vertical-bar {
1653 background-color: #aeaeae;
1655 .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:first-child {
1656 box-sizing: border-box;
1657 border-left: 1px solid;
1659 border-left-color: #aeaeae;
1661 .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:first-child {
1662 box-sizing: border-box;
1663 border-left: 1px solid;
1665 border-left-color: #aeaeae;
1667 .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar,
1668 .ui-grid-pinned-container .ui-grid-cell:not(:first-child) .ui-grid-vertical-bar {
1671 .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar {
1672 background-color: #d4d4d4;
1674 .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
1675 background-color: #aeaeae;
1677 .ui-grid-pinned-container.ui-grid-pinned-container-first .ui-grid-header-cell:first-child .ui-grid-vertical-bar {
1680 background-color: #aeaeae;
1683 /* This file contains variable declarations (do not remove this line) */
1684 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1686 * @section Grid styles
1689 * @section Header styles
1691 /** @description Colors for header gradient */
1693 * @section Grid body styles
1695 /** @description Colors used for row alternation */
1697 * @section Sort arrow colors
1700 * @section Scrollbar styles
1703 * @section font library path
1705 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1706 .ui-grid-column-resizer {
1713 .ui-grid-column-resizer.left {
1716 .ui-grid-column-resizer.right {
1719 .ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
1720 border-right: 1px solid #d4d4d4;
1722 .ui-grid[dir=rtl] .ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
1725 .ui-grid[dir=rtl] .ui-grid-header-cell:last-child .ui-grid-column-resizer.left {
1726 border-left: 1px solid #d4d4d4;
1728 .ui-grid.column-resizing {
1731 .ui-grid.column-resizing .ui-grid-resize-overlay {
1736 background-color: #aeaeae;
1739 /* This file contains variable declarations (do not remove this line) */
1740 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1742 * @section Grid styles
1745 * @section Header styles
1747 /** @description Colors for header gradient */
1749 * @section Grid body styles
1751 /** @description Colors used for row alternation */
1753 * @section Sort arrow colors
1756 * @section Scrollbar styles
1759 * @section font library path
1761 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1762 .ui-grid-row-saving .ui-grid-cell {
1763 color: #848484 !important;
1765 .ui-grid-row-dirty .ui-grid-cell {
1768 .ui-grid-row-error .ui-grid-cell {
1769 color: #ff0000 !important;
1772 /* This file contains variable declarations (do not remove this line) */
1773 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1775 * @section Grid styles
1778 * @section Header styles
1780 /** @description Colors for header gradient */
1782 * @section Grid body styles
1784 /** @description Colors used for row alternation */
1786 * @section Sort arrow colors
1789 * @section Scrollbar styles
1792 * @section font library path
1794 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1795 .ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
1796 background-color: #c9dde1;
1798 .ui-grid-disable-selection {
1799 -webkit-touch-callout: none;
1800 -webkit-user-select: none;
1801 -khtml-user-select: none;
1802 -moz-user-select: none;
1803 -ms-user-select: none;
1807 .ui-grid-selection-row-header-buttons {
1811 .ui-grid-selection-row-header-buttons.ui-grid-row-selected {
1814 .ui-grid-selection-row-header-buttons.ui-grid-all-selected {
1818 /* This file contains variable declarations (do not remove this line) */
1819 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1821 * @section Grid styles
1824 * @section Header styles
1826 /** @description Colors for header gradient */
1828 * @section Grid body styles
1830 /** @description Colors used for row alternation */
1832 * @section Sort arrow colors
1835 * @section Scrollbar styles
1838 * @section font library path
1840 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1841 .ui-grid-tree-row-header-buttons.ui-grid-tree-header {
1846 /* This file contains variable declarations (do not remove this line) */
1847 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1849 * @section Grid styles
1852 * @section Header styles
1854 /** @description Colors for header gradient */
1856 * @section Grid body styles
1858 /** @description Colors used for row alternation */
1860 * @section Sort arrow colors
1863 * @section Scrollbar styles
1866 * @section font library path
1868 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1869 .ui-grid-tree-header-row {
1870 font-weight: bold !important;
1872 .ui-grid-tree-header-row .ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell {
1873 pointer-events: all;
1876 /* This file contains variable declarations (do not remove this line) */
1877 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1879 * @section Grid styles
1882 * @section Header styles
1884 /** @description Colors for header gradient */
1886 * @section Grid body styles
1888 /** @description Colors used for row alternation */
1890 * @section Sort arrow colors
1893 * @section Scrollbar styles
1896 * @section font library path
1898 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1899 div.ui-grid-cell-contents.invalid {
1900 border: 1px solid #fc8f8f;
1903 .ui-grid-icon-plus-squared:before {
1907 .ui-grid-icon-minus-squared:before {
1911 .ui-grid-icon-search:before {
1915 .ui-grid-icon-cancel:before {
1919 .ui-grid-icon-info-circled:before {
1923 .ui-grid-icon-lock:before {
1927 .ui-grid-icon-lock-open:before {
1931 .ui-grid-icon-pencil:before {
1935 .ui-grid-icon-down-dir:before {
1939 .ui-grid-icon-up-dir:before {
1943 .ui-grid-icon-left-dir:before {
1947 .ui-grid-icon-right-dir:before {
1951 .ui-grid-icon-left-open:before {
1955 .ui-grid-icon-right-open:before {
1959 .ui-grid-icon-angle-down:before {
1963 .ui-grid-icon-filter:before {
1967 .ui-grid-icon-sort-alt-up:before {
1971 .ui-grid-icon-sort-alt-down:before {
1975 .ui-grid-icon-ok:before {
1979 .ui-grid-icon-menu:before {
1983 .ui-grid-icon-indent-left:before {
1987 .ui-grid-icon-indent-right:before {
1991 .ui-grid-icon-spin5:before {