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: 445px;
  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: 0;
  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: 0;
 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: 0;
 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 }
 502 .ui-grid-footer-viewport {
 503   overflow: hidden;
 504 }
 505 .ui-grid-footer-canvas {
 506   position: relative;
 507 }
 508 .ui-grid-footer-canvas:before,
 509 .ui-grid-footer-canvas:after {
 510   content: "";
 511   display: table;
 512   line-height: 0;
 513 }
 514 .ui-grid-footer-canvas:after {
 515   clear: both;
 516 }
 517 .ui-grid-footer-cell-wrapper {
 518   position: relative;
 519   display: table;
 520   box-sizing: border-box;
 521   height: 100%;
 522 }
 523 .ui-grid-footer-cell-row {
 524   display: table-row;
 525 }
 526 .ui-grid-footer-cell {
 527   overflow: hidden;
 528   background-color: inherit;
 529   border-right: 1px solid;
 530   border-color: #dddddd;
 531   box-sizing: border-box;
 532   display: table-cell;
 533 }
 534 .ui-grid-footer-cell:last-child {
 535   border-right: 0;
 536 }
 537 input[type="text"].ui-grid-filter-input {
 538   padding: 0;
 539   margin: 0;
 540   border: 0;
 541   width: 100%;
 542   border: 1px solid #dddddd;
 543   -webkit-border-top-right-radius: 0px;
 544   -webkit-border-bottom-right-radius: 0;
 545   -webkit-border-bottom-left-radius: 0;
 546   -webkit-border-top-left-radius: 0;
 547   -moz-border-radius-topright: 0px;
 548   -moz-border-radius-bottomright: 0;
 549   -moz-border-radius-bottomleft: 0;
 550   -moz-border-radius-topleft: 0;
 551   border-top-right-radius: 0px;
 552   border-bottom-right-radius: 0;
 553   border-bottom-left-radius: 0;
 554   border-top-left-radius: 0;
 555   -moz-background-clip: padding-box;
 556   -webkit-background-clip: padding-box;
 557   background-clip: padding-box;
 558 }
 559 input[type="text"].ui-grid-filter-input:hover {
 560   border: 1px solid #dddddd;
 561 }
 562 .ui-grid-menu-button {
 563   z-index: 2;
 564   position: absolute;
 565   right: 0;
 566   top: 0;
 567   background: white;
 568   /*border: 1px solid #dddddd;*/
 569   border: none;
 570   cursor: pointer;
 571   height: 31px;
 572   font-weight: normal;
 573 }
 574 .ui-grid-menu-button .ui-grid-icon-container {
 575   margin-top: 3px;
 576 }
 577 .ui-grid-menu-button .ui-grid-menu {
 578   right: 0;
 579 }
 580 .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid {
 581   /*overflow: scroll;*/
 582   overflow: hidden;
 583   border: 1px solid #dddddd;
 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: white;
 594   border: 1px solid #dddddd;
 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 #dddddd;
 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 #dddddd;
 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: white;
 852   border: 1px solid #dddddd;
 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   ---------------------------------------------------*/