ui-grid.css 47 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948
  1. /*!
  2. * ui-grid - v4.4.6 - 2018-04-06
  3. * Copyright (c) 2018 ; License: MIT
  4. */
  5. #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:before,
  6. #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
  7. #ui-grid-twbs #ui-grid-twbs .btn-toolbar:before,
  8. #ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
  9. #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:before,
  10. #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
  11. content: " ";
  12. display: table;
  13. }
  14. #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
  15. #ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
  16. #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
  17. clear: both;
  18. }
  19. .ui-grid {
  20. border: 1px solid #d4d4d4;
  21. box-sizing: content-box;
  22. -webkit-border-radius: 0px;
  23. -moz-border-radius: 0px;
  24. border-radius: 0px;
  25. -webkit-transform: translateZ(0);
  26. -moz-transform: translateZ(0);
  27. -o-transform: translateZ(0);
  28. -ms-transform: translateZ(0);
  29. transform: translateZ(0);
  30. }
  31. .ui-grid-vertical-bar {
  32. position: absolute;
  33. right: 0;
  34. width: 0;
  35. }
  36. .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,
  37. .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
  38. width: 1px;
  39. }
  40. .ui-grid-scrollbar-placeholder {
  41. background-color: transparent;
  42. }
  43. .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
  44. background-color: #d4d4d4;
  45. }
  46. .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
  47. background-color: #d4d4d4;
  48. }
  49. .ui-grid-header-cell:last-child .ui-grid-vertical-bar {
  50. right: -1px;
  51. width: 1px;
  52. background-color: #d4d4d4;
  53. }
  54. .ui-grid-clearfix:before,
  55. .ui-grid-clearfix:after {
  56. content: "";
  57. display: table;
  58. }
  59. .ui-grid-clearfix:after {
  60. clear: both;
  61. }
  62. .ui-grid-invisible {
  63. visibility: hidden;
  64. }
  65. .ui-grid-contents-wrapper {
  66. position: relative;
  67. height: 100%;
  68. width: 100%;
  69. }
  70. .ui-grid-sr-only {
  71. position: absolute;
  72. width: 1px;
  73. height: 1px;
  74. margin: -1px;
  75. padding: 0;
  76. overflow: hidden;
  77. clip: rect(0, 0, 0, 0);
  78. border: 0;
  79. }
  80. .ui-grid-icon-button {
  81. background-color: transparent;
  82. border: none;
  83. padding: 0;
  84. }
  85. .ui-grid-top-panel-background {
  86. background-color: #f3f3f3;
  87. }
  88. .ui-grid-header {
  89. border-bottom: 1px solid #d4d4d4;
  90. box-sizing: border-box;
  91. }
  92. .ui-grid-top-panel {
  93. position: relative;
  94. overflow: hidden;
  95. font-weight: bold;
  96. background-color: #f3f3f3;
  97. -webkit-border-top-right-radius: -1px;
  98. -webkit-border-bottom-right-radius: 0;
  99. -webkit-border-bottom-left-radius: 0;
  100. -webkit-border-top-left-radius: -1px;
  101. -moz-border-radius-topright: -1px;
  102. -moz-border-radius-bottomright: 0;
  103. -moz-border-radius-bottomleft: 0;
  104. -moz-border-radius-topleft: -1px;
  105. border-top-right-radius: -1px;
  106. border-bottom-right-radius: 0;
  107. border-bottom-left-radius: 0;
  108. border-top-left-radius: -1px;
  109. -moz-background-clip: padding-box;
  110. -webkit-background-clip: padding-box;
  111. background-clip: padding-box;
  112. }
  113. .ui-grid-header-viewport {
  114. overflow: hidden;
  115. }
  116. .ui-grid-header-canvas:before,
  117. .ui-grid-header-canvas:after {
  118. content: "";
  119. display: table;
  120. line-height: 0;
  121. }
  122. .ui-grid-header-canvas:after {
  123. clear: both;
  124. }
  125. .ui-grid-header-cell-wrapper {
  126. position: relative;
  127. display: table;
  128. box-sizing: border-box;
  129. height: 100%;
  130. }
  131. .ui-grid-header-cell-row {
  132. display: table-row;
  133. }
  134. .ui-grid-header-cell {
  135. position: relative;
  136. box-sizing: border-box;
  137. background-color: inherit;
  138. border-right: 1px solid;
  139. border-color: #d4d4d4;
  140. display: table-cell;
  141. -webkit-user-select: none;
  142. -moz-user-select: none;
  143. -ms-user-select: none;
  144. user-select: none;
  145. width: 0;
  146. }
  147. .ui-grid-header-cell:last-child {
  148. border-right: 0;
  149. }
  150. .ui-grid-header-cell .sortable {
  151. cursor: pointer;
  152. }
  153. .ui-grid-header-cell .ui-grid-sort-priority-number {
  154. margin-left: -8px;
  155. }
  156. .ui-grid-header .ui-grid-vertical-bar {
  157. top: 0;
  158. bottom: 0;
  159. }
  160. .ui-grid-column-menu-button {
  161. position: absolute;
  162. right: 1px;
  163. top: 0;
  164. }
  165. .ui-grid-column-menu-button .ui-grid-icon-angle-down {
  166. vertical-align: sub;
  167. }
  168. .ui-grid-header-cell-last-col .ui-grid-cell-contents,
  169. .ui-grid-header-cell-last-col .ui-grid-filter-container,
  170. .ui-grid-header-cell-last-col .ui-grid-column-menu-button,
  171. .ui-grid-header-cell-last-col + .ui-grid-column-resizer.right {
  172. margin-right: 13px;
  173. }
  174. .ui-grid-render-container-right .ui-grid-header-cell-last-col .ui-grid-cell-contents,
  175. .ui-grid-render-container-right .ui-grid-header-cell-last-col .ui-grid-filter-container,
  176. .ui-grid-render-container-right .ui-grid-header-cell-last-col .ui-grid-column-menu-button,
  177. .ui-grid-render-container-right .ui-grid-header-cell-last-col + .ui-grid-column-resizer.right {
  178. margin-right: 28px;
  179. }
  180. .ui-grid-column-menu {
  181. position: absolute;
  182. }
  183. /* Slide up/down animations */
  184. .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
  185. .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
  186. -webkit-transition: all 0.04s linear;
  187. -moz-transition: all 0.04s linear;
  188. -o-transition: all 0.04s linear;
  189. transition: all 0.04s linear;
  190. display: block !important;
  191. }
  192. .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,
  193. .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
  194. -webkit-transform: translateY(-100%);
  195. -moz-transform: translateY(-100%);
  196. -o-transform: translateY(-100%);
  197. -ms-transform: translateY(-100%);
  198. transform: translateY(-100%);
  199. }
  200. .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
  201. .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active {
  202. -webkit-transform: translateY(0);
  203. -moz-transform: translateY(0);
  204. -o-transform: translateY(0);
  205. -ms-transform: translateY(0);
  206. transform: translateY(0);
  207. }
  208. /* Slide up/down animations */
  209. .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
  210. .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
  211. -webkit-transition: all 0.04s linear;
  212. -moz-transition: all 0.04s linear;
  213. -o-transition: all 0.04s linear;
  214. transition: all 0.04s linear;
  215. display: block !important;
  216. }
  217. .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,
  218. .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
  219. -webkit-transform: translateY(-100%);
  220. -moz-transform: translateY(-100%);
  221. -o-transform: translateY(-100%);
  222. -ms-transform: translateY(-100%);
  223. transform: translateY(-100%);
  224. }
  225. .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
  226. .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active {
  227. -webkit-transform: translateY(0);
  228. -moz-transform: translateY(0);
  229. -o-transform: translateY(0);
  230. -ms-transform: translateY(0);
  231. transform: translateY(0);
  232. }
  233. .ui-grid-filter-container {
  234. padding: 4px 10px;
  235. position: relative;
  236. }
  237. .ui-grid-filter-container .ui-grid-filter-button {
  238. position: absolute;
  239. top: 0;
  240. bottom: 0;
  241. right: 0;
  242. }
  243. .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"] {
  244. position: absolute;
  245. top: 50%;
  246. line-height: 32px;
  247. margin-top: -16px;
  248. right: 10px;
  249. opacity: 0.66;
  250. }
  251. .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]:hover {
  252. opacity: 1;
  253. }
  254. .ui-grid-filter-container .ui-grid-filter-button-select {
  255. position: absolute;
  256. top: 0;
  257. bottom: 0;
  258. right: 0;
  259. }
  260. .ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"] {
  261. position: absolute;
  262. top: 50%;
  263. line-height: 32px;
  264. margin-top: -16px;
  265. right: 0px;
  266. opacity: 0.66;
  267. }
  268. .ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"]:hover {
  269. opacity: 1;
  270. }
  271. input[type="text"].ui-grid-filter-input {
  272. box-sizing: border-box;
  273. padding: 0 18px 0 0;
  274. margin: 0;
  275. border: 0;
  276. width: 100%;
  277. border: 1px solid #d4d4d4;
  278. -webkit-border-top-right-radius: 0px;
  279. -webkit-border-bottom-right-radius: 0;
  280. -webkit-border-bottom-left-radius: 0;
  281. -webkit-border-top-left-radius: 0;
  282. -moz-border-radius-topright: 0px;
  283. -moz-border-radius-bottomright: 0;
  284. -moz-border-radius-bottomleft: 0;
  285. -moz-border-radius-topleft: 0;
  286. border-top-right-radius: 0px;
  287. border-bottom-right-radius: 0;
  288. border-bottom-left-radius: 0;
  289. border-top-left-radius: 0;
  290. -moz-background-clip: padding-box;
  291. -webkit-background-clip: padding-box;
  292. background-clip: padding-box;
  293. }
  294. input[type="text"].ui-grid-filter-input:hover {
  295. border: 1px solid #d4d4d4;
  296. }
  297. select.ui-grid-filter-select {
  298. padding: 0;
  299. margin: 0;
  300. border: 0;
  301. width: 90%;
  302. border: 1px solid #d4d4d4;
  303. -webkit-border-top-right-radius: 0px;
  304. -webkit-border-bottom-right-radius: 0;
  305. -webkit-border-bottom-left-radius: 0;
  306. -webkit-border-top-left-radius: 0;
  307. -moz-border-radius-topright: 0px;
  308. -moz-border-radius-bottomright: 0;
  309. -moz-border-radius-bottomleft: 0;
  310. -moz-border-radius-topleft: 0;
  311. border-top-right-radius: 0px;
  312. border-bottom-right-radius: 0;
  313. border-bottom-left-radius: 0;
  314. border-top-left-radius: 0;
  315. -moz-background-clip: padding-box;
  316. -webkit-background-clip: padding-box;
  317. background-clip: padding-box;
  318. }
  319. select.ui-grid-filter-select:hover {
  320. border: 1px solid #d4d4d4;
  321. }
  322. .ui-grid-filter-cancel-button-hidden select.ui-grid-filter-select {
  323. width: 100%;
  324. }
  325. .ui-grid-render-container {
  326. position: inherit;
  327. -webkit-border-top-right-radius: 0;
  328. -webkit-border-bottom-right-radius: 0px;
  329. -webkit-border-bottom-left-radius: 0px;
  330. -webkit-border-top-left-radius: 0;
  331. -moz-border-radius-topright: 0;
  332. -moz-border-radius-bottomright: 0px;
  333. -moz-border-radius-bottomleft: 0px;
  334. -moz-border-radius-topleft: 0;
  335. border-top-right-radius: 0;
  336. border-bottom-right-radius: 0px;
  337. border-bottom-left-radius: 0px;
  338. border-top-left-radius: 0;
  339. -moz-background-clip: padding-box;
  340. -webkit-background-clip: padding-box;
  341. background-clip: padding-box;
  342. }
  343. .ui-grid-render-container:focus {
  344. outline: none;
  345. }
  346. .ui-grid-viewport {
  347. min-height: 20px;
  348. position: relative;
  349. overflow-y: scroll;
  350. -webkit-overflow-scrolling: touch;
  351. }
  352. .ui-grid-viewport:focus {
  353. outline: none !important;
  354. }
  355. .ui-grid-canvas {
  356. position: relative;
  357. padding-top: 1px;
  358. }
  359. .ui-grid-row {
  360. clear: both;
  361. }
  362. .ui-grid-row:nth-child(odd) .ui-grid-cell {
  363. background-color: #fdfdfd;
  364. }
  365. .ui-grid-row:nth-child(even) .ui-grid-cell {
  366. background-color: #f3f3f3;
  367. }
  368. .ui-grid-row:last-child .ui-grid-cell {
  369. border-bottom-color: #d4d4d4;
  370. border-bottom-style: solid;
  371. }
  372. .ui-grid-no-row-overlay {
  373. position: absolute;
  374. top: 0;
  375. bottom: 0;
  376. left: 0;
  377. right: 0;
  378. margin: 10%;
  379. background-color: #f3f3f3;
  380. -webkit-border-top-right-radius: 0px;
  381. -webkit-border-bottom-right-radius: 0;
  382. -webkit-border-bottom-left-radius: 0;
  383. -webkit-border-top-left-radius: 0;
  384. -moz-border-radius-topright: 0px;
  385. -moz-border-radius-bottomright: 0;
  386. -moz-border-radius-bottomleft: 0;
  387. -moz-border-radius-topleft: 0;
  388. border-top-right-radius: 0px;
  389. border-bottom-right-radius: 0;
  390. border-bottom-left-radius: 0;
  391. border-top-left-radius: 0;
  392. -moz-background-clip: padding-box;
  393. -webkit-background-clip: padding-box;
  394. background-clip: padding-box;
  395. border: 1px solid #d4d4d4;
  396. font-size: 2em;
  397. text-align: center;
  398. }
  399. .ui-grid-no-row-overlay > * {
  400. position: absolute;
  401. display: table;
  402. margin: auto 0;
  403. width: 100%;
  404. top: 0;
  405. bottom: 0;
  406. left: 0;
  407. right: 0;
  408. opacity: 0.66;
  409. }
  410. .ui-grid-cell {
  411. overflow: hidden;
  412. float: left;
  413. background-color: inherit;
  414. border-right: 1px solid;
  415. border-color: #d4d4d4;
  416. box-sizing: border-box;
  417. }
  418. .ui-grid-cell:last-child {
  419. border-right: 0;
  420. }
  421. .ui-grid-cell-contents {
  422. padding: 5px;
  423. -moz-box-sizing: border-box;
  424. -webkit-box-sizing: border-box;
  425. box-sizing: border-box;
  426. white-space: nowrap;
  427. -ms-text-overflow: ellipsis;
  428. -o-text-overflow: ellipsis;
  429. text-overflow: ellipsis;
  430. overflow: hidden;
  431. height: 100%;
  432. }
  433. .ui-grid-cell-contents-hidden {
  434. visibility: hidden;
  435. width: 0;
  436. height: 0;
  437. display: none;
  438. }
  439. .ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
  440. background-color: #f0f0ee;
  441. border-bottom: solid 1px #d4d4d4;
  442. }
  443. .ui-grid-cell-empty {
  444. display: inline-block;
  445. width: 10px;
  446. height: 10px;
  447. }
  448. .ui-grid-footer-info {
  449. padding: 5px 10px;
  450. }
  451. .ui-grid-footer-panel-background {
  452. background-color: #f3f3f3;
  453. }
  454. .ui-grid-footer-panel {
  455. position: relative;
  456. border-bottom: 1px solid #d4d4d4;
  457. border-top: 1px solid #d4d4d4;
  458. overflow: hidden;
  459. font-weight: bold;
  460. background-color: #f3f3f3;
  461. -webkit-border-top-right-radius: -1px;
  462. -webkit-border-bottom-right-radius: 0;
  463. -webkit-border-bottom-left-radius: 0;
  464. -webkit-border-top-left-radius: -1px;
  465. -moz-border-radius-topright: -1px;
  466. -moz-border-radius-bottomright: 0;
  467. -moz-border-radius-bottomleft: 0;
  468. -moz-border-radius-topleft: -1px;
  469. border-top-right-radius: -1px;
  470. border-bottom-right-radius: 0;
  471. border-bottom-left-radius: 0;
  472. border-top-left-radius: -1px;
  473. -moz-background-clip: padding-box;
  474. -webkit-background-clip: padding-box;
  475. background-clip: padding-box;
  476. }
  477. .ui-grid-grid-footer {
  478. float: left;
  479. width: 100%;
  480. }
  481. .ui-grid-footer-viewport,
  482. .ui-grid-footer-canvas {
  483. display: flex;
  484. flex: 1 1 auto;
  485. height: 100%;
  486. }
  487. .ui-grid-footer-viewport {
  488. overflow: hidden;
  489. }
  490. .ui-grid-footer-canvas {
  491. position: relative;
  492. }
  493. .ui-grid-footer-canvas:before,
  494. .ui-grid-footer-canvas:after {
  495. content: "";
  496. display: table;
  497. line-height: 0;
  498. }
  499. .ui-grid-footer-canvas:after {
  500. clear: both;
  501. }
  502. .ui-grid-footer-cell-wrapper {
  503. position: relative;
  504. display: table;
  505. box-sizing: border-box;
  506. height: 100%;
  507. }
  508. .ui-grid-footer-cell-row {
  509. display: table-row;
  510. }
  511. .ui-grid-footer-cell {
  512. overflow: hidden;
  513. background-color: inherit;
  514. border-right: 1px solid;
  515. border-color: #d4d4d4;
  516. box-sizing: border-box;
  517. display: table-cell;
  518. }
  519. .ui-grid-footer-cell:last-child {
  520. border-right: 0;
  521. }
  522. .ui-grid-menu-button {
  523. z-index: 2;
  524. position: absolute;
  525. right: 0;
  526. top: 0;
  527. background: #f3f3f3;
  528. border: 0;
  529. border-left: 1px solid #d4d4d4;
  530. border-bottom: 1px solid #d4d4d4;
  531. cursor: pointer;
  532. height: 32px;
  533. font-weight: normal;
  534. }
  535. .ui-grid-menu-button .ui-grid-icon-container {
  536. margin-top: 5px;
  537. margin-left: 2px;
  538. }
  539. .ui-grid-menu-button .ui-grid-menu {
  540. right: 0;
  541. }
  542. .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid {
  543. overflow: scroll;
  544. }
  545. .ui-grid-menu {
  546. overflow: hidden;
  547. max-width: 320px;
  548. z-index: 2;
  549. position: absolute;
  550. right: 100%;
  551. padding: 0 10px 20px 10px;
  552. cursor: pointer;
  553. box-sizing: border-box;
  554. }
  555. .ui-grid-menu-item {
  556. width: 100%;
  557. overflow: hidden;
  558. text-overflow: ellipsis;
  559. white-space: nowrap;
  560. }
  561. .ui-grid-menu .ui-grid-menu-inner {
  562. background: #ffffff;
  563. border: 1px solid #d4d4d4;
  564. position: relative;
  565. white-space: nowrap;
  566. -webkit-border-radius: 0px;
  567. -moz-border-radius: 0px;
  568. border-radius: 0px;
  569. }
  570. .ui-grid-menu .ui-grid-menu-inner ul {
  571. margin: 0;
  572. padding: 0;
  573. list-style-type: none;
  574. }
  575. .ui-grid-menu .ui-grid-menu-inner ul li {
  576. padding: 0px;
  577. }
  578. .ui-grid-menu .ui-grid-menu-inner ul li button {
  579. color: #000000;
  580. min-width: 100%;
  581. padding: 8px;
  582. text-align: left;
  583. background: transparent;
  584. border: none;
  585. }
  586. .ui-grid-menu .ui-grid-menu-inner ul li button:hover,
  587. .ui-grid-menu .ui-grid-menu-inner ul li button:focus {
  588. background-color: #b3c4c7;
  589. }
  590. .ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item-active {
  591. background-color: #9cb2b6;
  592. }
  593. .ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child) > button {
  594. border-bottom: 1px solid #d4d4d4;
  595. }
  596. .ui-grid-sortarrow {
  597. right: 5px;
  598. position: absolute;
  599. width: 20px;
  600. top: 0;
  601. bottom: 0;
  602. background-position: center;
  603. }
  604. .ui-grid-sortarrow.down {
  605. -webkit-transform: rotate(180deg);
  606. -moz-transform: rotate(180deg);
  607. -o-transform: rotate(180deg);
  608. -ms-transform: rotate(180deg);
  609. transform: rotate(180deg);
  610. }
  611. @font-face {
  612. font-family: 'ui-grid';
  613. src: url('ui-grid.eot');
  614. 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');
  615. font-weight: normal;
  616. font-style: normal;
  617. }
  618. /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
  619. /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
  620. /*
  621. @media screen and (-webkit-min-device-pixel-ratio:0) {
  622. @font-face {
  623. font-family: 'ui-grid';
  624. src: url('@{font-path}ui-grid.svg?12312827#ui-grid') format('svg');
  625. }
  626. }
  627. */
  628. [class^="ui-grid-icon"]:before,
  629. [class*=" ui-grid-icon"]:before {
  630. font-family: "ui-grid";
  631. font-style: normal;
  632. font-weight: normal;
  633. speak: none;
  634. display: inline-block;
  635. text-decoration: inherit;
  636. width: 1em;
  637. margin-right: .2em;
  638. text-align: center;
  639. /* opacity: .8; */
  640. /* For safety - reset parent styles, that can break glyph codes*/
  641. font-variant: normal;
  642. text-transform: none;
  643. /* fix buttons height, for twitter bootstrap */
  644. line-height: 1em;
  645. /* Animation center compensation - margins should be symmetric */
  646. /* remove if not needed */
  647. margin-left: .2em;
  648. /* you can be more comfortable with increased icons size */
  649. /* font-size: 120%; */
  650. /* Uncomment for 3D effect */
  651. /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  652. }
  653. .ui-grid-icon-blank::before {
  654. width: 1em;
  655. content: ' ';
  656. }
  657. .ui-grid-icon-plus-squared:before {
  658. content: '\c350';
  659. }
  660. .ui-grid-icon-minus-squared:before {
  661. content: '\c351';
  662. }
  663. .ui-grid-icon-search:before {
  664. content: '\c352';
  665. }
  666. .ui-grid-icon-cancel:before {
  667. content: '\c353';
  668. }
  669. .ui-grid-icon-info-circled:before {
  670. content: '\c354';
  671. }
  672. .ui-grid-icon-lock:before {
  673. content: '\c355';
  674. }
  675. .ui-grid-icon-lock-open:before {
  676. content: '\c356';
  677. }
  678. .ui-grid-icon-pencil:before {
  679. content: '\c357';
  680. }
  681. .ui-grid-icon-down-dir:before {
  682. content: '\c358';
  683. }
  684. .ui-grid-icon-up-dir:before {
  685. content: '\c359';
  686. }
  687. .ui-grid-icon-left-dir:before {
  688. content: '\c35a';
  689. }
  690. .ui-grid-icon-right-dir:before {
  691. content: '\c35b';
  692. }
  693. .ui-grid-icon-left-open:before {
  694. content: '\c35c';
  695. }
  696. .ui-grid-icon-right-open:before {
  697. content: '\c35d';
  698. }
  699. .ui-grid-icon-angle-down:before {
  700. content: '\c35e';
  701. }
  702. .ui-grid-icon-filter:before {
  703. content: '\c35f';
  704. }
  705. .ui-grid-icon-sort-alt-up:before {
  706. content: '\c360';
  707. }
  708. .ui-grid-icon-sort-alt-down:before {
  709. content: '\c361';
  710. }
  711. .ui-grid-icon-ok:before {
  712. content: '\c362';
  713. }
  714. .ui-grid-icon-menu:before {
  715. content: '\c363';
  716. }
  717. .ui-grid-icon-indent-left:before {
  718. content: '\e800';
  719. }
  720. .ui-grid-icon-indent-right:before {
  721. content: '\e801';
  722. }
  723. .ui-grid-icon-spin5:before {
  724. content: '\ea61';
  725. }
  726. /*
  727. * RTL Styles
  728. */
  729. .ui-grid[dir=rtl] .ui-grid-header-cell,
  730. .ui-grid[dir=rtl] .ui-grid-footer-cell,
  731. .ui-grid[dir=rtl] .ui-grid-cell {
  732. float: right !important;
  733. }
  734. .ui-grid[dir=rtl] .ui-grid-column-menu-button {
  735. position: absolute;
  736. left: 1px;
  737. top: 0;
  738. right: inherit;
  739. }
  740. .ui-grid[dir=rtl] .ui-grid-cell:first-child,
  741. .ui-grid[dir=rtl] .ui-grid-header-cell:first-child,
  742. .ui-grid[dir=rtl] .ui-grid-footer-cell:first-child {
  743. border-right: 0;
  744. }
  745. .ui-grid[dir=rtl] .ui-grid-cell:last-child,
  746. .ui-grid[dir=rtl] .ui-grid-header-cell:last-child {
  747. border-right: 1px solid #d4d4d4;
  748. border-left: 0;
  749. }
  750. .ui-grid[dir=rtl] .ui-grid-header-cell:first-child .ui-grid-vertical-bar,
  751. .ui-grid[dir=rtl] .ui-grid-footer-cell:first-child .ui-grid-vertical-bar,
  752. .ui-grid[dir=rtl] .ui-grid-cell:first-child .ui-grid-vertical-bar {
  753. width: 0;
  754. }
  755. .ui-grid[dir=rtl] .ui-grid-menu-button {
  756. z-index: 2;
  757. position: absolute;
  758. left: 0;
  759. right: auto;
  760. background: #f3f3f3;
  761. border: 1px solid #d4d4d4;
  762. cursor: pointer;
  763. min-height: 27px;
  764. font-weight: normal;
  765. }
  766. .ui-grid[dir=rtl] .ui-grid-menu-button .ui-grid-menu {
  767. left: 0;
  768. right: auto;
  769. }
  770. .ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button {
  771. right: initial;
  772. left: 0;
  773. }
  774. .ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"] {
  775. right: initial;
  776. left: 10px;
  777. }
  778. /*
  779. Animation example, for spinners
  780. */
  781. .ui-grid-animate-spin {
  782. -moz-animation: ui-grid-spin 2s infinite linear;
  783. -o-animation: ui-grid-spin 2s infinite linear;
  784. -webkit-animation: ui-grid-spin 2s infinite linear;
  785. animation: ui-grid-spin 2s infinite linear;
  786. display: inline-block;
  787. }
  788. @-moz-keyframes ui-grid-spin {
  789. 0% {
  790. -moz-transform: rotate(0deg);
  791. -o-transform: rotate(0deg);
  792. -webkit-transform: rotate(0deg);
  793. transform: rotate(0deg);
  794. }
  795. 100% {
  796. -moz-transform: rotate(359deg);
  797. -o-transform: rotate(359deg);
  798. -webkit-transform: rotate(359deg);
  799. transform: rotate(359deg);
  800. }
  801. }
  802. @-webkit-keyframes ui-grid-spin {
  803. 0% {
  804. -moz-transform: rotate(0deg);
  805. -o-transform: rotate(0deg);
  806. -webkit-transform: rotate(0deg);
  807. transform: rotate(0deg);
  808. }
  809. 100% {
  810. -moz-transform: rotate(359deg);
  811. -o-transform: rotate(359deg);
  812. -webkit-transform: rotate(359deg);
  813. transform: rotate(359deg);
  814. }
  815. }
  816. @-o-keyframes ui-grid-spin {
  817. 0% {
  818. -moz-transform: rotate(0deg);
  819. -o-transform: rotate(0deg);
  820. -webkit-transform: rotate(0deg);
  821. transform: rotate(0deg);
  822. }
  823. 100% {
  824. -moz-transform: rotate(359deg);
  825. -o-transform: rotate(359deg);
  826. -webkit-transform: rotate(359deg);
  827. transform: rotate(359deg);
  828. }
  829. }
  830. @-ms-keyframes ui-grid-spin {
  831. 0% {
  832. -moz-transform: rotate(0deg);
  833. -o-transform: rotate(0deg);
  834. -webkit-transform: rotate(0deg);
  835. transform: rotate(0deg);
  836. }
  837. 100% {
  838. -moz-transform: rotate(359deg);
  839. -o-transform: rotate(359deg);
  840. -webkit-transform: rotate(359deg);
  841. transform: rotate(359deg);
  842. }
  843. }
  844. @keyframes ui-grid-spin {
  845. 0% {
  846. -moz-transform: rotate(0deg);
  847. -o-transform: rotate(0deg);
  848. -webkit-transform: rotate(0deg);
  849. transform: rotate(0deg);
  850. }
  851. 100% {
  852. -moz-transform: rotate(359deg);
  853. -o-transform: rotate(359deg);
  854. -webkit-transform: rotate(359deg);
  855. transform: rotate(359deg);
  856. }
  857. }
  858. /*---------------------------------------------------
  859. LESS Elements 0.9
  860. ---------------------------------------------------
  861. A set of useful LESS mixins
  862. More info at: http://lesselements.com
  863. ---------------------------------------------------*/
  864. /* This file contains variable declarations (do not remove this line) */
  865. /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
  866. /**
  867. * @section Grid styles
  868. */
  869. /**
  870. * @section Header styles
  871. */
  872. /** @description Colors for header gradient */
  873. /**
  874. * @section Grid body styles
  875. */
  876. /** @description Colors used for row alternation */
  877. /**
  878. * @section Grid Menu colors
  879. */
  880. /**
  881. * @section Sort arrow colors
  882. */
  883. /**
  884. * @section Scrollbar styles
  885. */
  886. /**
  887. * @section font library path
  888. */
  889. /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
  890. /* This file contains variable declarations (do not remove this line) */
  891. /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
  892. /**
  893. * @section Grid styles
  894. */
  895. /**
  896. * @section Header styles
  897. */
  898. /** @description Colors for header gradient */
  899. /**
  900. * @section Grid body styles
  901. */
  902. /** @description Colors used for row alternation */
  903. /**
  904. * @section Grid Menu colors
  905. */
  906. /**
  907. * @section Sort arrow colors
  908. */
  909. /**
  910. * @section Scrollbar styles
  911. */
  912. /**
  913. * @section font library path
  914. */
  915. /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
  916. #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:before,
  917. #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
  918. #ui-grid-twbs #ui-grid-twbs .btn-toolbar:before,
  919. #ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
  920. #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:before,
  921. #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
  922. content: " ";
  923. display: table;
  924. }
  925. #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
  926. #ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
  927. #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
  928. clear: both;
  929. }
  930. .ui-grid-cell-focus {
  931. outline: 0;
  932. background-color: #b3c4c7;
  933. }
  934. .ui-grid-focuser {
  935. position: absolute;
  936. left: 0px;
  937. top: 0px;
  938. z-index: -1;
  939. width: 100%;
  940. height: 100%;
  941. }
  942. .ui-grid-focuser:focus {
  943. border-color: #66afe9;
  944. outline: 0;
  945. -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  946. box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  947. }
  948. .ui-grid-offscreen {
  949. display: block;
  950. position: absolute;
  951. left: -10000px;
  952. top: -10000px;
  953. clip: rect(0px, 0px, 0px, 0px);
  954. }
  955. /* This file contains variable declarations (do not remove this line) */
  956. /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
  957. /**
  958. * @section Grid styles
  959. */
  960. /**
  961. * @section Header styles
  962. */
  963. /** @description Colors for header gradient */
  964. /**
  965. * @section Grid body styles
  966. */
  967. /** @description Colors used for row alternation */
  968. /**
  969. * @section Grid Menu colors
  970. */
  971. /**
  972. * @section Sort arrow colors
  973. */
  974. /**
  975. * @section Scrollbar styles
  976. */
  977. /**
  978. * @section font library path
  979. */
  980. /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
  981. .ui-grid-cell input {
  982. border-radius: inherit;
  983. padding: 0;
  984. width: 100%;
  985. color: inherit;
  986. height: auto;
  987. font: inherit;
  988. outline: none;
  989. }
  990. .ui-grid-cell input:focus {
  991. color: inherit;
  992. outline: none;
  993. }
  994. .ui-grid-cell input[type="checkbox"] {
  995. margin: 9px 0 0 6px;
  996. width: auto;
  997. }
  998. .ui-grid-cell input.ng-invalid {
  999. border: 1px solid #fc8f8f;
  1000. }
  1001. .ui-grid-cell input.ng-valid {
  1002. border: 1px solid #d4d4d4;
  1003. }
  1004. /* This file contains variable declarations (do not remove this line) */
  1005. /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
  1006. /**
  1007. * @section Grid styles
  1008. */
  1009. /**
  1010. * @section Header styles
  1011. */
  1012. /** @description Colors for header gradient */
  1013. /**
  1014. * @section Grid body styles
  1015. */
  1016. /** @description Colors used for row alternation */
  1017. /**
  1018. * @section Grid Menu colors
  1019. */
  1020. /**
  1021. * @section Sort arrow colors
  1022. */
  1023. /**
  1024. * @section Scrollbar styles
  1025. */
  1026. /**
  1027. * @section font library path
  1028. */
  1029. /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
  1030. .ui-grid-viewport .ui-grid-empty-base-layer-container {
  1031. position: absolute;
  1032. overflow: hidden;
  1033. pointer-events: none;
  1034. z-index: -1;
  1035. }
  1036. /* This file contains variable declarations (do not remove this line) */
  1037. /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
  1038. /**
  1039. * @section Grid styles
  1040. */
  1041. /**
  1042. * @section Header styles
  1043. */
  1044. /** @description Colors for header gradient */
  1045. /**
  1046. * @section Grid body styles
  1047. */
  1048. /** @description Colors used for row alternation */
  1049. /**
  1050. * @section Grid Menu colors
  1051. */
  1052. /**
  1053. * @section Sort arrow colors
  1054. */
  1055. /**
  1056. * @section Scrollbar styles
  1057. */
  1058. /**
  1059. * @section font library path
  1060. */
  1061. /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
  1062. .expandableRow .ui-grid-row:nth-child(odd) .ui-grid-cell {
  1063. background-color: #fdfdfd;
  1064. }
  1065. .expandableRow .ui-grid-row:nth-child(even) .ui-grid-cell {
  1066. background-color: #f3f3f3;
  1067. }
  1068. .ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell {
  1069. pointer-events: none;
  1070. }
  1071. .ui-grid-expandable-buttons-cell i {
  1072. pointer-events: all;
  1073. }
  1074. .scrollFiller {
  1075. float: left;
  1076. border: 1px solid #d4d4d4;
  1077. }
  1078. /* This file contains variable declarations (do not remove this line) */
  1079. /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
  1080. /**
  1081. * @section Grid styles
  1082. */
  1083. /**
  1084. * @section Header styles
  1085. */
  1086. /** @description Colors for header gradient */
  1087. /**
  1088. * @section Grid body styles
  1089. */
  1090. /** @description Colors used for row alternation */
  1091. /**
  1092. * @section Grid Menu colors
  1093. */
  1094. /**
  1095. * @section Sort arrow colors
  1096. */
  1097. /**
  1098. * @section Scrollbar styles
  1099. */
  1100. /**
  1101. * @section font library path
  1102. */
  1103. /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
  1104. /* This file contains variable declarations (do not remove this line) */
  1105. /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
  1106. /**
  1107. * @section Grid styles
  1108. */
  1109. /**
  1110. * @section Header styles
  1111. */
  1112. /** @description Colors for header gradient */
  1113. /**
  1114. * @section Grid body styles
  1115. */
  1116. /** @description Colors used for row alternation */
  1117. /**
  1118. * @section Grid Menu colors
  1119. */
  1120. /**
  1121. * @section Sort arrow colors
  1122. */
  1123. /**
  1124. * @section Scrollbar styles
  1125. */
  1126. /**
  1127. * @section font library path
  1128. */
  1129. /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
  1130. .ui-grid-tree-header-row {
  1131. font-weight: bold !important;
  1132. }
  1133. /* This file contains variable declarations (do not remove this line) */
  1134. /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
  1135. /**
  1136. * @section Grid styles
  1137. */
  1138. /**
  1139. * @section Header styles
  1140. */
  1141. /** @description Colors for header gradient */
  1142. /**
  1143. * @section Grid body styles
  1144. */
  1145. /** @description Colors used for row alternation */
  1146. /**
  1147. * @section Grid Menu colors
  1148. */
  1149. /**
  1150. * @section Sort arrow colors
  1151. */
  1152. /**
  1153. * @section Scrollbar styles
  1154. */
  1155. /**
  1156. * @section font library path
  1157. */
  1158. /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
  1159. /* This file contains variable declarations (do not remove this line) */
  1160. /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
  1161. /**
  1162. * @section Grid styles
  1163. */
  1164. /**
  1165. * @section Header styles
  1166. */
  1167. /** @description Colors for header gradient */
  1168. /**
  1169. * @section Grid body styles
  1170. */
  1171. /** @description Colors used for row alternation */
  1172. /**
  1173. * @section Grid Menu colors
  1174. */
  1175. /**
  1176. * @section Sort arrow colors
  1177. */
  1178. /**
  1179. * @section Scrollbar styles
  1180. */
  1181. /**
  1182. * @section font library path
  1183. */
  1184. /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
  1185. .movingColumn {
  1186. position: absolute;
  1187. top: 0;
  1188. border: 1px solid #d4d4d4;
  1189. box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
  1190. }
  1191. .movingColumn .ui-grid-icon-angle-down {
  1192. display: none;
  1193. }
  1194. /* This file contains variable declarations (do not remove this line) */
  1195. /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
  1196. /**
  1197. * @section Grid styles
  1198. */
  1199. /**
  1200. * @section Header styles
  1201. */
  1202. /** @description Colors for header gradient */
  1203. /**
  1204. * @section Grid body styles
  1205. */
  1206. /** @description Colors used for row alternation */
  1207. /**
  1208. * @section Grid Menu colors
  1209. */
  1210. /**
  1211. * @section Sort arrow colors
  1212. */
  1213. /**
  1214. * @section Scrollbar styles
  1215. */
  1216. /**
  1217. * @section font library path
  1218. */
  1219. /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
  1220. /*---------------------------------------------------
  1221. LESS Elements 0.9
  1222. ---------------------------------------------------
  1223. A set of useful LESS mixins
  1224. More info at: http://lesselements.com
  1225. ---------------------------------------------------*/
  1226. #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:before,
  1227. #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
  1228. #ui-grid-twbs #ui-grid-twbs .btn-toolbar:before,
  1229. #ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
  1230. #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:before,
  1231. #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
  1232. content: " ";
  1233. display: table;
  1234. }
  1235. #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
  1236. #ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
  1237. #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
  1238. clear: both;
  1239. }
  1240. .ui-grid-pager-panel {
  1241. display: flex;
  1242. justify-content: space-between;
  1243. align-items: center;
  1244. position: absolute;
  1245. left: 0;
  1246. bottom: 0;
  1247. width: 100%;
  1248. padding-top: 3px;
  1249. padding-bottom: 3px;
  1250. box-sizing: content-box;
  1251. }
  1252. .ui-grid-pager-container {
  1253. float: left;
  1254. }
  1255. .ui-grid-pager-control {
  1256. padding: 5px 0;
  1257. display: flex;
  1258. flex-flow: row nowrap;
  1259. align-items: center;
  1260. margin-right: 10px;
  1261. margin-left: 10px;
  1262. min-width: 135px;
  1263. float: left;
  1264. }
  1265. .ui-grid-pager-control button,
  1266. .ui-grid-pager-control span,
  1267. .ui-grid-pager-control input {
  1268. margin-right: 4px;
  1269. }
  1270. .ui-grid-pager-control button {
  1271. height: 25px;
  1272. min-width: 26px;
  1273. display: inline-block;
  1274. margin-bottom: 0;
  1275. font-weight: normal;
  1276. text-align: center;
  1277. vertical-align: middle;
  1278. touch-action: manipulation;
  1279. cursor: pointer;
  1280. background-image: none;
  1281. border: 1px solid transparent;
  1282. white-space: nowrap;
  1283. padding: 6px 12px;
  1284. font-size: 14px;
  1285. line-height: 1.42857143;
  1286. border-radius: 4px;
  1287. -webkit-user-select: none;
  1288. -moz-user-select: none;
  1289. -ms-user-select: none;
  1290. user-select: none;
  1291. color: #eeeeee;
  1292. background-color: #f3f3f3;
  1293. border-color: #cccccc;
  1294. }
  1295. .ui-grid-pager-control button:focus,
  1296. .ui-grid-pager-control button:active:focus,
  1297. .ui-grid-pager-control button.active:focus,
  1298. .ui-grid-pager-control button.focus,
  1299. .ui-grid-pager-control button:active.focus,
  1300. .ui-grid-pager-control button.active.focus {
  1301. outline: 5px auto -webkit-focus-ring-color;
  1302. outline-offset: -2px;
  1303. }
  1304. .ui-grid-pager-control button:hover,
  1305. .ui-grid-pager-control button:focus,
  1306. .ui-grid-pager-control button.focus {
  1307. color: #333333;
  1308. text-decoration: none;
  1309. }
  1310. .ui-grid-pager-control button:active,
  1311. .ui-grid-pager-control button.active {
  1312. outline: 0;
  1313. background-image: none;
  1314. -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  1315. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  1316. }
  1317. .ui-grid-pager-control button.disabled,
  1318. .ui-grid-pager-control button[disabled],
  1319. fieldset[disabled] .ui-grid-pager-control button {
  1320. cursor: not-allowed;
  1321. opacity: 0.65;
  1322. filter: alpha(opacity=65);
  1323. -webkit-box-shadow: none;
  1324. box-shadow: none;
  1325. }
  1326. a.ui-grid-pager-control button.disabled,
  1327. fieldset[disabled] a.ui-grid-pager-control button {
  1328. pointer-events: none;
  1329. }
  1330. .ui-grid-pager-control button:focus,
  1331. .ui-grid-pager-control button.focus {
  1332. color: #eeeeee;
  1333. background-color: #dadada;
  1334. border-color: #8c8c8c;
  1335. }
  1336. .ui-grid-pager-control button:hover {
  1337. color: #eeeeee;
  1338. background-color: #dadada;
  1339. border-color: #adadad;
  1340. }
  1341. .ui-grid-pager-control button:active,
  1342. .ui-grid-pager-control button.active,
  1343. .open > .dropdown-toggle.ui-grid-pager-control button {
  1344. color: #eeeeee;
  1345. background-color: #dadada;
  1346. border-color: #adadad;
  1347. }
  1348. .ui-grid-pager-control button:active:hover,
  1349. .ui-grid-pager-control button.active:hover,
  1350. .open > .dropdown-toggle.ui-grid-pager-control button:hover,
  1351. .ui-grid-pager-control button:active:focus,
  1352. .ui-grid-pager-control button.active:focus,
  1353. .open > .dropdown-toggle.ui-grid-pager-control button:focus,
  1354. .ui-grid-pager-control button:active.focus,
  1355. .ui-grid-pager-control button.active.focus,
  1356. .open > .dropdown-toggle.ui-grid-pager-control button.focus {
  1357. color: #eeeeee;
  1358. background-color: #c8c8c8;
  1359. border-color: #8c8c8c;
  1360. }
  1361. .ui-grid-pager-control button:active,
  1362. .ui-grid-pager-control button.active,
  1363. .open > .dropdown-toggle.ui-grid-pager-control button {
  1364. background-image: none;
  1365. }
  1366. .ui-grid-pager-control button.disabled:hover,
  1367. .ui-grid-pager-control button[disabled]:hover,
  1368. fieldset[disabled] .ui-grid-pager-control button:hover,
  1369. .ui-grid-pager-control button.disabled:focus,
  1370. .ui-grid-pager-control button[disabled]:focus,
  1371. fieldset[disabled] .ui-grid-pager-control button:focus,
  1372. .ui-grid-pager-control button.disabled.focus,
  1373. .ui-grid-pager-control button[disabled].focus,
  1374. fieldset[disabled] .ui-grid-pager-control button.focus {
  1375. background-color: #f3f3f3;
  1376. border-color: #cccccc;
  1377. }
  1378. .ui-grid-pager-control button .badge {
  1379. color: #f3f3f3;
  1380. background-color: #eeeeee;
  1381. }
  1382. .ui-grid-pager-control input {
  1383. display: block;
  1384. width: 100%;
  1385. height: 34px;
  1386. padding: 6px 12px;
  1387. font-size: 14px;
  1388. line-height: 1.42857143;
  1389. color: #555555;
  1390. background-color: #ffffff;
  1391. background-image: none;
  1392. border: 1px solid #cccccc;
  1393. border-radius: 4px;
  1394. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1395. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1396. -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  1397. -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  1398. transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  1399. height: 30px;
  1400. padding: 5px 10px;
  1401. font-size: 12px;
  1402. line-height: 1.5;
  1403. border-radius: 3px;
  1404. display: inline;
  1405. height: 26px;
  1406. width: 50px;
  1407. vertical-align: top;
  1408. }
  1409. .ui-grid-pager-control input:focus {
  1410. border-color: #66afe9;
  1411. outline: 0;
  1412. -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  1413. box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  1414. }
  1415. .ui-grid-pager-control input::-moz-placeholder {
  1416. color: #999999;
  1417. opacity: 1;
  1418. }
  1419. .ui-grid-pager-control input:-ms-input-placeholder {
  1420. color: #999999;
  1421. }
  1422. .ui-grid-pager-control input::-webkit-input-placeholder {
  1423. color: #999999;
  1424. }
  1425. .ui-grid-pager-control input::-ms-expand {
  1426. border: 0;
  1427. background-color: transparent;
  1428. }
  1429. .ui-grid-pager-control input[disabled],
  1430. .ui-grid-pager-control input[readonly],
  1431. fieldset[disabled] .ui-grid-pager-control input {
  1432. background-color: #eeeeee;
  1433. opacity: 1;
  1434. }
  1435. .ui-grid-pager-control input[disabled],
  1436. fieldset[disabled] .ui-grid-pager-control input {
  1437. cursor: not-allowed;
  1438. }
  1439. textarea.ui-grid-pager-control input {
  1440. height: auto;
  1441. }
  1442. select.ui-grid-pager-control input {
  1443. height: 30px;
  1444. line-height: 30px;
  1445. }
  1446. textarea.ui-grid-pager-control input,
  1447. select[multiple].ui-grid-pager-control input {
  1448. height: auto;
  1449. }
  1450. .ui-grid-pager-control .ui-grid-pager-max-pages-number {
  1451. vertical-align: bottom;
  1452. }
  1453. .ui-grid-pager-control .ui-grid-pager-max-pages-number > * {
  1454. vertical-align: bottom;
  1455. }
  1456. .ui-grid-pager-control .ui-grid-pager-max-pages-number abbr {
  1457. border-bottom: none;
  1458. text-decoration: none;
  1459. }
  1460. .ui-grid-pager-control .first-bar {
  1461. width: 10px;
  1462. border-left: 2px solid #4d4d4d;
  1463. margin-top: -6px;
  1464. height: 12px;
  1465. margin-left: -3px;
  1466. }
  1467. .ui-grid-pager-control .first-bar-rtl {
  1468. width: 10px;
  1469. border-left: 2px solid #4d4d4d;
  1470. margin-top: -6px;
  1471. height: 12px;
  1472. margin-right: -7px;
  1473. }
  1474. .ui-grid-pager-control .first-triangle {
  1475. width: 0;
  1476. height: 0;
  1477. border-style: solid;
  1478. border-width: 5px 8.7px 5px 0;
  1479. border-color: transparent #4d4d4d transparent transparent;
  1480. margin-left: 2px;
  1481. }
  1482. .ui-grid-pager-control .next-triangle {
  1483. margin-left: 1px;
  1484. }
  1485. .ui-grid-pager-control .prev-triangle {
  1486. margin-left: 0;
  1487. }
  1488. .ui-grid-pager-control .last-triangle {
  1489. width: 0;
  1490. height: 0;
  1491. border-style: solid;
  1492. border-width: 5px 0 5px 8.7px;
  1493. border-color: transparent transparent transparent #4d4d4d;
  1494. margin-left: -1px;
  1495. }
  1496. .ui-grid-pager-control .last-bar {
  1497. width: 10px;
  1498. border-left: 2px solid #4d4d4d;
  1499. margin-top: -6px;
  1500. height: 12px;
  1501. margin-left: 1px;
  1502. }
  1503. .ui-grid-pager-control .last-bar-rtl {
  1504. width: 10px;
  1505. border-left: 2px solid #4d4d4d;
  1506. margin-top: -6px;
  1507. height: 12px;
  1508. margin-right: -11px;
  1509. }
  1510. .ui-grid-pager-row-count-picker {
  1511. float: left;
  1512. padding: 5px 10px;
  1513. }
  1514. .ui-grid-pager-row-count-picker select {
  1515. display: block;
  1516. width: 100%;
  1517. height: 34px;
  1518. padding: 6px 12px;
  1519. font-size: 14px;
  1520. line-height: 1.42857143;
  1521. color: #555555;
  1522. background-color: #ffffff;
  1523. background-image: none;
  1524. border: 1px solid #cccccc;
  1525. border-radius: 4px;
  1526. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1527. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1528. -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  1529. -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  1530. transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  1531. height: 30px;
  1532. padding: 5px 10px;
  1533. font-size: 12px;
  1534. line-height: 1.5;
  1535. border-radius: 3px;
  1536. height: 25px;
  1537. width: 67px;
  1538. display: inline;
  1539. vertical-align: middle;
  1540. }
  1541. .ui-grid-pager-row-count-picker select:focus {
  1542. border-color: #66afe9;
  1543. outline: 0;
  1544. -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  1545. box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  1546. }
  1547. .ui-grid-pager-row-count-picker select::-moz-placeholder {
  1548. color: #999999;
  1549. opacity: 1;
  1550. }
  1551. .ui-grid-pager-row-count-picker select:-ms-input-placeholder {
  1552. color: #999999;
  1553. }
  1554. .ui-grid-pager-row-count-picker select::-webkit-input-placeholder {
  1555. color: #999999;
  1556. }
  1557. .ui-grid-pager-row-count-picker select::-ms-expand {
  1558. border: 0;
  1559. background-color: transparent;
  1560. }
  1561. .ui-grid-pager-row-count-picker select[disabled],
  1562. .ui-grid-pager-row-count-picker select[readonly],
  1563. fieldset[disabled] .ui-grid-pager-row-count-picker select {
  1564. background-color: #eeeeee;
  1565. opacity: 1;
  1566. }
  1567. .ui-grid-pager-row-count-picker select[disabled],
  1568. fieldset[disabled] .ui-grid-pager-row-count-picker select {
  1569. cursor: not-allowed;
  1570. }
  1571. textarea.ui-grid-pager-row-count-picker select {
  1572. height: auto;
  1573. }
  1574. select.ui-grid-pager-row-count-picker select {
  1575. height: 30px;
  1576. line-height: 30px;
  1577. }
  1578. textarea.ui-grid-pager-row-count-picker select,
  1579. select[multiple].ui-grid-pager-row-count-picker select {
  1580. height: auto;
  1581. }
  1582. .ui-grid-pager-row-count-picker .ui-grid-pager-row-count-label {
  1583. margin-top: 3px;
  1584. }
  1585. .ui-grid-pager-count-container {
  1586. float: right;
  1587. margin-top: 4px;
  1588. min-width: 50px;
  1589. }
  1590. .ui-grid-pager-count-container .ui-grid-pager-count {
  1591. margin-right: 10px;
  1592. margin-left: 10px;
  1593. float: right;
  1594. }
  1595. .ui-grid-pager-count-container .ui-grid-pager-count abbr {
  1596. border-bottom: none;
  1597. text-decoration: none;
  1598. }
  1599. /* This file contains variable declarations (do not remove this line) */
  1600. /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
  1601. /**
  1602. * @section Grid styles
  1603. */
  1604. /**
  1605. * @section Header styles
  1606. */
  1607. /** @description Colors for header gradient */
  1608. /**
  1609. * @section Grid body styles
  1610. */
  1611. /** @description Colors used for row alternation */
  1612. /**
  1613. * @section Grid Menu colors
  1614. */
  1615. /**
  1616. * @section Sort arrow colors
  1617. */
  1618. /**
  1619. * @section Scrollbar styles
  1620. */
  1621. /**
  1622. * @section font library path
  1623. */
  1624. /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
  1625. .ui-grid-pinned-container {
  1626. position: absolute;
  1627. display: inline;
  1628. top: 0;
  1629. }
  1630. .ui-grid-pinned-container.ui-grid-pinned-container-left {
  1631. float: left;
  1632. left: 0;
  1633. }
  1634. .ui-grid-pinned-container.ui-grid-pinned-container-right {
  1635. float: right;
  1636. right: 0;
  1637. }
  1638. .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child {
  1639. box-sizing: border-box;
  1640. border-right: 1px solid;
  1641. border-width: 1px;
  1642. border-right-color: #aeaeae;
  1643. }
  1644. .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
  1645. box-sizing: border-box;
  1646. border-right: 1px solid;
  1647. border-width: 1px;
  1648. border-right-color: #aeaeae;
  1649. }
  1650. .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,
  1651. .ui-grid-pinned-container .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
  1652. width: 1px;
  1653. }
  1654. .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
  1655. background-color: #d4d4d4;
  1656. }
  1657. .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
  1658. background-color: #aeaeae;
  1659. }
  1660. .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child .ui-grid-vertical-bar {
  1661. right: -1px;
  1662. width: 1px;
  1663. background-color: #aeaeae;
  1664. }
  1665. .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:first-child {
  1666. box-sizing: border-box;
  1667. border-left: 1px solid;
  1668. border-width: 1px;
  1669. border-left-color: #aeaeae;
  1670. }
  1671. .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:first-child {
  1672. box-sizing: border-box;
  1673. border-left: 1px solid;
  1674. border-width: 1px;
  1675. border-left-color: #aeaeae;
  1676. }
  1677. .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar,
  1678. .ui-grid-pinned-container .ui-grid-cell:not(:first-child) .ui-grid-vertical-bar {
  1679. width: 1px;
  1680. }
  1681. .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar {
  1682. background-color: #d4d4d4;
  1683. }
  1684. .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
  1685. background-color: #aeaeae;
  1686. }
  1687. .ui-grid-pinned-container.ui-grid-pinned-container-first .ui-grid-header-cell:first-child .ui-grid-vertical-bar {
  1688. left: -1px;
  1689. width: 1px;
  1690. background-color: #aeaeae;
  1691. }
  1692. /* This file contains variable declarations (do not remove this line) */
  1693. /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
  1694. /**
  1695. * @section Grid styles
  1696. */
  1697. /**
  1698. * @section Header styles
  1699. */
  1700. /** @description Colors for header gradient */
  1701. /**
  1702. * @section Grid body styles
  1703. */
  1704. /** @description Colors used for row alternation */
  1705. /**
  1706. * @section Grid Menu colors
  1707. */
  1708. /**
  1709. * @section Sort arrow colors
  1710. */
  1711. /**
  1712. * @section Scrollbar styles
  1713. */
  1714. /**
  1715. * @section font library path
  1716. */
  1717. /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
  1718. .ui-grid-column-resizer {
  1719. top: 0;
  1720. bottom: 0;
  1721. width: 5px;
  1722. position: absolute;
  1723. cursor: col-resize;
  1724. }
  1725. .ui-grid-column-resizer.left {
  1726. left: 0;
  1727. }
  1728. .ui-grid-column-resizer.right {
  1729. right: 0;
  1730. }
  1731. .ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
  1732. border-right: 1px solid #d4d4d4;
  1733. }
  1734. .ui-grid[dir=rtl] .ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
  1735. border-right: 0;
  1736. }
  1737. .ui-grid[dir=rtl] .ui-grid-header-cell:last-child .ui-grid-column-resizer.left {
  1738. border-left: 1px solid #d4d4d4;
  1739. }
  1740. .ui-grid.column-resizing {
  1741. cursor: col-resize;
  1742. -webkit-touch-callout: none;
  1743. -webkit-user-select: none;
  1744. -khtml-user-select: none;
  1745. -moz-user-select: none;
  1746. -ms-user-select: none;
  1747. user-select: none;
  1748. }
  1749. .ui-grid.column-resizing .ui-grid-resize-overlay {
  1750. position: absolute;
  1751. top: 0;
  1752. height: 100%;
  1753. width: 1px;
  1754. background-color: #aeaeae;
  1755. }
  1756. /* This file contains variable declarations (do not remove this line) */
  1757. /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
  1758. /**
  1759. * @section Grid styles
  1760. */
  1761. /**
  1762. * @section Header styles
  1763. */
  1764. /** @description Colors for header gradient */
  1765. /**
  1766. * @section Grid body styles
  1767. */
  1768. /** @description Colors used for row alternation */
  1769. /**
  1770. * @section Grid Menu colors
  1771. */
  1772. /**
  1773. * @section Sort arrow colors
  1774. */
  1775. /**
  1776. * @section Scrollbar styles
  1777. */
  1778. /**
  1779. * @section font library path
  1780. */
  1781. /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
  1782. .ui-grid-row-saving .ui-grid-cell {
  1783. color: #848484 !important;
  1784. }
  1785. .ui-grid-row-dirty .ui-grid-cell {
  1786. color: #610b38;
  1787. }
  1788. .ui-grid-row-error .ui-grid-cell {
  1789. color: #ff0000 !important;
  1790. }
  1791. /* This file contains variable declarations (do not remove this line) */
  1792. /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
  1793. /**
  1794. * @section Grid styles
  1795. */
  1796. /**
  1797. * @section Header styles
  1798. */
  1799. /** @description Colors for header gradient */
  1800. /**
  1801. * @section Grid body styles
  1802. */
  1803. /** @description Colors used for row alternation */
  1804. /**
  1805. * @section Grid Menu colors
  1806. */
  1807. /**
  1808. * @section Sort arrow colors
  1809. */
  1810. /**
  1811. * @section Scrollbar styles
  1812. */
  1813. /**
  1814. * @section font library path
  1815. */
  1816. /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
  1817. .ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
  1818. background-color: #c9dde1;
  1819. }
  1820. .ui-grid-disable-selection {
  1821. -webkit-touch-callout: none;
  1822. -webkit-user-select: none;
  1823. -khtml-user-select: none;
  1824. -moz-user-select: none;
  1825. -ms-user-select: none;
  1826. user-select: none;
  1827. cursor: default;
  1828. }
  1829. .ui-grid-selection-row-header-buttons {
  1830. display: flex;
  1831. align-items: center;
  1832. height: 100%;
  1833. cursor: pointer;
  1834. }
  1835. .ui-grid-selection-row-header-buttons::before {
  1836. opacity: 0.1;
  1837. }
  1838. .ui-grid-selection-row-header-buttons.ui-grid-row-selected::before,
  1839. .ui-grid-selection-row-header-buttons.ui-grid-all-selected::before {
  1840. opacity: 1;
  1841. }
  1842. /* This file contains variable declarations (do not remove this line) */
  1843. /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
  1844. /**
  1845. * @section Grid styles
  1846. */
  1847. /**
  1848. * @section Header styles
  1849. */
  1850. /** @description Colors for header gradient */
  1851. /**
  1852. * @section Grid body styles
  1853. */
  1854. /** @description Colors used for row alternation */
  1855. /**
  1856. * @section Grid Menu colors
  1857. */
  1858. /**
  1859. * @section Sort arrow colors
  1860. */
  1861. /**
  1862. * @section Scrollbar styles
  1863. */
  1864. /**
  1865. * @section font library path
  1866. */
  1867. /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
  1868. .ui-grid-tree-row-header-buttons.ui-grid-tree-header {
  1869. cursor: pointer;
  1870. opacity: 1;
  1871. }
  1872. /* This file contains variable declarations (do not remove this line) */
  1873. /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
  1874. /**
  1875. * @section Grid styles
  1876. */
  1877. /**
  1878. * @section Header styles
  1879. */
  1880. /** @description Colors for header gradient */
  1881. /**
  1882. * @section Grid body styles
  1883. */
  1884. /** @description Colors used for row alternation */
  1885. /**
  1886. * @section Grid Menu colors
  1887. */
  1888. /**
  1889. * @section Sort arrow colors
  1890. */
  1891. /**
  1892. * @section Scrollbar styles
  1893. */
  1894. /**
  1895. * @section font library path
  1896. */
  1897. /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
  1898. .ui-grid-tree-header-row {
  1899. font-weight: bold !important;
  1900. }
  1901. .ui-grid-tree-header-row .ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell {
  1902. pointer-events: all;
  1903. }
  1904. /* This file contains variable declarations (do not remove this line) */
  1905. /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
  1906. /**
  1907. * @section Grid styles
  1908. */
  1909. /**
  1910. * @section Header styles
  1911. */
  1912. /** @description Colors for header gradient */
  1913. /**
  1914. * @section Grid body styles
  1915. */
  1916. /** @description Colors used for row alternation */
  1917. /**
  1918. * @section Grid Menu colors
  1919. */
  1920. /**
  1921. * @section Sort arrow colors
  1922. */
  1923. /**
  1924. * @section Scrollbar styles
  1925. */
  1926. /**
  1927. * @section font library path
  1928. */
  1929. /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
  1930. .ui-grid-cell-contents.invalid {
  1931. border: 1px solid #fc8f8f;
  1932. }