datatables.css 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501
  1. /*
  2. * This combined file was created by the DataTables downloader builder:
  3. * https://datatables.net/download
  4. *
  5. * To rebuild or modify this file with the latest versions of the included
  6. * software please visit:
  7. * https://datatables.net/download/#bs5/dt-2.0.7
  8. *
  9. * Included libraries:
  10. * DataTables 2.0.7
  11. */
  12. @charset "UTF-8";
  13. :root {
  14. --dt-row-selected: 13, 110, 253;
  15. --dt-row-selected-text: 255, 255, 255;
  16. --dt-row-selected-link: 9, 10, 11;
  17. --dt-row-stripe: 0, 0, 0;
  18. --dt-row-hover: 0, 0, 0;
  19. --dt-column-ordering: 0, 0, 0;
  20. --dt-html-background: white;
  21. }
  22. :root.dark {
  23. --dt-html-background: rgb(33, 37, 41);
  24. }
  25. table.dataTable td.dt-control {
  26. text-align: center;
  27. cursor: pointer;
  28. }
  29. table.dataTable td.dt-control:before {
  30. display: inline-block;
  31. box-sizing: border-box;
  32. content: "";
  33. border-top: 5px solid transparent;
  34. border-left: 10px solid rgba(0, 0, 0, 0.5);
  35. border-bottom: 5px solid transparent;
  36. border-right: 0px solid transparent;
  37. }
  38. table.dataTable tr.dt-hasChild td.dt-control:before {
  39. border-top: 10px solid rgba(0, 0, 0, 0.5);
  40. border-left: 5px solid transparent;
  41. border-bottom: 0px solid transparent;
  42. border-right: 5px solid transparent;
  43. }
  44. html.dark table.dataTable td.dt-control:before,
  45. :root[data-bs-theme=dark] table.dataTable td.dt-control:before {
  46. border-left-color: rgba(255, 255, 255, 0.5);
  47. }
  48. html.dark table.dataTable tr.dt-hasChild td.dt-control:before,
  49. :root[data-bs-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before {
  50. border-top-color: rgba(255, 255, 255, 0.5);
  51. border-left-color: transparent;
  52. }
  53. div.dt-scroll-body thead tr,
  54. div.dt-scroll-body tfoot tr {
  55. height: 0;
  56. }
  57. div.dt-scroll-body thead tr th, div.dt-scroll-body thead tr td,
  58. div.dt-scroll-body tfoot tr th,
  59. div.dt-scroll-body tfoot tr td {
  60. height: 0 !important;
  61. padding-top: 0px !important;
  62. padding-bottom: 0px !important;
  63. border-top-width: 0px !important;
  64. border-bottom-width: 0px !important;
  65. }
  66. div.dt-scroll-body thead tr th div.dt-scroll-sizing, div.dt-scroll-body thead tr td div.dt-scroll-sizing,
  67. div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,
  68. div.dt-scroll-body tfoot tr td div.dt-scroll-sizing {
  69. height: 0 !important;
  70. overflow: hidden !important;
  71. }
  72. table.dataTable thead > tr > th:active,
  73. table.dataTable thead > tr > td:active {
  74. outline: none;
  75. }
  76. table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before,
  77. table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before,
  78. table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before {
  79. position: absolute;
  80. display: block;
  81. bottom: 50%;
  82. content: "▲";
  83. content: "▲"/"";
  84. }
  85. table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
  86. table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after,
  87. table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  88. position: absolute;
  89. display: block;
  90. top: 50%;
  91. content: "▼";
  92. content: "▼"/"";
  93. }
  94. table.dataTable thead > tr > th.dt-orderable-asc, table.dataTable thead > tr > th.dt-orderable-desc, table.dataTable thead > tr > th.dt-ordering-asc, table.dataTable thead > tr > th.dt-ordering-desc,
  95. table.dataTable thead > tr > td.dt-orderable-asc,
  96. table.dataTable thead > tr > td.dt-orderable-desc,
  97. table.dataTable thead > tr > td.dt-ordering-asc,
  98. table.dataTable thead > tr > td.dt-ordering-desc {
  99. position: relative;
  100. padding-right: 30px;
  101. }
  102. table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order,
  103. table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order,
  104. table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order,
  105. table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order,
  106. table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order {
  107. position: absolute;
  108. right: 12px;
  109. top: 0;
  110. bottom: 0;
  111. width: 12px;
  112. }
  113. table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:after, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
  114. table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before,
  115. table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:after,
  116. table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:before,
  117. table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after,
  118. table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before,
  119. table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:after,
  120. table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:before,
  121. table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  122. left: 0;
  123. opacity: 0.125;
  124. line-height: 9px;
  125. font-size: 0.8em;
  126. }
  127. table.dataTable thead > tr > th.dt-orderable-asc, table.dataTable thead > tr > th.dt-orderable-desc,
  128. table.dataTable thead > tr > td.dt-orderable-asc,
  129. table.dataTable thead > tr > td.dt-orderable-desc {
  130. cursor: pointer;
  131. }
  132. table.dataTable thead > tr > th.dt-orderable-asc:hover, table.dataTable thead > tr > th.dt-orderable-desc:hover,
  133. table.dataTable thead > tr > td.dt-orderable-asc:hover,
  134. table.dataTable thead > tr > td.dt-orderable-desc:hover {
  135. outline: 2px solid rgba(0, 0, 0, 0.05);
  136. outline-offset: -2px;
  137. }
  138. table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
  139. table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before,
  140. table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  141. opacity: 0.6;
  142. }
  143. table.dataTable thead > tr > th.sorting_desc_disabled span.dt-column-order:after, table.dataTable thead > tr > th.sorting_asc_disabled span.dt-column-order:before,
  144. table.dataTable thead > tr > td.sorting_desc_disabled span.dt-column-order:after,
  145. table.dataTable thead > tr > td.sorting_asc_disabled span.dt-column-order:before {
  146. display: none;
  147. }
  148. table.dataTable thead > tr > th:active,
  149. table.dataTable thead > tr > td:active {
  150. outline: none;
  151. }
  152. div.dt-scroll-body > table.dataTable > thead > tr > th,
  153. div.dt-scroll-body > table.dataTable > thead > tr > td {
  154. overflow: hidden;
  155. }
  156. :root.dark table.dataTable thead > tr > th.dt-orderable-asc:hover, :root.dark table.dataTable thead > tr > th.dt-orderable-desc:hover,
  157. :root.dark table.dataTable thead > tr > td.dt-orderable-asc:hover,
  158. :root.dark table.dataTable thead > tr > td.dt-orderable-desc:hover,
  159. :root[data-bs-theme=dark] table.dataTable thead > tr > th.dt-orderable-asc:hover,
  160. :root[data-bs-theme=dark] table.dataTable thead > tr > th.dt-orderable-desc:hover,
  161. :root[data-bs-theme=dark] table.dataTable thead > tr > td.dt-orderable-asc:hover,
  162. :root[data-bs-theme=dark] table.dataTable thead > tr > td.dt-orderable-desc:hover {
  163. outline: 2px solid rgba(255, 255, 255, 0.05);
  164. }
  165. div.dt-processing {
  166. position: absolute;
  167. top: 50%;
  168. left: 50%;
  169. width: 200px;
  170. margin-left: -100px;
  171. margin-top: -22px;
  172. text-align: center;
  173. padding: 2px;
  174. z-index: 10;
  175. }
  176. div.dt-processing > div:last-child {
  177. position: relative;
  178. width: 80px;
  179. height: 15px;
  180. margin: 1em auto;
  181. }
  182. div.dt-processing > div:last-child > div {
  183. position: absolute;
  184. top: 0;
  185. width: 13px;
  186. height: 13px;
  187. border-radius: 50%;
  188. background: rgb(13, 110, 253);
  189. background: rgb(var(--dt-row-selected));
  190. animation-timing-function: cubic-bezier(0, 1, 1, 0);
  191. }
  192. div.dt-processing > div:last-child > div:nth-child(1) {
  193. left: 8px;
  194. animation: datatables-loader-1 0.6s infinite;
  195. }
  196. div.dt-processing > div:last-child > div:nth-child(2) {
  197. left: 8px;
  198. animation: datatables-loader-2 0.6s infinite;
  199. }
  200. div.dt-processing > div:last-child > div:nth-child(3) {
  201. left: 32px;
  202. animation: datatables-loader-2 0.6s infinite;
  203. }
  204. div.dt-processing > div:last-child > div:nth-child(4) {
  205. left: 56px;
  206. animation: datatables-loader-3 0.6s infinite;
  207. }
  208. @keyframes datatables-loader-1 {
  209. 0% {
  210. transform: scale(0);
  211. }
  212. 100% {
  213. transform: scale(1);
  214. }
  215. }
  216. @keyframes datatables-loader-3 {
  217. 0% {
  218. transform: scale(1);
  219. }
  220. 100% {
  221. transform: scale(0);
  222. }
  223. }
  224. @keyframes datatables-loader-2 {
  225. 0% {
  226. transform: translate(0, 0);
  227. }
  228. 100% {
  229. transform: translate(24px, 0);
  230. }
  231. }
  232. table.dataTable.nowrap th, table.dataTable.nowrap td {
  233. white-space: nowrap;
  234. }
  235. table.dataTable th,
  236. table.dataTable td {
  237. box-sizing: border-box;
  238. }
  239. table.dataTable th.dt-left,
  240. table.dataTable td.dt-left {
  241. text-align: left;
  242. }
  243. table.dataTable th.dt-center,
  244. table.dataTable td.dt-center {
  245. text-align: center;
  246. }
  247. table.dataTable th.dt-right,
  248. table.dataTable td.dt-right {
  249. text-align: right;
  250. }
  251. table.dataTable th.dt-justify,
  252. table.dataTable td.dt-justify {
  253. text-align: justify;
  254. }
  255. table.dataTable th.dt-nowrap,
  256. table.dataTable td.dt-nowrap {
  257. white-space: nowrap;
  258. }
  259. table.dataTable th.dt-empty,
  260. table.dataTable td.dt-empty {
  261. text-align: center;
  262. vertical-align: top;
  263. }
  264. table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date,
  265. table.dataTable td.dt-type-numeric,
  266. table.dataTable td.dt-type-date {
  267. text-align: right;
  268. }
  269. table.dataTable thead th,
  270. table.dataTable thead td,
  271. table.dataTable tfoot th,
  272. table.dataTable tfoot td {
  273. text-align: left;
  274. }
  275. table.dataTable thead th.dt-head-left,
  276. table.dataTable thead td.dt-head-left,
  277. table.dataTable tfoot th.dt-head-left,
  278. table.dataTable tfoot td.dt-head-left {
  279. text-align: left;
  280. }
  281. table.dataTable thead th.dt-head-center,
  282. table.dataTable thead td.dt-head-center,
  283. table.dataTable tfoot th.dt-head-center,
  284. table.dataTable tfoot td.dt-head-center {
  285. text-align: center;
  286. }
  287. table.dataTable thead th.dt-head-right,
  288. table.dataTable thead td.dt-head-right,
  289. table.dataTable tfoot th.dt-head-right,
  290. table.dataTable tfoot td.dt-head-right {
  291. text-align: right;
  292. }
  293. table.dataTable thead th.dt-head-justify,
  294. table.dataTable thead td.dt-head-justify,
  295. table.dataTable tfoot th.dt-head-justify,
  296. table.dataTable tfoot td.dt-head-justify {
  297. text-align: justify;
  298. }
  299. table.dataTable thead th.dt-head-nowrap,
  300. table.dataTable thead td.dt-head-nowrap,
  301. table.dataTable tfoot th.dt-head-nowrap,
  302. table.dataTable tfoot td.dt-head-nowrap {
  303. white-space: nowrap;
  304. }
  305. table.dataTable tbody th.dt-body-left,
  306. table.dataTable tbody td.dt-body-left {
  307. text-align: left;
  308. }
  309. table.dataTable tbody th.dt-body-center,
  310. table.dataTable tbody td.dt-body-center {
  311. text-align: center;
  312. }
  313. table.dataTable tbody th.dt-body-right,
  314. table.dataTable tbody td.dt-body-right {
  315. text-align: right;
  316. }
  317. table.dataTable tbody th.dt-body-justify,
  318. table.dataTable tbody td.dt-body-justify {
  319. text-align: justify;
  320. }
  321. table.dataTable tbody th.dt-body-nowrap,
  322. table.dataTable tbody td.dt-body-nowrap {
  323. white-space: nowrap;
  324. }
  325. /*! Bootstrap 5 integration for DataTables
  326. *
  327. * ©2020 SpryMedia Ltd, all rights reserved.
  328. * License: MIT datatables.net/license/mit
  329. */
  330. table.table.dataTable {
  331. clear: both;
  332. margin-bottom: 0;
  333. max-width: none;
  334. border-spacing: 0;
  335. }
  336. table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) > * {
  337. box-shadow: none;
  338. }
  339. table.table.dataTable > :not(caption) > * > * {
  340. background-color: var(--bs-table-bg);
  341. }
  342. table.table.dataTable > tbody > tr {
  343. background-color: transparent;
  344. }
  345. table.table.dataTable > tbody > tr.selected > * {
  346. box-shadow: inset 0 0 0 9999px rgb(13, 110, 253);
  347. box-shadow: inset 0 0 0 9999px rgb(var(--dt-row-selected));
  348. color: rgb(255, 255, 255);
  349. color: rgb(var(--dt-row-selected-text));
  350. }
  351. table.table.dataTable > tbody > tr.selected a {
  352. color: rgb(9, 10, 11);
  353. color: rgb(var(--dt-row-selected-link));
  354. }
  355. table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) > * {
  356. box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.05);
  357. }
  358. table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1).selected > * {
  359. box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.95);
  360. box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.95);
  361. }
  362. table.table.dataTable.table-hover > tbody > tr:hover > * {
  363. box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.075);
  364. }
  365. table.table.dataTable.table-hover > tbody > tr.selected:hover > * {
  366. box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.975);
  367. box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.975);
  368. }
  369. div.dt-container div.dt-length label {
  370. font-weight: normal;
  371. text-align: left;
  372. white-space: nowrap;
  373. }
  374. div.dt-container div.dt-length select {
  375. width: auto;
  376. display: inline-block;
  377. margin-right: 0.5em;
  378. }
  379. div.dt-container div.dt-search {
  380. text-align: right;
  381. }
  382. div.dt-container div.dt-search label {
  383. font-weight: normal;
  384. white-space: nowrap;
  385. text-align: left;
  386. }
  387. div.dt-container div.dt-search input {
  388. margin-left: 0.5em;
  389. display: inline-block;
  390. width: auto;
  391. }
  392. div.dt-container div.dt-info {
  393. padding-top: 0.85em;
  394. }
  395. div.dt-container div.dt-paging {
  396. margin: 0;
  397. }
  398. div.dt-container div.dt-paging ul.pagination {
  399. margin: 2px 0;
  400. flex-wrap: wrap;
  401. }
  402. div.dt-container div.dt-row {
  403. position: relative;
  404. }
  405. div.dt-scroll-head table.dataTable {
  406. margin-bottom: 0 !important;
  407. }
  408. div.dt-scroll-body {
  409. border-bottom-color: var(--bs-border-color);
  410. border-bottom-width: var(--bs-border-width);
  411. border-bottom-style: solid;
  412. }
  413. div.dt-scroll-body > table {
  414. border-top: none;
  415. margin-top: 0 !important;
  416. margin-bottom: 0 !important;
  417. }
  418. div.dt-scroll-body > table > tbody > tr:first-child {
  419. border-top-width: 0;
  420. }
  421. div.dt-scroll-body > table > thead > tr {
  422. border-width: 0 !important;
  423. }
  424. div.dt-scroll-body > table > tbody > tr:last-child > * {
  425. border-bottom: none;
  426. }
  427. div.dt-scroll-foot > .dt-scroll-footInner {
  428. box-sizing: content-box;
  429. }
  430. div.dt-scroll-foot > .dt-scroll-footInner > table {
  431. margin-top: 0 !important;
  432. border-top: none;
  433. }
  434. div.dt-scroll-foot > .dt-scroll-footInner > table > tfoot > tr:first-child {
  435. border-top-width: 0 !important;
  436. }
  437. @media screen and (max-width: 767px) {
  438. div.dt-container div.dt-length,
  439. div.dt-container div.dt-search,
  440. div.dt-container div.dt-info,
  441. div.dt-container div.dt-paging {
  442. text-align: center;
  443. }
  444. div.dt-container .row {
  445. --bs-gutter-y: 0.5rem;
  446. }
  447. div.dt-container div.dt-paging ul.pagination {
  448. justify-content: center !important;
  449. }
  450. }
  451. table.dataTable.table-sm > thead > tr th.dt-orderable-asc, table.dataTable.table-sm > thead > tr th.dt-orderable-desc, table.dataTable.table-sm > thead > tr th.dt-ordering-asc, table.dataTable.table-sm > thead > tr th.dt-ordering-desc,
  452. table.dataTable.table-sm > thead > tr td.dt-orderable-asc,
  453. table.dataTable.table-sm > thead > tr td.dt-orderable-desc,
  454. table.dataTable.table-sm > thead > tr td.dt-ordering-asc,
  455. table.dataTable.table-sm > thead > tr td.dt-ordering-desc {
  456. padding-right: 20px;
  457. }
  458. table.dataTable.table-sm > thead > tr th.dt-orderable-asc span.dt-column-order, table.dataTable.table-sm > thead > tr th.dt-orderable-desc span.dt-column-order, table.dataTable.table-sm > thead > tr th.dt-ordering-asc span.dt-column-order, table.dataTable.table-sm > thead > tr th.dt-ordering-desc span.dt-column-order,
  459. table.dataTable.table-sm > thead > tr td.dt-orderable-asc span.dt-column-order,
  460. table.dataTable.table-sm > thead > tr td.dt-orderable-desc span.dt-column-order,
  461. table.dataTable.table-sm > thead > tr td.dt-ordering-asc span.dt-column-order,
  462. table.dataTable.table-sm > thead > tr td.dt-ordering-desc span.dt-column-order {
  463. right: 5px;
  464. }
  465. div.dt-scroll-head table.table-bordered {
  466. border-bottom-width: 0;
  467. }
  468. div.table-responsive > div.dt-container > div.row {
  469. margin: 0;
  470. }
  471. div.table-responsive > div.dt-container > div.row > div[class^=col-]:first-child {
  472. padding-left: 0;
  473. }
  474. div.table-responsive > div.dt-container > div.row > div[class^=col-]:last-child {
  475. padding-right: 0;
  476. }
  477. :root[data-bs-theme=dark] {
  478. --dt-row-hover: 255, 255, 255;
  479. --dt-row-stripe: 255, 255, 255;
  480. --dt-column-ordering: 255, 255, 255;
  481. }