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_semantic-ui.css 38KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585
  1. /* Tabulator v4.8.2 (c) Oliver Folkerd */
  2. /*******************************
  3. Site Settings
  4. *******************************/
  5. /*-------------------
  6. Fonts
  7. --------------------*/
  8. /*-------------------
  9. Base Sizes
  10. --------------------*/
  11. /* This is the single variable that controls them all */
  12. /* The size of page text */
  13. /*-------------------
  14. Exact Pixel Values
  15. --------------------*/
  16. /*
  17. These are used to specify exact pixel values in em
  18. for things like borders that remain constantly
  19. sized as emSize adjusts
  20. Since there are many more sizes than names for sizes,
  21. these are named by their original pixel values.
  22. */
  23. /*-------------------
  24. Border Radius
  25. --------------------*/
  26. /* See Power-user section below
  27. for explanation of $px variables
  28. */
  29. /*-------------------
  30. Site Colors
  31. --------------------*/
  32. /*--- Colors ---*/
  33. /*--- Light Colors ---*/
  34. /*--- Neutrals ---*/
  35. /*--- Colored Backgrounds ---*/
  36. /*--- Colored Text ---*/
  37. /*--- Colored Headers ---*/
  38. /*--- Colored Border ---*/
  39. /*-------------------
  40. Alpha Colors
  41. --------------------*/
  42. /*-------------------
  43. Brand Colors
  44. --------------------*/
  45. /*--------------
  46. Page Heading
  47. ---------------*/
  48. /*-------------------
  49. Page
  50. --------------------*/
  51. /*--------------
  52. Form Input
  53. ---------------*/
  54. /* This adjusts the default form input across all elements */
  55. /* Input Text Color */
  56. /* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
  57. /*-------------------
  58. Focused Input
  59. --------------------*/
  60. /* Used on inputs, textarea etc */
  61. /* Used on dropdowns, other larger blocks */
  62. /*-------------------
  63. Sizes
  64. --------------------*/
  65. /*
  66. Sizes are all expressed in terms of 14px/em (default em)
  67. This ensures these "ratios" remain constant despite changes in EM
  68. */
  69. /*-------------------
  70. Paragraph
  71. --------------------*/
  72. /*-------------------
  73. Links
  74. --------------------*/
  75. /*-------------------
  76. Highlighted Text
  77. --------------------*/
  78. /*-------------------
  79. Em Sizes
  80. --------------------*/
  81. /*
  82. This rounds $size values to the closest pixel then expresses that value in (r)em.
  83. This ensures all size values round to exact pixels
  84. */
  85. /* em */
  86. /* rem */
  87. /*-------------------
  88. Loader
  89. --------------------*/
  90. /*-------------------
  91. Grid
  92. --------------------*/
  93. /*-------------------
  94. Transitions
  95. --------------------*/
  96. /*-------------------
  97. Breakpoints
  98. --------------------*/
  99. /* Columns */
  100. /*******************************
  101. Power-User
  102. *******************************/
  103. /*-------------------
  104. Emotive Colors
  105. --------------------*/
  106. /* Positive */
  107. /* Negative */
  108. /* Info */
  109. /* Warning */
  110. /*-------------------
  111. Paths
  112. --------------------*/
  113. /* For source only. Modified in gulp for dist */
  114. /*-------------------
  115. Icons
  116. --------------------*/
  117. /* Maximum Glyph Width of Icon */
  118. /*-------------------
  119. Neutral Text
  120. --------------------*/
  121. /*-------------------
  122. Brand Colors
  123. --------------------*/
  124. /*-------------------
  125. Borders
  126. --------------------*/
  127. /*-------------------
  128. Accents
  129. --------------------*/
  130. /* Differentiating Neutrals */
  131. /* Differentiating Layers */
  132. /*-------------------
  133. Derived Values
  134. --------------------*/
  135. /* Loaders Position Offset */
  136. /* Rendered Scrollbar Width */
  137. /* Maximum Single Character Glyph Width, aka Capital "W" */
  138. /* Used to match floats with text */
  139. /* Header Spacing */
  140. /* Minimum Mobile Width */
  141. /* Positive / Negative Dupes */
  142. /* Responsive */
  143. /*******************************
  144. States
  145. *******************************/
  146. /*-------------------
  147. Disabled
  148. --------------------*/
  149. /*-------------------
  150. Hover
  151. --------------------*/
  152. /*--- Shadows ---*/
  153. /*--- Colors ---*/
  154. /*--- Emotive ---*/
  155. /*--- Brand ---*/
  156. /*--- Dark Tones ---*/
  157. /*--- Light Tones ---*/
  158. /*-------------------
  159. Focus
  160. --------------------*/
  161. /*--- Colors ---*/
  162. /*--- Emotive ---*/
  163. /*--- Brand ---*/
  164. /*--- Dark Tones ---*/
  165. /*--- Light Tones ---*/
  166. /*-------------------
  167. Down (:active)
  168. --------------------*/
  169. /*--- Colors ---*/
  170. /*--- Emotive ---*/
  171. /*--- Brand ---*/
  172. /*--- Dark Tones ---*/
  173. /*--- Light Tones ---*/
  174. /*-------------------
  175. Active
  176. --------------------*/
  177. /*--- Colors ---*/
  178. /*--- Emotive ---*/
  179. /*--- Brand ---*/
  180. /*--- Dark Tones ---*/
  181. /*--- Light Tones ---*/
  182. /*******************************
  183. Table
  184. *******************************/
  185. /*-------------------
  186. Element
  187. --------------------*/
  188. /*--------------
  189. Parts
  190. ---------------*/
  191. /* Table Row */
  192. /* Table Cell */
  193. /* Table Header */
  194. /* Table Footer */
  195. /* Responsive Size */
  196. /*-------------------
  197. Types
  198. --------------------*/
  199. /* Definition */
  200. /*--------------
  201. Couplings
  202. ---------------*/
  203. /*--------------
  204. States
  205. ---------------*/
  206. /* Positive */
  207. /* Negative */
  208. /* Error */
  209. /* Warning */
  210. /* Active */
  211. /*--------------
  212. Types
  213. ---------------*/
  214. /* Attached */
  215. /* Striped */
  216. /* Selectable */
  217. /* Sortable */
  218. /* Colors */
  219. /* Inverted */
  220. /* Basic */
  221. /* Padded */
  222. /* Compact */
  223. /* Sizes */
  224. .tabulator {
  225. position: relative;
  226. background-color: #FFFFFF;
  227. overflow: hidden;
  228. font-size: 14px;
  229. text-align: left;
  230. width: 100%;
  231. margin: 1em 0em;
  232. border: 1px solid rgba(34, 36, 38, 0.15);
  233. box-shadow: none;
  234. border-radius: 0.28571rem;
  235. color: rgba(0, 0, 0, 0.87);
  236. -ms-transform: translatez(0);
  237. transform: translatez(0);
  238. /* Red */
  239. /* Orange */
  240. /* Yellow */
  241. /* Olive */
  242. /* Green */
  243. /* Teal */
  244. /* Blue */
  245. /* Violet */
  246. /* Purple */
  247. /* Pink */
  248. /* Brown */
  249. /* Grey */
  250. /* Black */
  251. }
  252. .tabulator[tabulator-layout="fitDataFill"] .tabulator-tableHolder .tabulator-table {
  253. min-width: 100%;
  254. }
  255. .tabulator[tabulator-layout="fitDataTable"] {
  256. display: inline-block;
  257. }
  258. .tabulator.tabulator-block-select {
  259. -webkit-user-select: none;
  260. -ms-user-select: none;
  261. user-select: none;
  262. }
  263. .tabulator .tabulator-header {
  264. position: relative;
  265. box-sizing: border-box;
  266. width: 100%;
  267. border-bottom: 1px solid rgba(34, 36, 38, 0.1);
  268. background-color: #F9FAFB;
  269. box-shadow: none;
  270. color: rgba(0, 0, 0, 0.87);
  271. font-style: none;
  272. font-weight: bold;
  273. text-transform: none;
  274. white-space: nowrap;
  275. overflow: hidden;
  276. -moz-user-select: none;
  277. -khtml-user-select: none;
  278. -webkit-user-select: none;
  279. -o-user-select: none;
  280. }
  281. .tabulator .tabulator-header.tabulator-header-hidden {
  282. display: none;
  283. }
  284. .tabulator .tabulator-header .tabulator-col {
  285. display: inline-block;
  286. position: relative;
  287. box-sizing: border-box;
  288. background-color: #F9FAFB;
  289. text-align: left;
  290. vertical-align: bottom;
  291. overflow: hidden;
  292. }
  293. .tabulator .tabulator-header .tabulator-col.tabulator-moving {
  294. position: absolute;
  295. border: 1px solid #999;
  296. background: #dae1e7;
  297. pointer-events: none;
  298. }
  299. .tabulator .tabulator-header .tabulator-col .tabulator-col-content {
  300. box-sizing: border-box;
  301. position: relative;
  302. padding: 0.92857em 0.78571em;
  303. }
  304. .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-menu-button {
  305. padding: 0 8px;
  306. }
  307. .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-menu-button:hover {
  308. cursor: pointer;
  309. opacity: .6;
  310. }
  311. .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder {
  312. position: relative;
  313. }
  314. .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
  315. box-sizing: border-box;
  316. width: 100%;
  317. white-space: nowrap;
  318. overflow: hidden;
  319. text-overflow: ellipsis;
  320. vertical-align: bottom;
  321. }
  322. .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor {
  323. box-sizing: border-box;
  324. width: 100%;
  325. border: 1px solid #999;
  326. padding: 1px;
  327. background: #fff;
  328. }
  329. .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter {
  330. display: -ms-flexbox;
  331. display: flex;
  332. -ms-flex-align: center;
  333. align-items: center;
  334. position: absolute;
  335. top: 0;
  336. bottom: 0;
  337. right: 4px;
  338. }
  339. .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  340. width: 0;
  341. height: 0;
  342. border-left: 6px solid transparent;
  343. border-right: 6px solid transparent;
  344. border-bottom: 6px solid #bbb;
  345. }
  346. .tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
  347. position: relative;
  348. display: -ms-flexbox;
  349. display: flex;
  350. border-top: 1px solid #ddd;
  351. overflow: hidden;
  352. margin-right: -1px;
  353. }
  354. .tabulator .tabulator-header .tabulator-col:first-child .tabulator-col-resize-handle.prev {
  355. display: none;
  356. }
  357. .tabulator .tabulator-header .tabulator-col .tabulator-header-filter {
  358. position: relative;
  359. box-sizing: border-box;
  360. margin-top: 2px;
  361. width: 100%;
  362. text-align: center;
  363. }
  364. .tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea {
  365. height: auto !important;
  366. }
  367. .tabulator .tabulator-header .tabulator-col .tabulator-header-filter svg {
  368. margin-top: 3px;
  369. }
  370. .tabulator .tabulator-header .tabulator-col .tabulator-header-filter input::-ms-clear {
  371. width: 0;
  372. height: 0;
  373. }
  374. .tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
  375. padding-right: 25px;
  376. }
  377. .tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover {
  378. cursor: pointer;
  379. background-color: #dae1e7;
  380. }
  381. .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-content .tabulator-col-sorter {
  382. color: #bbb;
  383. }
  384. .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  385. border-top: none;
  386. border-bottom: 6px solid #bbb;
  387. }
  388. .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="asc"] .tabulator-col-content .tabulator-col-sorter {
  389. color: #666;
  390. }
  391. .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="asc"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  392. border-top: none;
  393. border-bottom: 6px solid #666;
  394. }
  395. .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="desc"] .tabulator-col-content .tabulator-col-sorter {
  396. color: #666;
  397. }
  398. .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="desc"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  399. border-bottom: none;
  400. border-top: 6px solid #666;
  401. color: #666;
  402. }
  403. .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical .tabulator-col-content .tabulator-col-title {
  404. -ms-writing-mode: tb-rl;
  405. writing-mode: vertical-rl;
  406. text-orientation: mixed;
  407. display: -ms-flexbox;
  408. display: flex;
  409. -ms-flex-align: center;
  410. align-items: center;
  411. -ms-flex-pack: center;
  412. justify-content: center;
  413. }
  414. .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-col-vertical-flip .tabulator-col-title {
  415. -ms-transform: rotate(180deg);
  416. transform: rotate(180deg);
  417. }
  418. .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-title {
  419. padding-right: 0;
  420. padding-top: 20px;
  421. }
  422. .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable.tabulator-col-vertical-flip .tabulator-col-title {
  423. padding-right: 0;
  424. padding-bottom: 20px;
  425. }
  426. .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-arrow {
  427. right: calc(50% - 6px);
  428. }
  429. .tabulator .tabulator-header .tabulator-frozen {
  430. display: inline-block;
  431. position: absolute;
  432. z-index: 10;
  433. }
  434. .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left {
  435. border-right: 2px solid #ddd;
  436. }
  437. .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right {
  438. border-left: 2px solid #ddd;
  439. }
  440. .tabulator .tabulator-header .tabulator-calcs-holder {
  441. box-sizing: border-box;
  442. min-width: 600%;
  443. background: white !important;
  444. border-top: 1px solid #ddd;
  445. border-bottom: 1px solid #ddd;
  446. overflow: hidden;
  447. }
  448. .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row {
  449. background: white !important;
  450. }
  451. .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
  452. display: none;
  453. }
  454. .tabulator .tabulator-header .tabulator-frozen-rows-holder {
  455. min-width: 600%;
  456. }
  457. .tabulator .tabulator-header .tabulator-frozen-rows-holder:empty {
  458. display: none;
  459. }
  460. .tabulator .tabulator-tableHolder {
  461. position: relative;
  462. width: 100%;
  463. white-space: nowrap;
  464. overflow: auto;
  465. -webkit-overflow-scrolling: touch;
  466. }
  467. .tabulator .tabulator-tableHolder:focus {
  468. outline: none;
  469. }
  470. .tabulator .tabulator-tableHolder .tabulator-placeholder {
  471. box-sizing: border-box;
  472. display: -ms-flexbox;
  473. display: flex;
  474. -ms-flex-align: center;
  475. align-items: center;
  476. width: 100%;
  477. }
  478. .tabulator .tabulator-tableHolder .tabulator-placeholder[tabulator-render-mode="virtual"] {
  479. min-height: 100%;
  480. min-width: 100%;
  481. }
  482. .tabulator .tabulator-tableHolder .tabulator-placeholder span {
  483. display: inline-block;
  484. margin: 0 auto;
  485. padding: 10px;
  486. color: #000;
  487. font-weight: bold;
  488. font-size: 20px;
  489. }
  490. .tabulator .tabulator-tableHolder .tabulator-table {
  491. position: relative;
  492. display: inline-block;
  493. white-space: nowrap;
  494. overflow: visible;
  495. color: #333;
  496. }
  497. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs {
  498. font-weight: bold;
  499. background: #f2f2f2 !important;
  500. }
  501. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-top {
  502. border-bottom: 2px solid #ddd;
  503. }
  504. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-bottom {
  505. border-top: 2px solid #ddd;
  506. }
  507. .tabulator .tabulator-col-resize-handle {
  508. position: absolute;
  509. right: 0;
  510. top: 0;
  511. bottom: 0;
  512. width: 5px;
  513. }
  514. .tabulator .tabulator-col-resize-handle.prev {
  515. left: 0;
  516. right: auto;
  517. }
  518. .tabulator .tabulator-col-resize-handle:hover {
  519. cursor: ew-resize;
  520. }
  521. .tabulator .tabulator-footer {
  522. padding: 0.78571em 0.78571em;
  523. border-top: 1px solid rgba(34, 36, 38, 0.15);
  524. box-shadow: none;
  525. background: #F9FAFB;
  526. text-align: right;
  527. color: rgba(0, 0, 0, 0.87);
  528. font-style: normal;
  529. font-weight: normal;
  530. text-transform: none;
  531. white-space: nowrap;
  532. -ms-user-select: none;
  533. user-select: none;
  534. -moz-user-select: none;
  535. -khtml-user-select: none;
  536. -webkit-user-select: none;
  537. -o-user-select: none;
  538. }
  539. .tabulator .tabulator-footer .tabulator-calcs-holder {
  540. box-sizing: border-box;
  541. width: calc(100% + 20px);
  542. margin: -0.78571em -0.78571em 0.78571em -0.78571em;
  543. text-align: left;
  544. background: white !important;
  545. border-bottom: 1px solid #ddd;
  546. border-top: 1px solid #ddd;
  547. overflow: hidden;
  548. }
  549. .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {
  550. font-weight: bold;
  551. background: white !important;
  552. }
  553. .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
  554. display: none;
  555. }
  556. .tabulator .tabulator-footer .tabulator-calcs-holder:only-child {
  557. margin-bottom: -0.78571em;
  558. border-bottom: none;
  559. }
  560. .tabulator .tabulator-footer .tabulator-paginator {
  561. color: #555;
  562. font-family: inherit;
  563. font-weight: inherit;
  564. font-size: inherit;
  565. }
  566. .tabulator .tabulator-footer .tabulator-page-size {
  567. display: inline-block;
  568. margin: 0 5px;
  569. padding: 2px 5px;
  570. border: 1px solid #aaa;
  571. border-radius: 3px;
  572. }
  573. .tabulator .tabulator-footer .tabulator-pages {
  574. margin: 0 7px;
  575. }
  576. .tabulator .tabulator-footer .tabulator-page {
  577. display: inline-block;
  578. margin: 0 2px;
  579. padding: 2px 5px;
  580. border: 1px solid #aaa;
  581. border-radius: 3px;
  582. background: rgba(255, 255, 255, 0.2);
  583. }
  584. .tabulator .tabulator-footer .tabulator-page.active {
  585. color: #d00;
  586. }
  587. .tabulator .tabulator-footer .tabulator-page:disabled {
  588. opacity: .5;
  589. }
  590. .tabulator .tabulator-footer .tabulator-page:not(.disabled):hover {
  591. cursor: pointer;
  592. background: rgba(0, 0, 0, 0.2);
  593. color: #fff;
  594. }
  595. .tabulator .tabulator-loader {
  596. position: absolute;
  597. display: -ms-flexbox;
  598. display: flex;
  599. -ms-flex-align: center;
  600. align-items: center;
  601. top: 0;
  602. left: 0;
  603. z-index: 100;
  604. height: 100%;
  605. width: 100%;
  606. background: rgba(0, 0, 0, 0.4);
  607. text-align: center;
  608. }
  609. .tabulator .tabulator-loader .tabulator-loader-msg {
  610. display: inline-block;
  611. margin: 0 auto;
  612. padding: 10px 20px;
  613. border-radius: 10px;
  614. background: #fff;
  615. font-weight: bold;
  616. font-size: 16px;
  617. }
  618. .tabulator .tabulator-loader .tabulator-loader-msg.tabulator-loading {
  619. border: 4px solid #333;
  620. color: #000;
  621. }
  622. .tabulator .tabulator-loader .tabulator-loader-msg.tabulator-error {
  623. border: 4px solid #D00;
  624. color: #590000;
  625. }
  626. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.positive, .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.positive {
  627. box-shadow: 0px 0px 0px #A3C293 inset;
  628. background: #FCFFF5 !important;
  629. color: #21BA45 !important;
  630. }
  631. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.positive:hover, .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.positive:hover {
  632. background: #f7ffe6 !important;
  633. color: #13ae38 !important;
  634. }
  635. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.negative, .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.negative {
  636. box-shadow: 0px 0px 0px #E0B4B4 inset;
  637. background: #FFF6F6 !important;
  638. color: #DB2828 !important;
  639. }
  640. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.negative:hover, .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.negative:hover {
  641. background: #ffe7e7 !important;
  642. color: #d41616 !important;
  643. }
  644. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.error, .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.error {
  645. box-shadow: 0px 0px 0px #E0B4B4 inset;
  646. background: #FFF6F6 !important;
  647. color: #DB2828 !important;
  648. }
  649. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.error:hover, .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.error:hover {
  650. background: #ffe7e7 !important;
  651. color: #d12323 !important;
  652. }
  653. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.warning, .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.warning {
  654. box-shadow: 0px 0px 0px #C9BA9B inset;
  655. background: #FFFAF3 !important;
  656. color: #F2C037 !important;
  657. }
  658. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.warning:hover, .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.warning:hover {
  659. background: #fff4e4 !important;
  660. color: #f1bb29 !important;
  661. }
  662. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.active, .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.active {
  663. box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.87) inset;
  664. background: #E0E0E0 !important;
  665. color: rgba(0, 0, 0, 0.87) !important;
  666. }
  667. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.active:hover, .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.active:hover {
  668. background: #f7ffe6 !important;
  669. color: #13ae38 !important;
  670. }
  671. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.active, .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.disabled:hover, .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.active {
  672. pointer-events: none;
  673. color: rgba(0, 0, 0, 0.2);
  674. }
  675. .tabulator.inverted {
  676. background: #333333;
  677. color: rgba(255, 255, 255, 0.9);
  678. border: none;
  679. }
  680. .tabulator.inverted .tabulator-header {
  681. background-color: rgba(0, 0, 0, 0.15);
  682. border-color: rgba(255, 255, 255, 0.1) !important;
  683. color: rgba(255, 255, 255, 0.9);
  684. }
  685. .tabulator.inverted .tabulator-header .tabulator-col {
  686. border-color: rgba(255, 255, 255, 0.1) !important;
  687. }
  688. .tabulator.inverted .tabulator-tableHolder .tabulator-table .tabulator-row {
  689. color: rgba(255, 255, 255, 0.9);
  690. border: none;
  691. }
  692. .tabulator.inverted .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell {
  693. border-color: rgba(255, 255, 255, 0.1) !important;
  694. }
  695. .tabulator.inverted .tabulator-footer {
  696. background: #FFFFFF;
  697. }
  698. .tabulator.striped .tabulator-tableHolder .tabulator-table .tabulator-row:nth-child(even) {
  699. background-color: rgba(0, 0, 0, 0.05) !important;
  700. }
  701. .tabulator.celled {
  702. border: 1px solid rgba(34, 36, 38, 0.15);
  703. }
  704. .tabulator.celled .tabulator-header .tabulator-col {
  705. border-right: 1px solid rgba(34, 36, 38, 0.1);
  706. }
  707. .tabulator.celled .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell {
  708. border-right: 1px solid rgba(34, 36, 38, 0.1);
  709. }
  710. .tabulator[class*="single line"] .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell {
  711. border-right: none;
  712. }
  713. .tabulator.red {
  714. border-top: 0.2em solid #DB2828;
  715. }
  716. .tabulator.inverted.red {
  717. background-color: #DB2828 !important;
  718. color: #FFFFFF !important;
  719. }
  720. .tabulator.orange {
  721. border-top: 0.2em solid #F2711C;
  722. }
  723. .tabulator.inverted.orange {
  724. background-color: #F2711C !important;
  725. color: #FFFFFF !important;
  726. }
  727. .tabulator.yellow {
  728. border-top: 0.2em solid #FBBD08;
  729. }
  730. .tabulator.inverted.yellow {
  731. background-color: #FBBD08 !important;
  732. color: #FFFFFF !important;
  733. }
  734. .tabulator.olive {
  735. border-top: 0.2em solid #B5CC18;
  736. }
  737. .tabulator.inverted.olive {
  738. background-color: #B5CC18 !important;
  739. color: #FFFFFF !important;
  740. }
  741. .tabulator.green {
  742. border-top: 0.2em solid #21BA45;
  743. }
  744. .tabulator.inverted.green {
  745. background-color: #21BA45 !important;
  746. color: #FFFFFF !important;
  747. }
  748. .tabulator.teal {
  749. border-top: 0.2em solid #00B5AD;
  750. }
  751. .tabulator.inverted.teal {
  752. background-color: #00B5AD !important;
  753. color: #FFFFFF !important;
  754. }
  755. .tabulator.blue {
  756. border-top: 0.2em solid #2185D0;
  757. }
  758. .tabulator.inverted.blue {
  759. background-color: #2185D0 !important;
  760. color: #FFFFFF !important;
  761. }
  762. .tabulator.violet {
  763. border-top: 0.2em solid #6435C9;
  764. }
  765. .tabulator.inverted.violet {
  766. background-color: #6435C9 !important;
  767. color: #FFFFFF !important;
  768. }
  769. .tabulator.purple {
  770. border-top: 0.2em solid #A333C8;
  771. }
  772. .tabulator.inverted.purple {
  773. background-color: #A333C8 !important;
  774. color: #FFFFFF !important;
  775. }
  776. .tabulator.pink {
  777. border-top: 0.2em solid #E03997;
  778. }
  779. .tabulator.inverted.pink {
  780. background-color: #E03997 !important;
  781. color: #FFFFFF !important;
  782. }
  783. .tabulator.brown {
  784. border-top: 0.2em solid #A5673F;
  785. }
  786. .tabulator.inverted.brown {
  787. background-color: #A5673F !important;
  788. color: #FFFFFF !important;
  789. }
  790. .tabulator.grey {
  791. border-top: 0.2em solid #767676;
  792. }
  793. .tabulator.inverted.grey {
  794. background-color: #767676 !important;
  795. color: #FFFFFF !important;
  796. }
  797. .tabulator.black {
  798. border-top: 0.2em solid #1B1C1D;
  799. }
  800. .tabulator.inverted.black {
  801. background-color: #1B1C1D !important;
  802. color: #FFFFFF !important;
  803. }
  804. .tabulator.padded .tabulator-header .tabulator-col .tabulator-col-content {
  805. padding: 1em 1em;
  806. }
  807. .tabulator.padded .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow {
  808. top: 20px;
  809. }
  810. .tabulator.padded .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell {
  811. padding: 1em 1em;
  812. }
  813. .tabulator.padded.very .tabulator-header .tabulator-col .tabulator-col-content {
  814. padding: 1.5em 1.5em;
  815. }
  816. .tabulator.padded.very .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow {
  817. top: 26px;
  818. }
  819. .tabulator.padded.very .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell {
  820. padding: 1.5em 1.5em;
  821. }
  822. .tabulator.compact .tabulator-header .tabulator-col .tabulator-col-content {
  823. padding: 0.5em 0.7em;
  824. }
  825. .tabulator.compact .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow {
  826. top: 12px;
  827. }
  828. .tabulator.compact .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell {
  829. padding: 0.5em 0.7em;
  830. }
  831. .tabulator.compact.very .tabulator-header .tabulator-col .tabulator-col-content {
  832. padding: 0.4em 0.6em;
  833. }
  834. .tabulator.compact.very .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow {
  835. top: 10px;
  836. }
  837. .tabulator.compact.very .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell {
  838. padding: 0.4em 0.6em;
  839. }
  840. .tabulator-row {
  841. position: relative;
  842. box-sizing: border-box;
  843. min-height: 22px;
  844. border-bottom: 1px solid rgba(34, 36, 38, 0.1);
  845. }
  846. .tabulator-row.tabulator-selectable:hover {
  847. box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.87) inset;
  848. background: #E0E0E0 !important;
  849. color: rgba(0, 0, 0, 0.87) !important;
  850. cursor: pointer;
  851. }
  852. .tabulator-row.tabulator-selected {
  853. background-color: #9ABCEA;
  854. }
  855. .tabulator-row.tabulator-selected:hover {
  856. background-color: #769BCC;
  857. cursor: pointer;
  858. }
  859. .tabulator-row.tabulator-moving {
  860. position: absolute;
  861. border-top: 1px solid #ddd;
  862. border-bottom: 1px solid #ddd;
  863. pointer-events: none !important;
  864. z-index: 15;
  865. }
  866. .tabulator-row .tabulator-row-resize-handle {
  867. position: absolute;
  868. right: 0;
  869. bottom: 0;
  870. left: 0;
  871. height: 5px;
  872. }
  873. .tabulator-row .tabulator-row-resize-handle.prev {
  874. top: 0;
  875. bottom: auto;
  876. }
  877. .tabulator-row .tabulator-row-resize-handle:hover {
  878. cursor: ns-resize;
  879. }
  880. .tabulator-row .tabulator-frozen {
  881. display: inline-block;
  882. position: absolute;
  883. background-color: inherit;
  884. z-index: 10;
  885. }
  886. .tabulator-row .tabulator-frozen.tabulator-frozen-left {
  887. border-right: 2px solid #ddd;
  888. }
  889. .tabulator-row .tabulator-frozen.tabulator-frozen-right {
  890. border-left: 2px solid #ddd;
  891. }
  892. .tabulator-row .tabulator-responsive-collapse {
  893. box-sizing: border-box;
  894. padding: 5px;
  895. border-top: 1px solid #ddd;
  896. border-bottom: 1px solid #ddd;
  897. }
  898. .tabulator-row .tabulator-responsive-collapse:empty {
  899. display: none;
  900. }
  901. .tabulator-row .tabulator-responsive-collapse table {
  902. font-size: 14px;
  903. }
  904. .tabulator-row .tabulator-responsive-collapse table tr td {
  905. position: relative;
  906. }
  907. .tabulator-row .tabulator-responsive-collapse table tr td:first-of-type {
  908. padding-right: 10px;
  909. }
  910. .tabulator-row .tabulator-cell {
  911. display: inline-block;
  912. position: relative;
  913. box-sizing: border-box;
  914. padding: 0.78571em 0.78571em;
  915. vertical-align: middle;
  916. white-space: nowrap;
  917. overflow: hidden;
  918. text-overflow: ellipsis;
  919. }
  920. .tabulator-row .tabulator-cell:last-of-type {
  921. border-right: none;
  922. }
  923. .tabulator-row .tabulator-cell.tabulator-editing {
  924. border: 1px solid #1D68CD;
  925. padding: 0;
  926. }
  927. .tabulator-row .tabulator-cell.tabulator-editing input, .tabulator-row .tabulator-cell.tabulator-editing select {
  928. border: 1px;
  929. background: transparent;
  930. }
  931. .tabulator-row .tabulator-cell.tabulator-validation-fail {
  932. border: 1px solid #DB2828;
  933. }
  934. .tabulator-row .tabulator-cell.tabulator-validation-fail input, .tabulator-row .tabulator-cell.tabulator-validation-fail select {
  935. border: 1px;
  936. background: transparent;
  937. color: #DB2828;
  938. }
  939. .tabulator-row .tabulator-cell:first-child .tabulator-col-resize-handle.prev {
  940. display: none;
  941. }
  942. .tabulator-row .tabulator-cell.tabulator-row-handle {
  943. display: -ms-inline-flexbox;
  944. display: inline-flex;
  945. -ms-flex-align: center;
  946. align-items: center;
  947. -moz-user-select: none;
  948. -khtml-user-select: none;
  949. -webkit-user-select: none;
  950. -o-user-select: none;
  951. }
  952. .tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box {
  953. width: 80%;
  954. }
  955. .tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box .tabulator-row-handle-bar {
  956. width: 100%;
  957. height: 3px;
  958. margin-top: 2px;
  959. background: #666;
  960. }
  961. .tabulator-row .tabulator-cell .tabulator-data-tree-branch {
  962. display: inline-block;
  963. vertical-align: middle;
  964. height: 9px;
  965. width: 7px;
  966. margin-top: -9px;
  967. margin-right: 5px;
  968. border-bottom-left-radius: 1px;
  969. border-left: 2px solid #ddd;
  970. border-bottom: 2px solid #ddd;
  971. }
  972. .tabulator-row .tabulator-cell .tabulator-data-tree-control {
  973. display: -ms-inline-flexbox;
  974. display: inline-flex;
  975. -ms-flex-pack: center;
  976. justify-content: center;
  977. -ms-flex-align: center;
  978. align-items: center;
  979. vertical-align: middle;
  980. height: 11px;
  981. width: 11px;
  982. margin-right: 5px;
  983. border: 1px solid #333;
  984. border-radius: 2px;
  985. background: rgba(0, 0, 0, 0.1);
  986. overflow: hidden;
  987. }
  988. .tabulator-row .tabulator-cell .tabulator-data-tree-control:hover {
  989. cursor: pointer;
  990. background: rgba(0, 0, 0, 0.2);
  991. }
  992. .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
  993. display: inline-block;
  994. position: relative;
  995. height: 7px;
  996. width: 1px;
  997. background: transparent;
  998. }
  999. .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
  1000. position: absolute;
  1001. content: "";
  1002. left: -3px;
  1003. top: 3px;
  1004. height: 1px;
  1005. width: 7px;
  1006. background: #333;
  1007. }
  1008. .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand {
  1009. display: inline-block;
  1010. position: relative;
  1011. height: 7px;
  1012. width: 1px;
  1013. background: #333;
  1014. }
  1015. .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
  1016. position: absolute;
  1017. content: "";
  1018. left: -3px;
  1019. top: 3px;
  1020. height: 1px;
  1021. width: 7px;
  1022. background: #333;
  1023. }
  1024. .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle {
  1025. display: -ms-inline-flexbox;
  1026. display: inline-flex;
  1027. -ms-flex-align: center;
  1028. align-items: center;
  1029. -ms-flex-pack: center;
  1030. justify-content: center;
  1031. -moz-user-select: none;
  1032. -khtml-user-select: none;
  1033. -webkit-user-select: none;
  1034. -o-user-select: none;
  1035. height: 15px;
  1036. width: 15px;
  1037. border-radius: 20px;
  1038. background: #666;
  1039. color: #fff;
  1040. font-weight: bold;
  1041. font-size: 1.1em;
  1042. }
  1043. .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle:hover {
  1044. opacity: .7;
  1045. }
  1046. .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-close {
  1047. display: initial;
  1048. }
  1049. .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-open {
  1050. display: none;
  1051. }
  1052. .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle .tabulator-responsive-collapse-toggle-close {
  1053. display: none;
  1054. }
  1055. .tabulator-row .tabulator-cell .tabulator-traffic-light {
  1056. display: inline-block;
  1057. height: 14px;
  1058. width: 14px;
  1059. border-radius: 14px;
  1060. }
  1061. .tabulator-row.tabulator-group {
  1062. box-sizing: border-box;
  1063. border-bottom: 1px solid #999;
  1064. border-right: 1px solid #ddd;
  1065. border-top: 1px solid #999;
  1066. padding: 5px;
  1067. padding-left: 10px;
  1068. background: #fafafa;
  1069. font-weight: bold;
  1070. min-width: 100%;
  1071. }
  1072. .tabulator-row.tabulator-group:hover {
  1073. cursor: pointer;
  1074. background-color: rgba(0, 0, 0, 0.1);
  1075. }
  1076. .tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow {
  1077. margin-right: 10px;
  1078. border-left: 6px solid transparent;
  1079. border-right: 6px solid transparent;
  1080. border-top: 6px solid #666;
  1081. border-bottom: 0;
  1082. }
  1083. .tabulator-row.tabulator-group.tabulator-group-level-1 {
  1084. padding-left: 30px;
  1085. }
  1086. .tabulator-row.tabulator-group.tabulator-group-level-2 {
  1087. padding-left: 50px;
  1088. }
  1089. .tabulator-row.tabulator-group.tabulator-group-level-3 {
  1090. padding-left: 70px;
  1091. }
  1092. .tabulator-row.tabulator-group.tabulator-group-level-4 {
  1093. padding-left: 90px;
  1094. }
  1095. .tabulator-row.tabulator-group.tabulator-group-level-5 {
  1096. padding-left: 110px;
  1097. }
  1098. .tabulator-row.tabulator-group .tabulator-arrow {
  1099. display: inline-block;
  1100. width: 0;
  1101. height: 0;
  1102. margin-right: 16px;
  1103. border-top: 6px solid transparent;
  1104. border-bottom: 6px solid transparent;
  1105. border-right: 0;
  1106. border-left: 6px solid #666;
  1107. vertical-align: middle;
  1108. }
  1109. .tabulator-row.tabulator-group span {
  1110. margin-left: 10px;
  1111. color: #666;
  1112. }
  1113. .tabulator-menu {
  1114. position: absolute;
  1115. display: inline-block;
  1116. box-sizing: border-box;
  1117. background: #FFFFFF;
  1118. border: 1px solid #ddd;
  1119. box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  1120. font-size: 14px;
  1121. overflow-y: auto;
  1122. -webkit-overflow-scrolling: touch;
  1123. z-index: 10000;
  1124. }
  1125. .tabulator-menu .tabulator-menu-item {
  1126. padding: 5px 10px;
  1127. -webkit-user-select: none;
  1128. -ms-user-select: none;
  1129. user-select: none;
  1130. }
  1131. .tabulator-menu .tabulator-menu-item.tabulator-menu-item-disabled {
  1132. opacity: .5;
  1133. }
  1134. .tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover {
  1135. cursor: pointer;
  1136. background: #F9FAFB;
  1137. }
  1138. .tabulator-menu .tabulator-menu-separator {
  1139. border-top: 1px solid #ddd;
  1140. }
  1141. .tabulator-edit-select-list {
  1142. position: absolute;
  1143. display: inline-block;
  1144. box-sizing: border-box;
  1145. max-height: 200px;
  1146. background: #FFFFFF;
  1147. border: 1px solid #ddd;
  1148. font-size: 14px;
  1149. overflow-y: auto;
  1150. -webkit-overflow-scrolling: touch;
  1151. z-index: 10000;
  1152. }
  1153. .tabulator-edit-select-list .tabulator-edit-select-list-item {
  1154. padding: 4px;
  1155. color: #333;
  1156. }
  1157. .tabulator-edit-select-list .tabulator-edit-select-list-item.active {
  1158. color: #FFFFFF;
  1159. background: #1D68CD;
  1160. }
  1161. .tabulator-edit-select-list .tabulator-edit-select-list-item.active.focused {
  1162. outline: 1px solid rgba(255, 255, 255, 0.5);
  1163. }
  1164. .tabulator-edit-select-list .tabulator-edit-select-list-item.focused {
  1165. outline: 1px solid #1D68CD;
  1166. }
  1167. .tabulator-edit-select-list .tabulator-edit-select-list-item:hover {
  1168. cursor: pointer;
  1169. color: #FFFFFF;
  1170. background: #1D68CD;
  1171. }
  1172. .tabulator-edit-select-list .tabulator-edit-select-list-notice {
  1173. padding: 4px;
  1174. text-align: center;
  1175. }
  1176. .tabulator-edit-select-list .tabulator-edit-select-list-group {
  1177. border-bottom: 1px solid #ddd;
  1178. padding: 4px;
  1179. padding-top: 6px;
  1180. color: #333;
  1181. font-weight: bold;
  1182. }
  1183. .tabulator.tabulator-ltr {
  1184. direction: ltr;
  1185. }
  1186. .tabulator.tabulator-rtl {
  1187. text-align: initial;
  1188. direction: rtl;
  1189. }
  1190. .tabulator.tabulator-rtl .tabulator-header .tabulator-col {
  1191. text-align: initial;
  1192. border-left: 1px solid #ddd;
  1193. border-right: initial;
  1194. }
  1195. .tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
  1196. margin-right: initial;
  1197. margin-left: -1px;
  1198. }
  1199. .tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
  1200. padding-right: 0;
  1201. padding-left: 25px;
  1202. }
  1203. .tabulator.tabulator-rtl .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow {
  1204. left: 8px;
  1205. right: initial;
  1206. }
  1207. .tabulator.tabulator-rtl .tabulator-row .tabulator-cell {
  1208. border-right: initial;
  1209. border-left: 1px solid #ddd;
  1210. }
  1211. .tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-branch {
  1212. margin-right: initial;
  1213. margin-left: 5px;
  1214. border-bottom-left-radius: initial;
  1215. border-bottom-right-radius: 1px;
  1216. border-left: initial;
  1217. border-right: 2px solid #ddd;
  1218. }
  1219. .tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-control {
  1220. margin-right: initial;
  1221. margin-left: 5px;
  1222. }
  1223. .tabulator.tabulator-rtl .tabulator-col-resize-handle {
  1224. position: absolute;
  1225. left: 0;
  1226. right: auto;
  1227. }
  1228. .tabulator.tabulator-rtl .tabulator-col-resize-handle.prev {
  1229. right: 0;
  1230. left: auto;
  1231. }
  1232. .tabulator-print-fullscreen {
  1233. position: absolute;
  1234. top: 0;
  1235. bottom: 0;
  1236. left: 0;
  1237. right: 0;
  1238. z-index: 10000;
  1239. }
  1240. body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
  1241. display: none !important;
  1242. }
  1243. .tabulator-print-table {
  1244. border-collapse: collapse;
  1245. }
  1246. .tabulator-print-table .tabulator-print-table-group {
  1247. box-sizing: border-box;
  1248. border-bottom: 1px solid #999;
  1249. border-right: 1px solid #ddd;
  1250. border-top: 1px solid #999;
  1251. padding: 5px;
  1252. padding-left: 10px;
  1253. background: #fafafa;
  1254. font-weight: bold;
  1255. min-width: 100%;
  1256. }
  1257. .tabulator-print-table .tabulator-print-table-group:hover {
  1258. cursor: pointer;
  1259. background-color: rgba(0, 0, 0, 0.1);
  1260. }
  1261. .tabulator-print-table .tabulator-print-table-group.tabulator-group-visible .tabulator-arrow {
  1262. margin-right: 10px;
  1263. border-left: 6px solid transparent;
  1264. border-right: 6px solid transparent;
  1265. border-top: 6px solid #666;
  1266. border-bottom: 0;
  1267. }
  1268. .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-1 td {
  1269. padding-left: 30px !important;
  1270. }
  1271. .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-2 td {
  1272. padding-left: 50px !important;
  1273. }
  1274. .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-3 td {
  1275. padding-left: 70px !important;
  1276. }
  1277. .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-4 td {
  1278. padding-left: 90px !important;
  1279. }
  1280. .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-5 td {
  1281. padding-left: 110px !important;
  1282. }
  1283. .tabulator-print-table .tabulator-print-table-group .tabulator-arrow {
  1284. display: inline-block;
  1285. width: 0;
  1286. height: 0;
  1287. margin-right: 16px;
  1288. border-top: 6px solid transparent;
  1289. border-bottom: 6px solid transparent;
  1290. border-right: 0;
  1291. border-left: 6px solid #666;
  1292. vertical-align: middle;
  1293. }
  1294. .tabulator-print-table .tabulator-print-table-group span {
  1295. margin-left: 10px;
  1296. color: #666;
  1297. }
  1298. .tabulator-print-table .tabulator-data-tree-branch {
  1299. display: inline-block;
  1300. vertical-align: middle;
  1301. height: 9px;
  1302. width: 7px;
  1303. margin-top: -9px;
  1304. margin-right: 5px;
  1305. border-bottom-left-radius: 1px;
  1306. border-left: 2px solid #ddd;
  1307. border-bottom: 2px solid #ddd;
  1308. }
  1309. .tabulator-print-table .tabulator-data-tree-control {
  1310. display: -ms-inline-flexbox;
  1311. display: inline-flex;
  1312. -ms-flex-pack: center;
  1313. justify-content: center;
  1314. -ms-flex-align: center;
  1315. align-items: center;
  1316. vertical-align: middle;
  1317. height: 11px;
  1318. width: 11px;
  1319. margin-right: 5px;
  1320. border: 1px solid #333;
  1321. border-radius: 2px;
  1322. background: rgba(0, 0, 0, 0.1);
  1323. overflow: hidden;
  1324. }
  1325. .tabulator-print-table .tabulator-data-tree-control:hover {
  1326. cursor: pointer;
  1327. background: rgba(0, 0, 0, 0.2);
  1328. }
  1329. .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
  1330. display: inline-block;
  1331. position: relative;
  1332. height: 7px;
  1333. width: 1px;
  1334. background: transparent;
  1335. }
  1336. .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
  1337. position: absolute;
  1338. content: "";
  1339. left: -3px;
  1340. top: 3px;
  1341. height: 1px;
  1342. width: 7px;
  1343. background: #333;
  1344. }
  1345. .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand {
  1346. display: inline-block;
  1347. position: relative;
  1348. height: 7px;
  1349. width: 1px;
  1350. background: #333;
  1351. }
  1352. .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
  1353. position: absolute;
  1354. content: "";
  1355. left: -3px;
  1356. top: 3px;
  1357. height: 1px;
  1358. width: 7px;
  1359. background: #333;
  1360. }