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

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