public/assets/css/global/ui-grid.css

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