dataTables.bootstrap4.css 8.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308
  1. @charset "UTF-8";
  2. table.dataTable th.dt-left,
  3. table.dataTable td.dt-left {
  4. text-align: left;
  5. }
  6. table.dataTable th.dt-center,
  7. table.dataTable td.dt-center,
  8. table.dataTable td.dataTables_empty {
  9. text-align: center;
  10. }
  11. table.dataTable th.dt-right,
  12. table.dataTable td.dt-right {
  13. text-align: right;
  14. }
  15. table.dataTable th.dt-justify,
  16. table.dataTable td.dt-justify {
  17. text-align: justify;
  18. }
  19. table.dataTable th.dt-nowrap,
  20. table.dataTable td.dt-nowrap {
  21. white-space: nowrap;
  22. }
  23. table.dataTable thead th.dt-head-left,
  24. table.dataTable thead td.dt-head-left,
  25. table.dataTable tfoot th.dt-head-left,
  26. table.dataTable tfoot td.dt-head-left {
  27. text-align: left;
  28. }
  29. table.dataTable thead th.dt-head-center,
  30. table.dataTable thead td.dt-head-center,
  31. table.dataTable tfoot th.dt-head-center,
  32. table.dataTable tfoot td.dt-head-center {
  33. text-align: center;
  34. }
  35. table.dataTable thead th.dt-head-right,
  36. table.dataTable thead td.dt-head-right,
  37. table.dataTable tfoot th.dt-head-right,
  38. table.dataTable tfoot td.dt-head-right {
  39. text-align: right;
  40. }
  41. table.dataTable thead th.dt-head-justify,
  42. table.dataTable thead td.dt-head-justify,
  43. table.dataTable tfoot th.dt-head-justify,
  44. table.dataTable tfoot td.dt-head-justify {
  45. text-align: justify;
  46. }
  47. table.dataTable thead th.dt-head-nowrap,
  48. table.dataTable thead td.dt-head-nowrap,
  49. table.dataTable tfoot th.dt-head-nowrap,
  50. table.dataTable tfoot td.dt-head-nowrap {
  51. white-space: nowrap;
  52. }
  53. table.dataTable tbody th.dt-body-left,
  54. table.dataTable tbody td.dt-body-left {
  55. text-align: left;
  56. }
  57. table.dataTable tbody th.dt-body-center,
  58. table.dataTable tbody td.dt-body-center {
  59. text-align: center;
  60. }
  61. table.dataTable tbody th.dt-body-right,
  62. table.dataTable tbody td.dt-body-right {
  63. text-align: right;
  64. }
  65. table.dataTable tbody th.dt-body-justify,
  66. table.dataTable tbody td.dt-body-justify {
  67. text-align: justify;
  68. }
  69. table.dataTable tbody th.dt-body-nowrap,
  70. table.dataTable tbody td.dt-body-nowrap {
  71. white-space: nowrap;
  72. }
  73. table.dataTable td.dt-control {
  74. text-align: center;
  75. cursor: pointer;
  76. }
  77. table.dataTable td.dt-control:before {
  78. height: 1em;
  79. width: 1em;
  80. margin-top: -9px;
  81. display: inline-block;
  82. color: white;
  83. border: 0.15em solid white;
  84. border-radius: 1em;
  85. box-shadow: 0 0 0.2em #444;
  86. box-sizing: content-box;
  87. text-align: center;
  88. text-indent: 0 !important;
  89. font-family: "Courier New", Courier, monospace;
  90. line-height: 1em;
  91. content: "+";
  92. background-color: #31b131;
  93. }
  94. table.dataTable tr.dt-hasChild td.dt-control:before {
  95. content: "-";
  96. background-color: #d33333;
  97. }
  98. table.dataTable {
  99. clear: both;
  100. margin-top: 6px !important;
  101. margin-bottom: 6px !important;
  102. max-width: none !important;
  103. border-collapse: separate !important;
  104. border-spacing: 0;
  105. }
  106. table.dataTable td,
  107. table.dataTable th {
  108. -webkit-box-sizing: content-box;
  109. box-sizing: content-box;
  110. }
  111. table.dataTable td.dataTables_empty,
  112. table.dataTable th.dataTables_empty {
  113. text-align: center;
  114. }
  115. table.dataTable.nowrap th,
  116. table.dataTable.nowrap td {
  117. white-space: nowrap;
  118. }
  119. div.dataTables_wrapper div.dataTables_length label {
  120. font-weight: normal;
  121. text-align: left;
  122. white-space: nowrap;
  123. }
  124. div.dataTables_wrapper div.dataTables_length select {
  125. width: auto;
  126. display: inline-block;
  127. }
  128. div.dataTables_wrapper div.dataTables_filter {
  129. text-align: right;
  130. }
  131. div.dataTables_wrapper div.dataTables_filter label {
  132. font-weight: normal;
  133. white-space: nowrap;
  134. text-align: left;
  135. }
  136. div.dataTables_wrapper div.dataTables_filter input {
  137. margin-left: 0.5em;
  138. display: inline-block;
  139. width: auto;
  140. }
  141. div.dataTables_wrapper div.dataTables_info {
  142. padding-top: 0.85em;
  143. }
  144. div.dataTables_wrapper div.dataTables_paginate {
  145. margin: 0;
  146. white-space: nowrap;
  147. text-align: right;
  148. }
  149. div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  150. margin: 2px 0;
  151. white-space: nowrap;
  152. justify-content: flex-end;
  153. }
  154. div.dataTables_wrapper div.dataTables_processing {
  155. position: absolute;
  156. top: 50%;
  157. left: 50%;
  158. width: 200px;
  159. margin-left: -100px;
  160. margin-top: -26px;
  161. text-align: center;
  162. padding: 1em 0;
  163. }
  164. table.dataTable > thead > tr > th:active,
  165. table.dataTable > thead > tr > td:active {
  166. outline: none;
  167. }
  168. table.dataTable > thead > tr > th:not(.sorting_disabled),
  169. table.dataTable > thead > tr > td:not(.sorting_disabled) {
  170. padding-right: 30px;
  171. }
  172. table.dataTable > thead .sorting,
  173. table.dataTable > thead .sorting_asc,
  174. table.dataTable > thead .sorting_desc,
  175. table.dataTable > thead .sorting_asc_disabled,
  176. table.dataTable > thead .sorting_desc_disabled {
  177. cursor: pointer;
  178. position: relative;
  179. }
  180. table.dataTable > thead .sorting:before, table.dataTable > thead .sorting:after,
  181. table.dataTable > thead .sorting_asc:before,
  182. table.dataTable > thead .sorting_asc:after,
  183. table.dataTable > thead .sorting_desc:before,
  184. table.dataTable > thead .sorting_desc:after,
  185. table.dataTable > thead .sorting_asc_disabled:before,
  186. table.dataTable > thead .sorting_asc_disabled:after,
  187. table.dataTable > thead .sorting_desc_disabled:before,
  188. table.dataTable > thead .sorting_desc_disabled:after {
  189. position: absolute;
  190. bottom: 0.9em;
  191. display: block;
  192. opacity: 0.3;
  193. }
  194. table.dataTable > thead .sorting:before,
  195. table.dataTable > thead .sorting_asc:before,
  196. table.dataTable > thead .sorting_desc:before,
  197. table.dataTable > thead .sorting_asc_disabled:before,
  198. table.dataTable > thead .sorting_desc_disabled:before {
  199. right: 1em;
  200. content: "↑";
  201. }
  202. table.dataTable > thead .sorting:after,
  203. table.dataTable > thead .sorting_asc:after,
  204. table.dataTable > thead .sorting_desc:after,
  205. table.dataTable > thead .sorting_asc_disabled:after,
  206. table.dataTable > thead .sorting_desc_disabled:after {
  207. right: 0.5em;
  208. content: "↓";
  209. }
  210. table.dataTable > thead .sorting_asc:before,
  211. table.dataTable > thead .sorting_desc:after {
  212. opacity: 1;
  213. }
  214. table.dataTable > thead .sorting_asc_disabled:before,
  215. table.dataTable > thead .sorting_desc_disabled:after {
  216. opacity: 0;
  217. }
  218. div.dataTables_scrollHead table.dataTable {
  219. margin-bottom: 0 !important;
  220. }
  221. div.dataTables_scrollBody > table {
  222. border-top: none;
  223. margin-top: 0 !important;
  224. margin-bottom: 0 !important;
  225. }
  226. div.dataTables_scrollBody > table > thead .sorting:before,
  227. div.dataTables_scrollBody > table > thead .sorting_asc:before,
  228. div.dataTables_scrollBody > table > thead .sorting_desc:before,
  229. div.dataTables_scrollBody > table > thead .sorting:after,
  230. div.dataTables_scrollBody > table > thead .sorting_asc:after,
  231. div.dataTables_scrollBody > table > thead .sorting_desc:after {
  232. display: none;
  233. }
  234. div.dataTables_scrollBody > table > tbody tr:first-child th,
  235. div.dataTables_scrollBody > table > tbody tr:first-child td {
  236. border-top: none;
  237. }
  238. div.dataTables_scrollFoot > .dataTables_scrollFootInner {
  239. box-sizing: content-box;
  240. }
  241. div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
  242. margin-top: 0 !important;
  243. border-top: none;
  244. }
  245. @media screen and (max-width: 767px) {
  246. div.dataTables_wrapper div.dataTables_length,
  247. div.dataTables_wrapper div.dataTables_filter,
  248. div.dataTables_wrapper div.dataTables_info,
  249. div.dataTables_wrapper div.dataTables_paginate {
  250. text-align: center;
  251. }
  252. div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  253. justify-content: center !important;
  254. }
  255. }
  256. table.dataTable.table-sm > thead > tr > th:not(.sorting_disabled) {
  257. padding-right: 20px;
  258. }
  259. table.dataTable.table-sm .sorting:before,
  260. table.dataTable.table-sm .sorting_asc:before,
  261. table.dataTable.table-sm .sorting_desc:before {
  262. top: 5px;
  263. right: 0.85em;
  264. }
  265. table.dataTable.table-sm .sorting:after,
  266. table.dataTable.table-sm .sorting_asc:after,
  267. table.dataTable.table-sm .sorting_desc:after {
  268. top: 5px;
  269. }
  270. table.table-bordered.dataTable {
  271. border-right-width: 0;
  272. }
  273. table.table-bordered.dataTable th,
  274. table.table-bordered.dataTable td {
  275. border-left-width: 0;
  276. }
  277. table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child,
  278. table.table-bordered.dataTable td:last-child,
  279. table.table-bordered.dataTable td:last-child {
  280. border-right-width: 1px;
  281. }
  282. table.table-bordered.dataTable tbody th,
  283. table.table-bordered.dataTable tbody td {
  284. border-bottom-width: 0;
  285. }
  286. div.dataTables_scrollHead table.table-bordered {
  287. border-bottom-width: 0;
  288. }
  289. div.table-responsive > div.dataTables_wrapper > div.row {
  290. margin: 0;
  291. }
  292. div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:first-child {
  293. padding-left: 0;
  294. }
  295. div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child {
  296. padding-right: 0;
  297. }