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 #dddddd;
  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: #dddddd;
  42 }
  43 .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
  44   background-color: #dddddd;
  45 }
  46 .ui-grid-header-cell:last-child .ui-grid-vertical-bar {
  47   right: -1px;
  48   width: 1px;
  49   background-color: #dddddd;
  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: 1;
  76 }
  77 .ui-grid-top-panel-background {
  78   background: white;
  79   background: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(1, white));
  80   background: -ms-linear-gradient(bottom, white, white);
  81   background: -moz-linear-gradient(center bottom, white 0%, white 100%);
  82   background: -o-linear-gradient(white, white);
  83   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='white', GradientType=0);
  84 }
  85 .ui-grid-header {
  86   border-bottom: 1px solid #dddddd;
  87   box-sizing: border-box;
  88 }
  89 .ui-grid-top-panel {
  90   position: relative;
  91   overflow: hidden;
  92   font-weight: bold;
  93   background: white;
  94   background: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(1, white));
  95   background: -ms-linear-gradient(bottom, white, white);
  96   background: -moz-linear-gradient(center bottom, white 0%, white 100%);
  97   background: -o-linear-gradient(white, white);
  98   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='white', 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: #dddddd;
 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: 1;
 269   width: 100%;
 270   border: 1px solid #dddddd;
 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 #dddddd;
 289 }
 290 select.ui-grid-filter-select {
 291   padding: 0;
 292   margin: 0;
 293   border: 1;
 294   width: 90%;
 295   border: 1px solid #dddddd;
 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 #dddddd;
 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: white;
 354 }
 355 .ui-grid-row:nth-child(even) .ui-grid-cell {
 356   background-color: #f8f8f8;
 357 }
 358 .ui-grid-row:last-child .ui-grid-cell {
 359   border-bottom-color: #dddddd;
 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: white;
 370   background: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(1, white));
 371   background: -ms-linear-gradient(bottom, white, white);
 372   background: -moz-linear-gradient(center bottom, white 0%, white 100%);
 373   background: -o-linear-gradient(white, white);
 374   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='white', 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 #dddddd;
 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: #dddddd;
 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 #dddddd;
 460 }
 461 .ui-grid-footer-panel-background {
 462   background: white;
 463   background: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(1, white));
 464   background: -ms-linear-gradient(bottom, white, white);
 465   background: -moz-linear-gradient(center bottom, white 0%, white 100%);
 466   background: -o-linear-gradient(white, white);
 467   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='white', GradientType=0);
 468 }
 469 .ui-grid-footer-panel {
 470   position: relative;
 471   border-bottom: 1px solid #dddddd;
 472   border-top: 1px solid #dddddd;
 473   overflow: hidden;
 474   font-weight: bold;
 475   background: white;
 476   background: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(1, white));
 477   background: -ms-linear-gradient(bottom, white, white);
 478   background: -moz-linear-gradient(center bottom, white 0%, white 100%);
 479   background: -o-linear-gradient(white, white);
 480   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='white', 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   padding: 10px;
 501   border-top: 1px solid #dddddd;
 502   box-sizing: border-box;
 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: #dddddd;
 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: 1;
 543   width: 100%;
 544   border: 1px solid #dddddd;
 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 #dddddd;
 563 }
 564 .ui-grid-menu-button {
 565   z-index: 2;
 566   position: absolute;
 567   right: 0;
 568   top: 0;
 569   background: white;
 570   /*border: 1px solid #dddddd;*/
 571   border: none;
 572   cursor: pointer;
 573   height: 31px;
 574   font-weight: normal;
 575 }
 576 .ui-grid-menu-button .ui-grid-icon-container {
 577   margin-top: 3px;
 578 }
 579 .ui-grid-menu-button .ui-grid-menu {
 580   right: 0;
 581 }
 582 .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid {
 583   overflow: scroll;
 584   /*overflow: hidden;*/
 585   border: 1px solid #dddddd;
 586 }
 587 .ui-grid-menu {
 588   z-index: 2;
 589   position: absolute;
 590   padding: 0 10px 20px 10px;
 591   cursor: pointer;
 592   box-sizing: border-box;
 593 }
 594 .ui-grid-menu .ui-grid-menu-inner {
 595   background: white;
 596   border: 1px solid #dddddd;
 597   position: relative;
 598   white-space: nowrap;
 599   -webkit-border-radius: 0px;
 600   -moz-border-radius: 0px;
 601   border-radius: 0px;
 602   -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);
 603   -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);
 604   box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);
 605 }
 606 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
 607   position: absolute;
 608   right: 0px;
 609   top: 0px;
 610   display: inline-block;
 611   margin-bottom: 0;
 612   font-weight: normal;
 613   text-align: center;
 614   vertical-align: middle;
 615   touch-action: manipulation;
 616   cursor: pointer;
 617   background-image: none;
 618   border: 1px solid transparent;
 619   white-space: nowrap;
 620   padding: 6px 12px;
 621   font-size: 14px;
 622   line-height: 1.42857143;
 623   border-radius: 4px;
 624   -webkit-user-select: none;
 625   -moz-user-select: none;
 626   -ms-user-select: none;
 627   user-select: none;
 628   padding: 1px 1px;
 629   font-size: 10px;
 630   line-height: 1;
 631   border-radius: 2px;
 632   color: transparent;
 633   background-color: transparent;
 634   border-color: transparent;
 635 }
 636 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
 637 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active: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.focus,
 640 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active.focus,
 641 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active.focus {
 642   outline: thin dotted;
 643   outline: 5px auto -webkit-focus-ring-color;
 644   outline-offset: -2px;
 645 }
 646 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:hover,
 647 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
 648 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus {
 649   color: #333333;
 650   text-decoration: none;
 651 }
 652 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active,
 653 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active {
 654   outline: 0;
 655   background-image: none;
 656   -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 657   box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 658 }
 659 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled,
 660 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled],
 661 fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
 662   cursor: not-allowed;
 663   opacity: 0.65;
 664   filter: alpha(opacity=65);
 665   -webkit-box-shadow: none;
 666   box-shadow: none;
 667 }
 668 a.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled,
 669 fieldset[disabled] a.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
 670   pointer-events: none;
 671 }
 672 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
 673 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus {
 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:hover {
 679   color: transparent;
 680   background-color: rgba(0, 0, 0, 0);
 681   border-color: rgba(0, 0, 0, 0);
 682 }
 683 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active,
 684 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active,
 685 .open > .dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
 686   color: transparent;
 687   background-color: rgba(0, 0, 0, 0);
 688   border-color: rgba(0, 0, 0, 0);
 689 }
 690 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active:hover,
 691 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active:hover,
 692 .open > .dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:hover,
 693 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active:focus,
 694 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active:focus,
 695 .open > .dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
 696 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active.focus,
 697 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active.focus,
 698 .open > .dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus {
 699   color: transparent;
 700   background-color: rgba(0, 0, 0, 0);
 701   border-color: rgba(0, 0, 0, 0);
 702 }
 703 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active,
 704 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active,
 705 .open > .dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
 706   background-image: none;
 707 }
 708 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled:hover,
 709 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled]:hover,
 710 fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:hover,
 711 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled:focus,
 712 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled]:focus,
 713 fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
 714 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled.focus,
 715 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled].focus,
 716 fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus {
 717   background-color: transparent;
 718   border-color: transparent;
 719 }
 720 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button .badge {
 721   color: transparent;
 722   background-color: transparent;
 723 }
 724 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button > i {
 725   opacity: 0.75;
 726   color: black;
 727 }
 728 .ui-grid-menu .ui-grid-menu-inner ul {
 729   margin: 0;
 730   padding: 0;
 731   list-style-type: none;
 732 }
 733 .ui-grid-menu .ui-grid-menu-inner ul li {
 734   padding: 0px;
 735 }
 736 .ui-grid-menu .ui-grid-menu-inner ul li button {
 737   min-width: 100%;
 738   padding: 8px;
 739   text-align: left;
 740   background: transparent;
 741   border: none;
 742 }
 743 .ui-grid-menu .ui-grid-menu-inner ul li button:hover,
 744 .ui-grid-menu .ui-grid-menu-inner ul li button:focus {
 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 }
 749 .ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item-active {
 750   -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
 751   -moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
 752   box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
 753   background-color: #cecece;
 754 }
 755 .ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child) > button {
 756   border-bottom: 1px solid #dddddd;
 757 }
 758 .ui-grid-sortarrow {
 759   right: 5px;
 760   position: absolute;
 761   width: 20px;
 762   top: 0;
 763   bottom: 0;
 764   background-position: center;
 765 }
 766 .ui-grid-sortarrow.down {
 767   -webkit-transform: rotate(180deg);
 768   -moz-transform: rotate(180deg);
 769   -o-transform: rotate(180deg);
 770   -ms-transform: rotate(180deg);
 771   transform: rotate(180deg);
 772 }
 773 @font-face {
 774   font-family: 'ui-grid';
 775   src: url('ui-grid.eot');
 776   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');
 777   font-weight: normal;
 778   font-style: normal;
 779 }
 780 /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
 781 /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
 782 /*
 783 @media screen and (-webkit-min-device-pixel-ratio:0) {
 784   @font-face {
 785     font-family: 'ui-grid';
 786     src: url('@{font-path}ui-grid.svg?12312827#ui-grid') format('svg');
 787   }
 788 }
 789 */
 790 [class^="ui-grid-icon"]:before,
 791 [class*=" ui-grid-icon"]:before {
 792   font-family: "ui-grid";
 793   font-style: normal;
 794   font-weight: normal;
 795   speak: none;
 796   display: inline-block;
 797   text-decoration: inherit;
 798   width: 1em;
 799   margin-right: .2em;
 800   text-align: center;
 801   /* opacity: .8; */
 802   /* For safety - reset parent styles, that can break glyph codes*/
 803   font-variant: normal;
 804   text-transform: none;
 805   /* fix buttons height, for twitter bootstrap */
 806   line-height: 1em;
 807   /* Animation center compensation - margins should be symmetric */
 808   /* remove if not needed */
 809   margin-left: .2em;
 810   /* you can be more comfortable with increased icons size */
 811   /* font-size: 120%; */
 812   /* Uncomment for 3D effect */
 813   /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
 814 }
 815 .ui-grid-icon-blank::before {
 816   width: 1em;
 817   content: ' ';
 818 }
 819 /*
 820 * RTL Styles
 821 */
 822 .ui-grid[dir=rtl] .ui-grid-header-cell,
 823 .ui-grid[dir=rtl] .ui-grid-footer-cell,
 824 .ui-grid[dir=rtl] .ui-grid-cell {
 825   float: right !important;
 826 }
 827 .ui-grid[dir=rtl] .ui-grid-column-menu-button {
 828   position: absolute;
 829   left: 1px;
 830   top: 0;
 831   right: inherit;
 832 }
 833 .ui-grid[dir=rtl] .ui-grid-cell:first-child,
 834 .ui-grid[dir=rtl] .ui-grid-header-cell:first-child,
 835 .ui-grid[dir=rtl] .ui-grid-footer-cell:first-child {
 836   border-right: 0;
 837 }
 838 .ui-grid[dir=rtl] .ui-grid-cell:last-child,
 839 .ui-grid[dir=rtl] .ui-grid-header-cell:last-child {
 840   border-right: 1px solid #dddddd;
 841   border-left: 0;
 842 }
 843 .ui-grid[dir=rtl] .ui-grid-header-cell:first-child .ui-grid-vertical-bar,
 844 .ui-grid[dir=rtl] .ui-grid-footer-cell:first-child .ui-grid-vertical-bar,
 845 .ui-grid[dir=rtl] .ui-grid-cell:first-child .ui-grid-vertical-bar {
 846   width: 0;
 847 }
 848 .ui-grid[dir=rtl] .ui-grid-menu-button {
 849   z-index: 2;
 850   position: absolute;
 851   left: 0;
 852   right: auto;
 853   background: white;
 854   border: 1px solid #dddddd;
 855   cursor: pointer;
 856   min-height: 27px;
 857   font-weight: normal;
 858 }
 859 .ui-grid[dir=rtl] .ui-grid-menu-button .ui-grid-menu {
 860   left: 0;
 861   right: auto;
 862 }
 863 .ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button {
 864   right: initial;
 865   left: 0;
 866 }
 867 .ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"] {
 868   right: initial;
 869   left: 10px;
 870 }
 871 /*
 872    Animation example, for spinners
 873 */
 874 .ui-grid-animate-spin {
 875   -moz-animation: ui-grid-spin 2s infinite linear;
 876   -o-animation: ui-grid-spin 2s infinite linear;
 877   -webkit-animation: ui-grid-spin 2s infinite linear;
 878   animation: ui-grid-spin 2s infinite linear;
 879   display: inline-block;
 880 }
 881 @-moz-keyframes ui-grid-spin {
 882   0% {
 883     -moz-transform: rotate(0deg);
 884     -o-transform: rotate(0deg);
 885     -webkit-transform: rotate(0deg);
 886     transform: rotate(0deg);
 887   }
 888   100% {
 889     -moz-transform: rotate(359deg);
 890     -o-transform: rotate(359deg);
 891     -webkit-transform: rotate(359deg);
 892     transform: rotate(359deg);
 893   }
 894 }
 895 @-webkit-keyframes ui-grid-spin {
 896   0% {
 897     -moz-transform: rotate(0deg);
 898     -o-transform: rotate(0deg);
 899     -webkit-transform: rotate(0deg);
 900     transform: rotate(0deg);
 901   }
 902   100% {
 903     -moz-transform: rotate(359deg);
 904     -o-transform: rotate(359deg);
 905     -webkit-transform: rotate(359deg);
 906     transform: rotate(359deg);
 907   }
 908 }
 909 @-o-keyframes ui-grid-spin {
 910   0% {
 911     -moz-transform: rotate(0deg);
 912     -o-transform: rotate(0deg);
 913     -webkit-transform: rotate(0deg);
 914     transform: rotate(0deg);
 915   }
 916   100% {
 917     -moz-transform: rotate(359deg);
 918     -o-transform: rotate(359deg);
 919     -webkit-transform: rotate(359deg);
 920     transform: rotate(359deg);
 921   }
 922 }
 923 @-ms-keyframes ui-grid-spin {
 924   0% {
 925     -moz-transform: rotate(0deg);
 926     -o-transform: rotate(0deg);
 927     -webkit-transform: rotate(0deg);
 928     transform: rotate(0deg);
 929   }
 930   100% {
 931     -moz-transform: rotate(359deg);
 932     -o-transform: rotate(359deg);
 933     -webkit-transform: rotate(359deg);
 934     transform: rotate(359deg);
 935   }
 936 }
 937 @keyframes ui-grid-spin {
 938   0% {
 939     -moz-transform: rotate(0deg);
 940     -o-transform: rotate(0deg);
 941     -webkit-transform: rotate(0deg);
 942     transform: rotate(0deg);
 943   }
 944   100% {
 945     -moz-transform: rotate(359deg);
 946     -o-transform: rotate(359deg);
 947     -webkit-transform: rotate(359deg);
 948     transform: rotate(359deg);
 949   }
 950 }
 951
 952 .ui-grid-draggable-row {
 953     height: 30px;
 954 }
 955
 956 .ui-grid-draggable-row-over {
 957     position: relative;
 958     color: #AAA;
 959 }
 960
 961 .ui-grid-draggable-row-over:before {
 962     content: "";
 963     display: block;
 964     position: absolute;
 965     left: 0;
 966     width: 100%;
 967     border-bottom: 1px dashed #AAA;
 968 }
 969
 970 .ui-grid-draggable-row-over--above:before {
 971     top: 0;
 972 }
 973
 974 .ui-grid-draggable-row-over--below:before {
 975     bottom: 0;
 976 }
 977 /*---------------------------------------------------
 978     LESS Elements 0.9
 979   ---------------------------------------------------
 980     A set of useful LESS mixins
 981     More info at: http://lesselements.com
 982   ---------------------------------------------------*/