datatables.min.css 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850
  1. @charset "UTF-8";
  2. table.dataTable td.dt-control {
  3. text-align: center;
  4. cursor: pointer;
  5. }
  6. table.dataTable td.dt-control:before {
  7. height: 1em;
  8. width: 1em;
  9. margin-top: -9px;
  10. display: inline-block;
  11. color: white;
  12. border: 0.15em solid white;
  13. border-radius: 1em;
  14. box-shadow: 0 0 0.2em #444;
  15. box-sizing: content-box;
  16. text-align: center;
  17. text-indent: 0 !important;
  18. font-family: "Courier New", Courier, monospace;
  19. line-height: 1em;
  20. content: "+";
  21. background-color: #31b131;
  22. }
  23. table.dataTable tr.dt-hasChild td.dt-control:before {
  24. content: "-";
  25. background-color: #d33333;
  26. }
  27. table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting_asc_disabled, table.dataTable thead > tr > th.sorting_desc_disabled,
  28. table.dataTable thead > tr > td.sorting,
  29. table.dataTable thead > tr > td.sorting_asc,
  30. table.dataTable thead > tr > td.sorting_desc,
  31. table.dataTable thead > tr > td.sorting_asc_disabled,
  32. table.dataTable thead > tr > td.sorting_desc_disabled {
  33. cursor: pointer;
  34. position: relative;
  35. padding-right: 26px;
  36. }
  37. table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:after,
  38. table.dataTable thead > tr > td.sorting:before,
  39. table.dataTable thead > tr > td.sorting:after,
  40. table.dataTable thead > tr > td.sorting_asc:before,
  41. table.dataTable thead > tr > td.sorting_asc:after,
  42. table.dataTable thead > tr > td.sorting_desc:before,
  43. table.dataTable thead > tr > td.sorting_desc:after,
  44. table.dataTable thead > tr > td.sorting_asc_disabled:before,
  45. table.dataTable thead > tr > td.sorting_asc_disabled:after,
  46. table.dataTable thead > tr > td.sorting_desc_disabled:before,
  47. table.dataTable thead > tr > td.sorting_desc_disabled:after {
  48. position: absolute;
  49. display: block;
  50. opacity: 0.125;
  51. right: 10px;
  52. line-height: 9px;
  53. font-size: 0.9em;
  54. }
  55. table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:before,
  56. table.dataTable thead > tr > td.sorting:before,
  57. table.dataTable thead > tr > td.sorting_asc:before,
  58. table.dataTable thead > tr > td.sorting_desc:before,
  59. table.dataTable thead > tr > td.sorting_asc_disabled:before,
  60. table.dataTable thead > tr > td.sorting_desc_disabled:before {
  61. bottom: 50%;
  62. content: "▴";
  63. }
  64. table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:after,
  65. table.dataTable thead > tr > td.sorting:after,
  66. table.dataTable thead > tr > td.sorting_asc:after,
  67. table.dataTable thead > tr > td.sorting_desc:after,
  68. table.dataTable thead > tr > td.sorting_asc_disabled:after,
  69. table.dataTable thead > tr > td.sorting_desc_disabled:after {
  70. top: 50%;
  71. content: "▾";
  72. }
  73. table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:after,
  74. table.dataTable thead > tr > td.sorting_asc:before,
  75. table.dataTable thead > tr > td.sorting_desc:after {
  76. opacity: 0.6;
  77. }
  78. table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > th.sorting_asc_disabled:before,
  79. table.dataTable thead > tr > td.sorting_desc_disabled:after,
  80. table.dataTable thead > tr > td.sorting_asc_disabled:before {
  81. display: none;
  82. }
  83. table.dataTable thead > tr > th:active,
  84. table.dataTable thead > tr > td:active {
  85. outline: none;
  86. }
  87. div.dataTables_scrollBody table.dataTable thead > tr > th:before, div.dataTables_scrollBody table.dataTable thead > tr > th:after,
  88. div.dataTables_scrollBody table.dataTable thead > tr > td:before,
  89. div.dataTables_scrollBody table.dataTable thead > tr > td:after {
  90. display: none;
  91. }
  92. div.dataTables_processing {
  93. position: absolute;
  94. top: 50%;
  95. left: 50%;
  96. width: 200px;
  97. margin-left: -100px;
  98. margin-top: -26px;
  99. text-align: center;
  100. padding: 2px;
  101. }
  102. div.dataTables_processing > div:last-child {
  103. position: relative;
  104. width: 80px;
  105. height: 15px;
  106. margin: 1em auto;
  107. }
  108. div.dataTables_processing > div:last-child > div {
  109. position: absolute;
  110. top: 0;
  111. width: 13px;
  112. height: 13px;
  113. border-radius: 50%;
  114. background: rgba(2, 117, 216, 0.9);
  115. animation-timing-function: cubic-bezier(0, 1, 1, 0);
  116. }
  117. div.dataTables_processing > div:last-child > div:nth-child(1) {
  118. left: 8px;
  119. animation: datatables-loader-1 0.6s infinite;
  120. }
  121. div.dataTables_processing > div:last-child > div:nth-child(2) {
  122. left: 8px;
  123. animation: datatables-loader-2 0.6s infinite;
  124. }
  125. div.dataTables_processing > div:last-child > div:nth-child(3) {
  126. left: 32px;
  127. animation: datatables-loader-2 0.6s infinite;
  128. }
  129. div.dataTables_processing > div:last-child > div:nth-child(4) {
  130. left: 56px;
  131. animation: datatables-loader-3 0.6s infinite;
  132. }
  133. @keyframes datatables-loader-1 {
  134. 0% {
  135. transform: scale(0);
  136. }
  137. 100% {
  138. transform: scale(1);
  139. }
  140. }
  141. @keyframes datatables-loader-3 {
  142. 0% {
  143. transform: scale(1);
  144. }
  145. 100% {
  146. transform: scale(0);
  147. }
  148. }
  149. @keyframes datatables-loader-2 {
  150. 0% {
  151. transform: translate(0, 0);
  152. }
  153. 100% {
  154. transform: translate(24px, 0);
  155. }
  156. }
  157. table.dataTable.nowrap th, table.dataTable.nowrap td {
  158. white-space: nowrap;
  159. }
  160. table.dataTable th.dt-left,
  161. table.dataTable td.dt-left {
  162. text-align: left;
  163. }
  164. table.dataTable th.dt-center,
  165. table.dataTable td.dt-center,
  166. table.dataTable td.dataTables_empty {
  167. text-align: center;
  168. }
  169. table.dataTable th.dt-right,
  170. table.dataTable td.dt-right {
  171. text-align: right;
  172. }
  173. table.dataTable th.dt-justify,
  174. table.dataTable td.dt-justify {
  175. text-align: justify;
  176. }
  177. table.dataTable th.dt-nowrap,
  178. table.dataTable td.dt-nowrap {
  179. white-space: nowrap;
  180. }
  181. table.dataTable thead th,
  182. table.dataTable thead td,
  183. table.dataTable tfoot th,
  184. table.dataTable tfoot td {
  185. text-align: left;
  186. }
  187. table.dataTable thead th.dt-head-left,
  188. table.dataTable thead td.dt-head-left,
  189. table.dataTable tfoot th.dt-head-left,
  190. table.dataTable tfoot td.dt-head-left {
  191. text-align: left;
  192. }
  193. table.dataTable thead th.dt-head-center,
  194. table.dataTable thead td.dt-head-center,
  195. table.dataTable tfoot th.dt-head-center,
  196. table.dataTable tfoot td.dt-head-center {
  197. text-align: center;
  198. }
  199. table.dataTable thead th.dt-head-right,
  200. table.dataTable thead td.dt-head-right,
  201. table.dataTable tfoot th.dt-head-right,
  202. table.dataTable tfoot td.dt-head-right {
  203. text-align: right;
  204. }
  205. table.dataTable thead th.dt-head-justify,
  206. table.dataTable thead td.dt-head-justify,
  207. table.dataTable tfoot th.dt-head-justify,
  208. table.dataTable tfoot td.dt-head-justify {
  209. text-align: justify;
  210. }
  211. table.dataTable thead th.dt-head-nowrap,
  212. table.dataTable thead td.dt-head-nowrap,
  213. table.dataTable tfoot th.dt-head-nowrap,
  214. table.dataTable tfoot td.dt-head-nowrap {
  215. white-space: nowrap;
  216. }
  217. table.dataTable tbody th.dt-body-left,
  218. table.dataTable tbody td.dt-body-left {
  219. text-align: left;
  220. }
  221. table.dataTable tbody th.dt-body-center,
  222. table.dataTable tbody td.dt-body-center {
  223. text-align: center;
  224. }
  225. table.dataTable tbody th.dt-body-right,
  226. table.dataTable tbody td.dt-body-right {
  227. text-align: right;
  228. }
  229. table.dataTable tbody th.dt-body-justify,
  230. table.dataTable tbody td.dt-body-justify {
  231. text-align: justify;
  232. }
  233. table.dataTable tbody th.dt-body-nowrap,
  234. table.dataTable tbody td.dt-body-nowrap {
  235. white-space: nowrap;
  236. }
  237. table.dataTable {
  238. clear: both;
  239. margin-top: 6px !important;
  240. margin-bottom: 6px !important;
  241. max-width: none !important;
  242. border-collapse: separate !important;
  243. border-spacing: 0;
  244. }
  245. table.dataTable td,
  246. table.dataTable th {
  247. -webkit-box-sizing: content-box;
  248. box-sizing: content-box;
  249. }
  250. table.dataTable td.dataTables_empty,
  251. table.dataTable th.dataTables_empty {
  252. text-align: center;
  253. }
  254. table.dataTable.nowrap th,
  255. table.dataTable.nowrap td {
  256. white-space: nowrap;
  257. }
  258. table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) {
  259. background-color: transparent;
  260. }
  261. table.dataTable > tbody > tr {
  262. background-color: transparent;
  263. }
  264. table.dataTable > tbody > tr.selected > * {
  265. box-shadow: inset 0 0 0 9999px rgba(2, 117, 216, 0.9);
  266. color: white;
  267. }
  268. table.dataTable.table-striped > tbody > tr.odd > * {
  269. box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.05);
  270. }
  271. table.dataTable.table-striped > tbody > tr.odd.selected > * {
  272. box-shadow: inset 0 0 0 9999px rgba(2, 117, 216, 0.95);
  273. }
  274. table.dataTable.table-hover > tbody > tr:hover > * {
  275. box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.075);
  276. }
  277. table.dataTable.table-hover > tbody > tr.selected:hover > * {
  278. box-shadow: inset 0 0 0 9999px rgba(2, 117, 216, 0.975);
  279. }
  280. div.dataTables_wrapper div.dataTables_length label {
  281. font-weight: normal;
  282. text-align: left;
  283. white-space: nowrap;
  284. }
  285. div.dataTables_wrapper div.dataTables_length select {
  286. width: auto;
  287. display: inline-block;
  288. }
  289. div.dataTables_wrapper div.dataTables_filter {
  290. text-align: right;
  291. }
  292. div.dataTables_wrapper div.dataTables_filter label {
  293. font-weight: normal;
  294. white-space: nowrap;
  295. text-align: left;
  296. }
  297. div.dataTables_wrapper div.dataTables_filter input {
  298. margin-left: 0.5em;
  299. display: inline-block;
  300. width: auto;
  301. }
  302. div.dataTables_wrapper div.dataTables_info {
  303. padding-top: 0.85em;
  304. }
  305. div.dataTables_wrapper div.dataTables_paginate {
  306. margin: 0;
  307. white-space: nowrap;
  308. text-align: right;
  309. }
  310. div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  311. margin: 2px 0;
  312. white-space: nowrap;
  313. justify-content: flex-end;
  314. }
  315. div.dataTables_wrapper div.dataTables_processing {
  316. position: absolute;
  317. top: 50%;
  318. left: 50%;
  319. width: 200px;
  320. margin-left: -100px;
  321. margin-top: -26px;
  322. text-align: center;
  323. padding: 1em 0;
  324. }
  325. div.dataTables_scrollHead table.dataTable {
  326. margin-bottom: 0 !important;
  327. }
  328. div.dataTables_scrollBody > table {
  329. border-top: none;
  330. margin-top: 0 !important;
  331. margin-bottom: 0 !important;
  332. }
  333. div.dataTables_scrollBody > table > thead .sorting:before,
  334. div.dataTables_scrollBody > table > thead .sorting_asc:before,
  335. div.dataTables_scrollBody > table > thead .sorting_desc:before,
  336. div.dataTables_scrollBody > table > thead .sorting:after,
  337. div.dataTables_scrollBody > table > thead .sorting_asc:after,
  338. div.dataTables_scrollBody > table > thead .sorting_desc:after {
  339. display: none;
  340. }
  341. div.dataTables_scrollBody > table > tbody tr:first-child th,
  342. div.dataTables_scrollBody > table > tbody tr:first-child td {
  343. border-top: none;
  344. }
  345. div.dataTables_scrollFoot > .dataTables_scrollFootInner {
  346. box-sizing: content-box;
  347. }
  348. div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
  349. margin-top: 0 !important;
  350. border-top: none;
  351. }
  352. @media screen and (max-width: 767px) {
  353. div.dataTables_wrapper div.dataTables_length,
  354. div.dataTables_wrapper div.dataTables_filter,
  355. div.dataTables_wrapper div.dataTables_info,
  356. div.dataTables_wrapper div.dataTables_paginate {
  357. text-align: center;
  358. }
  359. div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  360. justify-content: center !important;
  361. }
  362. }
  363. table.dataTable.table-sm > thead > tr > th:not(.sorting_disabled) {
  364. padding-right: 20px;
  365. }
  366. table.table-bordered.dataTable {
  367. border-right-width: 0;
  368. }
  369. table.table-bordered.dataTable th,
  370. table.table-bordered.dataTable td {
  371. border-left-width: 0;
  372. }
  373. table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child,
  374. table.table-bordered.dataTable td:last-child,
  375. table.table-bordered.dataTable td:last-child {
  376. border-right-width: 1px;
  377. }
  378. table.table-bordered.dataTable tbody th,
  379. table.table-bordered.dataTable tbody td {
  380. border-bottom-width: 0;
  381. }
  382. div.dataTables_scrollHead table.table-bordered {
  383. border-bottom-width: 0;
  384. }
  385. div.table-responsive > div.dataTables_wrapper > div.row {
  386. margin: 0;
  387. }
  388. div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:first-child {
  389. padding-left: 0;
  390. }
  391. div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child {
  392. padding-right: 0;
  393. }
  394. table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
  395. table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
  396. table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
  397. cursor: default !important;
  398. }
  399. table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
  400. table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
  401. table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
  402. display: none !important;
  403. }
  404. table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control,
  405. table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control {
  406. position: relative;
  407. padding-left: 30px;
  408. cursor: pointer;
  409. }
  410. table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
  411. table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
  412. top: 50%;
  413. left: 5px;
  414. height: 1em;
  415. width: 1em;
  416. margin-top: -9px;
  417. display: block;
  418. position: absolute;
  419. color: white;
  420. border: 0.15em solid white;
  421. border-radius: 1em;
  422. box-shadow: 0 0 0.2em #444;
  423. box-sizing: content-box;
  424. text-align: center;
  425. text-indent: 0 !important;
  426. font-family: "Courier New", Courier, monospace;
  427. line-height: 1em;
  428. content: "+";
  429. background-color: #0275d8;
  430. }
  431. table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before,
  432. table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before {
  433. content: "-";
  434. background-color: #d33333;
  435. }
  436. table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control,
  437. table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control {
  438. padding-left: 27px;
  439. }
  440. table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control:before,
  441. table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control:before {
  442. left: 4px;
  443. height: 14px;
  444. width: 14px;
  445. border-radius: 14px;
  446. line-height: 14px;
  447. text-indent: 3px;
  448. }
  449. table.dataTable.dtr-column > tbody > tr > td.dtr-control,
  450. table.dataTable.dtr-column > tbody > tr > th.dtr-control,
  451. table.dataTable.dtr-column > tbody > tr > td.control,
  452. table.dataTable.dtr-column > tbody > tr > th.control {
  453. position: relative;
  454. cursor: pointer;
  455. }
  456. table.dataTable.dtr-column > tbody > tr > td.dtr-control:before,
  457. table.dataTable.dtr-column > tbody > tr > th.dtr-control:before,
  458. table.dataTable.dtr-column > tbody > tr > td.control:before,
  459. table.dataTable.dtr-column > tbody > tr > th.control:before {
  460. top: 50%;
  461. left: 50%;
  462. height: 0.8em;
  463. width: 0.8em;
  464. margin-top: -0.5em;
  465. margin-left: -0.5em;
  466. display: block;
  467. position: absolute;
  468. color: white;
  469. border: 0.15em solid white;
  470. border-radius: 1em;
  471. box-shadow: 0 0 0.2em #444;
  472. box-sizing: content-box;
  473. text-align: center;
  474. text-indent: 0 !important;
  475. font-family: "Courier New", Courier, monospace;
  476. line-height: 1em;
  477. content: "+";
  478. background-color: #0275d8;
  479. }
  480. table.dataTable.dtr-column > tbody > tr.parent td.dtr-control:before,
  481. table.dataTable.dtr-column > tbody > tr.parent th.dtr-control:before,
  482. table.dataTable.dtr-column > tbody > tr.parent td.control:before,
  483. table.dataTable.dtr-column > tbody > tr.parent th.control:before {
  484. content: "-";
  485. background-color: #d33333;
  486. }
  487. table.dataTable > tbody > tr.child {
  488. padding: 0.5em 1em;
  489. }
  490. table.dataTable > tbody > tr.child:hover {
  491. background: transparent !important;
  492. }
  493. table.dataTable > tbody > tr.child ul.dtr-details {
  494. display: inline-block;
  495. list-style-type: none;
  496. margin: 0;
  497. padding: 0;
  498. }
  499. table.dataTable > tbody > tr.child ul.dtr-details > li {
  500. border-bottom: 1px solid #efefef;
  501. padding: 0.5em 0;
  502. }
  503. table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
  504. padding-top: 0;
  505. }
  506. table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
  507. border-bottom: none;
  508. }
  509. table.dataTable > tbody > tr.child span.dtr-title {
  510. display: inline-block;
  511. min-width: 75px;
  512. font-weight: bold;
  513. }
  514. div.dtr-modal {
  515. position: fixed;
  516. box-sizing: border-box;
  517. top: 0;
  518. left: 0;
  519. height: 100%;
  520. width: 100%;
  521. z-index: 100;
  522. padding: 10em 1em;
  523. }
  524. div.dtr-modal div.dtr-modal-display {
  525. position: absolute;
  526. top: 0;
  527. left: 0;
  528. bottom: 0;
  529. right: 0;
  530. width: 50%;
  531. height: 50%;
  532. overflow: auto;
  533. margin: auto;
  534. z-index: 102;
  535. overflow: auto;
  536. background-color: #f5f5f7;
  537. border: 1px solid black;
  538. border-radius: 0.5em;
  539. box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
  540. }
  541. div.dtr-modal div.dtr-modal-content {
  542. position: relative;
  543. padding: 1em;
  544. }
  545. div.dtr-modal div.dtr-modal-close {
  546. position: absolute;
  547. top: 6px;
  548. right: 6px;
  549. width: 22px;
  550. height: 22px;
  551. border: 1px solid #eaeaea;
  552. background-color: #f9f9f9;
  553. text-align: center;
  554. border-radius: 3px;
  555. cursor: pointer;
  556. z-index: 12;
  557. }
  558. div.dtr-modal div.dtr-modal-close:hover {
  559. background-color: #eaeaea;
  560. }
  561. div.dtr-modal div.dtr-modal-background {
  562. position: fixed;
  563. top: 0;
  564. left: 0;
  565. right: 0;
  566. bottom: 0;
  567. z-index: 101;
  568. background: rgba(0, 0, 0, 0.6);
  569. }
  570. @media screen and (max-width: 767px) {
  571. div.dtr-modal div.dtr-modal-display {
  572. width: 95%;
  573. }
  574. }
  575. div.dtr-bs-modal table.table tr:first-child td {
  576. border-top: none;
  577. }
  578. @keyframes dtb-spinner {
  579. 100% {
  580. transform: rotate(360deg);
  581. }
  582. }
  583. @-o-keyframes dtb-spinner {
  584. 100% {
  585. -o-transform: rotate(360deg);
  586. transform: rotate(360deg);
  587. }
  588. }
  589. @-ms-keyframes dtb-spinner {
  590. 100% {
  591. -ms-transform: rotate(360deg);
  592. transform: rotate(360deg);
  593. }
  594. }
  595. @-webkit-keyframes dtb-spinner {
  596. 100% {
  597. -webkit-transform: rotate(360deg);
  598. transform: rotate(360deg);
  599. }
  600. }
  601. @-moz-keyframes dtb-spinner {
  602. 100% {
  603. -moz-transform: rotate(360deg);
  604. transform: rotate(360deg);
  605. }
  606. }
  607. div.dt-button-info {
  608. position: fixed;
  609. top: 50%;
  610. left: 50%;
  611. width: 400px;
  612. margin-top: -100px;
  613. margin-left: -200px;
  614. background-color: white;
  615. border: 2px solid #111;
  616. box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
  617. border-radius: 3px;
  618. text-align: center;
  619. z-index: 21;
  620. }
  621. div.dt-button-info h2 {
  622. padding: 0.5em;
  623. margin: 0;
  624. font-weight: normal;
  625. border-bottom: 1px solid #ddd;
  626. background-color: #f3f3f3;
  627. }
  628. div.dt-button-info > div {
  629. padding: 1em;
  630. }
  631. div.dt-button-collection-title {
  632. text-align: center;
  633. padding: 0.3em 0 0.5em;
  634. font-size: 0.9em;
  635. }
  636. div.dt-button-collection-title:empty {
  637. display: none;
  638. }
  639. div.dt-button-collection {
  640. position: absolute;
  641. z-index: 2001;
  642. }
  643. div.dt-button-collection div.dropdown-menu {
  644. display: block;
  645. z-index: 2002;
  646. min-width: 100%;
  647. }
  648. div.dt-button-collection div.dt-button-collection-title {
  649. background-color: white;
  650. border: 1px solid rgba(0, 0, 0, 0.15);
  651. }
  652. div.dt-button-collection.fixed {
  653. position: fixed;
  654. top: 50%;
  655. left: 50%;
  656. margin-left: -75px;
  657. border-radius: 0;
  658. }
  659. div.dt-button-collection.fixed.two-column {
  660. margin-left: -200px;
  661. }
  662. div.dt-button-collection.fixed.three-column {
  663. margin-left: -225px;
  664. }
  665. div.dt-button-collection.fixed.four-column {
  666. margin-left: -300px;
  667. }
  668. div.dt-button-collection > :last-child {
  669. display: block !important;
  670. -webkit-column-gap: 8px;
  671. -moz-column-gap: 8px;
  672. -ms-column-gap: 8px;
  673. -o-column-gap: 8px;
  674. column-gap: 8px;
  675. }
  676. div.dt-button-collection > :last-child > * {
  677. -webkit-column-break-inside: avoid;
  678. break-inside: avoid;
  679. }
  680. div.dt-button-collection.two-column {
  681. width: 400px;
  682. }
  683. div.dt-button-collection.two-column > :last-child {
  684. padding-bottom: 1px;
  685. -webkit-column-count: 2;
  686. -moz-column-count: 2;
  687. -ms-column-count: 2;
  688. -o-column-count: 2;
  689. column-count: 2;
  690. }
  691. div.dt-button-collection.three-column {
  692. width: 450px;
  693. }
  694. div.dt-button-collection.three-column > :last-child {
  695. padding-bottom: 1px;
  696. -webkit-column-count: 3;
  697. -moz-column-count: 3;
  698. -ms-column-count: 3;
  699. -o-column-count: 3;
  700. column-count: 3;
  701. }
  702. div.dt-button-collection.four-column {
  703. width: 600px;
  704. }
  705. div.dt-button-collection.four-column > :last-child {
  706. padding-bottom: 1px;
  707. -webkit-column-count: 4;
  708. -moz-column-count: 4;
  709. -ms-column-count: 4;
  710. -o-column-count: 4;
  711. column-count: 4;
  712. }
  713. div.dt-button-collection .dt-button {
  714. border-radius: 0;
  715. }
  716. div.dt-button-collection.fixed {
  717. max-width: none;
  718. }
  719. div.dt-button-collection.fixed:before, div.dt-button-collection.fixed:after {
  720. display: none;
  721. }
  722. div.dt-button-background {
  723. position: fixed;
  724. top: 0;
  725. left: 0;
  726. width: 100%;
  727. height: 100%;
  728. z-index: 999;
  729. }
  730. @media screen and (max-width: 767px) {
  731. div.dt-buttons {
  732. float: none;
  733. width: 100%;
  734. text-align: center;
  735. margin-bottom: 0.5em;
  736. }
  737. div.dt-buttons a.btn {
  738. float: none;
  739. }
  740. }
  741. div.dt-buttons button.btn.processing,
  742. div.dt-buttons div.btn.processing,
  743. div.dt-buttons a.btn.processing {
  744. color: rgba(0, 0, 0, 0.2);
  745. }
  746. div.dt-buttons button.btn.processing:after,
  747. div.dt-buttons div.btn.processing:after,
  748. div.dt-buttons a.btn.processing:after {
  749. position: absolute;
  750. top: 50%;
  751. left: 50%;
  752. width: 16px;
  753. height: 16px;
  754. margin: -8px 0 0 -8px;
  755. box-sizing: border-box;
  756. display: block;
  757. content: " ";
  758. border: 2px solid #282828;
  759. border-radius: 50%;
  760. border-left-color: transparent;
  761. border-right-color: transparent;
  762. animation: dtb-spinner 1500ms infinite linear;
  763. -o-animation: dtb-spinner 1500ms infinite linear;
  764. -ms-animation: dtb-spinner 1500ms infinite linear;
  765. -webkit-animation: dtb-spinner 1500ms infinite linear;
  766. -moz-animation: dtb-spinner 1500ms infinite linear;
  767. }
  768. table.dataTable > tbody > tr > .selected {
  769. background-color: rgba(2, 117, 216, 0.9);
  770. color: white;
  771. }
  772. table.dataTable tbody td.select-checkbox,
  773. table.dataTable tbody th.select-checkbox {
  774. position: relative;
  775. }
  776. table.dataTable tbody td.select-checkbox:before, table.dataTable tbody td.select-checkbox:after,
  777. table.dataTable tbody th.select-checkbox:before,
  778. table.dataTable tbody th.select-checkbox:after {
  779. display: block;
  780. position: absolute;
  781. top: 1.2em;
  782. left: 50%;
  783. width: 12px;
  784. height: 12px;
  785. box-sizing: border-box;
  786. }
  787. table.dataTable tbody td.select-checkbox:before,
  788. table.dataTable tbody th.select-checkbox:before {
  789. content: " ";
  790. margin-top: -2px;
  791. margin-left: -6px;
  792. border: 1px solid black;
  793. border-radius: 3px;
  794. }
  795. table.dataTable tr.selected td.select-checkbox:before,
  796. table.dataTable tr.selected th.select-checkbox:before {
  797. border: 1px solid white;
  798. }
  799. table.dataTable tr.selected td.select-checkbox:after,
  800. table.dataTable tr.selected th.select-checkbox:after {
  801. content: "✓";
  802. font-size: 20px;
  803. margin-top: -19px;
  804. margin-left: -6px;
  805. text-align: center;
  806. text-shadow: 1px 1px #B0BED9, -1px -1px #B0BED9, 1px -1px #B0BED9, -1px 1px #B0BED9;
  807. }
  808. table.dataTable.compact tbody td.select-checkbox:before,
  809. table.dataTable.compact tbody th.select-checkbox:before {
  810. margin-top: -12px;
  811. }
  812. table.dataTable.compact tr.selected td.select-checkbox:after,
  813. table.dataTable.compact tr.selected th.select-checkbox:after {
  814. margin-top: -16px;
  815. }
  816. div.dataTables_wrapper span.select-info,
  817. div.dataTables_wrapper span.select-item {
  818. margin-left: 0.5em;
  819. }
  820. @media screen and (max-width: 640px) {
  821. div.dataTables_wrapper span.select-info,
  822. div.dataTables_wrapper span.select-item {
  823. margin-left: 0;
  824. display: block;
  825. }
  826. }