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.css 25KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079
  1. /* Tabulator v4.8.2 (c) Oliver Folkerd */
  2. .tabulator {
  3. position: relative;
  4. border: 1px solid #999;
  5. background-color: #888;
  6. font-size: 14px;
  7. text-align: left;
  8. overflow: hidden;
  9. -ms-transform: translatez(0);
  10. transform: translatez(0);
  11. }
  12. .tabulator[tabulator-layout="fitDataFill"] .tabulator-tableHolder .tabulator-table {
  13. min-width: 100%;
  14. }
  15. .tabulator[tabulator-layout="fitDataTable"] {
  16. display: inline-block;
  17. }
  18. .tabulator.tabulator-block-select {
  19. -webkit-user-select: none;
  20. -ms-user-select: none;
  21. user-select: none;
  22. }
  23. .tabulator .tabulator-header {
  24. position: relative;
  25. box-sizing: border-box;
  26. width: 100%;
  27. border-bottom: 1px solid #999;
  28. background-color: #e6e6e6;
  29. color: #555;
  30. font-weight: bold;
  31. white-space: nowrap;
  32. overflow: hidden;
  33. -moz-user-select: none;
  34. -khtml-user-select: none;
  35. -webkit-user-select: none;
  36. -o-user-select: none;
  37. }
  38. .tabulator .tabulator-header.tabulator-header-hidden {
  39. display: none;
  40. }
  41. .tabulator .tabulator-header .tabulator-col {
  42. display: inline-block;
  43. position: relative;
  44. box-sizing: border-box;
  45. border-right: 1px solid #aaa;
  46. background: #e6e6e6;
  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 #999;
  54. background: #cdcdcd;
  55. pointer-events: none;
  56. }
  57. .tabulator .tabulator-header .tabulator-col .tabulator-col-content {
  58. box-sizing: border-box;
  59. position: relative;
  60. padding: 4px;
  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: 4px;
  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 #aaa;
  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::-ms-clear {
  129. width: 0;
  130. height: 0;
  131. }
  132. .tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
  133. padding-right: 25px;
  134. }
  135. .tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover {
  136. cursor: pointer;
  137. background-color: #cdcdcd;
  138. }
  139. .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-content .tabulator-col-sorter {
  140. color: #bbb;
  141. }
  142. .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  143. border-top: none;
  144. border-bottom: 6px solid #bbb;
  145. }
  146. .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="asc"] .tabulator-col-content .tabulator-col-sorter {
  147. color: #666;
  148. }
  149. .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="asc"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  150. border-top: none;
  151. border-bottom: 6px solid #666;
  152. }
  153. .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="desc"] .tabulator-col-content .tabulator-col-sorter {
  154. color: #666;
  155. }
  156. .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="desc"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  157. border-bottom: none;
  158. border-top: 6px solid #666;
  159. color: #666;
  160. }
  161. .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical .tabulator-col-content .tabulator-col-title {
  162. -ms-writing-mode: tb-rl;
  163. writing-mode: vertical-rl;
  164. text-orientation: mixed;
  165. display: -ms-flexbox;
  166. display: flex;
  167. -ms-flex-align: center;
  168. align-items: center;
  169. -ms-flex-pack: center;
  170. justify-content: center;
  171. }
  172. .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-col-vertical-flip .tabulator-col-title {
  173. -ms-transform: rotate(180deg);
  174. transform: rotate(180deg);
  175. }
  176. .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-title {
  177. padding-right: 0;
  178. padding-top: 20px;
  179. }
  180. .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable.tabulator-col-vertical-flip .tabulator-col-title {
  181. padding-right: 0;
  182. padding-bottom: 20px;
  183. }
  184. .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-arrow {
  185. right: calc(50% - 6px);
  186. }
  187. .tabulator .tabulator-header .tabulator-frozen {
  188. display: inline-block;
  189. position: absolute;
  190. z-index: 10;
  191. }
  192. .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left {
  193. border-right: 2px solid #aaa;
  194. }
  195. .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right {
  196. border-left: 2px solid #aaa;
  197. }
  198. .tabulator .tabulator-header .tabulator-calcs-holder {
  199. box-sizing: border-box;
  200. min-width: 600%;
  201. background: #f3f3f3 !important;
  202. border-top: 1px solid #aaa;
  203. border-bottom: 1px solid #aaa;
  204. overflow: hidden;
  205. }
  206. .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row {
  207. background: #f3f3f3 !important;
  208. }
  209. .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
  210. display: none;
  211. }
  212. .tabulator .tabulator-header .tabulator-frozen-rows-holder {
  213. min-width: 600%;
  214. }
  215. .tabulator .tabulator-header .tabulator-frozen-rows-holder:empty {
  216. display: none;
  217. }
  218. .tabulator .tabulator-tableHolder {
  219. position: relative;
  220. width: 100%;
  221. white-space: nowrap;
  222. overflow: auto;
  223. -webkit-overflow-scrolling: touch;
  224. }
  225. .tabulator .tabulator-tableHolder:focus {
  226. outline: none;
  227. }
  228. .tabulator .tabulator-tableHolder .tabulator-placeholder {
  229. box-sizing: border-box;
  230. display: -ms-flexbox;
  231. display: flex;
  232. -ms-flex-align: center;
  233. align-items: center;
  234. width: 100%;
  235. }
  236. .tabulator .tabulator-tableHolder .tabulator-placeholder[tabulator-render-mode="virtual"] {
  237. min-height: 100%;
  238. min-width: 100%;
  239. }
  240. .tabulator .tabulator-tableHolder .tabulator-placeholder span {
  241. display: inline-block;
  242. margin: 0 auto;
  243. padding: 10px;
  244. color: #ccc;
  245. font-weight: bold;
  246. font-size: 20px;
  247. }
  248. .tabulator .tabulator-tableHolder .tabulator-table {
  249. position: relative;
  250. display: inline-block;
  251. background-color: #fff;
  252. white-space: nowrap;
  253. overflow: visible;
  254. color: #333;
  255. }
  256. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs {
  257. font-weight: bold;
  258. background: #e2e2e2 !important;
  259. }
  260. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-top {
  261. border-bottom: 2px solid #aaa;
  262. }
  263. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-bottom {
  264. border-top: 2px solid #aaa;
  265. }
  266. .tabulator .tabulator-footer {
  267. padding: 5px 10px;
  268. border-top: 1px solid #999;
  269. background-color: #e6e6e6;
  270. text-align: right;
  271. color: #555;
  272. font-weight: bold;
  273. white-space: nowrap;
  274. -ms-user-select: none;
  275. user-select: none;
  276. -moz-user-select: none;
  277. -khtml-user-select: none;
  278. -webkit-user-select: none;
  279. -o-user-select: none;
  280. }
  281. .tabulator .tabulator-footer .tabulator-calcs-holder {
  282. box-sizing: border-box;
  283. width: calc(100% + 20px);
  284. margin: -5px -10px 5px -10px;
  285. text-align: left;
  286. background: #f3f3f3 !important;
  287. border-bottom: 1px solid #aaa;
  288. border-top: 1px solid #aaa;
  289. overflow: hidden;
  290. }
  291. .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {
  292. background: #f3f3f3 !important;
  293. }
  294. .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
  295. display: none;
  296. }
  297. .tabulator .tabulator-footer .tabulator-calcs-holder:only-child {
  298. margin-bottom: -5px;
  299. border-bottom: none;
  300. }
  301. .tabulator .tabulator-footer .tabulator-paginator {
  302. color: #555;
  303. font-family: inherit;
  304. font-weight: inherit;
  305. font-size: inherit;
  306. }
  307. .tabulator .tabulator-footer .tabulator-page-size {
  308. display: inline-block;
  309. margin: 0 5px;
  310. padding: 2px 5px;
  311. border: 1px solid #aaa;
  312. border-radius: 3px;
  313. }
  314. .tabulator .tabulator-footer .tabulator-pages {
  315. margin: 0 7px;
  316. }
  317. .tabulator .tabulator-footer .tabulator-page {
  318. display: inline-block;
  319. margin: 0 2px;
  320. padding: 2px 5px;
  321. border: 1px solid #aaa;
  322. border-radius: 3px;
  323. background: rgba(255, 255, 255, 0.2);
  324. }
  325. .tabulator .tabulator-footer .tabulator-page.active {
  326. color: #d00;
  327. }
  328. .tabulator .tabulator-footer .tabulator-page:disabled {
  329. opacity: .5;
  330. }
  331. .tabulator .tabulator-footer .tabulator-page:not(.disabled):hover {
  332. cursor: pointer;
  333. background: rgba(0, 0, 0, 0.2);
  334. color: #fff;
  335. }
  336. .tabulator .tabulator-col-resize-handle {
  337. position: absolute;
  338. right: 0;
  339. top: 0;
  340. bottom: 0;
  341. width: 5px;
  342. }
  343. .tabulator .tabulator-col-resize-handle.prev {
  344. left: 0;
  345. right: auto;
  346. }
  347. .tabulator .tabulator-col-resize-handle:hover {
  348. cursor: ew-resize;
  349. }
  350. .tabulator .tabulator-loader {
  351. position: absolute;
  352. display: -ms-flexbox;
  353. display: flex;
  354. -ms-flex-align: center;
  355. align-items: center;
  356. top: 0;
  357. left: 0;
  358. z-index: 100;
  359. height: 100%;
  360. width: 100%;
  361. background: rgba(0, 0, 0, 0.4);
  362. text-align: center;
  363. }
  364. .tabulator .tabulator-loader .tabulator-loader-msg {
  365. display: inline-block;
  366. margin: 0 auto;
  367. padding: 10px 20px;
  368. border-radius: 10px;
  369. background: #fff;
  370. font-weight: bold;
  371. font-size: 16px;
  372. }
  373. .tabulator .tabulator-loader .tabulator-loader-msg.tabulator-loading {
  374. border: 4px solid #333;
  375. color: #000;
  376. }
  377. .tabulator .tabulator-loader .tabulator-loader-msg.tabulator-error {
  378. border: 4px solid #D00;
  379. color: #590000;
  380. }
  381. .tabulator-row {
  382. position: relative;
  383. box-sizing: border-box;
  384. min-height: 22px;
  385. background-color: #fff;
  386. }
  387. .tabulator-row.tabulator-row-even {
  388. background-color: #EFEFEF;
  389. }
  390. .tabulator-row.tabulator-selectable:hover {
  391. background-color: #bbb;
  392. cursor: pointer;
  393. }
  394. .tabulator-row.tabulator-selected {
  395. background-color: #9ABCEA;
  396. }
  397. .tabulator-row.tabulator-selected:hover {
  398. background-color: #769BCC;
  399. cursor: pointer;
  400. }
  401. .tabulator-row.tabulator-row-moving {
  402. border: 1px solid #000;
  403. background: #fff;
  404. }
  405. .tabulator-row.tabulator-moving {
  406. position: absolute;
  407. border-top: 1px solid #aaa;
  408. border-bottom: 1px solid #aaa;
  409. pointer-events: none;
  410. z-index: 15;
  411. }
  412. .tabulator-row .tabulator-row-resize-handle {
  413. position: absolute;
  414. right: 0;
  415. bottom: 0;
  416. left: 0;
  417. height: 5px;
  418. }
  419. .tabulator-row .tabulator-row-resize-handle.prev {
  420. top: 0;
  421. bottom: auto;
  422. }
  423. .tabulator-row .tabulator-row-resize-handle:hover {
  424. cursor: ns-resize;
  425. }
  426. .tabulator-row .tabulator-frozen {
  427. display: inline-block;
  428. position: absolute;
  429. background-color: inherit;
  430. z-index: 10;
  431. }
  432. .tabulator-row .tabulator-frozen.tabulator-frozen-left {
  433. border-right: 2px solid #aaa;
  434. }
  435. .tabulator-row .tabulator-frozen.tabulator-frozen-right {
  436. border-left: 2px solid #aaa;
  437. }
  438. .tabulator-row .tabulator-responsive-collapse {
  439. box-sizing: border-box;
  440. padding: 5px;
  441. border-top: 1px solid #aaa;
  442. border-bottom: 1px solid #aaa;
  443. }
  444. .tabulator-row .tabulator-responsive-collapse:empty {
  445. display: none;
  446. }
  447. .tabulator-row .tabulator-responsive-collapse table {
  448. font-size: 14px;
  449. }
  450. .tabulator-row .tabulator-responsive-collapse table tr td {
  451. position: relative;
  452. }
  453. .tabulator-row .tabulator-responsive-collapse table tr td:first-of-type {
  454. padding-right: 10px;
  455. }
  456. .tabulator-row .tabulator-cell {
  457. display: inline-block;
  458. position: relative;
  459. box-sizing: border-box;
  460. padding: 4px;
  461. border-right: 1px solid #aaa;
  462. vertical-align: middle;
  463. white-space: nowrap;
  464. overflow: hidden;
  465. text-overflow: ellipsis;
  466. }
  467. .tabulator-row .tabulator-cell.tabulator-editing {
  468. border: 1px solid #1D68CD;
  469. padding: 0;
  470. }
  471. .tabulator-row .tabulator-cell.tabulator-editing input, .tabulator-row .tabulator-cell.tabulator-editing select {
  472. border: 1px;
  473. background: transparent;
  474. }
  475. .tabulator-row .tabulator-cell.tabulator-validation-fail {
  476. border: 1px solid #dd0000;
  477. }
  478. .tabulator-row .tabulator-cell.tabulator-validation-fail input, .tabulator-row .tabulator-cell.tabulator-validation-fail select {
  479. border: 1px;
  480. background: transparent;
  481. color: #dd0000;
  482. }
  483. .tabulator-row .tabulator-cell:first-child .tabulator-col-resize-handle.prev {
  484. display: none;
  485. }
  486. .tabulator-row .tabulator-cell.tabulator-row-handle {
  487. display: -ms-inline-flexbox;
  488. display: inline-flex;
  489. -ms-flex-align: center;
  490. align-items: center;
  491. -ms-flex-pack: center;
  492. justify-content: center;
  493. -moz-user-select: none;
  494. -khtml-user-select: none;
  495. -webkit-user-select: none;
  496. -o-user-select: none;
  497. }
  498. .tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box {
  499. width: 80%;
  500. }
  501. .tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box .tabulator-row-handle-bar {
  502. width: 100%;
  503. height: 3px;
  504. margin-top: 2px;
  505. background: #666;
  506. }
  507. .tabulator-row .tabulator-cell .tabulator-data-tree-branch {
  508. display: inline-block;
  509. vertical-align: middle;
  510. height: 9px;
  511. width: 7px;
  512. margin-top: -9px;
  513. margin-right: 5px;
  514. border-bottom-left-radius: 1px;
  515. border-left: 2px solid #aaa;
  516. border-bottom: 2px solid #aaa;
  517. }
  518. .tabulator-row .tabulator-cell .tabulator-data-tree-control {
  519. display: -ms-inline-flexbox;
  520. display: inline-flex;
  521. -ms-flex-pack: center;
  522. justify-content: center;
  523. -ms-flex-align: center;
  524. align-items: center;
  525. vertical-align: middle;
  526. height: 11px;
  527. width: 11px;
  528. margin-right: 5px;
  529. border: 1px solid #333;
  530. border-radius: 2px;
  531. background: rgba(0, 0, 0, 0.1);
  532. overflow: hidden;
  533. }
  534. .tabulator-row .tabulator-cell .tabulator-data-tree-control:hover {
  535. cursor: pointer;
  536. background: rgba(0, 0, 0, 0.2);
  537. }
  538. .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
  539. display: inline-block;
  540. position: relative;
  541. height: 7px;
  542. width: 1px;
  543. background: transparent;
  544. }
  545. .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
  546. position: absolute;
  547. content: "";
  548. left: -3px;
  549. top: 3px;
  550. height: 1px;
  551. width: 7px;
  552. background: #333;
  553. }
  554. .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand {
  555. display: inline-block;
  556. position: relative;
  557. height: 7px;
  558. width: 1px;
  559. background: #333;
  560. }
  561. .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
  562. position: absolute;
  563. content: "";
  564. left: -3px;
  565. top: 3px;
  566. height: 1px;
  567. width: 7px;
  568. background: #333;
  569. }
  570. .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle {
  571. display: -ms-inline-flexbox;
  572. display: inline-flex;
  573. -ms-flex-align: center;
  574. align-items: center;
  575. -ms-flex-pack: center;
  576. justify-content: center;
  577. -moz-user-select: none;
  578. -khtml-user-select: none;
  579. -webkit-user-select: none;
  580. -o-user-select: none;
  581. height: 15px;
  582. width: 15px;
  583. border-radius: 20px;
  584. background: #666;
  585. color: #fff;
  586. font-weight: bold;
  587. font-size: 1.1em;
  588. }
  589. .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle:hover {
  590. opacity: .7;
  591. }
  592. .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-close {
  593. display: initial;
  594. }
  595. .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-open {
  596. display: none;
  597. }
  598. .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle .tabulator-responsive-collapse-toggle-close {
  599. display: none;
  600. }
  601. .tabulator-row .tabulator-cell .tabulator-traffic-light {
  602. display: inline-block;
  603. height: 14px;
  604. width: 14px;
  605. border-radius: 14px;
  606. }
  607. .tabulator-row.tabulator-group {
  608. box-sizing: border-box;
  609. border-bottom: 1px solid #999;
  610. border-right: 1px solid #aaa;
  611. border-top: 1px solid #999;
  612. padding: 5px;
  613. padding-left: 10px;
  614. background: #ccc;
  615. font-weight: bold;
  616. min-width: 100%;
  617. }
  618. .tabulator-row.tabulator-group:hover {
  619. cursor: pointer;
  620. background-color: rgba(0, 0, 0, 0.1);
  621. }
  622. .tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow {
  623. margin-right: 10px;
  624. border-left: 6px solid transparent;
  625. border-right: 6px solid transparent;
  626. border-top: 6px solid #666;
  627. border-bottom: 0;
  628. }
  629. .tabulator-row.tabulator-group.tabulator-group-level-1 {
  630. padding-left: 30px;
  631. }
  632. .tabulator-row.tabulator-group.tabulator-group-level-2 {
  633. padding-left: 50px;
  634. }
  635. .tabulator-row.tabulator-group.tabulator-group-level-3 {
  636. padding-left: 70px;
  637. }
  638. .tabulator-row.tabulator-group.tabulator-group-level-4 {
  639. padding-left: 90px;
  640. }
  641. .tabulator-row.tabulator-group.tabulator-group-level-5 {
  642. padding-left: 110px;
  643. }
  644. .tabulator-row.tabulator-group .tabulator-group-toggle {
  645. display: inline-block;
  646. }
  647. .tabulator-row.tabulator-group .tabulator-arrow {
  648. display: inline-block;
  649. width: 0;
  650. height: 0;
  651. margin-right: 16px;
  652. border-top: 6px solid transparent;
  653. border-bottom: 6px solid transparent;
  654. border-right: 0;
  655. border-left: 6px solid #666;
  656. vertical-align: middle;
  657. }
  658. .tabulator-row.tabulator-group span {
  659. margin-left: 10px;
  660. color: #d00;
  661. }
  662. .tabulator-menu {
  663. position: absolute;
  664. display: inline-block;
  665. box-sizing: border-box;
  666. background: #fff;
  667. border: 1px solid #aaa;
  668. box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  669. font-size: 14px;
  670. overflow-y: auto;
  671. -webkit-overflow-scrolling: touch;
  672. z-index: 10000;
  673. }
  674. .tabulator-menu .tabulator-menu-item {
  675. padding: 5px 10px;
  676. -webkit-user-select: none;
  677. -ms-user-select: none;
  678. user-select: none;
  679. }
  680. .tabulator-menu .tabulator-menu-item.tabulator-menu-item-disabled {
  681. opacity: .5;
  682. }
  683. .tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover {
  684. cursor: pointer;
  685. background: #EFEFEF;
  686. }
  687. .tabulator-menu .tabulator-menu-separator {
  688. border-top: 1px solid #aaa;
  689. }
  690. .tabulator-edit-select-list {
  691. position: absolute;
  692. display: inline-block;
  693. box-sizing: border-box;
  694. max-height: 200px;
  695. background: #fff;
  696. border: 1px solid #aaa;
  697. font-size: 14px;
  698. overflow-y: auto;
  699. -webkit-overflow-scrolling: touch;
  700. z-index: 10000;
  701. }
  702. .tabulator-edit-select-list .tabulator-edit-select-list-item {
  703. padding: 4px;
  704. color: #333;
  705. }
  706. .tabulator-edit-select-list .tabulator-edit-select-list-item.active {
  707. color: #fff;
  708. background: #1D68CD;
  709. }
  710. .tabulator-edit-select-list .tabulator-edit-select-list-item.active.focused {
  711. outline: 1px solid rgba(255, 255, 255, 0.5);
  712. }
  713. .tabulator-edit-select-list .tabulator-edit-select-list-item.focused {
  714. outline: 1px solid #1D68CD;
  715. }
  716. .tabulator-edit-select-list .tabulator-edit-select-list-item:hover {
  717. cursor: pointer;
  718. color: #fff;
  719. background: #1D68CD;
  720. }
  721. .tabulator-edit-select-list .tabulator-edit-select-list-notice {
  722. padding: 4px;
  723. color: #333;
  724. text-align: center;
  725. }
  726. .tabulator-edit-select-list .tabulator-edit-select-list-group {
  727. border-bottom: 1px solid #aaa;
  728. padding: 4px;
  729. padding-top: 6px;
  730. color: #333;
  731. font-weight: bold;
  732. }
  733. .tabulator.tabulator-ltr {
  734. direction: ltr;
  735. }
  736. .tabulator.tabulator-rtl {
  737. text-align: initial;
  738. direction: rtl;
  739. }
  740. .tabulator.tabulator-rtl .tabulator-header .tabulator-col {
  741. text-align: initial;
  742. border-left: 1px solid #aaa;
  743. border-right: initial;
  744. }
  745. .tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
  746. margin-right: initial;
  747. margin-left: -1px;
  748. }
  749. .tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
  750. padding-right: 0;
  751. padding-left: 25px;
  752. }
  753. .tabulator.tabulator-rtl .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow {
  754. left: 8px;
  755. right: initial;
  756. }
  757. .tabulator.tabulator-rtl .tabulator-row .tabulator-cell {
  758. border-right: initial;
  759. border-left: 1px solid #aaa;
  760. }
  761. .tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-branch {
  762. margin-right: initial;
  763. margin-left: 5px;
  764. border-bottom-left-radius: initial;
  765. border-bottom-right-radius: 1px;
  766. border-left: initial;
  767. border-right: 2px solid #aaa;
  768. }
  769. .tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-control {
  770. margin-right: initial;
  771. margin-left: 5px;
  772. }
  773. .tabulator.tabulator-rtl .tabulator-col-resize-handle {
  774. position: absolute;
  775. left: 0;
  776. right: auto;
  777. }
  778. .tabulator.tabulator-rtl .tabulator-col-resize-handle.prev {
  779. right: 0;
  780. left: auto;
  781. }
  782. .tabulator-print-fullscreen {
  783. position: absolute;
  784. top: 0;
  785. bottom: 0;
  786. left: 0;
  787. right: 0;
  788. z-index: 10000;
  789. }
  790. body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
  791. display: none !important;
  792. }
  793. .tabulator-print-table {
  794. border-collapse: collapse;
  795. }
  796. .tabulator-print-table .tabulator-data-tree-branch {
  797. display: inline-block;
  798. vertical-align: middle;
  799. height: 9px;
  800. width: 7px;
  801. margin-top: -9px;
  802. margin-right: 5px;
  803. border-bottom-left-radius: 1px;
  804. border-left: 2px solid #aaa;
  805. border-bottom: 2px solid #aaa;
  806. }
  807. .tabulator-print-table .tabulator-print-table-group {
  808. box-sizing: border-box;
  809. border-bottom: 1px solid #999;
  810. border-right: 1px solid #aaa;
  811. border-top: 1px solid #999;
  812. padding: 5px;
  813. padding-left: 10px;
  814. background: #ccc;
  815. font-weight: bold;
  816. min-width: 100%;
  817. }
  818. .tabulator-print-table .tabulator-print-table-group:hover {
  819. cursor: pointer;
  820. background-color: rgba(0, 0, 0, 0.1);
  821. }
  822. .tabulator-print-table .tabulator-print-table-group.tabulator-group-visible .tabulator-arrow {
  823. margin-right: 10px;
  824. border-left: 6px solid transparent;
  825. border-right: 6px solid transparent;
  826. border-top: 6px solid #666;
  827. border-bottom: 0;
  828. }
  829. .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-1 td {
  830. padding-left: 30px !important;
  831. }
  832. .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-2 td {
  833. padding-left: 50px !important;
  834. }
  835. .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-3 td {
  836. padding-left: 70px !important;
  837. }
  838. .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-4 td {
  839. padding-left: 90px !important;
  840. }
  841. .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-5 td {
  842. padding-left: 110px !important;
  843. }
  844. .tabulator-print-table .tabulator-print-table-group .tabulator-group-toggle {
  845. display: inline-block;
  846. }
  847. .tabulator-print-table .tabulator-print-table-group .tabulator-arrow {
  848. display: inline-block;
  849. width: 0;
  850. height: 0;
  851. margin-right: 16px;
  852. border-top: 6px solid transparent;
  853. border-bottom: 6px solid transparent;
  854. border-right: 0;
  855. border-left: 6px solid #666;
  856. vertical-align: middle;
  857. }
  858. .tabulator-print-table .tabulator-print-table-group span {
  859. margin-left: 10px;
  860. color: #d00;
  861. }
  862. .tabulator-print-table .tabulator-data-tree-control {
  863. display: -ms-inline-flexbox;
  864. display: inline-flex;
  865. -ms-flex-pack: center;
  866. justify-content: center;
  867. -ms-flex-align: center;
  868. align-items: center;
  869. vertical-align: middle;
  870. height: 11px;
  871. width: 11px;
  872. margin-right: 5px;
  873. border: 1px solid #333;
  874. border-radius: 2px;
  875. background: rgba(0, 0, 0, 0.1);
  876. overflow: hidden;
  877. }
  878. .tabulator-print-table .tabulator-data-tree-control:hover {
  879. cursor: pointer;
  880. background: rgba(0, 0, 0, 0.2);
  881. }
  882. .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
  883. display: inline-block;
  884. position: relative;
  885. height: 7px;
  886. width: 1px;
  887. background: transparent;
  888. }
  889. .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
  890. position: absolute;
  891. content: "";
  892. left: -3px;
  893. top: 3px;
  894. height: 1px;
  895. width: 7px;
  896. background: #333;
  897. }
  898. .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand {
  899. display: inline-block;
  900. position: relative;
  901. height: 7px;
  902. width: 1px;
  903. background: #333;
  904. }
  905. .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
  906. position: absolute;
  907. content: "";
  908. left: -3px;
  909. top: 3px;
  910. height: 1px;
  911. width: 7px;
  912. background: #333;
  913. }