8 border-collapse: separate
;
11 * Header and footer styles
17 table
.dataTable thead th
,
18 table
.dataTable tfoot th
{
21 table
.dataTable thead th
,
22 table
.dataTable thead td
{
25 table
.dataTable thead
th:active
,
26 table
.dataTable thead
td:active
{
29 table
.dataTable tfoot th
,
30 table
.dataTable tfoot td
{
31 padding: 10px 18px 6px 18px;
33 table
.dataTable tbody tr
{
34 background-color: #ffffff;
36 table
.dataTable tbody tr
.selected
{
37 background-color: #B0BED9;
39 table
.dataTable tbody th
,
40 table
.dataTable tbody td
{
43 table
.dataTable
.row-border tbody th
, table
.dataTable
.row-border tbody td
, table
.dataTable
.display tbody th
, table
.dataTable
.display tbody td
{
44 border-top: 1px solid
#ddd;
46 table
.dataTable
.row-border tbody
tr:first-child th
,
47 table
.dataTable
.row-border tbody
tr:first-child td
, table
.dataTable
.display tbody
tr:first-child th
,
48 table
.dataTable
.display tbody
tr:first-child td
{
51 table
.dataTable
.cell-border tbody th
, table
.dataTable
.cell-border tbody td
{
52 border-top: 1px solid
#ddd;
53 border-right: 1px solid
#ddd;
55 table
.dataTable
.cell-border tbody tr
th:first-child
,
56 table
.dataTable
.cell-border tbody tr
td:first-child
{
57 border-left: 1px solid
#ddd;
59 table
.dataTable
.cell-border tbody
tr:first-child th
,
60 table
.dataTable
.cell-border tbody
tr:first-child td
{
63 table
.dataTable
.stripe tbody tr
.odd
, table
.dataTable
.display tbody tr
.odd
{
64 background-color: #f9f9f9;
66 table
.dataTable
.stripe tbody tr
.odd
.selected
, table
.dataTable
.display tbody tr
.odd
.selected
{
67 background-color: #acbad4;
69 table
.dataTable
.hover tbody
tr:hover
, table
.dataTable
.display tbody
tr:hover
{
70 background-color: #f6f6f6;
72 table
.dataTable
.hover tbody
tr:hover
.selected
, table
.dataTable
.display tbody
tr:hover
.selected
{
73 background-color: #aab7d1;
75 table
.dataTable
.order-column tbody tr
> .sorting_1
,
76 table
.dataTable
.order-column tbody tr
> .sorting_2
,
77 table
.dataTable
.order-column tbody tr
> .sorting_3
, table
.dataTable
.display tbody tr
> .sorting_1
,
78 table
.dataTable
.display tbody tr
> .sorting_2
,
79 table
.dataTable
.display tbody tr
> .sorting_3
{
80 background-color: #fafafa;
82 table
.dataTable
.order-column tbody tr
.selected
> .sorting_1
,
83 table
.dataTable
.order-column tbody tr
.selected
> .sorting_2
,
84 table
.dataTable
.order-column tbody tr
.selected
> .sorting_3
, table
.dataTable
.display tbody tr
.selected
> .sorting_1
,
85 table
.dataTable
.display tbody tr
.selected
> .sorting_2
,
86 table
.dataTable
.display tbody tr
.selected
> .sorting_3
{
87 background-color: #acbad5;
89 table
.dataTable
.display tbody tr
.odd
> .sorting_1
, table
.dataTable
.order-column
.stripe tbody tr
.odd
> .sorting_1
{
90 background-color: #f1f1f1;
92 table
.dataTable
.display tbody tr
.odd
> .sorting_2
, table
.dataTable
.order-column
.stripe tbody tr
.odd
> .sorting_2
{
93 background-color: #f3f3f3;
95 table
.dataTable
.display tbody tr
.odd
> .sorting_3
, table
.dataTable
.order-column
.stripe tbody tr
.odd
> .sorting_3
{
96 background-color: whitesmoke
;
98 table
.dataTable
.display tbody tr
.odd
.selected
> .sorting_1
, table
.dataTable
.order-column
.stripe tbody tr
.odd
.selected
> .sorting_1
{
99 background-color: #a6b4cd;
101 table
.dataTable
.display tbody tr
.odd
.selected
> .sorting_2
, table
.dataTable
.order-column
.stripe tbody tr
.odd
.selected
> .sorting_2
{
102 background-color: #a8b5cf;
104 table
.dataTable
.display tbody tr
.odd
.selected
> .sorting_3
, table
.dataTable
.order-column
.stripe tbody tr
.odd
.selected
> .sorting_3
{
105 background-color: #a9b7d1;
107 table
.dataTable
.display tbody tr
.even
> .sorting_1
, table
.dataTable
.order-column
.stripe tbody tr
.even
> .sorting_1
{
108 background-color: #fafafa;
110 table
.dataTable
.display tbody tr
.even
> .sorting_2
, table
.dataTable
.order-column
.stripe tbody tr
.even
> .sorting_2
{
111 background-color: #fcfcfc;
113 table
.dataTable
.display tbody tr
.even
> .sorting_3
, table
.dataTable
.order-column
.stripe tbody tr
.even
> .sorting_3
{
114 background-color: #fefefe;
116 table
.dataTable
.display tbody tr
.even
.selected
> .sorting_1
, table
.dataTable
.order-column
.stripe tbody tr
.even
.selected
> .sorting_1
{
117 background-color: #acbad5;
119 table
.dataTable
.display tbody tr
.even
.selected
> .sorting_2
, table
.dataTable
.order-column
.stripe tbody tr
.even
.selected
> .sorting_2
{
120 background-color: #aebcd6;
122 table
.dataTable
.display tbody tr
.even
.selected
> .sorting_3
, table
.dataTable
.order-column
.stripe tbody tr
.even
.selected
> .sorting_3
{
123 background-color: #afbdd8;
125 table
.dataTable
.display tbody
tr:hover
> .sorting_1
, table
.dataTable
.order-column
.hover tbody
tr:hover
> .sorting_1
{
126 background-color: #eaeaea;
128 table
.dataTable
.display tbody
tr:hover
> .sorting_2
, table
.dataTable
.order-column
.hover tbody
tr:hover
> .sorting_2
{
129 background-color: #ececec;
131 table
.dataTable
.display tbody
tr:hover
> .sorting_3
, table
.dataTable
.order-column
.hover tbody
tr:hover
> .sorting_3
{
132 background-color: #efefef;
134 table
.dataTable
.display tbody
tr:hover
.selected
> .sorting_1
, table
.dataTable
.order-column
.hover tbody
tr:hover
.selected
> .sorting_1
{
135 background-color: #a2aec7;
137 table
.dataTable
.display tbody
tr:hover
.selected
> .sorting_2
, table
.dataTable
.order-column
.hover tbody
tr:hover
.selected
> .sorting_2
{
138 background-color: #a3b0c9;
140 table
.dataTable
.display tbody
tr:hover
.selected
> .sorting_3
, table
.dataTable
.order-column
.hover tbody
tr:hover
.selected
> .sorting_3
{
141 background-color: #a5b2cb;
143 table
.dataTable
.no-footer
{
144 border-bottom: 1px solid
#111;
146 table
.dataTable
.nowrap th
, table
.dataTable
.nowrap td
{
149 table
.dataTable
.compact thead th
,
150 table
.dataTable
.compact thead td
{
151 padding: 4px 17px 4px 4px;
153 table
.dataTable
.compact tfoot th
,
154 table
.dataTable
.compact tfoot td
{
157 table
.dataTable
.compact tbody th
,
158 table
.dataTable
.compact tbody td
{
161 table
.dataTable th
.dt-left
,
162 table
.dataTable td
.dt-left
{
165 table
.dataTable th
.dt-center
,
166 table
.dataTable td
.dt-center
,
167 table
.dataTable td
.dataTables_empty
{
170 table
.dataTable th
.dt-right
,
171 table
.dataTable td
.dt-right
{
174 table
.dataTable th
.dt-justify
,
175 table
.dataTable td
.dt-justify
{
178 table
.dataTable th
.dt-nowrap
,
179 table
.dataTable td
.dt-nowrap
{
182 table
.dataTable thead th
.dt-head-left
,
183 table
.dataTable thead td
.dt-head-left
,
184 table
.dataTable tfoot th
.dt-head-left
,
185 table
.dataTable tfoot td
.dt-head-left
{
188 table
.dataTable thead th
.dt-head-center
,
189 table
.dataTable thead td
.dt-head-center
,
190 table
.dataTable tfoot th
.dt-head-center
,
191 table
.dataTable tfoot td
.dt-head-center
{
194 table
.dataTable thead th
.dt-head-right
,
195 table
.dataTable thead td
.dt-head-right
,
196 table
.dataTable tfoot th
.dt-head-right
,
197 table
.dataTable tfoot td
.dt-head-right
{
200 table
.dataTable thead th
.dt-head-justify
,
201 table
.dataTable thead td
.dt-head-justify
,
202 table
.dataTable tfoot th
.dt-head-justify
,
203 table
.dataTable tfoot td
.dt-head-justify
{
206 table
.dataTable thead th
.dt-head-nowrap
,
207 table
.dataTable thead td
.dt-head-nowrap
,
208 table
.dataTable tfoot th
.dt-head-nowrap
,
209 table
.dataTable tfoot td
.dt-head-nowrap
{
212 table
.dataTable tbody th
.dt-body-left
,
213 table
.dataTable tbody td
.dt-body-left
{
216 table
.dataTable tbody th
.dt-body-center
,
217 table
.dataTable tbody td
.dt-body-center
{
220 table
.dataTable tbody th
.dt-body-right
,
221 table
.dataTable tbody td
.dt-body-right
{
224 table
.dataTable tbody th
.dt-body-justify
,
225 table
.dataTable tbody td
.dt-body-justify
{
228 table
.dataTable tbody th
.dt-body-nowrap
,
229 table
.dataTable tbody td
.dt-body-nowrap
{
236 -webkit-box-sizing: content-box
;
237 -moz-box-sizing: content-box
;
238 box-sizing: content-box
;
242 * Control feature layout
244 .dataTables_wrapper {
250 .dataTables_wrapper .dataTables_length {
253 .dataTables_wrapper .dataTables_filter {
257 .dataTables_wrapper .dataTables_filter input {
260 .dataTables_wrapper .dataTables_info {
263 padding-top: 0.755em;
265 .dataTables_wrapper .dataTables_paginate {
270 .dataTables_wrapper .dataTables_paginate .paginate_button {
271 box-sizing: border-box
;
272 display: inline-block
;
277 text-decoration: none
!important
;
280 color: #333 !important
;
281 border: 1px solid transparent
;
284 .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
285 color: #333 !important
;
286 border: 1px solid
#979797;
287 background-color: white
;
288 background: -webkit-gradient
(linear
, left top
, left bottom
, color-stop
(0%, white
), color-stop
(100%, #dcdcdc));
289 /* Chrome,Safari4+ */
290 background: -webkit-linear-gradient
(top
, white
0%, #dcdcdc 100%);
291 /* Chrome10+,Safari5.1+ */
292 background: -moz-linear-gradient
(top
, white
0%, #dcdcdc 100%);
294 background: -ms-linear-gradient
(top
, white
0%, #dcdcdc 100%);
296 background: -o-linear-gradient
(top
, white
0%, #dcdcdc 100%);
298 background: linear-gradient
(to bottom
, white
0%, #dcdcdc 100%);
301 .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
303 color: #666 !important
;
304 border: 1px solid transparent
;
305 background: transparent
;
308 .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
309 color: white
!important
;
310 border: 1px solid
#111;
311 background-color: #585858;
312 background: -webkit-gradient
(linear
, left top
, left bottom
, color-stop
(0%, #585858), color-stop
(100%, #111));
313 /* Chrome,Safari4+ */
314 background: -webkit-linear-gradient
(top
, #585858 0%, #111 100%);
315 /* Chrome10+,Safari5.1+ */
316 background: -moz-linear-gradient
(top
, #585858 0%, #111 100%);
318 background: -ms-linear-gradient
(top
, #585858 0%, #111 100%);
320 background: -o-linear-gradient
(top
, #585858 0%, #111 100%);
322 background: linear-gradient
(to bottom
, #585858 0%, #111 100%);
325 .dataTables_wrapper .dataTables_paginate .paginate_button:active {
327 background-color: #2b2b2b;
328 background: -webkit-gradient
(linear
, left top
, left bottom
, color-stop
(0%, #2b2b2b), color-stop
(100%, #0c0c0c));
329 /* Chrome,Safari4+ */
330 background: -webkit-linear-gradient
(top
, #2b2b2b 0%, #0c0c0c 100%);
331 /* Chrome10+,Safari5.1+ */
332 background: -moz-linear-gradient
(top
, #2b2b2b 0%, #0c0c0c 100%);
334 background: -ms-linear-gradient
(top
, #2b2b2b 0%, #0c0c0c 100%);
336 background: -o-linear-gradient
(top
, #2b2b2b 0%, #0c0c0c 100%);
338 background: linear-gradient
(to bottom
, #2b2b2b 0%, #0c0c0c 100%);
340 box-shadow: inset
0 0 3px #111;
342 .dataTables_wrapper .dataTables_paginate .ellipsis {
345 .dataTables_wrapper .dataTables_processing {
356 background-color: white
;
357 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)));
358 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%);
359 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%);
360 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%);
361 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%);
362 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%);
364 .dataTables_wrapper
.dataTables_length
,
365 .dataTables_wrapper
.dataTables_filter
,
366 .dataTables_wrapper
.dataTables_info
,
367 .dataTables_wrapper
.dataTables_processing
,
368 .dataTables_wrapper .dataTables_paginate {
371 .dataTables_wrapper .dataTables_scroll {
374 .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
376 -webkit-overflow-scrolling: touch
;
378 .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td {
379 vertical-align: middle
;
381 .dataTables_wrapper
.dataTables_scroll div
.dataTables_scrollBody th
> div
.dataTables_sizing
,
382 .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
385 margin: 0 !important
;
386 padding: 0 !important
;
388 .dataTables_wrapper.no-footer .dataTables_scrollBody {
389 border-bottom: 1px solid
#111;
391 .dataTables_wrapper
.no-footer div
.dataTables_scrollHead table
,
392 .dataTables_wrapper.no-footer div.dataTables_scrollBody table {
395 .dataTables_wrapper:after {
403 @media screen and
(max-width: 767px) {
404 .dataTables_wrapper
.dataTables_info
,
405 .dataTables_wrapper .dataTables_paginate {
409 .dataTables_wrapper .dataTables_paginate {
413 @media screen and
(max-width: 640px) {
414 .dataTables_wrapper
.dataTables_length
,
415 .dataTables_wrapper .dataTables_filter {
419 .dataTables_wrapper .dataTables_filter {
423 table
.dataTable thead th div
.DataTables_sort_wrapper
{
426 table
.dataTable thead th div
.DataTables_sort_wrapper span
{
432 table
.dataTable thead th
.ui-state-default
,
433 table
.dataTable tfoot th
.ui-state-default
{
434 border-left-width: 0;
436 table
.dataTable thead th
.ui-state-default:first-child
,
437 table
.dataTable tfoot th
.ui-state-default:first-child
{
438 border-left-width: 1px;
442 * Control feature layout
444 .dataTables_wrapper .dataTables_paginate .fg-button {
445 box-sizing: border-box
;
446 display: inline-block
;
451 text-decoration: none
!important
;
454 border: 1px solid transparent
;
456 .dataTables_wrapper .dataTables_paginate .fg-button:active {
459 .dataTables_wrapper .dataTables_paginate .fg-button:first-child {
460 border-top-left-radius: 3px;
461 border-bottom-left-radius: 3px;
463 .dataTables_wrapper .dataTables_paginate .fg-button:last-child {
464 border-top-right-radius: 3px;
465 border-bottom-right-radius: 3px;
467 .dataTables_wrapper .ui-widget-header {
470 .dataTables_wrapper .ui-toolbar {
473 .dataTables_wrapper.no-footer .dataTables_scrollBody {
476 .dataTables_wrapper
.dataTables_length
,
477 .dataTables_wrapper
.dataTables_filter
,
478 .dataTables_wrapper
.dataTables_info
,
479 .dataTables_wrapper
.dataTables_processing
,
480 .dataTables_wrapper .dataTables_paginate {