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