No puede seleccionar más de 25 temas Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.

tabulator_bootstrap5.css 44KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867
  1. .tabulator {
  2. position: relative;
  3. border: 1px solid #dee2e6;
  4. background-color: #fff;
  5. font-size: 16px;
  6. text-align: left;
  7. overflow: hidden;
  8. -webkit-transform: translateZ(0);
  9. -moz-transform: translateZ(0);
  10. -ms-transform: translateZ(0);
  11. -o-transform: translateZ(0);
  12. transform: translateZ(0);
  13. }
  14. .tabulator[tabulator-layout="fitDataFill"] .tabulator-tableholder .tabulator-table {
  15. min-width: 100%;
  16. }
  17. .tabulator[tabulator-layout="fitDataTable"] {
  18. display: inline-block;
  19. }
  20. .tabulator.tabulator-block-select {
  21. user-select: none;
  22. }
  23. .tabulator.tabulator-ranges .tabulator-cell:not(.tabulator-editing) {
  24. user-select: none;
  25. }
  26. .tabulator .tabulator-header {
  27. position: relative;
  28. box-sizing: border-box;
  29. width: 100%;
  30. border-bottom: 1px solid #dee2e6;
  31. background-color: #fff;
  32. color: #555;
  33. font-weight: bold;
  34. white-space: nowrap;
  35. overflow: hidden;
  36. -moz-user-select: none;
  37. -khtml-user-select: none;
  38. -webkit-user-select: none;
  39. -o-user-select: none;
  40. outline: none;
  41. }
  42. .tabulator .tabulator-header.tabulator-header-hidden {
  43. display: none;
  44. }
  45. .tabulator .tabulator-header .tabulator-header-contents {
  46. position: relative;
  47. overflow: hidden;
  48. }
  49. .tabulator .tabulator-header .tabulator-header-contents .tabulator-headers {
  50. display: inline-block;
  51. }
  52. .tabulator .tabulator-header .tabulator-col {
  53. display: inline-flex;
  54. position: relative;
  55. box-sizing: border-box;
  56. flex-direction: column;
  57. justify-content: flex-start;
  58. border-right: 1px solid #aaa;
  59. background: #fff;
  60. text-align: left;
  61. vertical-align: bottom;
  62. overflow: hidden;
  63. }
  64. .tabulator .tabulator-header .tabulator-col.tabulator-moving {
  65. position: absolute;
  66. border: 1px solid #dee2e6;
  67. background: #e6e6e6;
  68. pointer-events: none;
  69. }
  70. .tabulator .tabulator-header .tabulator-col.tabulator-range-highlight {
  71. background-color: #D6D6D6;
  72. color: #000000;
  73. }
  74. .tabulator .tabulator-header .tabulator-col.tabulator-range-selected {
  75. background-color: #3876ca;
  76. color: #FFFFFF;
  77. }
  78. .tabulator .tabulator-header .tabulator-col .tabulator-col-content {
  79. box-sizing: border-box;
  80. position: relative;
  81. padding: 4px;
  82. }
  83. .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button {
  84. padding: 0 8px;
  85. }
  86. .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button:hover {
  87. cursor: pointer;
  88. opacity: .6;
  89. }
  90. .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder {
  91. position: relative;
  92. }
  93. .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
  94. box-sizing: border-box;
  95. width: 100%;
  96. white-space: nowrap;
  97. overflow: hidden;
  98. text-overflow: ellipsis;
  99. vertical-align: bottom;
  100. }
  101. .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title.tabulator-col-title-wrap {
  102. white-space: normal;
  103. text-overflow: initial;
  104. }
  105. .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor {
  106. box-sizing: border-box;
  107. width: 100%;
  108. border: 1px solid #999;
  109. padding: 1px;
  110. background: #fff;
  111. }
  112. .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-header-popup-button + .tabulator-title-editor {
  113. width: calc(100% - 22px);
  114. }
  115. .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter {
  116. display: flex;
  117. align-items: center;
  118. position: absolute;
  119. top: 0;
  120. bottom: 0;
  121. right: 4px;
  122. }
  123. .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  124. width: 0;
  125. height: 0;
  126. border-left: 6px solid transparent;
  127. border-right: 6px solid transparent;
  128. border-bottom: 6px solid #bbb;
  129. }
  130. .tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
  131. position: relative;
  132. display: flex;
  133. border-top: 1px solid #aaa;
  134. overflow: hidden;
  135. margin-right: -1px;
  136. }
  137. .tabulator .tabulator-header .tabulator-col .tabulator-header-filter {
  138. position: relative;
  139. box-sizing: border-box;
  140. margin-top: 2px;
  141. width: 100%;
  142. text-align: center;
  143. }
  144. .tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea {
  145. height: auto !important;
  146. }
  147. .tabulator .tabulator-header .tabulator-col .tabulator-header-filter svg {
  148. margin-top: 3px;
  149. }
  150. .tabulator .tabulator-header .tabulator-col .tabulator-header-filter input::-ms-clear {
  151. width: 0;
  152. height: 0;
  153. }
  154. .tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
  155. padding-right: 25px;
  156. }
  157. @media (hover: hover) and (pointer: fine) {
  158. .tabulator .tabulator-header .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover {
  159. cursor: pointer;
  160. background-color: #e6e6e6;
  161. }
  162. }
  163. .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-content .tabulator-col-sorter {
  164. color: #bbb;
  165. }
  166. @media (hover: hover) and (pointer: fine) {
  167. .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover {
  168. cursor: pointer;
  169. border-bottom: 6px solid #555;
  170. }
  171. }
  172. .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  173. border-top: none;
  174. border-bottom: 6px solid #bbb;
  175. }
  176. .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="ascending"] .tabulator-col-content .tabulator-col-sorter {
  177. color: #666;
  178. }
  179. @media (hover: hover) and (pointer: fine) {
  180. .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="ascending"] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover {
  181. cursor: pointer;
  182. border-bottom: 6px solid #555;
  183. }
  184. }
  185. .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="ascending"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  186. border-top: none;
  187. border-bottom: 6px solid #666;
  188. }
  189. .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="descending"] .tabulator-col-content .tabulator-col-sorter {
  190. color: #666;
  191. }
  192. @media (hover: hover) and (pointer: fine) {
  193. .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="descending"] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover {
  194. cursor: pointer;
  195. border-top: 6px solid #555;
  196. }
  197. }
  198. .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="descending"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  199. border-bottom: none;
  200. border-top: 6px solid #666;
  201. color: #666;
  202. }
  203. .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical .tabulator-col-content .tabulator-col-title {
  204. writing-mode: vertical-rl;
  205. text-orientation: mixed;
  206. display: flex;
  207. align-items: center;
  208. justify-content: center;
  209. }
  210. .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-col-vertical-flip .tabulator-col-title {
  211. transform: rotate(180deg);
  212. }
  213. .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-title {
  214. padding-right: 0;
  215. padding-top: 20px;
  216. }
  217. .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable.tabulator-col-vertical-flip .tabulator-col-title {
  218. padding-right: 0;
  219. padding-bottom: 20px;
  220. }
  221. .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-sorter {
  222. justify-content: center;
  223. left: 0;
  224. right: 0;
  225. top: 4px;
  226. bottom: auto;
  227. }
  228. .tabulator .tabulator-header .tabulator-frozen {
  229. position: sticky;
  230. left: 0;
  231. z-index: 11;
  232. }
  233. .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left {
  234. border-right: 2px solid #dee2e6;
  235. }
  236. .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right {
  237. border-left: 2px solid #dee2e6;
  238. }
  239. .tabulator .tabulator-header .tabulator-calcs-holder {
  240. box-sizing: border-box;
  241. display: inline-block;
  242. background: white !important;
  243. border-top: 1px solid #dee2e6;
  244. border-bottom: 1px solid #aaa;
  245. }
  246. .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row {
  247. background: white !important;
  248. }
  249. .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
  250. display: none;
  251. }
  252. .tabulator .tabulator-header .tabulator-frozen-rows-holder {
  253. display: inline-block;
  254. }
  255. .tabulator .tabulator-header .tabulator-frozen-rows-holder:empty {
  256. display: none;
  257. }
  258. .tabulator .tabulator-tableholder {
  259. position: relative;
  260. width: 100%;
  261. white-space: nowrap;
  262. overflow: auto;
  263. -webkit-overflow-scrolling: touch;
  264. }
  265. .tabulator .tabulator-tableholder:focus {
  266. outline: none;
  267. }
  268. .tabulator .tabulator-tableholder .tabulator-placeholder {
  269. box-sizing: border-box;
  270. display: flex;
  271. align-items: center;
  272. justify-content: center;
  273. min-width: 100%;
  274. width: 100%;
  275. }
  276. .tabulator .tabulator-tableholder .tabulator-placeholder[tabulator-render-mode="virtual"] {
  277. min-height: 100%;
  278. }
  279. .tabulator .tabulator-tableholder .tabulator-placeholder .tabulator-placeholder-contents {
  280. display: inline-block;
  281. text-align: center;
  282. padding: 10px;
  283. color: #ccc;
  284. font-weight: bold;
  285. font-size: 20px;
  286. white-space: normal;
  287. }
  288. .tabulator .tabulator-tableholder .tabulator-table {
  289. position: relative;
  290. display: inline-block;
  291. background-color: #fff;
  292. white-space: nowrap;
  293. overflow: visible;
  294. color: #333;
  295. }
  296. .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs {
  297. font-weight: bold;
  298. background: #dadfe4 !important;
  299. }
  300. .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-top {
  301. border-bottom: 2px solid #dee2e6;
  302. }
  303. .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-bottom {
  304. border-top: 2px solid #dee2e6;
  305. }
  306. .tabulator .tabulator-tableholder .tabulator-range-overlay {
  307. position: absolute;
  308. inset: 0;
  309. z-index: 10;
  310. pointer-events: none;
  311. }
  312. .tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-range {
  313. position: absolute;
  314. box-sizing: border-box;
  315. border: 1px solid #2975DD;
  316. }
  317. .tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-range.tabulator-range-active::after {
  318. content: '';
  319. position: absolute;
  320. right: -3px;
  321. bottom: -3px;
  322. width: 6px;
  323. height: 6px;
  324. background-color: #2975DD;
  325. border-radius: 999px;
  326. }
  327. .tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-range-cell-active {
  328. position: absolute;
  329. box-sizing: border-box;
  330. border: 2px solid #2975DD;
  331. }
  332. .tabulator .tabulator-footer {
  333. border-top: 1px solid #dee2e6;
  334. background-color: #e6e6e6;
  335. color: #555;
  336. font-weight: bold;
  337. white-space: nowrap;
  338. user-select: none;
  339. -moz-user-select: none;
  340. -khtml-user-select: none;
  341. -webkit-user-select: none;
  342. -o-user-select: none;
  343. }
  344. .tabulator .tabulator-footer .tabulator-footer-contents {
  345. display: flex;
  346. flex-direction: row;
  347. align-items: center;
  348. justify-content: space-between;
  349. padding: 5px 10px;
  350. }
  351. .tabulator .tabulator-footer .tabulator-footer-contents:empty {
  352. display: none;
  353. }
  354. .tabulator .tabulator-footer .tabulator-spreadsheet-tabs {
  355. margin-top: -5px;
  356. overflow-x: auto;
  357. }
  358. .tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab {
  359. display: inline-block;
  360. padding: 5px;
  361. border: #dee2e6 1px solid;
  362. border-top: none;
  363. border-bottom-left-radius: 5px;
  364. border-bottom-right-radius: 5px;
  365. font-size: .9em;
  366. }
  367. .tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab:hover {
  368. cursor: pointer;
  369. opacity: .7;
  370. }
  371. .tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab.tabulator-spreadsheet-tab-active {
  372. background: #fff;
  373. }
  374. .tabulator .tabulator-footer .tabulator-calcs-holder {
  375. box-sizing: border-box;
  376. width: 100%;
  377. text-align: left;
  378. background: #f3f3f3 !important;
  379. border-bottom: 1px solid #dee2e6;
  380. border-top: 1px solid #dee2e6;
  381. overflow: hidden;
  382. }
  383. .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {
  384. display: inline-block;
  385. background: #f3f3f3 !important;
  386. }
  387. .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
  388. display: none;
  389. }
  390. .tabulator .tabulator-footer .tabulator-calcs-holder:only-child {
  391. margin-bottom: -5px;
  392. border-bottom: none;
  393. }
  394. .tabulator .tabulator-footer > * + .tabulator-page-counter {
  395. margin-left: 10px;
  396. }
  397. .tabulator .tabulator-footer .tabulator-page-counter {
  398. font-weight: normal;
  399. }
  400. .tabulator .tabulator-footer .tabulator-paginator {
  401. flex: 1;
  402. text-align: right;
  403. color: #555;
  404. font-family: inherit;
  405. font-weight: inherit;
  406. font-size: inherit;
  407. }
  408. .tabulator .tabulator-footer .tabulator-page-size {
  409. display: inline-block;
  410. margin: 0 5px;
  411. padding: 2px 5px;
  412. border: 1px solid #dee2e6;
  413. border-radius: 3px;
  414. }
  415. .tabulator .tabulator-footer .tabulator-pages {
  416. margin: 0 7px;
  417. }
  418. .tabulator .tabulator-footer .tabulator-page {
  419. display: inline-block;
  420. margin: 0 2px;
  421. padding: 2px 5px;
  422. border: 1px solid #dee2e6;
  423. border-radius: 3px;
  424. background: rgba(255, 255, 255, 0.2);
  425. }
  426. .tabulator .tabulator-footer .tabulator-page.active {
  427. color: #fff;
  428. }
  429. .tabulator .tabulator-footer .tabulator-page:disabled {
  430. opacity: .5;
  431. }
  432. @media (hover: hover) and (pointer: fine) {
  433. .tabulator .tabulator-footer .tabulator-page:not(disabled):hover {
  434. cursor: pointer;
  435. background: rgba(0, 0, 0, 0.2);
  436. color: #fff;
  437. }
  438. }
  439. .tabulator .tabulator-col-resize-handle {
  440. position: relative;
  441. display: inline-block;
  442. width: 6px;
  443. margin-left: -3px;
  444. margin-right: -3px;
  445. z-index: 11;
  446. vertical-align: middle;
  447. }
  448. @media (hover: hover) and (pointer: fine) {
  449. .tabulator .tabulator-col-resize-handle:hover {
  450. cursor: ew-resize;
  451. }
  452. }
  453. .tabulator .tabulator-col-resize-handle:last-of-type {
  454. width: 3px;
  455. margin-right: 0;
  456. }
  457. .tabulator .tabulator-col-resize-guide {
  458. position: absolute;
  459. top: 0;
  460. width: 4px;
  461. height: 100%;
  462. margin-left: -0.5px;
  463. background-color: #999;
  464. opacity: .5;
  465. }
  466. .tabulator .tabulator-row-resize-guide {
  467. position: absolute;
  468. left: 0;
  469. width: 100%;
  470. height: 4px;
  471. margin-top: -0.5px;
  472. background-color: #999;
  473. opacity: .5;
  474. }
  475. .tabulator .tabulator-alert {
  476. position: absolute;
  477. display: flex;
  478. align-items: center;
  479. top: 0;
  480. left: 0;
  481. z-index: 100;
  482. height: 100%;
  483. width: 100%;
  484. background: rgba(0, 0, 0, 0.4);
  485. text-align: center;
  486. }
  487. .tabulator .tabulator-alert .tabulator-alert-msg {
  488. display: inline-block;
  489. margin: 0 auto;
  490. padding: 10px 20px;
  491. border-radius: 10px;
  492. background: #fff;
  493. font-weight: bold;
  494. font-size: 16px;
  495. }
  496. .tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-msg {
  497. border: 4px solid #333;
  498. color: #000;
  499. }
  500. .tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-error {
  501. border: 4px solid #D00;
  502. color: #590000;
  503. }
  504. .tabulator-row {
  505. position: relative;
  506. box-sizing: border-box;
  507. min-height: 24px;
  508. background-color: #fff;
  509. }
  510. .tabulator-row.tabulator-row-even {
  511. background-color: #e9ecef;
  512. }
  513. @media (hover: hover) and (pointer: fine) {
  514. .tabulator-row.tabulator-selectable:hover {
  515. background-color: #ced4da;
  516. cursor: pointer;
  517. }
  518. }
  519. .tabulator-row.tabulator-selected {
  520. background-color: #9ABCEA;
  521. }
  522. @media (hover: hover) and (pointer: fine) {
  523. .tabulator-row.tabulator-selected:hover {
  524. background-color: #769BCC;
  525. cursor: pointer;
  526. }
  527. }
  528. .tabulator-row.tabulator-row-moving {
  529. border: 1px solid #000;
  530. background: #fff;
  531. }
  532. .tabulator-row.tabulator-moving {
  533. position: absolute;
  534. border-top: 1px solid #dee2e6;
  535. border-bottom: 1px solid #dee2e6;
  536. pointer-events: none;
  537. z-index: 15;
  538. }
  539. .tabulator-row.tabulator-range-highlight .tabulator-cell.tabulator-range-row-header {
  540. background-color: #D6D6D6;
  541. color: #000000;
  542. }
  543. .tabulator-row.tabulator-range-highlight.tabulator-range-selected .tabulator-cell.tabulator-range-row-header {
  544. background-color: #3876ca;
  545. color: #FFFFFF;
  546. }
  547. .tabulator-row.tabulator-range-selected .tabulator-cell.tabulator-range-row-header {
  548. background-color: #3876ca;
  549. color: #FFFFFF;
  550. }
  551. .tabulator-row .tabulator-row-resize-handle {
  552. position: absolute;
  553. right: 0;
  554. bottom: 0;
  555. left: 0;
  556. height: 5px;
  557. }
  558. .tabulator-row .tabulator-row-resize-handle.prev {
  559. top: 0;
  560. bottom: auto;
  561. }
  562. @media (hover: hover) and (pointer: fine) {
  563. .tabulator-row .tabulator-row-resize-handle:hover {
  564. cursor: ns-resize;
  565. }
  566. }
  567. .tabulator-row .tabulator-responsive-collapse {
  568. box-sizing: border-box;
  569. padding: 5px;
  570. border-top: 1px solid #dee2e6;
  571. border-bottom: 1px solid #dee2e6;
  572. }
  573. .tabulator-row .tabulator-responsive-collapse:empty {
  574. display: none;
  575. }
  576. .tabulator-row .tabulator-responsive-collapse table {
  577. font-size: 16px;
  578. }
  579. .tabulator-row .tabulator-responsive-collapse table tr td {
  580. position: relative;
  581. }
  582. .tabulator-row .tabulator-responsive-collapse table tr td:first-of-type {
  583. padding-right: 10px;
  584. }
  585. .tabulator-row .tabulator-cell {
  586. display: inline-block;
  587. position: relative;
  588. box-sizing: border-box;
  589. padding: 4px;
  590. border-right: 1px solid #dee2e6;
  591. vertical-align: middle;
  592. white-space: nowrap;
  593. overflow: hidden;
  594. text-overflow: ellipsis;
  595. outline: none;
  596. }
  597. .tabulator-row .tabulator-cell.tabulator-row-header {
  598. border-right: 1px solid #dee2e6;
  599. border-bottom: 1px solid #dee2e6;
  600. background: #fff;
  601. }
  602. .tabulator-row .tabulator-cell.tabulator-frozen {
  603. display: inline-block;
  604. position: sticky;
  605. left: 0;
  606. background-color: inherit;
  607. z-index: 11;
  608. }
  609. .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left {
  610. border-right: 2px solid #dee2e6;
  611. }
  612. .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right {
  613. border-left: 2px solid #dee2e6;
  614. }
  615. .tabulator-row .tabulator-cell.tabulator-editing {
  616. border: 1px solid #1D68CD;
  617. outline: none;
  618. padding: 0;
  619. }
  620. .tabulator-row .tabulator-cell.tabulator-editing input,
  621. .tabulator-row .tabulator-cell.tabulator-editing select {
  622. border: 1px;
  623. background: transparent;
  624. outline: none;
  625. }
  626. .tabulator-row .tabulator-cell.tabulator-validation-fail {
  627. border: 1px solid #dd0000;
  628. }
  629. .tabulator-row .tabulator-cell.tabulator-validation-fail input,
  630. .tabulator-row .tabulator-cell.tabulator-validation-fail select {
  631. border: 1px;
  632. background: transparent;
  633. color: #dd0000;
  634. }
  635. .tabulator-row .tabulator-cell.tabulator-row-handle {
  636. display: inline-flex;
  637. align-items: center;
  638. justify-content: center;
  639. -moz-user-select: none;
  640. -khtml-user-select: none;
  641. -webkit-user-select: none;
  642. -o-user-select: none;
  643. }
  644. .tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box {
  645. width: 80%;
  646. }
  647. .tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box .tabulator-row-handle-bar {
  648. width: 100%;
  649. height: 3px;
  650. margin-top: 2px;
  651. background: #666;
  652. }
  653. .tabulator-row .tabulator-cell.tabulator-range-selected:not(.tabulator-range-only-cell-selected):not(.tabulator-range-row-header) {
  654. background-color: #9ABCEA;
  655. }
  656. .tabulator-row .tabulator-cell .tabulator-data-tree-branch-empty {
  657. display: inline-block;
  658. width: 7px;
  659. }
  660. .tabulator-row .tabulator-cell .tabulator-data-tree-branch {
  661. display: inline-block;
  662. vertical-align: middle;
  663. height: 9px;
  664. width: 7px;
  665. margin-top: -9px;
  666. margin-right: 5px;
  667. border-bottom-left-radius: 1px;
  668. border-left: 2px solid #dee2e6;
  669. border-bottom: 2px solid #dee2e6;
  670. }
  671. .tabulator-row .tabulator-cell .tabulator-data-tree-control {
  672. display: inline-flex;
  673. justify-content: center;
  674. align-items: center;
  675. vertical-align: middle;
  676. height: 11px;
  677. width: 11px;
  678. margin-right: 5px;
  679. border: 1px solid #333;
  680. border-radius: 2px;
  681. background: rgba(0, 0, 0, 0.1);
  682. overflow: hidden;
  683. }
  684. @media (hover: hover) and (pointer: fine) {
  685. .tabulator-row .tabulator-cell .tabulator-data-tree-control:hover {
  686. cursor: pointer;
  687. background: rgba(0, 0, 0, 0.2);
  688. }
  689. }
  690. .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
  691. display: inline-block;
  692. position: relative;
  693. height: 7px;
  694. width: 1px;
  695. background: transparent;
  696. }
  697. .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
  698. position: absolute;
  699. content: "";
  700. left: -3px;
  701. top: 3px;
  702. height: 1px;
  703. width: 7px;
  704. background: #333;
  705. }
  706. .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand {
  707. display: inline-block;
  708. position: relative;
  709. height: 7px;
  710. width: 1px;
  711. background: #333;
  712. }
  713. .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
  714. position: absolute;
  715. content: "";
  716. left: -3px;
  717. top: 3px;
  718. height: 1px;
  719. width: 7px;
  720. background: #333;
  721. }
  722. .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle {
  723. display: inline-flex;
  724. align-items: center;
  725. justify-content: center;
  726. -moz-user-select: none;
  727. -khtml-user-select: none;
  728. -webkit-user-select: none;
  729. -o-user-select: none;
  730. height: 15px;
  731. width: 15px;
  732. border-radius: 20px;
  733. background: #666;
  734. color: #fff;
  735. font-weight: bold;
  736. font-size: 1.1em;
  737. }
  738. @media (hover: hover) and (pointer: fine) {
  739. .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle:hover {
  740. opacity: .7;
  741. cursor: pointer;
  742. }
  743. }
  744. .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-close {
  745. display: initial;
  746. }
  747. .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-open {
  748. display: none;
  749. }
  750. .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle svg {
  751. stroke: #fff;
  752. }
  753. .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle .tabulator-responsive-collapse-toggle-close {
  754. display: none;
  755. }
  756. .tabulator-row .tabulator-cell .tabulator-traffic-light {
  757. display: inline-block;
  758. height: 14px;
  759. width: 14px;
  760. border-radius: 14px;
  761. }
  762. .tabulator-row.tabulator-group {
  763. box-sizing: border-box;
  764. border-bottom: 1px solid #999;
  765. border-right: 1px solid #dee2e6;
  766. border-top: 1px solid #999;
  767. padding: 5px;
  768. padding-left: 10px;
  769. background: #ccc;
  770. font-weight: bold;
  771. min-width: 100%;
  772. }
  773. @media (hover: hover) and (pointer: fine) {
  774. .tabulator-row.tabulator-group:hover {
  775. cursor: pointer;
  776. background-color: rgba(0, 0, 0, 0.1);
  777. }
  778. }
  779. .tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow {
  780. margin-right: 10px;
  781. border-left: 6px solid transparent;
  782. border-right: 6px solid transparent;
  783. border-top: 6px solid #666;
  784. border-bottom: 0;
  785. }
  786. .tabulator-row.tabulator-group.tabulator-group-level-1 {
  787. padding-left: 30px;
  788. }
  789. .tabulator-row.tabulator-group.tabulator-group-level-2 {
  790. padding-left: 50px;
  791. }
  792. .tabulator-row.tabulator-group.tabulator-group-level-3 {
  793. padding-left: 70px;
  794. }
  795. .tabulator-row.tabulator-group.tabulator-group-level-4 {
  796. padding-left: 90px;
  797. }
  798. .tabulator-row.tabulator-group.tabulator-group-level-5 {
  799. padding-left: 110px;
  800. }
  801. .tabulator-row.tabulator-group .tabulator-group-toggle {
  802. display: inline-block;
  803. }
  804. .tabulator-row.tabulator-group .tabulator-arrow {
  805. display: inline-block;
  806. width: 0;
  807. height: 0;
  808. margin-right: 16px;
  809. border-top: 6px solid transparent;
  810. border-bottom: 6px solid transparent;
  811. border-right: 0;
  812. border-left: 6px solid #666;
  813. vertical-align: middle;
  814. }
  815. .tabulator-row.tabulator-group span {
  816. margin-left: 10px;
  817. color: #d00;
  818. }
  819. .tabulator-toggle {
  820. box-sizing: border-box;
  821. display: flex;
  822. flex-direction: row;
  823. border: 1px solid #ccc;
  824. background: #dcdcdc;
  825. }
  826. .tabulator-toggle.tabulator-toggle-on {
  827. background: #1c6cc2;
  828. }
  829. .tabulator-toggle .tabulator-toggle-switch {
  830. box-sizing: border-box;
  831. border: 1px solid #ccc;
  832. background: #fff;
  833. }
  834. .tabulator-popup-container {
  835. position: absolute;
  836. display: inline-block;
  837. box-sizing: border-box;
  838. background: #fff;
  839. border: 1px solid #dee2e6;
  840. box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  841. font-size: 16px;
  842. overflow-y: auto;
  843. -webkit-overflow-scrolling: touch;
  844. z-index: 10000;
  845. }
  846. .tabulator-popup {
  847. padding: 5px;
  848. border-radius: 3px;
  849. }
  850. .tabulator-tooltip {
  851. max-width: Min(500px, 100%);
  852. padding: 3px 5px;
  853. border-radius: 2px;
  854. box-shadow: none;
  855. font-size: 12px;
  856. pointer-events: none;
  857. }
  858. .tabulator-menu .tabulator-menu-item {
  859. position: relative;
  860. box-sizing: border-box;
  861. padding: 5px 10px;
  862. user-select: none;
  863. }
  864. .tabulator-menu .tabulator-menu-item.tabulator-menu-item-disabled {
  865. opacity: .5;
  866. }
  867. @media (hover: hover) and (pointer: fine) {
  868. .tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover {
  869. cursor: pointer;
  870. background: #e9ecef;
  871. }
  872. }
  873. .tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu {
  874. padding-right: 25px;
  875. }
  876. .tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu::after {
  877. display: inline-block;
  878. position: absolute;
  879. top: calc(5px + .4em);
  880. right: 10px;
  881. height: 7px;
  882. width: 7px;
  883. content: '';
  884. border-width: 1px 1px 0 0;
  885. border-style: solid;
  886. border-color: #dee2e6;
  887. vertical-align: top;
  888. transform: rotate(45deg);
  889. }
  890. .tabulator-menu .tabulator-menu-separator {
  891. border-top: 1px solid #dee2e6;
  892. }
  893. .tabulator-edit-list {
  894. max-height: 200px;
  895. font-size: 16px;
  896. overflow-y: auto;
  897. -webkit-overflow-scrolling: touch;
  898. }
  899. .tabulator-edit-list .tabulator-edit-list-item {
  900. padding: 4px;
  901. color: #333;
  902. outline: none;
  903. }
  904. .tabulator-edit-list .tabulator-edit-list-item.active {
  905. color: #fff;
  906. background: #1D68CD;
  907. }
  908. .tabulator-edit-list .tabulator-edit-list-item.active.focused {
  909. outline: 1px solid rgba(255, 255, 255, 0.5);
  910. }
  911. .tabulator-edit-list .tabulator-edit-list-item.focused {
  912. outline: 1px solid #1D68CD;
  913. }
  914. @media (hover: hover) and (pointer: fine) {
  915. .tabulator-edit-list .tabulator-edit-list-item:hover {
  916. cursor: pointer;
  917. color: #fff;
  918. background: #1D68CD;
  919. }
  920. }
  921. .tabulator-edit-list .tabulator-edit-list-placeholder {
  922. padding: 4px;
  923. color: #333;
  924. text-align: center;
  925. }
  926. .tabulator-edit-list .tabulator-edit-list-group {
  927. border-bottom: 1px solid #dee2e6;
  928. padding: 4px;
  929. padding-top: 6px;
  930. color: #333;
  931. font-weight: bold;
  932. }
  933. .tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-2,
  934. .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-2 {
  935. padding-left: 12px;
  936. }
  937. .tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-3,
  938. .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-3 {
  939. padding-left: 20px;
  940. }
  941. .tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-4,
  942. .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-4 {
  943. padding-left: 28px;
  944. }
  945. .tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-5,
  946. .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-5 {
  947. padding-left: 36px;
  948. }
  949. .tabulator.tabulator-ltr {
  950. direction: ltr;
  951. }
  952. .tabulator.tabulator-rtl {
  953. text-align: initial;
  954. direction: rtl;
  955. }
  956. .tabulator.tabulator-rtl .tabulator-header .tabulator-col {
  957. text-align: initial;
  958. border-left: 1px solid #aaa;
  959. border-right: initial;
  960. }
  961. .tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
  962. margin-right: initial;
  963. margin-left: -1px;
  964. }
  965. .tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
  966. padding-right: 0;
  967. padding-left: 25px;
  968. }
  969. .tabulator.tabulator-rtl .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter {
  970. left: 8px;
  971. right: initial;
  972. }
  973. .tabulator.tabulator-rtl .tabulator-tableholder .tabulator-range-overlay .tabulator-range.tabulator-range-active::after {
  974. content: '';
  975. position: absolute;
  976. left: -3px;
  977. right: initial;
  978. bottom: -3px;
  979. width: 6px;
  980. height: 6px;
  981. background-color: #2975DD;
  982. border-radius: 999px;
  983. }
  984. .tabulator.tabulator-rtl .tabulator-row .tabulator-cell {
  985. border-right: initial;
  986. border-left: 1px solid #dee2e6;
  987. }
  988. .tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-branch {
  989. margin-right: initial;
  990. margin-left: 5px;
  991. border-bottom-left-radius: initial;
  992. border-bottom-right-radius: 1px;
  993. border-left: initial;
  994. border-right: 2px solid #dee2e6;
  995. }
  996. .tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-control {
  997. margin-right: initial;
  998. margin-left: 5px;
  999. }
  1000. .tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left {
  1001. border-left: 2px solid #dee2e6;
  1002. }
  1003. .tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right {
  1004. border-right: 2px solid #dee2e6;
  1005. }
  1006. .tabulator.tabulator-rtl .tabulator-row .tabulator-col-resize-handle:last-of-type {
  1007. width: 3px;
  1008. margin-left: 0;
  1009. margin-right: -3px;
  1010. }
  1011. .tabulator.tabulator-rtl .tabulator-footer .tabulator-calcs-holder {
  1012. text-align: initial;
  1013. }
  1014. .tabulator-print-fullscreen {
  1015. position: absolute;
  1016. top: 0;
  1017. bottom: 0;
  1018. left: 0;
  1019. right: 0;
  1020. z-index: 10000;
  1021. }
  1022. body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
  1023. display: none !important;
  1024. }
  1025. .tabulator-print-table {
  1026. border-collapse: collapse;
  1027. }
  1028. .tabulator-print-table .tabulator-data-tree-branch {
  1029. display: inline-block;
  1030. vertical-align: middle;
  1031. height: 9px;
  1032. width: 7px;
  1033. margin-top: -9px;
  1034. margin-right: 5px;
  1035. border-bottom-left-radius: 1px;
  1036. border-left: 2px solid #dee2e6;
  1037. border-bottom: 2px solid #dee2e6;
  1038. }
  1039. .tabulator-print-table .tabulator-print-table-group {
  1040. box-sizing: border-box;
  1041. border-bottom: 1px solid #999;
  1042. border-right: 1px solid #dee2e6;
  1043. border-top: 1px solid #999;
  1044. padding: 5px;
  1045. padding-left: 10px;
  1046. background: #ccc;
  1047. font-weight: bold;
  1048. min-width: 100%;
  1049. }
  1050. @media (hover: hover) and (pointer: fine) {
  1051. .tabulator-print-table .tabulator-print-table-group:hover {
  1052. cursor: pointer;
  1053. background-color: rgba(0, 0, 0, 0.1);
  1054. }
  1055. }
  1056. .tabulator-print-table .tabulator-print-table-group.tabulator-group-visible .tabulator-arrow {
  1057. margin-right: 10px;
  1058. border-left: 6px solid transparent;
  1059. border-right: 6px solid transparent;
  1060. border-top: 6px solid #666;
  1061. border-bottom: 0;
  1062. }
  1063. .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-1 td {
  1064. padding-left: 30px !important;
  1065. }
  1066. .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-2 td {
  1067. padding-left: 50px !important;
  1068. }
  1069. .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-3 td {
  1070. padding-left: 70px !important;
  1071. }
  1072. .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-4 td {
  1073. padding-left: 90px !important;
  1074. }
  1075. .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-5 td {
  1076. padding-left: 110px !important;
  1077. }
  1078. .tabulator-print-table .tabulator-print-table-group .tabulator-group-toggle {
  1079. display: inline-block;
  1080. }
  1081. .tabulator-print-table .tabulator-print-table-group .tabulator-arrow {
  1082. display: inline-block;
  1083. width: 0;
  1084. height: 0;
  1085. margin-right: 16px;
  1086. border-top: 6px solid transparent;
  1087. border-bottom: 6px solid transparent;
  1088. border-right: 0;
  1089. border-left: 6px solid #666;
  1090. vertical-align: middle;
  1091. }
  1092. .tabulator-print-table .tabulator-print-table-group span {
  1093. margin-left: 10px;
  1094. color: #d00;
  1095. }
  1096. .tabulator-print-table .tabulator-data-tree-control {
  1097. display: inline-flex;
  1098. justify-content: center;
  1099. align-items: center;
  1100. vertical-align: middle;
  1101. height: 11px;
  1102. width: 11px;
  1103. margin-right: 5px;
  1104. border: 1px solid #333;
  1105. border-radius: 2px;
  1106. background: rgba(0, 0, 0, 0.1);
  1107. overflow: hidden;
  1108. }
  1109. @media (hover: hover) and (pointer: fine) {
  1110. .tabulator-print-table .tabulator-data-tree-control:hover {
  1111. cursor: pointer;
  1112. background: rgba(0, 0, 0, 0.2);
  1113. }
  1114. }
  1115. .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
  1116. display: inline-block;
  1117. position: relative;
  1118. height: 7px;
  1119. width: 1px;
  1120. background: transparent;
  1121. }
  1122. .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
  1123. position: absolute;
  1124. content: "";
  1125. left: -3px;
  1126. top: 3px;
  1127. height: 1px;
  1128. width: 7px;
  1129. background: #333;
  1130. }
  1131. .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand {
  1132. display: inline-block;
  1133. position: relative;
  1134. height: 7px;
  1135. width: 1px;
  1136. background: #333;
  1137. }
  1138. .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
  1139. position: absolute;
  1140. content: "";
  1141. left: -3px;
  1142. top: 3px;
  1143. height: 1px;
  1144. width: 7px;
  1145. background: #333;
  1146. }
  1147. .tabulator {
  1148. background-color: #fff;
  1149. border: none;
  1150. }
  1151. .tabulator .tabulator-header {
  1152. border-top: 1px solid #dee2e6;
  1153. border-bottom: 2px solid #dee2e6;
  1154. color: inherit;
  1155. }
  1156. .tabulator .tabulator-header .tabulator-col {
  1157. border-right: none;
  1158. background-color: #fff;
  1159. }
  1160. .tabulator .tabulator-header .tabulator-col .tabulator-col-content {
  1161. padding: 12px;
  1162. }
  1163. .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter {
  1164. right: 0;
  1165. }
  1166. .tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
  1167. border-top: 1px solid #dee2e6;
  1168. }
  1169. .tabulator .tabulator-header .tabulator-col .tabulator-header-filter input {
  1170. padding: .375rem .75rem;
  1171. background-color: #fff;
  1172. background-clip: padding-box;
  1173. border: 1px solid #ced4da;
  1174. border-radius: .25rem;
  1175. transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  1176. font-size: 1rem;
  1177. line-height: 1.5;
  1178. color: #495057;
  1179. }
  1180. .tabulator .tabulator-header .tabulator-col .tabulator-header-filter input:focus {
  1181. color: #495057;
  1182. background-color: #fff;
  1183. border: 1px solid #1D68CD;
  1184. outline: 0;
  1185. }
  1186. .tabulator .tabulator-header .tabulator-calcs-holder {
  1187. width: 100%;
  1188. border-bottom: 1px solid #dee2e6;
  1189. }
  1190. .tabulator .tabulator-tableholder .tabulator-placeholder span {
  1191. color: #000;
  1192. }
  1193. .tabulator .tabulator-tableholder .tabulator-table {
  1194. color: inherit;
  1195. }
  1196. .tabulator .tabulator-footer {
  1197. color: inherit;
  1198. }
  1199. .tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab {
  1200. background-color: #fff;
  1201. font-weight: normal;
  1202. }
  1203. .tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab.tabulator-spreadsheet-tab-active {
  1204. background-color: #0d6efd;
  1205. color: #fff;
  1206. }
  1207. .tabulator .tabulator-footer .tabulator-paginator {
  1208. color: inherit;
  1209. }
  1210. .tabulator .tabulator-footer .tabulator-pages {
  1211. margin: 0;
  1212. }
  1213. .tabulator .tabulator-footer .tabulator-page {
  1214. margin: 0;
  1215. margin-top: 5px;
  1216. padding: 8px 12px;
  1217. }
  1218. .tabulator .tabulator-footer .tabulator-page[data-page="first"] {
  1219. border-top-left-radius: 4px;
  1220. border-bottom-left-radius: 4px;
  1221. }
  1222. .tabulator .tabulator-footer .tabulator-page[data-page="last"] {
  1223. border: 1px solid #dee2e6;
  1224. border-top-right-radius: 4px;
  1225. border-bottom-right-radius: 4px;
  1226. }
  1227. .tabulator .tabulator-footer .tabulator-page.active {
  1228. border-color: #0d6efd;
  1229. background-color: #0d6efd;
  1230. color: #fff;
  1231. }
  1232. .tabulator .tabulator-footer .tabulator-page:disabled {
  1233. border-color: #dee2e6;
  1234. background: #fff;
  1235. color: #6c757d;
  1236. }
  1237. @media (hover: hover) and (pointer: fine) {
  1238. .tabulator .tabulator-footer .tabulator-page:not(.disabled):hover {
  1239. border-color: #dee2e6;
  1240. background: #e9ecef;
  1241. color: #0a58ca;
  1242. }
  1243. }
  1244. .tabulator.thead-dark .tabulator-header {
  1245. border-color: #dee2e6;
  1246. background-color: #fff;
  1247. color: #212529;
  1248. }
  1249. .tabulator.thead-dark .tabulator-header .tabulator-col {
  1250. border-color: #dee2e6;
  1251. background-color: #fff;
  1252. color: #212529;
  1253. }
  1254. .tabulator.table {
  1255. background-color: #fff;
  1256. }
  1257. .tabulator.table:not(.thead-light) .tabulator-header {
  1258. border-color: #dee2e6;
  1259. background-color: #fff;
  1260. color: #212529;
  1261. }
  1262. .tabulator.table:not(.thead-light) .tabulator-header .tabulator-col {
  1263. border-color: #dee2e6;
  1264. background-color: #fff;
  1265. color: #212529;
  1266. }
  1267. .tabulator.table .tabulator-tableholder {
  1268. color: #212529;
  1269. }
  1270. .tabulator.table .tabulator-row {
  1271. border-color: #dee2e6;
  1272. background-color: #fff;
  1273. color: #212529;
  1274. }
  1275. @media (hover: hover) and (pointer: fine) {
  1276. .tabulator.table .tabulator-row:hover {
  1277. background-color: #dee2e6;
  1278. }
  1279. .tabulator.table .tabulator-row:hover .tabulator-cell {
  1280. background-color: #ced4da;
  1281. }
  1282. }
  1283. .tabulator.table .tabulator-row.tabulator-selected {
  1284. background-color: #9ABCEA;
  1285. }
  1286. .tabulator.table .tabulator-footer {
  1287. border-color: #dee2e6 !important;
  1288. }
  1289. .tabulator.table .tabulator-footer .tabulator-calcs-holder {
  1290. border-color: #dee2e6 !important;
  1291. background: #fff !important;
  1292. }
  1293. .tabulator.table .tabulator-footer .tabulator-calcs-holder .tabulator-row {
  1294. border-color: #dee2e6 !important;
  1295. background-color: #fff !important;
  1296. color: #212529 !important;
  1297. }
  1298. .tabulator.table-striped:not(.table) .tabulator-row.tabulator-row-even {
  1299. background-color: #e9ecef;
  1300. }
  1301. .tabulator.table-striped:not(.table) .tabulator-row.tabulator-row-even.tabulator-selected {
  1302. background-color: #9ABCEA;
  1303. }
  1304. @media (hover: hover) and (pointer: fine) {
  1305. .tabulator.table-striped:not(.table) .tabulator-row.tabulator-row-even.tabulator-selectable:hover {
  1306. background-color: #ced4da;
  1307. cursor: pointer;
  1308. }
  1309. .tabulator.table-striped:not(.table) .tabulator-row.tabulator-row-even.tabulator-selected:hover {
  1310. background-color: #769BCC;
  1311. cursor: pointer;
  1312. }
  1313. }
  1314. .tabulator.table-striped.table .tabulator-row:nth-child(even) .tabulator-cell {
  1315. background-color: transparent;
  1316. }
  1317. .tabulator.table-bordered {
  1318. border: 1px solid #dee2e6;
  1319. }
  1320. .tabulator.table-bordered .tabulator-header .tabulator-col {
  1321. border-right: 1px solid #dee2e6;
  1322. }
  1323. .tabulator.table-bordered .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell {
  1324. border-right: 1px solid #dee2e6;
  1325. }
  1326. .tabulator.table-borderless .tabulator-header {
  1327. border: none;
  1328. }
  1329. .tabulator.table-borderless .tabulator-row {
  1330. border: none;
  1331. }
  1332. .tabulator.table-sm .tabulator-header .tabulator-col .tabulator-col-content {
  1333. padding: 5px !important;
  1334. }
  1335. .tabulator.table-sm .tabulator-tableholder .tabulator-table .tabulator-row {
  1336. min-height: 26px;
  1337. }
  1338. .tabulator.table-sm .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell {
  1339. padding: 5px !important;
  1340. }
  1341. .tabulator.table-sm .tabulator-row {
  1342. padding-top: 0;
  1343. padding-bottom: 0;
  1344. }
  1345. .tabulator.table-sm .tabulator-col-resize-handle {
  1346. padding: 0;
  1347. }
  1348. .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.table-primary {
  1349. background: #cfe2ff !important;
  1350. }
  1351. .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.table-secondary {
  1352. background: #e2e3e5 !important;
  1353. }
  1354. .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.table-success {
  1355. background: #d1e7dd !important;
  1356. }
  1357. .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.table-info {
  1358. background: #cff4fc !important;
  1359. }
  1360. .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.table-warning {
  1361. background: #fff3cd !important;
  1362. }
  1363. .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.table-danger {
  1364. background: #f8d7da !important;
  1365. }
  1366. .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.table-light {
  1367. background: #f8f9fa !important;
  1368. }
  1369. .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.table {
  1370. background: #212529 !important;
  1371. }
  1372. .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.table-active {
  1373. background: #6c757d !important;
  1374. }
  1375. .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.bg-primary {
  1376. background: #cfe2ff !important;
  1377. }
  1378. .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.bg-secondary {
  1379. background: #e2e3e5 !important;
  1380. }
  1381. .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.bg-success {
  1382. background: #d1e7dd !important;
  1383. }
  1384. .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.bg-info {
  1385. background: #cff4fc !important;
  1386. }
  1387. .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.bg-warning {
  1388. background: #fff3cd !important;
  1389. }
  1390. .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.bg-danger {
  1391. background: #f8d7da !important;
  1392. }
  1393. .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.bg-light {
  1394. background: #f8f9fa !important;
  1395. }
  1396. .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.bg-dark {
  1397. background: #212529 !important;
  1398. }
  1399. .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.bg-active {
  1400. background: #6c757d !important;
  1401. }
  1402. .tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell.table-primary {
  1403. background: #cfe2ff !important;
  1404. }
  1405. .tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell.table-secondary {
  1406. background: #e2e3e5 !important;
  1407. }
  1408. .tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell.table-success {
  1409. background: #d1e7dd !important;
  1410. }
  1411. .tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell.table-info {
  1412. background: #cff4fc !important;
  1413. }
  1414. .tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell.table-warning {
  1415. background: #fff3cd !important;
  1416. }
  1417. .tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell.table-danger {
  1418. background: #f8d7da !important;
  1419. }
  1420. .tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell.table-light {
  1421. background: #f8f9fa !important;
  1422. }
  1423. .tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell.table {
  1424. background: #212529 !important;
  1425. }
  1426. .tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell.table-active {
  1427. background: #6c757d !important;
  1428. }
  1429. .tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell.bg-primary {
  1430. background: #cfe2ff !important;
  1431. }
  1432. .tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell.bg-secondary {
  1433. background: #e2e3e5 !important;
  1434. }
  1435. .tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell.bg-success {
  1436. background: #d1e7dd !important;
  1437. }
  1438. .tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell.bg-info {
  1439. background: #cff4fc !important;
  1440. }
  1441. .tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell.bg-warning {
  1442. background: #fff3cd !important;
  1443. }
  1444. .tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell.bg-danger {
  1445. background: #f8d7da !important;
  1446. }
  1447. .tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell.bg-light {
  1448. background: #f8f9fa !important;
  1449. }
  1450. .tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell.bg-dark {
  1451. background: #212529 !important;
  1452. }
  1453. .tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell.bg-active {
  1454. background: #6c757d !important;
  1455. }
  1456. .tabulator-row {
  1457. min-height: 40px;
  1458. border-bottom: 1px solid #dee2e6;
  1459. }
  1460. .tabulator-row .tabulator-cell {
  1461. padding: 12px;
  1462. border-right: none;
  1463. }
  1464. .tabulator-row .tabulator-cell:last-of-type {
  1465. border-right: none;
  1466. }
  1467. .tabulator-row .tabulator-cell.tabulator-row-header {
  1468. border-right: 1px solid #dee2e6;
  1469. border-bottom: none;
  1470. background: #fff;
  1471. }
  1472. .tabulator-row .tabulator-cell .tabulator-data-tree-control {
  1473. border: 1px solid #ccc;
  1474. }
  1475. .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
  1476. background: #ccc;
  1477. }
  1478. .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand {
  1479. background: #ccc;
  1480. }
  1481. .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
  1482. background: #ccc;
  1483. }
  1484. .tabulator-row.tabulator-group {
  1485. background: #fafafa;
  1486. }
  1487. .tabulator-row.tabulator-group span {
  1488. color: #666;
  1489. }
  1490. .tabulator-edit-select-list {
  1491. background: #fff;
  1492. }
  1493. .tabulator-edit-select-list .tabulator-edit-select-list-item.active {
  1494. color: #fff;
  1495. }
  1496. .tabulator-edit-select-list .tabulator-edit-select-list-item.active.focused {
  1497. outline: 1px solid rgba(255, 255, 255, 0.5);
  1498. }
  1499. @media (hover: hover) and (pointer: fine) {
  1500. .tabulator-edit-select-list .tabulator-edit-select-list-item:hover {
  1501. color: #fff;
  1502. }
  1503. }
  1504. .tabulator-edit-select-list .tabulator-edit-select-list-notice {
  1505. color: inherit;
  1506. }
  1507. .tabulator-edit-select-list .tabulator-edit-select-list-group {
  1508. color: inherit;
  1509. }
  1510. .tabulator.tabulator-rtl .tabulator-header .tabulator-col {
  1511. text-align: initial;
  1512. border-left: initial;
  1513. }
  1514. .tabulator-print-table .tabulator-print-table-group {
  1515. background: #fafafa;
  1516. }
  1517. .tabulator-print-table .tabulator-print-table-group span {
  1518. color: #666;
  1519. }
  1520. .tabulator-print-table .tabulator-data-tree-control {
  1521. color: inherit;
  1522. }
  1523. .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
  1524. background: #ccc;
  1525. }
  1526. .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand {
  1527. background: #ccc;
  1528. }
  1529. .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
  1530. background: #ccc;
  1531. }
  1532. .tabulator-popup-container {
  1533. background: #fff;
  1534. }
  1535. .tabulator-edit-list .tabulator-edit-list-item.active {
  1536. color: #fff;
  1537. }
  1538. .tabulator-edit-list .tabulator-edit-list-item.active.focused {
  1539. outline: 1px solid rgba(255, 255, 255, 0.5);
  1540. }
  1541. @media (hover: hover) and (pointer: fine) {
  1542. .tabulator-edit-list .tabulator-edit-list-item:hover {
  1543. color: #fff;
  1544. }
  1545. }
  1546. /*# sourceMappingURL=tabulator_bootstrap5.css.map */

Powered by TurnKey Linux.