2 table.dataTable td.dt-control {
6 table.dataTable td.dt-control:before {
10 display: inline-block;
12 border: 0.15em solid white;
14 box-shadow: 0 0 0.2em #444;
15 box-sizing: content-box;
17 text-indent: 0 !important;
18 font-family: "Courier New", Courier, monospace;
21 background-color: #31b131;
23 table.dataTable tr.dt-hasChild td.dt-control:before {
25 background-color: #d33333;
28 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,
29 table.dataTable thead > tr > td.sorting,
30 table.dataTable thead > tr > td.sorting_asc,
31 table.dataTable thead > tr > td.sorting_desc,
32 table.dataTable thead > tr > td.sorting_asc_disabled,
33 table.dataTable thead > tr > td.sorting_desc_disabled {
38 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,
39 table.dataTable thead > tr > td.sorting:before,
40 table.dataTable thead > tr > td.sorting:after,
41 table.dataTable thead > tr > td.sorting_asc:before,
42 table.dataTable thead > tr > td.sorting_asc:after,
43 table.dataTable thead > tr > td.sorting_desc:before,
44 table.dataTable thead > tr > td.sorting_desc:after,
45 table.dataTable thead > tr > td.sorting_asc_disabled:before,
46 table.dataTable thead > tr > td.sorting_asc_disabled:after,
47 table.dataTable thead > tr > td.sorting_desc_disabled:before,
48 table.dataTable thead > tr > td.sorting_desc_disabled:after {
56 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,
57 table.dataTable thead > tr > td.sorting:before,
58 table.dataTable thead > tr > td.sorting_asc:before,
59 table.dataTable thead > tr > td.sorting_desc:before,
60 table.dataTable thead > tr > td.sorting_asc_disabled:before,
61 table.dataTable thead > tr > td.sorting_desc_disabled:before {
65 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,
66 table.dataTable thead > tr > td.sorting:after,
67 table.dataTable thead > tr > td.sorting_asc:after,
68 table.dataTable thead > tr > td.sorting_desc:after,
69 table.dataTable thead > tr > td.sorting_asc_disabled:after,
70 table.dataTable thead > tr > td.sorting_desc_disabled:after {
74 table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:after,
75 table.dataTable thead > tr > td.sorting_asc:before,
76 table.dataTable thead > tr > td.sorting_desc:after {
79 table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > th.sorting_asc_disabled:before,
80 table.dataTable thead > tr > td.sorting_desc_disabled:after,
81 table.dataTable thead > tr > td.sorting_asc_disabled:before {
84 table.dataTable thead > tr > th:active,
85 table.dataTable thead > tr > td:active {
89 div.dataTables_scrollBody table.dataTable thead > tr > th:before, div.dataTables_scrollBody table.dataTable thead > tr > th:after,
90 div.dataTables_scrollBody table.dataTable thead > tr > td:before,
91 div.dataTables_scrollBody table.dataTable thead > tr > td:after {
95 div.dataTables_processing {
105 div.dataTables_processing > div:last-child {
111 div.dataTables_processing > div:last-child > div {
118 animation-timing-function: cubic-bezier(0, 1, 1, 0);
120 div.dataTables_processing > div:last-child > div:nth-child(1) {
122 animation: datatables-loader-1 0.6s infinite;
124 div.dataTables_processing > div:last-child > div:nth-child(2) {
126 animation: datatables-loader-2 0.6s infinite;
128 div.dataTables_processing > div:last-child > div:nth-child(3) {
130 animation: datatables-loader-2 0.6s infinite;
132 div.dataTables_processing > div:last-child > div:nth-child(4) {
134 animation: datatables-loader-3 0.6s infinite;
137 @keyframes datatables-loader-1 {
145 @keyframes datatables-loader-3 {
153 @keyframes datatables-loader-2 {
155 transform: translate(0, 0);
158 transform: translate(24px, 0);
161 table.dataTable.nowrap th, table.dataTable.nowrap td {
164 table.dataTable th.dt-left,
165 table.dataTable td.dt-left {
168 table.dataTable th.dt-center,
169 table.dataTable td.dt-center,
170 table.dataTable td.dataTables_empty {
173 table.dataTable th.dt-right,
174 table.dataTable td.dt-right {
177 table.dataTable th.dt-justify,
178 table.dataTable td.dt-justify {
181 table.dataTable th.dt-nowrap,
182 table.dataTable td.dt-nowrap {
185 table.dataTable thead th,
186 table.dataTable thead td,
187 table.dataTable tfoot th,
188 table.dataTable tfoot td {
191 table.dataTable thead th.dt-head-left,
192 table.dataTable thead td.dt-head-left,
193 table.dataTable tfoot th.dt-head-left,
194 table.dataTable tfoot td.dt-head-left {
197 table.dataTable thead th.dt-head-center,
198 table.dataTable thead td.dt-head-center,
199 table.dataTable tfoot th.dt-head-center,
200 table.dataTable tfoot td.dt-head-center {
203 table.dataTable thead th.dt-head-right,
204 table.dataTable thead td.dt-head-right,
205 table.dataTable tfoot th.dt-head-right,
206 table.dataTable tfoot td.dt-head-right {
209 table.dataTable thead th.dt-head-justify,
210 table.dataTable thead td.dt-head-justify,
211 table.dataTable tfoot th.dt-head-justify,
212 table.dataTable tfoot td.dt-head-justify {
215 table.dataTable thead th.dt-head-nowrap,
216 table.dataTable thead td.dt-head-nowrap,
217 table.dataTable tfoot th.dt-head-nowrap,
218 table.dataTable tfoot td.dt-head-nowrap {
221 table.dataTable tbody th.dt-body-left,
222 table.dataTable tbody td.dt-body-left {
225 table.dataTable tbody th.dt-body-center,
226 table.dataTable tbody td.dt-body-center {
229 table.dataTable tbody th.dt-body-right,
230 table.dataTable tbody td.dt-body-right {
233 table.dataTable tbody th.dt-body-justify,
234 table.dataTable tbody td.dt-body-justify {
237 table.dataTable tbody th.dt-body-nowrap,
238 table.dataTable tbody td.dt-body-nowrap {
249 border-collapse: separate;
252 * Header and footer styles
258 table.dataTable thead th,
259 table.dataTable tfoot th {
262 table.dataTable thead th,
263 table.dataTable thead td {
265 border-bottom: 1px solid #303030;
267 table.dataTable thead th:active,
268 table.dataTable thead td:active {
271 table.dataTable tfoot th,
272 table.dataTable tfoot td {
273 padding: 10px 10px 6px 10px;
274 border-top: 1px solid #303030;
276 table.dataTable tbody tr {
277 background-color: #444444;
279 table.dataTable tbody tr.selected > * {
280 box-shadow: inset 0 0 0 9999px #555555;
283 table.dataTable tbody tr.selected a {
286 table.dataTable tbody th,
287 table.dataTable tbody td {
290 table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
291 border-top: 1px solid #3a3a3a;
293 table.dataTable.row-border tbody tr:first-child th,
294 table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
295 table.dataTable.display tbody tr:first-child td {
298 table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
299 border-top: 1px solid #3a3a3a;
300 border-right: 1px solid #3a3a3a;
302 table.dataTable.cell-border tbody tr th:first-child,
303 table.dataTable.cell-border tbody tr td:first-child {
304 border-left: 1px solid #3a3a3a;
306 table.dataTable.cell-border tbody tr:first-child th,
307 table.dataTable.cell-border tbody tr:first-child td {
310 table.dataTable.stripe > tbody > tr.odd > *, table.dataTable.display > tbody > tr.odd > * {
311 box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.023);
313 table.dataTable.stripe > tbody > tr.odd.selected > *, table.dataTable.display > tbody > tr.odd.selected > * {
314 box-shadow: inset 0 0 0 9999px #555555;
316 table.dataTable.hover > tbody > tr:hover > *, table.dataTable.display > tbody > tr:hover > * {
317 box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.035);
319 table.dataTable.hover > tbody > tr.selected:hover > *, table.dataTable.display > tbody > tr.selected:hover > * {
320 box-shadow: inset 0 0 0 9999px #555555;
322 table.dataTable.order-column > tbody tr > .sorting_1,
323 table.dataTable.order-column > tbody tr > .sorting_2,
324 table.dataTable.order-column > tbody tr > .sorting_3, table.dataTable.display > tbody tr > .sorting_1,
325 table.dataTable.display > tbody tr > .sorting_2,
326 table.dataTable.display > tbody tr > .sorting_3 {
327 box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.019);
329 table.dataTable.order-column > tbody tr.selected > .sorting_1,
330 table.dataTable.order-column > tbody tr.selected > .sorting_2,
331 table.dataTable.order-column > tbody tr.selected > .sorting_3, table.dataTable.display > tbody tr.selected > .sorting_1,
332 table.dataTable.display > tbody tr.selected > .sorting_2,
333 table.dataTable.display > tbody tr.selected > .sorting_3 {
334 box-shadow: inset 0 0 0 9999px #555555;
336 table.dataTable.display > tbody > tr.odd > .sorting_1, table.dataTable.order-column.stripe > tbody > tr.odd > .sorting_1 {
337 box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.054);
339 table.dataTable.display > tbody > tr.odd > .sorting_2, table.dataTable.order-column.stripe > tbody > tr.odd > .sorting_2 {
340 box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.047);
342 table.dataTable.display > tbody > tr.odd > .sorting_3, table.dataTable.order-column.stripe > tbody > tr.odd > .sorting_3 {
343 box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.039);
345 table.dataTable.display > tbody > tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe > tbody > tr.odd.selected > .sorting_1 {
346 box-shadow: inset 0 0 0 9999px #555555;
348 table.dataTable.display > tbody > tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe > tbody > tr.odd.selected > .sorting_2 {
349 box-shadow: inset 0 0 0 9999px #555555;
351 table.dataTable.display > tbody > tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe > tbody > tr.odd.selected > .sorting_3 {
352 box-shadow: inset 0 0 0 9999px #555555;
354 table.dataTable.display > tbody > tr.even > .sorting_1, table.dataTable.order-column.stripe > tbody > tr.even > .sorting_1 {
355 box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.019);
357 table.dataTable.display > tbody > tr.even > .sorting_2, table.dataTable.order-column.stripe > tbody > tr.even > .sorting_2 {
358 box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.011);
360 table.dataTable.display > tbody > tr.even > .sorting_3, table.dataTable.order-column.stripe > tbody > tr.even > .sorting_3 {
361 box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.003);
363 table.dataTable.display > tbody > tr.even.selected > .sorting_1, table.dataTable.order-column.stripe > tbody > tr.even.selected > .sorting_1 {
364 box-shadow: inset 0 0 0 9999px #555555;
366 table.dataTable.display > tbody > tr.even.selected > .sorting_2, table.dataTable.order-column.stripe > tbody > tr.even.selected > .sorting_2 {
367 box-shadow: inset 0 0 0 9999px #555555;
369 table.dataTable.display > tbody > tr.even.selected > .sorting_3, table.dataTable.order-column.stripe > tbody > tr.even.selected > .sorting_3 {
370 box-shadow: inset 0 0 0 9999px #555555;
372 table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
373 box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.082);
375 table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
376 box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.074);
378 table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
379 box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.062);
381 table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
382 box-shadow: inset 0 0 0 9999px #555555;
384 table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
385 box-shadow: inset 0 0 0 9999px #555555;
387 table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
388 box-shadow: inset 0 0 0 9999px #555555;
390 table.dataTable.no-footer {
391 border-bottom: 1px solid #303030;
393 table.dataTable.compact thead th,
394 table.dataTable.compact thead td,
395 table.dataTable.compact tfoot th,
396 table.dataTable.compact tfoot td,
397 table.dataTable.compact tbody th,
398 table.dataTable.compact tbody td {
404 box-sizing: content-box;
408 * Control feature layout
410 .dataTables_wrapper {
414 .dataTables_wrapper .dataTables_length {
417 .dataTables_wrapper .dataTables_length select {
418 border: 1px solid #aaa;
421 background-color: transparent;
424 .dataTables_wrapper .dataTables_filter {
428 .dataTables_wrapper .dataTables_filter input {
429 border: 1px solid #aaa;
432 background-color: transparent;
435 .dataTables_wrapper .dataTables_info {
438 padding-top: 0.755em;
440 .dataTables_wrapper .dataTables_paginate {
445 .dataTables_wrapper .dataTables_paginate .paginate_button {
446 box-sizing: border-box;
447 display: inline-block;
452 text-decoration: none !important;
454 color: inherit !important;
455 border: 1px solid transparent;
458 .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
459 color: inherit !important;
460 border: 1px solid #303030;
461 background-color: rgba(230, 230, 230, 0.1);
462 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(230, 230, 230, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.1)));
463 /* Chrome,Safari4+ */
464 background: -webkit-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
465 /* Chrome10+,Safari5.1+ */
466 background: -moz-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
468 background: -ms-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
470 background: -o-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
472 background: linear-gradient(to bottom, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
475 .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
477 color: #666 !important;
478 border: 1px solid transparent;
479 background: transparent;
482 .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
483 color: white !important;
484 border: 1px solid #dddddd;
485 background-color: white;
486 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dddddd));
487 /* Chrome,Safari4+ */
488 background: -webkit-linear-gradient(top, white 0%, #dddddd 100%);
489 /* Chrome10+,Safari5.1+ */
490 background: -moz-linear-gradient(top, white 0%, #dddddd 100%);
492 background: -ms-linear-gradient(top, white 0%, #dddddd 100%);
494 background: -o-linear-gradient(top, white 0%, #dddddd 100%);
496 background: linear-gradient(to bottom, white 0%, #dddddd 100%);
499 .dataTables_wrapper .dataTables_paginate .paginate_button:active {
501 background-color: #f7f7f7;
502 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #d8d8d8));
503 /* Chrome,Safari4+ */
504 background: -webkit-linear-gradient(top, #f7f7f7 0%, #d8d8d8 100%);
505 /* Chrome10+,Safari5.1+ */
506 background: -moz-linear-gradient(top, #f7f7f7 0%, #d8d8d8 100%);
508 background: -ms-linear-gradient(top, #f7f7f7 0%, #d8d8d8 100%);
510 background: -o-linear-gradient(top, #f7f7f7 0%, #d8d8d8 100%);
512 background: linear-gradient(to bottom, #f7f7f7 0%, #d8d8d8 100%);
514 box-shadow: inset 0 0 3px #111;
516 .dataTables_wrapper .dataTables_paginate .ellipsis {
519 .dataTables_wrapper .dataTables_length,
520 .dataTables_wrapper .dataTables_filter,
521 .dataTables_wrapper .dataTables_info,
522 .dataTables_wrapper .dataTables_processing,
523 .dataTables_wrapper .dataTables_paginate {
526 .dataTables_wrapper .dataTables_scroll {
529 .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
530 -webkit-overflow-scrolling: touch;
532 .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 {
533 vertical-align: middle;
535 .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing,
536 .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,
537 .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
540 margin: 0 !important;
541 padding: 0 !important;
543 .dataTables_wrapper.no-footer .dataTables_scrollBody {
544 border-bottom: 1px solid #303030;
546 .dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
547 .dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
550 .dataTables_wrapper:after {
558 @media screen and (max-width: 767px) {
559 .dataTables_wrapper .dataTables_info,
560 .dataTables_wrapper .dataTables_paginate {
564 .dataTables_wrapper .dataTables_paginate {
568 @media screen and (max-width: 640px) {
569 .dataTables_wrapper .dataTables_length,
570 .dataTables_wrapper .dataTables_filter {
574 .dataTables_wrapper .dataTables_filter {