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