Built files from Bizgaze WebServer
Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.

tabulator_midnight.css 25KB

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