src/main/resources/META-INF/resources/designer/css/ui-grid-stable.css

   1 .ui-grid {
   2   border: 1px solid #d4d4d4;
   3   box-sizing: content-box;
   4   -webkit-border-radius: 0px;
   5   -moz-border-radius: 0px;
   6   border-radius: 0px;
   7   -webkit-transform: translateZ(0);
   8   -moz-transform: translateZ(0);
   9   -o-transform: translateZ(0);
  10   -ms-transform: translateZ(0);
  11   transform: translateZ(0);
  12 }
  13 .ui-grid-vertical-bar {
  14   position: absolute;
  15   right: 0;
  16   width: 0;
  17 }
  18 .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,
  19 .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
  20   width: 1px;
  21 }
  22 .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
  23   background-color: #d4d4d4;
  24 }
  25 .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
  26   background-color: #d4d4d4;
  27 }
  28 .ui-grid-header-cell:last-child .ui-grid-vertical-bar {
  29   right: -1px;
  30   width: 1px;
  31   background-color: #d4d4d4;
  32 }
  33 .ui-grid-clearfix:before,
  34 .ui-grid-clearfix:after {
  35   content: "";
  36   display: table;
  37 }
  38 .ui-grid-clearfix:after {
  39   clear: both;
  40 }
  41 .ui-grid-invisible {
  42   visibility: hidden;
  43 }
  44 .ui-grid-top-panel-background {
  45   background: #f3f3f3;
  46   background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
  47   background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
  48   background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
  49   background: -o-linear-gradient(#ffffff, #eeeeee);
  50   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  51 }
  52 .ui-grid-top-panel {
  53   position: relative;
  54   border-bottom: 1px solid #d4d4d4;
  55   overflow: hidden;
  56   font-weight: bold;
  57   background: #f3f3f3;
  58   background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
  59   background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
  60   background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
  61   background: -o-linear-gradient(#ffffff, #eeeeee);
  62   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  63   -webkit-border-top-right-radius: -1px;
  64   -webkit-border-bottom-right-radius: 0;
  65   -webkit-border-bottom-left-radius: 0;
  66   -webkit-border-top-left-radius: -1px;
  67   -moz-border-radius-topright: -1px;
  68   -moz-border-radius-bottomright: 0;
  69   -moz-border-radius-bottomleft: 0;
  70   -moz-border-radius-topleft: -1px;
  71   border-top-right-radius: -1px;
  72   border-bottom-right-radius: 0;
  73   border-bottom-left-radius: 0;
  74   border-top-left-radius: -1px;
  75   -moz-background-clip: padding-box;
  76   -webkit-background-clip: padding-box;
  77   background-clip: padding-box;
  78 }
  79 .ui-grid-group-panel {
  80   background: #f3f3f3;
  81   background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
  82   background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
  83   background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
  84   background: -o-linear-gradient(#ffffff, #eeeeee);
  85   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  86   border-bottom: 1px solid #d4d4d4;
  87   -webkit-border-top-right-radius: -1px;
  88   -webkit-border-bottom-right-radius: 0;
  89   -webkit-border-bottom-left-radius: 0;
  90   -webkit-border-top-left-radius: -1px;
  91   -moz-border-radius-topright: -1px;
  92   -moz-border-radius-bottomright: 0;
  93   -moz-border-radius-bottomleft: 0;
  94   -moz-border-radius-topleft: -1px;
  95   border-top-right-radius: -1px;
  96   border-bottom-right-radius: 0;
  97   border-bottom-left-radius: 0;
  98   border-top-left-radius: -1px;
  99   -moz-background-clip: padding-box;
 100   -webkit-background-clip: padding-box;
 101   background-clip: padding-box;
 102   min-height: 30px;
 103 }
 104 .ui-grid-header-group-panel .hidden {
 105   display: none;
 106 }
 107 .ui-grid-header-viewport {
 108   overflow: hidden;
 109 }
 110 .ui-grid-header-canvas {
 111   position: relative;
 112 }
 113 .ui-grid-header-canvas:before,
 114 .ui-grid-header-canvas:after {
 115   content: "";
 116   display: table;
 117   line-height: 0;
 118 }
 119 .ui-grid-header-canvas:after {
 120   clear: both;
 121 }
 122 .ui-grid-header-cell {
 123   position: relative;
 124   float: left;
 125   top: 0;
 126   bottom: 0;
 127   background-color: inherit;
 128   -webkit-user-select: none;
 129   -moz-user-select: none;
 130   -ms-user-select: none;
 131   user-select: none;
 132   width: 0;
 133 }
 134 .ui-grid-header-cell .sortable {
 135   cursor: pointer;
 136 }
 137 .ui-grid-header .ui-grid-vertical-bar {
 138   top: 0;
 139   bottom: 0;
 140 }
 141 .ui-grid-column-menu-button {
 142   position: absolute;
 143   right: 1px;
 144   top: 0;
 145 }
 146 .ui-grid-column-menu-button .ui-grid-icon-angle-down {
 147   vertical-align: sub;
 148 }
 149 .ui-grid-column-menu {
 150   position: absolute;
 151 }
 152 /* Slide up/down animations */
 153 .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner.ng-hide-add,
 154 .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner.ng-hide-remove {
 155   -webkit-transition: all 0.05s linear;
 156   -moz-transition: all 0.05s linear;
 157   -o-transition: all 0.05s linear;
 158   transition: all 0.05s linear;
 159   display: block !important;
 160 }
 161 .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner.ng-hide-add.ng-hide-add-active,
 162 .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner.ng-hide-remove {
 163   -webkit-transform: translateY(-100%);
 164   -moz-transform: translateY(-100%);
 165   -o-transform: translateY(-100%);
 166   -ms-transform: translateY(-100%);
 167   transform: translateY(-100%);
 168 }
 169 .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner.ng-hide-add,
 170 .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner.ng-hide-remove.ng-hide-remove-active {
 171   -webkit-transform: translateY(0);
 172   -moz-transform: translateY(0);
 173   -o-transform: translateY(0);
 174   -ms-transform: translateY(0);
 175   transform: translateY(0);
 176 }
 177 .ui-grid-filter-container {
 178   padding: 4px 10px;
 179   position: relative;
 180 }
 181 .ui-grid-filter-container .ui-grid-filter-button {
 182   position: absolute;
 183   top: 0;
 184   bottom: 0;
 185   right: 0;
 186 }
 187 .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"].right {
 188   position: absolute;
 189   top: 50%;
 190   line-height: 32px;
 191   margin-top: -16px;
 192   right: 10px;
 193   opacity: 0.66;
 194 }
 195 .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"].right:hover {
 196   opacity: 1;
 197 }
 198 input[type="text"].ui-grid-filter-input {
 199   padding: 0;
 200   margin: 0;
 201   border: 0;
 202   width: 100%;
 203   border: 1px solid #d4d4d4;
 204   -webkit-border-top-right-radius: 0px;
 205   -webkit-border-bottom-right-radius: 0;
 206   -webkit-border-bottom-left-radius: 0;
 207   -webkit-border-top-left-radius: 0;
 208   -moz-border-radius-topright: 0px;
 209   -moz-border-radius-bottomright: 0;
 210   -moz-border-radius-bottomleft: 0;
 211   -moz-border-radius-topleft: 0;
 212   border-top-right-radius: 0px;
 213   border-bottom-right-radius: 0;
 214   border-bottom-left-radius: 0;
 215   border-top-left-radius: 0;
 216   -moz-background-clip: padding-box;
 217   -webkit-background-clip: padding-box;
 218   background-clip: padding-box;
 219 }
 220 input[type="text"].ui-grid-filter-input:hover {
 221   border: 1px solid #d4d4d4;
 222 }
 223 .ui-grid-render-container {
 224   position: relative;
 225   -webkit-border-top-right-radius: 0;
 226   -webkit-border-bottom-right-radius: 0px;
 227   -webkit-border-bottom-left-radius: 0px;
 228   -webkit-border-top-left-radius: 0;
 229   -moz-border-radius-topright: 0;
 230   -moz-border-radius-bottomright: 0px;
 231   -moz-border-radius-bottomleft: 0px;
 232   -moz-border-radius-topleft: 0;
 233   border-top-right-radius: 0;
 234   border-bottom-right-radius: 0px;
 235   border-bottom-left-radius: 0px;
 236   border-top-left-radius: 0;
 237   -moz-background-clip: padding-box;
 238   -webkit-background-clip: padding-box;
 239   background-clip: padding-box;
 240 }
 241 .ui-grid-viewport {
 242   min-height: 20px;
 243   position: relative;
 244   overflow: hidden;
 245 }
 246 .ui-grid-viewport :focus {
 247   outline: none;
 248 }
 249 .ui-grid-canvas {
 250   position: relative;
 251 }
 252 .ui-grid-row:nth-child(odd) .ui-grid-cell {
 253   background-color: #fdfdfd;
 254 }
 255 .ui-grid-row:nth-child(even) .ui-grid-cell {
 256   background-color: #f3f3f3;
 257 }
 258 .ui-grid-row:last-child .ui-grid-cell {
 259   border-bottom-color: #d4d4d4;
 260   border-bottom-style: solid;
 261 }
 262 .ui-grid-no-row-overlay {
 263   position: absolute;
 264   top: 0;
 265   bottom: 0;
 266   left: 0;
 267   right: 0;
 268   margin: 10%;
 269   background: #f3f3f3;
 270   background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
 271   background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
 272   background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
 273   background: -o-linear-gradient(#ffffff, #eeeeee);
 274   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
 275   -webkit-border-top-right-radius: 0px;
 276   -webkit-border-bottom-right-radius: 0;
 277   -webkit-border-bottom-left-radius: 0;
 278   -webkit-border-top-left-radius: 0;
 279   -moz-border-radius-topright: 0px;
 280   -moz-border-radius-bottomright: 0;
 281   -moz-border-radius-bottomleft: 0;
 282   -moz-border-radius-topleft: 0;
 283   border-top-right-radius: 0px;
 284   border-bottom-right-radius: 0;
 285   border-bottom-left-radius: 0;
 286   border-top-left-radius: 0;
 287   -moz-background-clip: padding-box;
 288   -webkit-background-clip: padding-box;
 289   background-clip: padding-box;
 290   border: 1px solid #d4d4d4;
 291   font-size: 2em;
 292   text-align: center;
 293 }
 294 .ui-grid-no-row-overlay > * {
 295   position: absolute;
 296   display: table;
 297   margin: auto 0;
 298   width: 100%;
 299   top: 0;
 300   bottom: 0;
 301   left: 0;
 302   right: 0;
 303   opacity: 0.66;
 304 }
 305 .ui-grid-cell {
 306   overflow: hidden;
 307   float: left;
 308   background-color: inherit;
 309   border-right: 1px solid;
 310   border-color: #d4d4d4;
 311   box-sizing: border-box;
 312 }
 313 .ui-grid-cell:last-child {
 314   border-right: 0;
 315 }
 316 .ui-grid-cell-contents {
 317   padding: 5px;
 318   -moz-box-sizing: border-box;
 319   -webkit-box-sizing: border-box;
 320   box-sizing: border-box;
 321   white-space: nowrap;
 322   -ms-text-overflow: ellipsis;
 323   -o-text-overflow: ellipsis;
 324   text-overflow: ellipsis;
 325   overflow: hidden;
 326   height: 100%;
 327 }
 328 .ui-grid-cell-contents-hidden {
 329   visibility: hidden;
 330   width: 0;
 331   height: 0;
 332   display: none;
 333 }
 334 .ui-grid-row-header-cell {
 335   background-color: #F0F0EE !important;
 336   border-bottom: solid 1px #d4d4d4;
 337 }
 338 .ui-grid-native-scrollbar {
 339   position: absolute;
 340   overflow: scroll;
 341 }
 342 .ui-grid-native-scrollbar.vertical {
 343   top: 0;
 344   right: 0;
 345   height: 100%;
 346   overflow-x: hidden;
 347   width: 17px;
 348 }
 349 .ui-grid-native-scrollbar.horizontal {
 350   bottom: 0;
 351   left: 0;
 352   width: 100%;
 353   overflow-y: hidden;
 354   height: 17px;
 355 }
 356 .ui-grid-footer-panel-background {
 357   background: #f3f3f3;
 358   background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
 359   background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
 360   background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
 361   background: -o-linear-gradient(#ffffff, #eeeeee);
 362   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
 363 }
 364 .ui-grid-footer-panel {
 365   position: relative;
 366   border-bottom: 1px solid #d4d4d4;
 367   border-top: 1px solid #d4d4d4;
 368   overflow: hidden;
 369   font-weight: bold;
 370   background: #f3f3f3;
 371   background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
 372   background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
 373   background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
 374   background: -o-linear-gradient(#ffffff, #eeeeee);
 375   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
 376   -webkit-border-top-right-radius: -1px;
 377   -webkit-border-bottom-right-radius: 0;
 378   -webkit-border-bottom-left-radius: 0;
 379   -webkit-border-top-left-radius: -1px;
 380   -moz-border-radius-topright: -1px;
 381   -moz-border-radius-bottomright: 0;
 382   -moz-border-radius-bottomleft: 0;
 383   -moz-border-radius-topleft: -1px;
 384   border-top-right-radius: -1px;
 385   border-bottom-right-radius: 0;
 386   border-bottom-left-radius: 0;
 387   border-top-left-radius: -1px;
 388   -moz-background-clip: padding-box;
 389   -webkit-background-clip: padding-box;
 390   background-clip: padding-box;
 391 }
 392 .ui-grid-group-panel {
 393   background: #f3f3f3;
 394   background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
 395   background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
 396   background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
 397   background: -o-linear-gradient(#ffffff, #eeeeee);
 398   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
 399   border-bottom: 1px solid #d4d4d4;
 400   border-top: 1px solid #d4d4d4;
 401   -webkit-border-top-right-radius: -1px;
 402   -webkit-border-bottom-right-radius: 0;
 403   -webkit-border-bottom-left-radius: 0;
 404   -webkit-border-top-left-radius: -1px;
 405   -moz-border-radius-topright: -1px;
 406   -moz-border-radius-bottomright: 0;
 407   -moz-border-radius-bottomleft: 0;
 408   -moz-border-radius-topleft: -1px;
 409   border-top-right-radius: -1px;
 410   border-bottom-right-radius: 0;
 411   border-bottom-left-radius: 0;
 412   border-top-left-radius: -1px;
 413   -moz-background-clip: padding-box;
 414   -webkit-background-clip: padding-box;
 415   background-clip: padding-box;
 416   min-height: 30px;
 417 }
 418 .ui-grid-footer-group-panel .hidden {
 419   display: none;
 420 }
 421 .ui-grid-footer-viewport {
 422   overflow: hidden;
 423 }
 424 .ui-grid-footer-canvas {
 425   position: relative;
 426 }
 427 .ui-grid-footer-canvas:before,
 428 .ui-grid-footer-canvas:after {
 429   content: "";
 430   display: table;
 431   line-height: 0;
 432 }
 433 .ui-grid-footer-canvas:after {
 434   clear: both;
 435 }
 436 .ui-grid-footer-cell {
 437   overflow: hidden;
 438   float: left;
 439   background-color: inherit;
 440   border-right: 1px solid;
 441   border-color: #d4d4d4;
 442   box-sizing: border-box;
 443 }
 444 .ui-grid-footer-cell:last-child {
 445   border-right: 0;
 446 }
 447 .ui-grid-footer .ui-grid-vertical-bar {
 448   top: 0;
 449   bottom: 0;
 450 }
 451 input[type="text"].ui-grid-filter-input {
 452   padding: 0;
 453   margin: 0;
 454   border: 0;
 455   width: 100%;
 456   border: 1px solid #d4d4d4;
 457   -webkit-border-top-right-radius: 0px;
 458   -webkit-border-bottom-right-radius: 0;
 459   -webkit-border-bottom-left-radius: 0;
 460   -webkit-border-top-left-radius: 0;
 461   -moz-border-radius-topright: 0px;
 462   -moz-border-radius-bottomright: 0;
 463   -moz-border-radius-bottomleft: 0;
 464   -moz-border-radius-topleft: 0;
 465   border-top-right-radius: 0px;
 466   border-bottom-right-radius: 0;
 467   border-bottom-left-radius: 0;
 468   border-top-left-radius: 0;
 469   -moz-background-clip: padding-box;
 470   -webkit-background-clip: padding-box;
 471   background-clip: padding-box;
 472 }
 473 input[type="text"].ui-grid-filter-input:hover {
 474   border: 1px solid #d4d4d4;
 475 }
 476 .ui-grid-menu {
 477   z-index: 2;
 478   position: absolute;
 479   overflow: hidden;
 480   padding: 0 10px 20px 10px;
 481   cursor: default;
 482 }
 483 .ui-grid-menu .ui-grid-menu-inner {
 484   background: #f3f3f3;
 485   border: 1px solid #d4d4d4;
 486   position: relative;
 487   white-space: nowrap;
 488   -webkit-border-radius: 0px;
 489   -moz-border-radius: 0px;
 490   border-radius: 0px;
 491   -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);
 492   -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);
 493   box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);
 494 }
 495 .ui-grid-menu .ui-grid-menu-inner ul {
 496   margin: 0;
 497   padding: 0;
 498   list-style-type: none;
 499 }
 500 .ui-grid-menu .ui-grid-menu-inner ul li {
 501   padding: 8px;
 502   cursor: pointer;
 503 }
 504 .ui-grid-menu .ui-grid-menu-inner ul li:hover {
 505   -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
 506   -moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
 507   box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
 508 }
 509 .ui-grid-menu .ui-grid-menu-inner ul li.ui-grid-menu-item-active {
 510   -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
 511   -moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
 512   box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
 513   background-color: #cecece;
 514 }
 515 .ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child) {
 516   border-bottom: 1px solid #d4d4d4;
 517 }
 518 .ui-grid-sortarrow {
 519   right: 5px;
 520   position: absolute;
 521   width: 20px;
 522   top: 0;
 523   bottom: 0;
 524   background-position: center;
 525 }
 526 .ui-grid-sortarrow.down {
 527   -webkit-transform: rotate(180deg);
 528   -moz-transform: rotate(180deg);
 529   -o-transform: rotate(180deg);
 530   -ms-transform: rotate(180deg);
 531   transform: rotate(180deg);
 532 }
 533 @font-face {
 534   font-family: 'ui-grid';
 535   src: url('ui-grid.eot');
 536   src: url('ui-grid.eot#iefix') format('embedded-opentype'), url('ui-grid.woff') format('woff'), url('ui-grid.ttf?') format('truetype'), url('ui-grid.svg?#ui-grid') format('svg');
 537   font-weight: normal;
 538   font-style: normal;
 539 }
 540 /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
 541 /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
 542 /*
 543 @media screen and (-webkit-min-device-pixel-ratio:0) {
 544   @font-face {
 545     font-family: 'ui-grid';
 546     src: url('../font/ui-grid.svg?12312827#ui-grid') format('svg');
 547   }
 548 }
 549 */
 550 [class^="ui-grid-icon"]:before,
 551 [class*=" ui-grid-icon"]:before {
 552   font-family: "ui-grid";
 553   font-style: normal;
 554   font-weight: normal;
 555   speak: none;
 556   display: inline-block;
 557   text-decoration: inherit;
 558   width: 1em;
 559   margin-right: .2em;
 560   text-align: center;
 561   /* opacity: .8; */
 562   /* For safety - reset parent styles, that can break glyph codes*/
 563   font-variant: normal;
 564   text-transform: none;
 565   /* fix buttons height, for twitter bootstrap */
 566   line-height: 1em;
 567   /* Animation center compensation - margins should be symmetric */
 568   /* remove if not needed */
 569   margin-left: .2em;
 570   /* you can be more comfortable with increased icons size */
 571   /* font-size: 120%; */
 572   /* Uncomment for 3D effect */
 573   /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
 574 }
 575 .ui-grid-icon-blank::before {
 576   width: 1em;
 577   content: ' ';
 578 }
 579 /*
 580 * RTL Styles
 581 */
 582 .ui-grid[dir=rtl] .ui-grid-header-cell,
 583 .ui-grid[dir=rtl] .ui-grid-footer-cell,
 584 .ui-grid[dir=rtl] .ui-grid-cell {
 585   float: right !important;
 586 }
 587 .ui-grid[dir=rtl] .ui-grid-scrollbar-horizontal {
 588   left: inherit;
 589   right: 0;
 590 }
 591 .ui-grid[dir=rtl] .ui-grid-native-scrollbar.vertical {
 592   left: 0;
 593   right: inherit;
 594 }
 595 .ui-grid[dir=rtl] .ui-grid-column-menu-button {
 596   position: absolute;
 597   left: 1px;
 598   top: 0;
 599   right: inherit;
 600 }
 601 .ui-grid[dir=rtl] .ui-grid-cell:first-child,
 602 .ui-grid[dir=rtl] .ui-grid-header-cell:first-child,
 603 .ui-grid[dir=rtl] .ui-grid-footer-cell:first-child {
 604   border-right: 0;
 605 }
 606 .ui-grid[dir=rtl] .ui-grid-cell:last-child {
 607   border-right: 1px solid;
 608   border-color: #d4d4d4;
 609 }
 610 .ui-grid[dir=rtl] .ui-grid-header-cell:first-child .ui-grid-vertical-bar,
 611 .ui-grid[dir=rtl] .ui-grid-footer-cell:first-child .ui-grid-vertical-bar,
 612 .ui-grid[dir=rtl] .ui-grid-cell:first-child .ui-grid-vertical-bar {
 613   width: 0;
 614 }
 615 /*
 616    Animation example, for spinners
 617 */
 618 .ui-grid-animate-spin {
 619   -moz-animation: ui-grid-spin 2s infinite linear;
 620   -o-animation: ui-grid-spin 2s infinite linear;
 621   -webkit-animation: ui-grid-spin 2s infinite linear;
 622   animation: ui-grid-spin 2s infinite linear;
 623   display: inline-block;
 624 }
 625 @-moz-keyframes ui-grid-spin {
 626   0% {
 627     -moz-transform: rotate(0deg);
 628     -o-transform: rotate(0deg);
 629     -webkit-transform: rotate(0deg);
 630     transform: rotate(0deg);
 631   }
 632   100% {
 633     -moz-transform: rotate(359deg);
 634     -o-transform: rotate(359deg);
 635     -webkit-transform: rotate(359deg);
 636     transform: rotate(359deg);
 637   }
 638 }
 639 @-webkit-keyframes ui-grid-spin {
 640   0% {
 641     -moz-transform: rotate(0deg);
 642     -o-transform: rotate(0deg);
 643     -webkit-transform: rotate(0deg);
 644     transform: rotate(0deg);
 645   }
 646   100% {
 647     -moz-transform: rotate(359deg);
 648     -o-transform: rotate(359deg);
 649     -webkit-transform: rotate(359deg);
 650     transform: rotate(359deg);
 651   }
 652 }
 653 @-o-keyframes ui-grid-spin {
 654   0% {
 655     -moz-transform: rotate(0deg);
 656     -o-transform: rotate(0deg);
 657     -webkit-transform: rotate(0deg);
 658     transform: rotate(0deg);
 659   }
 660   100% {
 661     -moz-transform: rotate(359deg);
 662     -o-transform: rotate(359deg);
 663     -webkit-transform: rotate(359deg);
 664     transform: rotate(359deg);
 665   }
 666 }
 667 @-ms-keyframes ui-grid-spin {
 668   0% {
 669     -moz-transform: rotate(0deg);
 670     -o-transform: rotate(0deg);
 671     -webkit-transform: rotate(0deg);
 672     transform: rotate(0deg);
 673   }
 674   100% {
 675     -moz-transform: rotate(359deg);
 676     -o-transform: rotate(359deg);
 677     -webkit-transform: rotate(359deg);
 678     transform: rotate(359deg);
 679   }
 680 }
 681 @keyframes ui-grid-spin {
 682   0% {
 683     -moz-transform: rotate(0deg);
 684     -o-transform: rotate(0deg);
 685     -webkit-transform: rotate(0deg);
 686     transform: rotate(0deg);
 687   }
 688   100% {
 689     -moz-transform: rotate(359deg);
 690     -o-transform: rotate(359deg);
 691     -webkit-transform: rotate(359deg);
 692     transform: rotate(359deg);
 693   }
 694 }
 695 /*---------------------------------------------------
 696     LESS Elements 0.9
 697   ---------------------------------------------------
 698     A set of useful LESS mixins
 699     More info at: http://lesselements.com
 700   ---------------------------------------------------*/
 701 /* This file contains variable declarations (do not remove this line) */
 702 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
 703 /**
 704 * @section Grid styles
 705 */
 706 /**
 707 * @section Header styles
 708 */
 709 /** @description Colors for header gradient */
 710 /**
 711 * @section Grid body styles
 712 */
 713 /** @description Colors used for row alternation */
 714 /**
 715 * @section Sort arrow colors
 716 */
 717 /**
 718 * @section Scrollbar styles
 719 */
 720 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
 721
 722 /* This file contains variable declarations (do not remove this line) */
 723 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
 724 /**
 725 * @section Grid styles
 726 */
 727 /**
 728 * @section Header styles
 729 */
 730 /** @description Colors for header gradient */
 731 /**
 732 * @section Grid body styles
 733 */
 734 /** @description Colors used for row alternation */
 735 /**
 736 * @section Sort arrow colors
 737 */
 738 /**
 739 * @section Scrollbar styles
 740 */
 741 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
 742 .ui-grid-cell-contents:focus {
 743   outline: 0;
 744   background-color: #b3c4c7;
 745 }
 746
 747 /* This file contains variable declarations (do not remove this line) */
 748 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
 749 /**
 750 * @section Grid styles
 751 */
 752 /**
 753 * @section Header styles
 754 */
 755 /** @description Colors for header gradient */
 756 /**
 757 * @section Grid body styles
 758 */
 759 /** @description Colors used for row alternation */
 760 /**
 761 * @section Sort arrow colors
 762 */
 763 /**
 764 * @section Scrollbar styles
 765 */
 766 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
 767 div.ui-grid-cell input {
 768   border-radius: inherit;
 769   padding: 0;
 770   width: 100%;
 771   color: inherit;
 772   height: auto;
 773   font: inherit;
 774   outline: none;
 775 }
 776 div.ui-grid-cell input:focus {
 777   color: inherit;
 778   outline: none;
 779 }
 780 div.ui-grid-cell input[type="checkbox"] {
 781   margin: 9px 0 0 6px;
 782   width: auto;
 783 }
 784 div.ui-grid-cell input.ng-invalid {
 785   border: 1px solid #fc8f8f;
 786 }
 787 div.ui-grid-cell input.ng-valid {
 788   border: 1px solid #d4d4d4;
 789 }
 790
 791 /* This file contains variable declarations (do not remove this line) */
 792 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
 793 /**
 794 * @section Grid styles
 795 */
 796 /**
 797 * @section Header styles
 798 */
 799 /** @description Colors for header gradient */
 800 /**
 801 * @section Grid body styles
 802 */
 803 /** @description Colors used for row alternation */
 804 /**
 805 * @section Sort arrow colors
 806 */
 807 /**
 808 * @section Scrollbar styles
 809 */
 810 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
 811 .expandableRow .ui-grid-row:nth-child(odd) .ui-grid-cell {
 812   background-color: #fdfdfd;
 813 }
 814 .expandableRow .ui-grid-row:nth-child(even) .ui-grid-cell {
 815   background-color: #f3f3f3;
 816 }
 817
 818 /* This file contains variable declarations (do not remove this line) */
 819 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
 820 /**
 821 * @section Grid styles
 822 */
 823 /**
 824 * @section Header styles
 825 */
 826 /** @description Colors for header gradient */
 827 /**
 828 * @section Grid body styles
 829 */
 830 /** @description Colors used for row alternation */
 831 /**
 832 * @section Sort arrow colors
 833 */
 834 /**
 835 * @section Scrollbar styles
 836 */
 837 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
 838
 839 /* This file contains variable declarations (do not remove this line) */
 840 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
 841 /**
 842 * @section Grid styles
 843 */
 844 /**
 845 * @section Header styles
 846 */
 847 /** @description Colors for header gradient */
 848 /**
 849 * @section Grid body styles
 850 */
 851 /** @description Colors used for row alternation */
 852 /**
 853 * @section Sort arrow colors
 854 */
 855 /**
 856 * @section Scrollbar styles
 857 */
 858 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
 859 .ui-grid-pinned-container {
 860   float: left;
 861 }
 862 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child {
 863   box-sizing: border-box;
 864   border-right: 1px solid;
 865   border-width: 1px;
 866   border-color: #aeaeae;
 867 }
 868 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
 869   box-sizing: border-box;
 870   border-right: 1px solid;
 871   border-width: 1px;
 872   border-color: #aeaeae;
 873 }
 874 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,
 875 .ui-grid-pinned-container .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
 876   width: 1px;
 877 }
 878 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
 879   background-color: #d4d4d4;
 880 }
 881 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
 882   background-color: #aeaeae;
 883 }
 884 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child .ui-grid-vertical-bar {
 885   right: -1px;
 886   width: 1px;
 887   background-color: #aeaeae;
 888 }
 889 .ui-grid-render-container-body {
 890   float: left;
 891 }
 892
 893 /* This file contains variable declarations (do not remove this line) */
 894 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
 895 /**
 896 * @section Grid styles
 897 */
 898 /**
 899 * @section Header styles
 900 */
 901 /** @description Colors for header gradient */
 902 /**
 903 * @section Grid body styles
 904 */
 905 /** @description Colors used for row alternation */
 906 /**
 907 * @section Sort arrow colors
 908 */
 909 /**
 910 * @section Scrollbar styles
 911 */
 912 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
 913 .ui-grid-column-resizer {
 914   top: 0;
 915   bottom: 0;
 916   width: 5px;
 917   position: absolute;
 918   cursor: col-resize;
 919 }
 920 .ui-grid-column-resizer.left {
 921   left: 0;
 922 }
 923 .ui-grid-column-resizer.right {
 924   right: 0;
 925 }
 926 .ui-grid.column-resizing {
 927   cursor: col-resize;
 928 }
 929 .ui-grid.column-resizing .ui-grid-resize-overlay {
 930   position: absolute;
 931   top: 0;
 932   height: 100%;
 933   width: 1px;
 934   background-color: #aeaeae;
 935 }
 936
 937 /* This file contains variable declarations (do not remove this line) */
 938 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
 939 /**
 940 * @section Grid styles
 941 */
 942 /**
 943 * @section Header styles
 944 */
 945 /** @description Colors for header gradient */
 946 /**
 947 * @section Grid body styles
 948 */
 949 /** @description Colors used for row alternation */
 950 /**
 951 * @section Sort arrow colors
 952 */
 953 /**
 954 * @section Scrollbar styles
 955 */
 956 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
 957 .ui-grid-row-saving .ui-grid-cell {
 958   color: #848484 !important;
 959 }
 960 .ui-grid-row-error .ui-grid-cell {
 961   color: #ff0000 !important;
 962 }
 963
 964 /* This file contains variable declarations (do not remove this line) */
 965 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
 966 /**
 967 * @section Grid styles
 968 */
 969 /**
 970 * @section Header styles
 971 */
 972 /** @description Colors for header gradient */
 973 /**
 974 * @section Grid body styles
 975 */
 976 /** @description Colors used for row alternation */
 977 /**
 978 * @section Sort arrow colors
 979 */
 980 /**
 981 * @section Scrollbar styles
 982 */
 983 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
 984 .ui-grid-row-selected .ui-grid-cell {
 985   background-color: #c9dde1 !important;
 986 }
 987 .ui-grid-disable-selection {
 988   -webkit-touch-callout: none;
 989   -webkit-user-select: none;
 990   -khtml-user-select: none;
 991   -moz-user-select: none;
 992   -ms-user-select: none;
 993   user-select: none;
 994   cursor: default;
 995 }
 996 .ui-grid-selection-row-header-buttons {
 997   cursor: pointer;
 998   opacity: 0.1;
 999 }
1000 .ui-grid-selection-row-header-buttons.ui-grid-row-selected {
1001   opacity: 1;
1002 }
1003 .ui-grid-selection-row-header-cell {
1004   border-bottom: solid 1px #d4d4d4;
1005 }
1006
1007 .ui-grid-icon-plus-squared:before {
1008   content: '\c350';
1009 }
1010 /* '썐' */
1011 .ui-grid-icon-minus-squared:before {
1012   content: '\c351';
1013 }
1014 /* '썑' */
1015 .ui-grid-icon-search:before {
1016   content: '\c352';
1017 }
1018 /* '썒' */
1019 .ui-grid-icon-cancel:before {
1020   content: '\c353';
1021 }
1022 /* '썓' */
1023 .ui-grid-icon-info-circled:before {
1024   content: '\c354';
1025 }
1026 /* '썔' */
1027 .ui-grid-icon-lock:before {
1028   content: '\c355';
1029 }
1030 /* '썕' */
1031 .ui-grid-icon-lock-open:before {
1032   content: '\c356';
1033 }
1034 /* '썖' */
1035 .ui-grid-icon-pencil:before {
1036   content: '\c357';
1037 }
1038 /* '썗' */
1039 .ui-grid-icon-down-dir:before {
1040   content: '\c358';
1041 }
1042 /* '썘' */
1043 .ui-grid-icon-up-dir:before {
1044   content: '\c359';
1045 }
1046 /* '썙' */
1047 .ui-grid-icon-left-dir:before {
1048   content: '\c35a';
1049 }
1050 /* '썚' */
1051 .ui-grid-icon-right-dir:before {
1052   content: '\c35b';
1053 }
1054 /* '썛' */
1055 .ui-grid-icon-left-open:before {
1056   content: '\c35c';
1057 }
1058 /* '썜' */
1059 .ui-grid-icon-right-open:before {
1060   content: '\c35d';
1061 }
1062 /* '썝' */
1063 .ui-grid-icon-angle-down:before {
1064   content: '\c35e';
1065 }
1066 /* '썞' */
1067 .ui-grid-icon-filter:before {
1068   content: '\c35f';
1069 }
1070 /* '썟' */
1071 .ui-grid-icon-sort-alt-up:before {
1072   content: '\c360';
1073 }
1074 /* '썠' */
1075 .ui-grid-icon-sort-alt-down:before {
1076   content: '\c361';
1077 }
1078 /* '썡' */
1079 .ui-grid-icon-ok:before {
1080   content: '\e800';
1081 }
1082 /* '' */
1083 .ui-grid-icon-spin5:before {
1084   content: '\ea61';
1085 }
1086 /* '' */