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