Built files from Bizgaze WebServer
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

tabulator_bootstrap4.css 32KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343
  1. /* Tabulator v4.8.2 (c) Oliver Folkerd */
  2. .tabulator {
  3. position: relative;
  4. background-color: #fff;
  5. overflow: hidden;
  6. font-size: 1rem;
  7. text-align: left;
  8. width: 100%;
  9. max-width: 100%;
  10. -ms-transform: translatez(0);
  11. transform: translatez(0);
  12. }
  13. .tabulator[tabulator-layout="fitDataFill"] .tabulator-tableHolder .tabulator-table {
  14. min-width: 100%;
  15. }
  16. .tabulator[tabulator-layout="fitDataTable"] {
  17. display: inline-block;
  18. }
  19. .tabulator.tabulator-block-select {
  20. -webkit-user-select: none;
  21. -ms-user-select: none;
  22. user-select: none;
  23. }
  24. .tabulator .tabulator-header {
  25. position: relative;
  26. box-sizing: border-box;
  27. width: 100%;
  28. border-top: 1px solid #dee2e6;
  29. border-bottom: 2px solid #dee2e6;
  30. background-color: #fff;
  31. font-weight: bold;
  32. white-space: nowrap;
  33. overflow: hidden;
  34. -moz-user-select: none;
  35. -khtml-user-select: none;
  36. -webkit-user-select: none;
  37. -o-user-select: none;
  38. }
  39. .tabulator .tabulator-header.tabulator-header-hidden {
  40. display: none;
  41. }
  42. .tabulator .tabulator-header .tabulator-col {
  43. display: inline-block;
  44. position: relative;
  45. box-sizing: border-box;
  46. background-color: #fff;
  47. text-align: left;
  48. vertical-align: bottom;
  49. overflow: hidden;
  50. }
  51. .tabulator .tabulator-header .tabulator-col.tabulator-moving {
  52. position: absolute;
  53. border: 1px solid #dee2e6;
  54. background: #e6e6e6;
  55. pointer-events: none;
  56. }
  57. .tabulator .tabulator-header .tabulator-col .tabulator-col-content {
  58. box-sizing: border-box;
  59. position: relative;
  60. padding: 0.75rem;
  61. }
  62. .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-menu-button {
  63. padding: 0 8px;
  64. }
  65. .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-menu-button:hover {
  66. cursor: pointer;
  67. opacity: .6;
  68. }
  69. .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder {
  70. position: relative;
  71. }
  72. .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
  73. box-sizing: border-box;
  74. width: 100%;
  75. white-space: nowrap;
  76. overflow: hidden;
  77. text-overflow: ellipsis;
  78. vertical-align: bottom;
  79. }
  80. .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor {
  81. box-sizing: border-box;
  82. width: 100%;
  83. border: 1px solid #999;
  84. padding: 1px;
  85. background: #fff;
  86. }
  87. .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter {
  88. display: -ms-flexbox;
  89. display: flex;
  90. -ms-flex-align: center;
  91. align-items: center;
  92. position: absolute;
  93. top: 0;
  94. bottom: 0;
  95. right: 0;
  96. }
  97. .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  98. width: 0;
  99. height: 0;
  100. border-left: 6px solid transparent;
  101. border-right: 6px solid transparent;
  102. border-bottom: 6px solid #bbb;
  103. }
  104. .tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
  105. position: relative;
  106. display: -ms-flexbox;
  107. display: flex;
  108. border-top: 1px solid #dee2e6;
  109. overflow: hidden;
  110. margin-right: -1px;
  111. }
  112. .tabulator .tabulator-header .tabulator-col:first-child .tabulator-col-resize-handle.prev {
  113. display: none;
  114. }
  115. .tabulator .tabulator-header .tabulator-col .tabulator-header-filter {
  116. position: relative;
  117. box-sizing: border-box;
  118. margin-top: 2px;
  119. width: 100%;
  120. text-align: center;
  121. }
  122. .tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea {
  123. height: auto !important;
  124. }
  125. .tabulator .tabulator-header .tabulator-col .tabulator-header-filter svg {
  126. margin-top: 3px;
  127. }
  128. .tabulator .tabulator-header .tabulator-col .tabulator-header-filter input {
  129. padding: .375rem .75rem;
  130. background-color: #fff;
  131. background-clip: padding-box;
  132. border: 1px solid #ced4da;
  133. border-radius: .25rem;
  134. transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  135. font-size: 1rem;
  136. line-height: 1.5;
  137. color: #495057;
  138. }
  139. .tabulator .tabulator-header .tabulator-col .tabulator-header-filter input::-ms-clear {
  140. width: 0;
  141. height: 0;
  142. }
  143. .tabulator .tabulator-header .tabulator-col .tabulator-header-filter input:focus {
  144. color: #495057;
  145. background-color: #fff;
  146. border: 1px solid #1D68CD;
  147. outline: 0;
  148. }
  149. .tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
  150. padding-right: 25px;
  151. }
  152. .tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover {
  153. cursor: pointer;
  154. background-color: #e6e6e6;
  155. }
  156. .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-content .tabulator-col-sorter {
  157. color: #bbb;
  158. }
  159. .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  160. border-top: none;
  161. border-bottom: 6px solid #bbb;
  162. }
  163. .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="asc"] .tabulator-col-content .tabulator-col-sorter {
  164. color: #666;
  165. }
  166. .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="asc"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  167. border-top: none;
  168. border-bottom: 6px solid #666;
  169. }
  170. .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="desc"] .tabulator-col-content .tabulator-col-sorter {
  171. color: #666;
  172. }
  173. .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="desc"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  174. border-bottom: none;
  175. border-top: 6px solid #666;
  176. color: #666;
  177. }
  178. .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical .tabulator-col-content .tabulator-col-title {
  179. -ms-writing-mode: tb-rl;
  180. writing-mode: vertical-rl;
  181. text-orientation: mixed;
  182. display: -ms-flexbox;
  183. display: flex;
  184. -ms-flex-align: center;
  185. align-items: center;
  186. -ms-flex-pack: center;
  187. justify-content: center;
  188. }
  189. .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-col-vertical-flip .tabulator-col-title {
  190. -ms-transform: rotate(180deg);
  191. transform: rotate(180deg);
  192. }
  193. .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-title {
  194. padding-right: 0;
  195. padding-top: 20px;
  196. }
  197. .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable.tabulator-col-vertical-flip .tabulator-col-title {
  198. padding-right: 0;
  199. padding-bottom: 20px;
  200. }
  201. .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-arrow {
  202. right: calc(50% - 6px);
  203. }
  204. .tabulator .tabulator-header .tabulator-frozen {
  205. display: inline-block;
  206. position: absolute;
  207. z-index: 10;
  208. }
  209. .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left {
  210. border-right: 2px solid #dee2e6;
  211. }
  212. .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right {
  213. border-left: 2px solid #dee2e6;
  214. }
  215. .tabulator .tabulator-header .tabulator-calcs-holder {
  216. box-sizing: border-box;
  217. width: 100%;
  218. background: white !important;
  219. border-top: 1px solid #dee2e6;
  220. border-bottom: 1px solid #dee2e6;
  221. overflow: hidden;
  222. }
  223. .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row {
  224. background: white !important;
  225. }
  226. .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
  227. display: none;
  228. }
  229. .tabulator .tabulator-header .tabulator-frozen-rows-holder {
  230. min-width: 600%;
  231. }
  232. .tabulator .tabulator-header .tabulator-frozen-rows-holder:empty {
  233. display: none;
  234. }
  235. .tabulator .tabulator-tableHolder {
  236. position: relative;
  237. width: 100%;
  238. white-space: nowrap;
  239. overflow: auto;
  240. -webkit-overflow-scrolling: touch;
  241. }
  242. .tabulator .tabulator-tableHolder:focus {
  243. outline: none;
  244. }
  245. .tabulator .tabulator-tableHolder .tabulator-placeholder {
  246. box-sizing: border-box;
  247. display: -ms-flexbox;
  248. display: flex;
  249. -ms-flex-align: center;
  250. align-items: center;
  251. width: 100%;
  252. }
  253. .tabulator .tabulator-tableHolder .tabulator-placeholder[tabulator-render-mode="virtual"] {
  254. min-height: 100%;
  255. min-width: 100%;
  256. }
  257. .tabulator .tabulator-tableHolder .tabulator-placeholder span {
  258. display: inline-block;
  259. margin: 0 auto;
  260. padding: 10px;
  261. color: #000;
  262. font-weight: bold;
  263. font-size: 20px;
  264. }
  265. .tabulator .tabulator-tableHolder .tabulator-table {
  266. position: relative;
  267. display: inline-block;
  268. background-color: #fff;
  269. white-space: nowrap;
  270. overflow: visible;
  271. }
  272. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs {
  273. font-weight: bold;
  274. background: #ececec !important;
  275. }
  276. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-top {
  277. border-bottom: 2px solid #dee2e6;
  278. }
  279. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-bottom {
  280. border-top: 2px solid #dee2e6;
  281. }
  282. .tabulator .tabulator-col-resize-handle {
  283. position: absolute;
  284. right: 0;
  285. top: 0;
  286. bottom: 0;
  287. width: 5px;
  288. }
  289. .tabulator .tabulator-col-resize-handle.prev {
  290. left: 0;
  291. right: auto;
  292. }
  293. .tabulator .tabulator-col-resize-handle:hover {
  294. cursor: ew-resize;
  295. }
  296. .tabulator .tabulator-footer {
  297. padding: 5px 10px;
  298. border-top: 2px solid #dee2e6;
  299. text-align: right;
  300. font-weight: bold;
  301. white-space: nowrap;
  302. -ms-user-select: none;
  303. user-select: none;
  304. -moz-user-select: none;
  305. -khtml-user-select: none;
  306. -webkit-user-select: none;
  307. -o-user-select: none;
  308. }
  309. .tabulator .tabulator-footer .tabulator-calcs-holder {
  310. box-sizing: border-box;
  311. width: calc(100% + 20px);
  312. margin: -5px -10px 5px -10px;
  313. text-align: left;
  314. background: white !important;
  315. border-bottom: 1px solid #dee2e6;
  316. border-top: 1px solid #dee2e6;
  317. overflow: hidden;
  318. }
  319. .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {
  320. background: white !important;
  321. }
  322. .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
  323. display: none;
  324. }
  325. .tabulator .tabulator-footer .tabulator-calcs-holder:only-child {
  326. margin-bottom: -5px;
  327. border-bottom: none;
  328. }
  329. .tabulator .tabulator-footer .tabulator-paginator {
  330. font-family: inherit;
  331. font-weight: inherit;
  332. font-size: inherit;
  333. }
  334. .tabulator .tabulator-footer .tabulator-page-size {
  335. display: inline-block;
  336. margin: 0 5px;
  337. padding: 2px 5px;
  338. border: 1px solid #dee2e6;
  339. border-radius: 3px;
  340. }
  341. .tabulator .tabulator-footer .tabulator-page {
  342. display: inline-block;
  343. margin: 0;
  344. margin-top: 5px;
  345. padding: 8px 12px;
  346. border: 1px solid #dee2e6;
  347. border-right: none;
  348. background: rgba(255, 255, 255, 0.2);
  349. }
  350. .tabulator .tabulator-footer .tabulator-page[data-page="first"] {
  351. border-top-left-radius: 4px;
  352. border-bottom-left-radius: 4px;
  353. }
  354. .tabulator .tabulator-footer .tabulator-page[data-page="last"] {
  355. border: 1px solid #dee2e6;
  356. border-top-right-radius: 4px;
  357. border-bottom-right-radius: 4px;
  358. }
  359. .tabulator .tabulator-footer .tabulator-page.active {
  360. border-color: #007bff;
  361. background-color: #007bff;
  362. color: #fff;
  363. }
  364. .tabulator .tabulator-footer .tabulator-page:disabled {
  365. border-color: #dee2e6;
  366. background: #fff;
  367. color: #6c757d;
  368. }
  369. .tabulator .tabulator-footer .tabulator-page:not(.disabled):hover {
  370. cursor: pointer;
  371. border-color: #dee2e6;
  372. background: #e9ecef;
  373. color: #0056b3;
  374. }
  375. .tabulator .tabulator-loader {
  376. position: absolute;
  377. display: -ms-flexbox;
  378. display: flex;
  379. -ms-flex-align: center;
  380. align-items: center;
  381. top: 0;
  382. left: 0;
  383. z-index: 100;
  384. height: 100%;
  385. width: 100%;
  386. background: rgba(0, 0, 0, 0.4);
  387. text-align: center;
  388. }
  389. .tabulator .tabulator-loader .tabulator-loader-msg {
  390. display: inline-block;
  391. margin: 0 auto;
  392. padding: 10px 20px;
  393. border-radius: 10px;
  394. background: #fff;
  395. font-weight: bold;
  396. font-size: 16px;
  397. }
  398. .tabulator .tabulator-loader .tabulator-loader-msg.tabulator-loading {
  399. border: 4px solid #333;
  400. color: #000;
  401. }
  402. .tabulator .tabulator-loader .tabulator-loader-msg.tabulator-error {
  403. border: 4px solid #D00;
  404. color: #590000;
  405. }
  406. .tabulator.thead-dark .tabulator-header {
  407. border-color: #32383e;
  408. background-color: #212529;
  409. color: #fff;
  410. }
  411. .tabulator.thead-dark .tabulator-header .tabulator-col {
  412. border-color: #32383e;
  413. background-color: #212529;
  414. color: #fff;
  415. }
  416. .tabulator.table-dark {
  417. background-color: #212529;
  418. }
  419. .tabulator.table-dark:not(.thead-light) .tabulator-header {
  420. border-color: #32383e;
  421. background-color: #212529;
  422. color: #fff;
  423. }
  424. .tabulator.table-dark:not(.thead-light) .tabulator-header .tabulator-col {
  425. border-color: #32383e;
  426. background-color: #212529;
  427. color: #fff;
  428. }
  429. .tabulator.table-dark .tabulator-tableHolder {
  430. color: #fff;
  431. }
  432. .tabulator.table-dark .tabulator-row {
  433. border-color: #32383e;
  434. background-color: #212529;
  435. color: #fff;
  436. }
  437. .tabulator.table-dark .tabulator-row:hover {
  438. background-color: #32383e;
  439. }
  440. .tabulator.table-dark .tabulator-row:hover .tabulator-cell {
  441. background-color: rgba(255, 255, 255, 0.075);
  442. }
  443. .tabulator.table-dark .tabulator-row.tabulator-selected {
  444. background-color: #9ABCEA;
  445. }
  446. .tabulator.table-striped:not(.table-dark) .tabulator-row:nth-child(even) {
  447. background-color: #f9f9f9;
  448. }
  449. .tabulator.table-striped:not(.table-dark) .tabulator-row:nth-child(even).tabulator-selected {
  450. background-color: #9ABCEA;
  451. }
  452. .tabulator.table-striped:not(.table-dark) .tabulator-row:nth-child(even).tabulator-selectable:hover {
  453. background-color: #f5f5f5;
  454. cursor: pointer;
  455. }
  456. .tabulator.table-striped:not(.table-dark) .tabulator-row:nth-child(even).tabulator-selected:hover {
  457. background-color: #769BCC;
  458. cursor: pointer;
  459. }
  460. .tabulator.table-striped.table-dark .tabulator-row:nth-child(even) .tabulator-cell {
  461. background-color: rgba(255, 255, 255, 0.05);
  462. }
  463. .tabulator.table-bordered {
  464. border: 1px solid #dee2e6;
  465. }
  466. .tabulator.table-bordered .tabulator-header .tabulator-col {
  467. border-right: 1px solid #dee2e6;
  468. }
  469. .tabulator.table-bordered .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell {
  470. border-right: 1px solid #dee2e6;
  471. }
  472. .tabulator.table-borderless .tabulator-header {
  473. border: none;
  474. }
  475. .tabulator.table-borderless .tabulator-row {
  476. border: none;
  477. }
  478. .tabulator.table-sm .tabulator-header .tabulator-col .tabulator-col-content {
  479. padding: 0.3rem !important;
  480. }
  481. .tabulator.table-sm .tabulator-tableHolder .tabulator-table .tabulator-row {
  482. min-height: 1.6rem;
  483. }
  484. .tabulator.table-sm .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell {
  485. padding: 0.3rem !important;
  486. }
  487. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.table-primary {
  488. background: #b8daff !important;
  489. }
  490. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.table-secondary {
  491. background: #d6d8db !important;
  492. }
  493. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.table-success {
  494. background: #c3e6cb !important;
  495. }
  496. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.table-info {
  497. background: #bee5eb !important;
  498. }
  499. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.table-warning {
  500. background: #ffeeba !important;
  501. }
  502. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.table-danger {
  503. background: #f5c6cb !important;
  504. }
  505. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.table-light {
  506. background: #fdfdfe !important;
  507. }
  508. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.table-dark {
  509. background: #c6c8ca !important;
  510. }
  511. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.table-active {
  512. background: #f5f5f5 !important;
  513. }
  514. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.bg-primary {
  515. background: #007bff !important;
  516. }
  517. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.bg-secondary {
  518. background: #6c757d !important;
  519. }
  520. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.bg-success {
  521. background: #28a745 !important;
  522. }
  523. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.bg-info {
  524. background: #17a2b8 !important;
  525. }
  526. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.bg-warning {
  527. background: #ffc107 !important;
  528. }
  529. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.bg-danger {
  530. background: #dc3545 !important;
  531. }
  532. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.bg-light {
  533. background: #f8f9fa !important;
  534. }
  535. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.bg-dark {
  536. background: #343a40 !important;
  537. }
  538. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.bg-active {
  539. background: #f5f5f5 !important;
  540. }
  541. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.table-primary {
  542. background: #b8daff !important;
  543. }
  544. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.table-secondary {
  545. background: #d6d8db !important;
  546. }
  547. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.table-success {
  548. background: #c3e6cb !important;
  549. }
  550. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.table-info {
  551. background: #bee5eb !important;
  552. }
  553. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.table-warning {
  554. background: #ffeeba !important;
  555. }
  556. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.table-danger {
  557. background: #f5c6cb !important;
  558. }
  559. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.table-light {
  560. background: #fdfdfe !important;
  561. }
  562. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.table-dark {
  563. background: #c6c8ca !important;
  564. }
  565. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.table-active {
  566. background: #f5f5f5 !important;
  567. }
  568. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.bg-primary {
  569. background: #007bff !important;
  570. }
  571. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.bg-secondary {
  572. background: #6c757d !important;
  573. }
  574. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.bg-success {
  575. background: #28a745 !important;
  576. }
  577. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.bg-info {
  578. background: #17a2b8 !important;
  579. }
  580. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.bg-warning {
  581. background: #ffc107 !important;
  582. }
  583. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.bg-danger {
  584. background: #dc3545 !important;
  585. }
  586. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.bg-light {
  587. background: #f8f9fa !important;
  588. }
  589. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.bg-dark {
  590. background: #343a40 !important;
  591. }
  592. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.bg-active {
  593. background: #f5f5f5 !important;
  594. }
  595. .tabulator-row {
  596. position: relative;
  597. box-sizing: border-box;
  598. min-height: 2.5rem;
  599. background-color: #fff;
  600. border-bottom: 1px solid #dee2e6;
  601. }
  602. .tabulator-row.tabulator-selectable:hover {
  603. background-color: #f5f5f5;
  604. cursor: pointer;
  605. }
  606. .tabulator-row.tabulator-selected {
  607. background-color: #9ABCEA;
  608. }
  609. .tabulator-row.tabulator-selected:hover {
  610. background-color: #769BCC;
  611. cursor: pointer;
  612. }
  613. .tabulator-row.tabulator-moving {
  614. position: absolute;
  615. border-top: 1px solid #dee2e6;
  616. border-bottom: 1px solid #dee2e6;
  617. pointer-events: none !important;
  618. z-index: 15;
  619. }
  620. .tabulator-row .tabulator-row-resize-handle {
  621. position: absolute;
  622. right: 0;
  623. bottom: 0;
  624. left: 0;
  625. height: 5px;
  626. }
  627. .tabulator-row .tabulator-row-resize-handle.prev {
  628. top: 0;
  629. bottom: auto;
  630. }
  631. .tabulator-row .tabulator-row-resize-handle:hover {
  632. cursor: ns-resize;
  633. }
  634. .tabulator-row .tabulator-frozen {
  635. display: inline-block;
  636. position: absolute;
  637. background-color: inherit;
  638. z-index: 10;
  639. }
  640. .tabulator-row .tabulator-frozen.tabulator-frozen-left {
  641. border-right: 2px solid #dee2e6;
  642. }
  643. .tabulator-row .tabulator-frozen.tabulator-frozen-right {
  644. border-left: 2px solid #dee2e6;
  645. }
  646. .tabulator-row .tabulator-responsive-collapse {
  647. box-sizing: border-box;
  648. padding: 5px;
  649. border-top: 1px solid #dee2e6;
  650. border-bottom: 1px solid #dee2e6;
  651. }
  652. .tabulator-row .tabulator-responsive-collapse:empty {
  653. display: none;
  654. }
  655. .tabulator-row .tabulator-responsive-collapse table {
  656. font-size: 1rem;
  657. }
  658. .tabulator-row .tabulator-responsive-collapse table tr td {
  659. position: relative;
  660. }
  661. .tabulator-row .tabulator-responsive-collapse table tr td:first-of-type {
  662. padding-right: 10px;
  663. }
  664. .tabulator-row .tabulator-cell {
  665. display: inline-block;
  666. position: relative;
  667. box-sizing: border-box;
  668. padding: 0.75rem;
  669. vertical-align: middle;
  670. white-space: nowrap;
  671. overflow: hidden;
  672. text-overflow: ellipsis;
  673. }
  674. .tabulator-row .tabulator-cell:last-of-type {
  675. border-right: none;
  676. }
  677. .tabulator-row .tabulator-cell.tabulator-editing {
  678. border: 1px solid #1D68CD;
  679. padding: 0;
  680. }
  681. .tabulator-row .tabulator-cell.tabulator-editing input, .tabulator-row .tabulator-cell.tabulator-editing select {
  682. border: 1px;
  683. background: transparent;
  684. }
  685. .tabulator-row .tabulator-cell.tabulator-validation-fail {
  686. border: 1px solid #dd0000;
  687. }
  688. .tabulator-row .tabulator-cell.tabulator-validation-fail input, .tabulator-row .tabulator-cell.tabulator-validation-fail select {
  689. border: 1px;
  690. background: transparent;
  691. color: #dd0000;
  692. }
  693. .tabulator-row .tabulator-cell:first-child .tabulator-col-resize-handle.prev {
  694. display: none;
  695. }
  696. .tabulator-row .tabulator-cell.tabulator-row-handle {
  697. display: -ms-inline-flexbox;
  698. display: inline-flex;
  699. -ms-flex-align: center;
  700. align-items: center;
  701. -moz-user-select: none;
  702. -khtml-user-select: none;
  703. -webkit-user-select: none;
  704. -o-user-select: none;
  705. }
  706. .tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box {
  707. width: 80%;
  708. }
  709. .tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box .tabulator-row-handle-bar {
  710. width: 100%;
  711. height: 3px;
  712. margin-top: 2px;
  713. background: #666;
  714. }
  715. .tabulator-row .tabulator-cell .tabulator-data-tree-branch {
  716. display: inline-block;
  717. vertical-align: middle;
  718. height: 9px;
  719. width: 7px;
  720. margin-top: -9px;
  721. margin-right: 5px;
  722. border-bottom-left-radius: 1px;
  723. border-left: 2px solid #dee2e6;
  724. border-bottom: 2px solid #dee2e6;
  725. }
  726. .tabulator-row .tabulator-cell .tabulator-data-tree-control {
  727. display: -ms-inline-flexbox;
  728. display: inline-flex;
  729. -ms-flex-pack: center;
  730. justify-content: center;
  731. -ms-flex-align: center;
  732. align-items: center;
  733. vertical-align: middle;
  734. height: 11px;
  735. width: 11px;
  736. margin-right: 5px;
  737. border: 1px solid #ccc;
  738. border-radius: 2px;
  739. background: rgba(0, 0, 0, 0.1);
  740. overflow: hidden;
  741. }
  742. .tabulator-row .tabulator-cell .tabulator-data-tree-control:hover {
  743. cursor: pointer;
  744. background: rgba(0, 0, 0, 0.2);
  745. }
  746. .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
  747. display: inline-block;
  748. position: relative;
  749. height: 7px;
  750. width: 1px;
  751. background: transparent;
  752. }
  753. .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
  754. position: absolute;
  755. content: "";
  756. left: -3px;
  757. top: 3px;
  758. height: 1px;
  759. width: 7px;
  760. background: #ccc;
  761. }
  762. .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand {
  763. display: inline-block;
  764. position: relative;
  765. height: 7px;
  766. width: 1px;
  767. background: #ccc;
  768. }
  769. .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
  770. position: absolute;
  771. content: "";
  772. left: -3px;
  773. top: 3px;
  774. height: 1px;
  775. width: 7px;
  776. background: #ccc;
  777. }
  778. .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle {
  779. display: -ms-inline-flexbox;
  780. display: inline-flex;
  781. -ms-flex-align: center;
  782. align-items: center;
  783. -ms-flex-pack: center;
  784. justify-content: center;
  785. -moz-user-select: none;
  786. -khtml-user-select: none;
  787. -webkit-user-select: none;
  788. -o-user-select: none;
  789. height: 15px;
  790. width: 15px;
  791. border-radius: 20px;
  792. background: #666;
  793. color: #fff;
  794. font-weight: bold;
  795. font-size: 1.1em;
  796. }
  797. .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle:hover {
  798. opacity: .7;
  799. }
  800. .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-close {
  801. display: initial;
  802. }
  803. .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-open {
  804. display: none;
  805. }
  806. .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle .tabulator-responsive-collapse-toggle-close {
  807. display: none;
  808. }
  809. .tabulator-row .tabulator-cell .tabulator-traffic-light {
  810. display: inline-block;
  811. height: 14px;
  812. width: 14px;
  813. border-radius: 14px;
  814. }
  815. .tabulator-row.tabulator-group {
  816. box-sizing: border-box;
  817. border-bottom: 1px solid #999;
  818. border-right: 1px solid #dee2e6;
  819. border-top: 1px solid #999;
  820. padding: 5px;
  821. padding-left: 10px;
  822. background: #fafafa;
  823. font-weight: bold;
  824. min-width: 100%;
  825. }
  826. .tabulator-row.tabulator-group:hover {
  827. cursor: pointer;
  828. background-color: rgba(0, 0, 0, 0.1);
  829. }
  830. .tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow {
  831. margin-right: 10px;
  832. border-left: 6px solid transparent;
  833. border-right: 6px solid transparent;
  834. border-top: 6px solid #666;
  835. border-bottom: 0;
  836. }
  837. .tabulator-row.tabulator-group.tabulator-group-level-1 {
  838. padding-left: 30px;
  839. }
  840. .tabulator-row.tabulator-group.tabulator-group-level-2 {
  841. padding-left: 50px;
  842. }
  843. .tabulator-row.tabulator-group.tabulator-group-level-3 {
  844. padding-left: 70px;
  845. }
  846. .tabulator-row.tabulator-group.tabulator-group-level-4 {
  847. padding-left: 90px;
  848. }
  849. .tabulator-row.tabulator-group.tabulator-group-level-5 {
  850. padding-left: 110px;
  851. }
  852. .tabulator-row.tabulator-group .tabulator-group-toggle {
  853. display: inline-block;
  854. }
  855. .tabulator-row.tabulator-group .tabulator-arrow {
  856. display: inline-block;
  857. width: 0;
  858. height: 0;
  859. margin-right: 16px;
  860. border-top: 6px solid transparent;
  861. border-bottom: 6px solid transparent;
  862. border-right: 0;
  863. border-left: 6px solid #666;
  864. vertical-align: middle;
  865. }
  866. .tabulator-row.tabulator-group span {
  867. margin-left: 10px;
  868. color: #666;
  869. }
  870. .tabulator-menu {
  871. position: absolute;
  872. display: inline-block;
  873. box-sizing: border-box;
  874. background: #fff;
  875. border: 1px solid #dee2e6;
  876. box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  877. font-size: 1rem;
  878. overflow-y: auto;
  879. -webkit-overflow-scrolling: touch;
  880. z-index: 10000;
  881. }
  882. .tabulator-menu .tabulator-menu-item {
  883. padding: 5px 10px;
  884. -webkit-user-select: none;
  885. -ms-user-select: none;
  886. user-select: none;
  887. }
  888. .tabulator-menu .tabulator-menu-item.tabulator-menu-item-disabled {
  889. opacity: .5;
  890. }
  891. .tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover {
  892. cursor: pointer;
  893. background: #f9f9f9;
  894. }
  895. .tabulator-menu .tabulator-menu-separator {
  896. border-top: 1px solid #dee2e6;
  897. }
  898. .tabulator-edit-select-list {
  899. position: absolute;
  900. display: inline-block;
  901. box-sizing: border-box;
  902. max-height: 200px;
  903. background: #fff;
  904. border: 1px solid #dee2e6;
  905. font-size: 1rem;
  906. overflow-y: auto;
  907. -webkit-overflow-scrolling: touch;
  908. z-index: 10000;
  909. }
  910. .tabulator-edit-select-list .tabulator-edit-select-list-item {
  911. padding: 4px;
  912. }
  913. .tabulator-edit-select-list .tabulator-edit-select-list-item.active {
  914. color: #fff;
  915. background: #1D68CD;
  916. }
  917. .tabulator-edit-select-list .tabulator-edit-select-list-item.active.focused {
  918. outline: 1px solid rgba(255, 255, 255, 0.5);
  919. }
  920. .tabulator-edit-select-list .tabulator-edit-select-list-item.focused {
  921. outline: 1px solid #1D68CD;
  922. }
  923. .tabulator-edit-select-list .tabulator-edit-select-list-item:hover {
  924. cursor: pointer;
  925. color: #fff;
  926. background: #1D68CD;
  927. }
  928. .tabulator-edit-select-list .tabulator-edit-select-list-notice {
  929. padding: 4px;
  930. text-align: center;
  931. }
  932. .tabulator-edit-select-list .tabulator-edit-select-list-group {
  933. border-bottom: 1px solid #dee2e6;
  934. padding: 4px;
  935. padding-top: 6px;
  936. font-weight: bold;
  937. }
  938. .tabulator.tabulator-ltr {
  939. direction: ltr;
  940. }
  941. .tabulator.tabulator-rtl {
  942. text-align: initial;
  943. direction: rtl;
  944. }
  945. .tabulator.tabulator-rtl .tabulator-header .tabulator-col {
  946. text-align: initial;
  947. }
  948. .tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
  949. margin-right: initial;
  950. margin-left: -1px;
  951. }
  952. .tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
  953. padding-right: 0;
  954. padding-left: 25px;
  955. }
  956. .tabulator.tabulator-rtl .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow {
  957. left: 8px;
  958. right: initial;
  959. }
  960. .tabulator.tabulator-rtl .tabulator-row .tabulator-cell {
  961. border-right: initial;
  962. border-left: 1px solid #dee2e6;
  963. }
  964. .tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-branch {
  965. margin-right: initial;
  966. margin-left: 5px;
  967. border-bottom-left-radius: initial;
  968. border-bottom-right-radius: 1px;
  969. border-left: initial;
  970. border-right: 2px solid #dee2e6;
  971. }
  972. .tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-control {
  973. margin-right: initial;
  974. margin-left: 5px;
  975. }
  976. .tabulator.tabulator-rtl .tabulator-col-resize-handle {
  977. position: absolute;
  978. left: 0;
  979. right: auto;
  980. }
  981. .tabulator.tabulator-rtl .tabulator-col-resize-handle.prev {
  982. right: 0;
  983. left: auto;
  984. }
  985. .tabulator-print-fullscreen {
  986. position: absolute;
  987. top: 0;
  988. bottom: 0;
  989. left: 0;
  990. right: 0;
  991. z-index: 10000;
  992. }
  993. body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
  994. display: none !important;
  995. }
  996. .tabulator-print-table {
  997. border-collapse: collapse;
  998. }
  999. .tabulator-print-table .tabulator-print-table-group {
  1000. box-sizing: border-box;
  1001. border-bottom: 1px solid #999;
  1002. border-right: 1px solid #dee2e6;
  1003. border-top: 1px solid #999;
  1004. padding: 5px;
  1005. padding-left: 10px;
  1006. background: #fafafa;
  1007. font-weight: bold;
  1008. min-width: 100%;
  1009. }
  1010. .tabulator-print-table .tabulator-print-table-group:hover {
  1011. cursor: pointer;
  1012. background-color: rgba(0, 0, 0, 0.1);
  1013. }
  1014. .tabulator-print-table .tabulator-print-table-group.tabulator-group-visible .tabulator-arrow {
  1015. margin-right: 10px;
  1016. border-left: 6px solid transparent;
  1017. border-right: 6px solid transparent;
  1018. border-top: 6px solid #666;
  1019. border-bottom: 0;
  1020. }
  1021. .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-1 td {
  1022. padding-left: 30px !important;
  1023. }
  1024. .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-2 td {
  1025. padding-left: 50px !important;
  1026. }
  1027. .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-3 td {
  1028. padding-left: 70px !important;
  1029. }
  1030. .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-4 td {
  1031. padding-left: 90px !important;
  1032. }
  1033. .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-5 td {
  1034. padding-left: 110px !important;
  1035. }
  1036. .tabulator-print-table .tabulator-print-table-group .tabulator-group-toggle {
  1037. display: inline-block;
  1038. }
  1039. .tabulator-print-table .tabulator-print-table-group .tabulator-arrow {
  1040. display: inline-block;
  1041. width: 0;
  1042. height: 0;
  1043. margin-right: 16px;
  1044. border-top: 6px solid transparent;
  1045. border-bottom: 6px solid transparent;
  1046. border-right: 0;
  1047. border-left: 6px solid #666;
  1048. vertical-align: middle;
  1049. }
  1050. .tabulator-print-table .tabulator-print-table-group span {
  1051. margin-left: 10px;
  1052. color: #666;
  1053. }
  1054. .tabulator-print-table .tabulator-data-tree-branch {
  1055. display: inline-block;
  1056. vertical-align: middle;
  1057. height: 9px;
  1058. width: 7px;
  1059. margin-top: -9px;
  1060. margin-right: 5px;
  1061. border-bottom-left-radius: 1px;
  1062. border-left: 2px solid #dee2e6;
  1063. border-bottom: 2px solid #dee2e6;
  1064. }
  1065. .tabulator-print-table .tabulator-data-tree-control {
  1066. display: -ms-inline-flexbox;
  1067. display: inline-flex;
  1068. -ms-flex-pack: center;
  1069. justify-content: center;
  1070. -ms-flex-align: center;
  1071. align-items: center;
  1072. vertical-align: middle;
  1073. height: 11px;
  1074. width: 11px;
  1075. margin-right: 5px;
  1076. border: 1px solid #ccc;
  1077. border-radius: 2px;
  1078. background: rgba(0, 0, 0, 0.1);
  1079. overflow: hidden;
  1080. }
  1081. .tabulator-print-table .tabulator-data-tree-control:hover {
  1082. cursor: pointer;
  1083. background: rgba(0, 0, 0, 0.2);
  1084. }
  1085. .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
  1086. display: inline-block;
  1087. position: relative;
  1088. height: 7px;
  1089. width: 1px;
  1090. background: transparent;
  1091. }
  1092. .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
  1093. position: absolute;
  1094. content: "";
  1095. left: -3px;
  1096. top: 3px;
  1097. height: 1px;
  1098. width: 7px;
  1099. background: #ccc;
  1100. }
  1101. .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand {
  1102. display: inline-block;
  1103. position: relative;
  1104. height: 7px;
  1105. width: 1px;
  1106. background: #ccc;
  1107. }
  1108. .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
  1109. position: absolute;
  1110. content: "";
  1111. left: -3px;
  1112. top: 3px;
  1113. height: 1px;
  1114. width: 7px;
  1115. background: #ccc;
  1116. }