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