datatables.css 32 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002
  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/#dt/jszip-2.5.0/pdfmake-0.1.36/dt-1.10.18/b-1.5.2/b-html5-1.5.2/r-2.2.2
  8. *
  9. * Included libraries:
  10. * JSZip 2.5.0, pdfmake 0.1.36, DataTables 1.10.18, Buttons 1.5.2, HTML5 export 1.5.2, Responsive 2.2.2
  11. */
  12. /*
  13. * Table styles
  14. */
  15. table.dataTable {
  16. width: 100%;
  17. margin: 0 auto;
  18. clear: both;
  19. border-collapse: separate;
  20. border-spacing: 0;
  21. /*
  22. * Header and footer styles
  23. */
  24. /*
  25. * Body styles
  26. */
  27. }
  28. table.dataTable thead th,
  29. table.dataTable tfoot th {
  30. font-weight: bold;
  31. }
  32. table.dataTable thead th,
  33. table.dataTable thead td {
  34. padding: 10px 18px;
  35. border-bottom: 1px solid #111;
  36. }
  37. table.dataTable thead th:active,
  38. table.dataTable thead td:active {
  39. outline: none;
  40. }
  41. table.dataTable tfoot th,
  42. table.dataTable tfoot td {
  43. padding: 10px 18px 6px 18px;
  44. border-top: 1px solid #111;
  45. }
  46. table.dataTable thead .sorting,
  47. table.dataTable thead .sorting_asc,
  48. table.dataTable thead .sorting_desc,
  49. table.dataTable thead .sorting_asc_disabled,
  50. table.dataTable thead .sorting_desc_disabled {
  51. cursor: pointer;
  52. *cursor: hand;
  53. background-repeat: no-repeat;
  54. background-position: center right;
  55. }
  56. table.dataTable thead .sorting {
  57. background-image: url("DataTables-1.10.18/images/sort_both.png");
  58. }
  59. table.dataTable thead .sorting_asc {
  60. background-image: url("DataTables-1.10.18/images/sort_asc.png");
  61. }
  62. table.dataTable thead .sorting_desc {
  63. background-image: url("DataTables-1.10.18/images/sort_desc.png");
  64. }
  65. table.dataTable thead .sorting_asc_disabled {
  66. background-image: url("DataTables-1.10.18/images/sort_asc_disabled.png");
  67. }
  68. table.dataTable thead .sorting_desc_disabled {
  69. background-image: url("DataTables-1.10.18/images/sort_desc_disabled.png");
  70. }
  71. table.dataTable tbody tr {
  72. background-color: #ffffff;
  73. }
  74. table.dataTable tbody tr.selected {
  75. background-color: #B0BED9;
  76. }
  77. table.dataTable tbody th,
  78. table.dataTable tbody td {
  79. padding: 8px 10px;
  80. }
  81. table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  82. border-top: 1px solid #ddd;
  83. }
  84. table.dataTable.row-border tbody tr:first-child th,
  85. table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
  86. table.dataTable.display tbody tr:first-child td {
  87. border-top: none;
  88. }
  89. table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
  90. border-top: 1px solid #ddd;
  91. border-right: 1px solid #ddd;
  92. }
  93. table.dataTable.cell-border tbody tr th:first-child,
  94. table.dataTable.cell-border tbody tr td:first-child {
  95. border-left: 1px solid #ddd;
  96. }
  97. table.dataTable.cell-border tbody tr:first-child th,
  98. table.dataTable.cell-border tbody tr:first-child td {
  99. border-top: none;
  100. }
  101. table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
  102. background-color: #f9f9f9;
  103. }
  104. table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
  105. background-color: #acbad4;
  106. }
  107. table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
  108. background-color: #f6f6f6;
  109. }
  110. table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
  111. background-color: #aab7d1;
  112. }
  113. table.dataTable.order-column tbody tr > .sorting_1,
  114. table.dataTable.order-column tbody tr > .sorting_2,
  115. table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
  116. table.dataTable.display tbody tr > .sorting_2,
  117. table.dataTable.display tbody tr > .sorting_3 {
  118. background-color: #fafafa;
  119. }
  120. table.dataTable.order-column tbody tr.selected > .sorting_1,
  121. table.dataTable.order-column tbody tr.selected > .sorting_2,
  122. table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
  123. table.dataTable.display tbody tr.selected > .sorting_2,
  124. table.dataTable.display tbody tr.selected > .sorting_3 {
  125. background-color: #acbad5;
  126. }
  127. table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  128. background-color: #f1f1f1;
  129. }
  130. table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  131. background-color: #f3f3f3;
  132. }
  133. table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  134. background-color: whitesmoke;
  135. }
  136. table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  137. background-color: #a6b4cd;
  138. }
  139. table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  140. background-color: #a8b5cf;
  141. }
  142. table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  143. background-color: #a9b7d1;
  144. }
  145. table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  146. background-color: #fafafa;
  147. }
  148. table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  149. background-color: #fcfcfc;
  150. }
  151. table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  152. background-color: #fefefe;
  153. }
  154. table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  155. background-color: #acbad5;
  156. }
  157. table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  158. background-color: #aebcd6;
  159. }
  160. table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  161. background-color: #afbdd8;
  162. }
  163. table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  164. background-color: #eaeaea;
  165. }
  166. table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  167. background-color: #ececec;
  168. }
  169. table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  170. background-color: #efefef;
  171. }
  172. table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  173. background-color: #a2aec7;
  174. }
  175. table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  176. background-color: #a3b0c9;
  177. }
  178. table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  179. background-color: #a5b2cb;
  180. }
  181. table.dataTable.no-footer {
  182. border-bottom: 1px solid #111;
  183. }
  184. table.dataTable.nowrap th, table.dataTable.nowrap td {
  185. white-space: nowrap;
  186. }
  187. table.dataTable.compact thead th,
  188. table.dataTable.compact thead td {
  189. padding: 4px 17px 4px 4px;
  190. }
  191. table.dataTable.compact tfoot th,
  192. table.dataTable.compact tfoot td {
  193. padding: 4px;
  194. }
  195. table.dataTable.compact tbody th,
  196. table.dataTable.compact tbody td {
  197. padding: 4px;
  198. }
  199. table.dataTable th.dt-left,
  200. table.dataTable td.dt-left {
  201. text-align: left;
  202. }
  203. table.dataTable th.dt-center,
  204. table.dataTable td.dt-center,
  205. table.dataTable td.dataTables_empty {
  206. text-align: center;
  207. }
  208. table.dataTable th.dt-right,
  209. table.dataTable td.dt-right {
  210. text-align: right;
  211. }
  212. table.dataTable th.dt-justify,
  213. table.dataTable td.dt-justify {
  214. text-align: justify;
  215. }
  216. table.dataTable th.dt-nowrap,
  217. table.dataTable td.dt-nowrap {
  218. white-space: nowrap;
  219. }
  220. table.dataTable thead th.dt-head-left,
  221. table.dataTable thead td.dt-head-left,
  222. table.dataTable tfoot th.dt-head-left,
  223. table.dataTable tfoot td.dt-head-left {
  224. text-align: left;
  225. }
  226. table.dataTable thead th.dt-head-center,
  227. table.dataTable thead td.dt-head-center,
  228. table.dataTable tfoot th.dt-head-center,
  229. table.dataTable tfoot td.dt-head-center {
  230. text-align: center;
  231. }
  232. table.dataTable thead th.dt-head-right,
  233. table.dataTable thead td.dt-head-right,
  234. table.dataTable tfoot th.dt-head-right,
  235. table.dataTable tfoot td.dt-head-right {
  236. text-align: right;
  237. }
  238. table.dataTable thead th.dt-head-justify,
  239. table.dataTable thead td.dt-head-justify,
  240. table.dataTable tfoot th.dt-head-justify,
  241. table.dataTable tfoot td.dt-head-justify {
  242. text-align: justify;
  243. }
  244. table.dataTable thead th.dt-head-nowrap,
  245. table.dataTable thead td.dt-head-nowrap,
  246. table.dataTable tfoot th.dt-head-nowrap,
  247. table.dataTable tfoot td.dt-head-nowrap {
  248. white-space: nowrap;
  249. }
  250. table.dataTable tbody th.dt-body-left,
  251. table.dataTable tbody td.dt-body-left {
  252. text-align: left;
  253. }
  254. table.dataTable tbody th.dt-body-center,
  255. table.dataTable tbody td.dt-body-center {
  256. text-align: center;
  257. }
  258. table.dataTable tbody th.dt-body-right,
  259. table.dataTable tbody td.dt-body-right {
  260. text-align: right;
  261. }
  262. table.dataTable tbody th.dt-body-justify,
  263. table.dataTable tbody td.dt-body-justify {
  264. text-align: justify;
  265. }
  266. table.dataTable tbody th.dt-body-nowrap,
  267. table.dataTable tbody td.dt-body-nowrap {
  268. white-space: nowrap;
  269. }
  270. table.dataTable,
  271. table.dataTable th,
  272. table.dataTable td {
  273. box-sizing: content-box;
  274. }
  275. /*
  276. * Control feature layout
  277. */
  278. .dataTables_wrapper {
  279. position: relative;
  280. clear: both;
  281. *zoom: 1;
  282. zoom: 1;
  283. }
  284. .dataTables_wrapper .dataTables_length {
  285. float: left;
  286. }
  287. .dataTables_wrapper .dataTables_filter {
  288. float: right;
  289. text-align: right;
  290. }
  291. .dataTables_wrapper .dataTables_filter input {
  292. margin-left: 0.5em;
  293. }
  294. .dataTables_wrapper .dataTables_info {
  295. clear: both;
  296. float: left;
  297. padding-top: 0.755em;
  298. }
  299. .dataTables_wrapper .dataTables_paginate {
  300. float: right;
  301. text-align: right;
  302. padding-top: 0.25em;
  303. }
  304. .dataTables_wrapper .dataTables_paginate .paginate_button {
  305. box-sizing: border-box;
  306. display: inline-block;
  307. min-width: 1.5em;
  308. padding: 0.5em 1em;
  309. margin-left: 2px;
  310. text-align: center;
  311. text-decoration: none !important;
  312. cursor: pointer;
  313. *cursor: hand;
  314. color: #333 !important;
  315. border: 1px solid transparent;
  316. border-radius: 2px;
  317. }
  318. .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  319. color: #333 !important;
  320. border: 1px solid #979797;
  321. background-color: white;
  322. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));
  323. /* Chrome,Safari4+ */
  324. background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);
  325. /* Chrome10+,Safari5.1+ */
  326. background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
  327. /* FF3.6+ */
  328. background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
  329. /* IE10+ */
  330. background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
  331. /* Opera 11.10+ */
  332. background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
  333. /* W3C */
  334. }
  335. .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  336. cursor: default;
  337. color: #666 !important;
  338. border: 1px solid transparent;
  339. background: transparent;
  340. box-shadow: none;
  341. }
  342. .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  343. color: white !important;
  344. border: 1px solid #111;
  345. background-color: #585858;
  346. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
  347. /* Chrome,Safari4+ */
  348. background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
  349. /* Chrome10+,Safari5.1+ */
  350. background: -moz-linear-gradient(top, #585858 0%, #111 100%);
  351. /* FF3.6+ */
  352. background: -ms-linear-gradient(top, #585858 0%, #111 100%);
  353. /* IE10+ */
  354. background: -o-linear-gradient(top, #585858 0%, #111 100%);
  355. /* Opera 11.10+ */
  356. background: linear-gradient(to bottom, #585858 0%, #111 100%);
  357. /* W3C */
  358. }
  359. .dataTables_wrapper .dataTables_paginate .paginate_button:active {
  360. outline: none;
  361. background-color: #2b2b2b;
  362. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  363. /* Chrome,Safari4+ */
  364. background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  365. /* Chrome10+,Safari5.1+ */
  366. background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  367. /* FF3.6+ */
  368. background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  369. /* IE10+ */
  370. background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  371. /* Opera 11.10+ */
  372. background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  373. /* W3C */
  374. box-shadow: inset 0 0 3px #111;
  375. }
  376. .dataTables_wrapper .dataTables_paginate .ellipsis {
  377. padding: 0 1em;
  378. }
  379. .dataTables_wrapper .dataTables_processing {
  380. position: absolute;
  381. top: 50%;
  382. left: 50%;
  383. width: 100%;
  384. height: 40px;
  385. margin-left: -50%;
  386. margin-top: -25px;
  387. padding-top: 20px;
  388. text-align: center;
  389. font-size: 1.2em;
  390. background-color: white;
  391. background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  392. background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  393. background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  394. background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  395. background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  396. background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  397. }
  398. .dataTables_wrapper .dataTables_length,
  399. .dataTables_wrapper .dataTables_filter,
  400. .dataTables_wrapper .dataTables_info,
  401. .dataTables_wrapper .dataTables_processing,
  402. .dataTables_wrapper .dataTables_paginate {
  403. color: #333;
  404. }
  405. .dataTables_wrapper .dataTables_scroll {
  406. clear: both;
  407. }
  408. .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  409. *margin-top: -1px;
  410. -webkit-overflow-scrolling: touch;
  411. }
  412. .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
  413. vertical-align: middle;
  414. }
  415. .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing,
  416. .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing,
  417. .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
  418. height: 0;
  419. overflow: hidden;
  420. margin: 0 !important;
  421. padding: 0 !important;
  422. }
  423. .dataTables_wrapper.no-footer .dataTables_scrollBody {
  424. border-bottom: 1px solid #111;
  425. }
  426. .dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
  427. .dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
  428. border-bottom: none;
  429. }
  430. .dataTables_wrapper:after {
  431. visibility: hidden;
  432. display: block;
  433. content: "";
  434. clear: both;
  435. height: 0;
  436. }
  437. @media screen and (max-width: 767px) {
  438. .dataTables_wrapper .dataTables_info,
  439. .dataTables_wrapper .dataTables_paginate {
  440. float: none;
  441. text-align: center;
  442. }
  443. .dataTables_wrapper .dataTables_paginate {
  444. margin-top: 0.5em;
  445. }
  446. }
  447. @media screen and (max-width: 640px) {
  448. .dataTables_wrapper .dataTables_length,
  449. .dataTables_wrapper .dataTables_filter {
  450. float: none;
  451. text-align: center;
  452. }
  453. .dataTables_wrapper .dataTables_filter {
  454. margin-top: 0.5em;
  455. }
  456. }
  457. @keyframes dtb-spinner {
  458. 100% {
  459. transform: rotate(360deg);
  460. }
  461. }
  462. @-o-keyframes dtb-spinner {
  463. 100% {
  464. -o-transform: rotate(360deg);
  465. transform: rotate(360deg);
  466. }
  467. }
  468. @-ms-keyframes dtb-spinner {
  469. 100% {
  470. -ms-transform: rotate(360deg);
  471. transform: rotate(360deg);
  472. }
  473. }
  474. @-webkit-keyframes dtb-spinner {
  475. 100% {
  476. -webkit-transform: rotate(360deg);
  477. transform: rotate(360deg);
  478. }
  479. }
  480. @-moz-keyframes dtb-spinner {
  481. 100% {
  482. -moz-transform: rotate(360deg);
  483. transform: rotate(360deg);
  484. }
  485. }
  486. div.dt-button-info {
  487. position: fixed;
  488. top: 50%;
  489. left: 50%;
  490. width: 400px;
  491. margin-top: -100px;
  492. margin-left: -200px;
  493. background-color: white;
  494. border: 2px solid #111;
  495. box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
  496. border-radius: 3px;
  497. text-align: center;
  498. z-index: 21;
  499. }
  500. div.dt-button-info h2 {
  501. padding: 0.5em;
  502. margin: 0;
  503. font-weight: normal;
  504. border-bottom: 1px solid #ddd;
  505. background-color: #f3f3f3;
  506. }
  507. div.dt-button-info > div {
  508. padding: 1em;
  509. }
  510. button.dt-button,
  511. div.dt-button,
  512. a.dt-button {
  513. position: relative;
  514. display: inline-block;
  515. box-sizing: border-box;
  516. margin-right: 0.333em;
  517. margin-bottom: 0.333em;
  518. padding: 0.5em 1em;
  519. border: 1px solid #999;
  520. border-radius: 2px;
  521. cursor: pointer;
  522. font-size: 0.88em;
  523. line-height: 1.6em;
  524. color: black;
  525. white-space: nowrap;
  526. overflow: hidden;
  527. background-color: #e9e9e9;
  528. /* Fallback */
  529. background-image: -webkit-linear-gradient(top, white 0%, #e9e9e9 100%);
  530. /* Chrome 10+, Saf5.1+, iOS 5+ */
  531. background-image: -moz-linear-gradient(top, white 0%, #e9e9e9 100%);
  532. /* FF3.6 */
  533. background-image: -ms-linear-gradient(top, white 0%, #e9e9e9 100%);
  534. /* IE10 */
  535. background-image: -o-linear-gradient(top, white 0%, #e9e9e9 100%);
  536. /* Opera 11.10+ */
  537. background-image: linear-gradient(to bottom, white 0%, #e9e9e9 100%);
  538. filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='white', EndColorStr='#e9e9e9');
  539. -webkit-user-select: none;
  540. -moz-user-select: none;
  541. -ms-user-select: none;
  542. user-select: none;
  543. text-decoration: none;
  544. outline: none;
  545. }
  546. button.dt-button.disabled,
  547. div.dt-button.disabled,
  548. a.dt-button.disabled {
  549. color: #999;
  550. border: 1px solid #d0d0d0;
  551. cursor: default;
  552. background-color: #f9f9f9;
  553. /* Fallback */
  554. background-image: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  555. /* Chrome 10+, Saf5.1+, iOS 5+ */
  556. background-image: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  557. /* FF3.6 */
  558. background-image: -ms-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  559. /* IE10 */
  560. background-image: -o-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  561. /* Opera 11.10+ */
  562. background-image: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%);
  563. filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#f9f9f9');
  564. }
  565. button.dt-button:active:not(.disabled), button.dt-button.active:not(.disabled),
  566. div.dt-button:active:not(.disabled),
  567. div.dt-button.active:not(.disabled),
  568. a.dt-button:active:not(.disabled),
  569. a.dt-button.active:not(.disabled) {
  570. background-color: #e2e2e2;
  571. /* Fallback */
  572. background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  573. /* Chrome 10+, Saf5.1+, iOS 5+ */
  574. background-image: -moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  575. /* FF3.6 */
  576. background-image: -ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  577. /* IE10 */
  578. background-image: -o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  579. /* Opera 11.10+ */
  580. background-image: linear-gradient(to bottom, #f3f3f3 0%, #e2e2e2 100%);
  581. filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f3f3f3', EndColorStr='#e2e2e2');
  582. box-shadow: inset 1px 1px 3px #999999;
  583. }
  584. button.dt-button:active:not(.disabled):hover:not(.disabled), button.dt-button.active:not(.disabled):hover:not(.disabled),
  585. div.dt-button:active:not(.disabled):hover:not(.disabled),
  586. div.dt-button.active:not(.disabled):hover:not(.disabled),
  587. a.dt-button:active:not(.disabled):hover:not(.disabled),
  588. a.dt-button.active:not(.disabled):hover:not(.disabled) {
  589. box-shadow: inset 1px 1px 3px #999999;
  590. background-color: #cccccc;
  591. /* Fallback */
  592. background-image: -webkit-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  593. /* Chrome 10+, Saf5.1+, iOS 5+ */
  594. background-image: -moz-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  595. /* FF3.6 */
  596. background-image: -ms-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  597. /* IE10 */
  598. background-image: -o-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  599. /* Opera 11.10+ */
  600. background-image: linear-gradient(to bottom, #eaeaea 0%, #cccccc 100%);
  601. filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#eaeaea', EndColorStr='#cccccc');
  602. }
  603. button.dt-button:hover,
  604. div.dt-button:hover,
  605. a.dt-button:hover {
  606. text-decoration: none;
  607. }
  608. button.dt-button:hover:not(.disabled),
  609. div.dt-button:hover:not(.disabled),
  610. a.dt-button:hover:not(.disabled) {
  611. border: 1px solid #666;
  612. background-color: #e0e0e0;
  613. /* Fallback */
  614. background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  615. /* Chrome 10+, Saf5.1+, iOS 5+ */
  616. background-image: -moz-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  617. /* FF3.6 */
  618. background-image: -ms-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  619. /* IE10 */
  620. background-image: -o-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  621. /* Opera 11.10+ */
  622. background-image: linear-gradient(to bottom, #f9f9f9 0%, #e0e0e0 100%);
  623. filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f9f9f9', EndColorStr='#e0e0e0');
  624. }
  625. button.dt-button:focus:not(.disabled),
  626. div.dt-button:focus:not(.disabled),
  627. a.dt-button:focus:not(.disabled) {
  628. border: 1px solid #426c9e;
  629. text-shadow: 0 1px 0 #c4def1;
  630. outline: none;
  631. background-color: #79ace9;
  632. /* Fallback */
  633. background-image: -webkit-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  634. /* Chrome 10+, Saf5.1+, iOS 5+ */
  635. background-image: -moz-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  636. /* FF3.6 */
  637. background-image: -ms-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  638. /* IE10 */
  639. background-image: -o-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  640. /* Opera 11.10+ */
  641. background-image: linear-gradient(to bottom, #bddef4 0%, #79ace9 100%);
  642. filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#bddef4', EndColorStr='#79ace9');
  643. }
  644. .dt-button embed {
  645. outline: none;
  646. }
  647. div.dt-buttons {
  648. position: relative;
  649. float: left;
  650. }
  651. div.dt-buttons.buttons-right {
  652. float: right;
  653. }
  654. div.dt-button-collection {
  655. position: absolute;
  656. top: 0;
  657. left: 0;
  658. width: 150px;
  659. margin-top: 3px;
  660. padding: 8px 8px 4px 8px;
  661. border: 1px solid #ccc;
  662. border: 1px solid rgba(0, 0, 0, 0.4);
  663. background-color: white;
  664. overflow: hidden;
  665. z-index: 2002;
  666. border-radius: 5px;
  667. box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  668. -webkit-column-gap: 8px;
  669. -moz-column-gap: 8px;
  670. -ms-column-gap: 8px;
  671. -o-column-gap: 8px;
  672. column-gap: 8px;
  673. }
  674. div.dt-button-collection button.dt-button,
  675. div.dt-button-collection div.dt-button,
  676. div.dt-button-collection a.dt-button {
  677. position: relative;
  678. left: 0;
  679. right: 0;
  680. width: 100%;
  681. display: block;
  682. float: none;
  683. margin-bottom: 4px;
  684. margin-right: 0;
  685. }
  686. div.dt-button-collection button.dt-button:active:not(.disabled), div.dt-button-collection button.dt-button.active:not(.disabled),
  687. div.dt-button-collection div.dt-button:active:not(.disabled),
  688. div.dt-button-collection div.dt-button.active:not(.disabled),
  689. div.dt-button-collection a.dt-button:active:not(.disabled),
  690. div.dt-button-collection a.dt-button.active:not(.disabled) {
  691. background-color: #dadada;
  692. /* Fallback */
  693. background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  694. /* Chrome 10+, Saf5.1+, iOS 5+ */
  695. background-image: -moz-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  696. /* FF3.6 */
  697. background-image: -ms-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  698. /* IE10 */
  699. background-image: -o-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  700. /* Opera 11.10+ */
  701. background-image: linear-gradient(to bottom, #f0f0f0 0%, #dadada 100%);
  702. filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f0f0f0', EndColorStr='#dadada');
  703. box-shadow: inset 1px 1px 3px #666;
  704. }
  705. div.dt-button-collection.fixed {
  706. position: fixed;
  707. top: 50%;
  708. left: 50%;
  709. margin-left: -75px;
  710. border-radius: 0;
  711. }
  712. div.dt-button-collection.fixed.two-column {
  713. margin-left: -150px;
  714. }
  715. div.dt-button-collection.fixed.three-column {
  716. margin-left: -225px;
  717. }
  718. div.dt-button-collection.fixed.four-column {
  719. margin-left: -300px;
  720. }
  721. div.dt-button-collection > * {
  722. -webkit-column-break-inside: avoid;
  723. break-inside: avoid;
  724. }
  725. div.dt-button-collection.two-column {
  726. width: 300px;
  727. padding-bottom: 1px;
  728. -webkit-column-count: 2;
  729. -moz-column-count: 2;
  730. -ms-column-count: 2;
  731. -o-column-count: 2;
  732. column-count: 2;
  733. }
  734. div.dt-button-collection.three-column {
  735. width: 450px;
  736. padding-bottom: 1px;
  737. -webkit-column-count: 3;
  738. -moz-column-count: 3;
  739. -ms-column-count: 3;
  740. -o-column-count: 3;
  741. column-count: 3;
  742. }
  743. div.dt-button-collection.four-column {
  744. width: 600px;
  745. padding-bottom: 1px;
  746. -webkit-column-count: 4;
  747. -moz-column-count: 4;
  748. -ms-column-count: 4;
  749. -o-column-count: 4;
  750. column-count: 4;
  751. }
  752. div.dt-button-collection .dt-button {
  753. border-radius: 0;
  754. }
  755. div.dt-button-background {
  756. position: fixed;
  757. top: 0;
  758. left: 0;
  759. width: 100%;
  760. height: 100%;
  761. background: rgba(0, 0, 0, 0.7);
  762. /* Fallback */
  763. background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  764. /* IE10 Consumer Preview */
  765. background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  766. /* Firefox */
  767. background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  768. /* Opera */
  769. background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7)));
  770. /* Webkit (Safari/Chrome 10) */
  771. background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  772. /* Webkit (Chrome 11+) */
  773. background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  774. /* W3C Markup, IE10 Release Preview */
  775. z-index: 2001;
  776. }
  777. @media screen and (max-width: 640px) {
  778. div.dt-buttons {
  779. float: none !important;
  780. text-align: center;
  781. }
  782. }
  783. button.dt-button.processing,
  784. div.dt-button.processing,
  785. a.dt-button.processing {
  786. color: rgba(0, 0, 0, 0.2);
  787. }
  788. button.dt-button.processing:after,
  789. div.dt-button.processing:after,
  790. a.dt-button.processing:after {
  791. position: absolute;
  792. top: 50%;
  793. left: 50%;
  794. width: 16px;
  795. height: 16px;
  796. margin: -8px 0 0 -8px;
  797. box-sizing: border-box;
  798. display: block;
  799. content: ' ';
  800. border: 2px solid #282828;
  801. border-radius: 50%;
  802. border-left-color: transparent;
  803. border-right-color: transparent;
  804. animation: dtb-spinner 1500ms infinite linear;
  805. -o-animation: dtb-spinner 1500ms infinite linear;
  806. -ms-animation: dtb-spinner 1500ms infinite linear;
  807. -webkit-animation: dtb-spinner 1500ms infinite linear;
  808. -moz-animation: dtb-spinner 1500ms infinite linear;
  809. }
  810. table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
  811. table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
  812. table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
  813. cursor: default !important;
  814. }
  815. table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
  816. table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
  817. table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
  818. display: none !important;
  819. }
  820. table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child,
  821. table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
  822. position: relative;
  823. padding-left: 30px;
  824. cursor: pointer;
  825. }
  826. table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
  827. table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
  828. top: 9px;
  829. left: 4px;
  830. height: 14px;
  831. width: 14px;
  832. display: block;
  833. position: absolute;
  834. color: white;
  835. border: 2px solid white;
  836. border-radius: 14px;
  837. box-shadow: 0 0 3px #444;
  838. box-sizing: content-box;
  839. text-align: center;
  840. text-indent: 0 !important;
  841. font-family: 'Courier New', Courier, monospace;
  842. line-height: 14px;
  843. content: '+';
  844. background-color: #31b131;
  845. }
  846. table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
  847. table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  848. content: '-';
  849. background-color: #d33333;
  850. }
  851. table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child,
  852. table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
  853. padding-left: 27px;
  854. }
  855. table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before,
  856. table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
  857. top: 5px;
  858. left: 4px;
  859. height: 14px;
  860. width: 14px;
  861. border-radius: 14px;
  862. line-height: 14px;
  863. text-indent: 3px;
  864. }
  865. table.dataTable.dtr-column > tbody > tr > td.control,
  866. table.dataTable.dtr-column > tbody > tr > th.control {
  867. position: relative;
  868. cursor: pointer;
  869. }
  870. table.dataTable.dtr-column > tbody > tr > td.control:before,
  871. table.dataTable.dtr-column > tbody > tr > th.control:before {
  872. top: 50%;
  873. left: 50%;
  874. height: 16px;
  875. width: 16px;
  876. margin-top: -10px;
  877. margin-left: -10px;
  878. display: block;
  879. position: absolute;
  880. color: white;
  881. border: 2px solid white;
  882. border-radius: 14px;
  883. box-shadow: 0 0 3px #444;
  884. box-sizing: content-box;
  885. text-align: center;
  886. text-indent: 0 !important;
  887. font-family: 'Courier New', Courier, monospace;
  888. line-height: 14px;
  889. content: '+';
  890. background-color: #31b131;
  891. }
  892. table.dataTable.dtr-column > tbody > tr.parent td.control:before,
  893. table.dataTable.dtr-column > tbody > tr.parent th.control:before {
  894. content: '-';
  895. background-color: #d33333;
  896. }
  897. table.dataTable > tbody > tr.child {
  898. padding: 0.5em 1em;
  899. }
  900. table.dataTable > tbody > tr.child:hover {
  901. background: transparent !important;
  902. }
  903. table.dataTable > tbody > tr.child ul.dtr-details {
  904. display: inline-block;
  905. list-style-type: none;
  906. margin: 0;
  907. padding: 0;
  908. }
  909. table.dataTable > tbody > tr.child ul.dtr-details > li {
  910. border-bottom: 1px solid #efefef;
  911. padding: 0.5em 0;
  912. }
  913. table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
  914. padding-top: 0;
  915. }
  916. table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
  917. border-bottom: none;
  918. }
  919. table.dataTable > tbody > tr.child span.dtr-title {
  920. display: inline-block;
  921. min-width: 75px;
  922. font-weight: bold;
  923. }
  924. div.dtr-modal {
  925. position: fixed;
  926. box-sizing: border-box;
  927. top: 0;
  928. left: 0;
  929. height: 100%;
  930. width: 100%;
  931. z-index: 100;
  932. padding: 10em 1em;
  933. }
  934. div.dtr-modal div.dtr-modal-display {
  935. position: absolute;
  936. top: 0;
  937. left: 0;
  938. bottom: 0;
  939. right: 0;
  940. width: 50%;
  941. height: 50%;
  942. overflow: auto;
  943. margin: auto;
  944. z-index: 102;
  945. overflow: auto;
  946. background-color: #f5f5f7;
  947. border: 1px solid black;
  948. border-radius: 0.5em;
  949. box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
  950. }
  951. div.dtr-modal div.dtr-modal-content {
  952. position: relative;
  953. padding: 1em;
  954. }
  955. div.dtr-modal div.dtr-modal-close {
  956. position: absolute;
  957. top: 6px;
  958. right: 6px;
  959. width: 22px;
  960. height: 22px;
  961. border: 1px solid #eaeaea;
  962. background-color: #f9f9f9;
  963. text-align: center;
  964. border-radius: 3px;
  965. cursor: pointer;
  966. z-index: 12;
  967. }
  968. div.dtr-modal div.dtr-modal-close:hover {
  969. background-color: #eaeaea;
  970. }
  971. div.dtr-modal div.dtr-modal-background {
  972. position: fixed;
  973. top: 0;
  974. left: 0;
  975. right: 0;
  976. bottom: 0;
  977. z-index: 101;
  978. background: rgba(0, 0, 0, 0.6);
  979. }
  980. @media screen and (max-width: 767px) {
  981. div.dtr-modal div.dtr-modal-display {
  982. width: 95%;
  983. }
  984. }