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_modern.css 26KB

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