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
{
24 border-bottom: 1px solid
#111;
26 table
.dataTable thead
th:active
,
27 table
.dataTable thead
td:active
{
30 table
.dataTable tfoot th
,
31 table
.dataTable tfoot td
{
32 padding: 10px 18px 6px 18px;
33 border-top: 1px solid
#111;
35 table
.dataTable thead
.sorting
,
36 table
.dataTable thead
.sorting_asc
,
37 table
.dataTable thead
.sorting_desc
{
41 table
.dataTable thead
.sorting
,
42 table
.dataTable thead
.sorting_asc
,
43 table
.dataTable thead
.sorting_desc
,
44 table
.dataTable thead
.sorting_asc_disabled
,
45 table
.dataTable thead
.sorting_desc_disabled
{
46 background-repeat: no-repeat
;
47 background-position: center right
;
49 table
.dataTable thead
.sorting
{
50 background-image: url
("images/sort_both.png");
52 table
.dataTable thead
.sorting_asc
{
53 background-image: url
("images/sort_asc.png");
55 table
.dataTable thead
.sorting_desc
{
56 background-image: url
("images/sort_desc.png");
58 table
.dataTable thead
.sorting_asc_disabled
{
59 background-image: url
("images/sort_asc_disabled.png");
61 table
.dataTable thead
.sorting_desc_disabled
{
62 background-image: url
("images/sort_desc_disabled.png");
64 table
.dataTable tbody tr
{
65 background-color: #ffffff;
67 table
.dataTable tbody tr
.selected
{
68 background-color: #B0BED9;
70 table
.dataTable tbody th
,
71 table
.dataTable tbody td
{
74 table
.dataTable
.row-border tbody th
, table
.dataTable
.row-border tbody td
, table
.dataTable
.display tbody th
, table
.dataTable
.display tbody td
{
75 border-top: 1px solid
#ddd;
77 table
.dataTable
.row-border tbody
tr:first-child th
,
78 table
.dataTable
.row-border tbody
tr:first-child td
, table
.dataTable
.display tbody
tr:first-child th
,
79 table
.dataTable
.display tbody
tr:first-child td
{
82 table
.dataTable
.cell-border tbody th
, table
.dataTable
.cell-border tbody td
{
83 border-top: 1px solid
#ddd;
84 border-right: 1px solid
#ddd;
86 table
.dataTable
.cell-border tbody tr
th:first-child
,
87 table
.dataTable
.cell-border tbody tr
td:first-child
{
88 border-left: 1px solid
#ddd;
90 table
.dataTable
.cell-border tbody
tr:first-child th
,
91 table
.dataTable
.cell-border tbody
tr:first-child td
{
94 table
.dataTable
.stripe tbody tr
.odd
, table
.dataTable
.display tbody tr
.odd
{
95 background-color: #f9f9f9;
97 table
.dataTable
.stripe tbody tr
.odd
.selected
, table
.dataTable
.display tbody tr
.odd
.selected
{
98 background-color: #abb9d3;
100 table
.dataTable
.hover tbody
tr:hover
, table
.dataTable
.display tbody
tr:hover
{
101 background-color: whitesmoke
;
103 table
.dataTable
.hover tbody
tr:hover
.selected
, table
.dataTable
.display tbody
tr:hover
.selected
{
104 background-color: #a9b7d1;
106 table
.dataTable
.order-column tbody tr
> .sorting_1
,
107 table
.dataTable
.order-column tbody tr
> .sorting_2
,
108 table
.dataTable
.order-column tbody tr
> .sorting_3
, table
.dataTable
.display tbody tr
> .sorting_1
,
109 table
.dataTable
.display tbody tr
> .sorting_2
,
110 table
.dataTable
.display tbody tr
> .sorting_3
{
111 background-color: #f9f9f9;
113 table
.dataTable
.order-column tbody tr
.selected
> .sorting_1
,
114 table
.dataTable
.order-column tbody tr
.selected
> .sorting_2
,
115 table
.dataTable
.order-column tbody tr
.selected
> .sorting_3
, table
.dataTable
.display tbody tr
.selected
> .sorting_1
,
116 table
.dataTable
.display tbody tr
.selected
> .sorting_2
,
117 table
.dataTable
.display tbody tr
.selected
> .sorting_3
{
118 background-color: #acbad4;
120 table
.dataTable
.display tbody tr
.odd
> .sorting_1
, table
.dataTable
.order-column
.stripe tbody tr
.odd
> .sorting_1
{
121 background-color: #f1f1f1;
123 table
.dataTable
.display tbody tr
.odd
> .sorting_2
, table
.dataTable
.order-column
.stripe tbody tr
.odd
> .sorting_2
{
124 background-color: #f3f3f3;
126 table
.dataTable
.display tbody tr
.odd
> .sorting_3
, table
.dataTable
.order-column
.stripe tbody tr
.odd
> .sorting_3
{
127 background-color: whitesmoke
;
129 table
.dataTable
.display tbody tr
.odd
.selected
> .sorting_1
, table
.dataTable
.order-column
.stripe tbody tr
.odd
.selected
> .sorting_1
{
130 background-color: #a6b3cd;
132 table
.dataTable
.display tbody tr
.odd
.selected
> .sorting_2
, table
.dataTable
.order-column
.stripe tbody tr
.odd
.selected
> .sorting_2
{
133 background-color: #a7b5ce;
135 table
.dataTable
.display tbody tr
.odd
.selected
> .sorting_3
, table
.dataTable
.order-column
.stripe tbody tr
.odd
.selected
> .sorting_3
{
136 background-color: #a9b6d0;
138 table
.dataTable
.display tbody tr
.even
> .sorting_1
, table
.dataTable
.order-column
.stripe tbody tr
.even
> .sorting_1
{
139 background-color: #f9f9f9;
141 table
.dataTable
.display tbody tr
.even
> .sorting_2
, table
.dataTable
.order-column
.stripe tbody tr
.even
> .sorting_2
{
142 background-color: #fbfbfb;
144 table
.dataTable
.display tbody tr
.even
> .sorting_3
, table
.dataTable
.order-column
.stripe tbody tr
.even
> .sorting_3
{
145 background-color: #fdfdfd;
147 table
.dataTable
.display tbody tr
.even
.selected
> .sorting_1
, table
.dataTable
.order-column
.stripe tbody tr
.even
.selected
> .sorting_1
{
148 background-color: #acbad4;
150 table
.dataTable
.display tbody tr
.even
.selected
> .sorting_2
, table
.dataTable
.order-column
.stripe tbody tr
.even
.selected
> .sorting_2
{
151 background-color: #adbbd6;
153 table
.dataTable
.display tbody tr
.even
.selected
> .sorting_3
, table
.dataTable
.order-column
.stripe tbody tr
.even
.selected
> .sorting_3
{
154 background-color: #afbdd8;
156 table
.dataTable
.display tbody
tr:hover
> .sorting_1
, table
.dataTable
.order-column
.hover tbody
tr:hover
> .sorting_1
{
157 background-color: #eaeaea;
159 table
.dataTable
.display tbody
tr:hover
> .sorting_2
, table
.dataTable
.order-column
.hover tbody
tr:hover
> .sorting_2
{
160 background-color: #ebebeb;
162 table
.dataTable
.display tbody
tr:hover
> .sorting_3
, table
.dataTable
.order-column
.hover tbody
tr:hover
> .sorting_3
{
163 background-color: #eeeeee;
165 table
.dataTable
.display tbody
tr:hover
.selected
> .sorting_1
, table
.dataTable
.order-column
.hover tbody
tr:hover
.selected
> .sorting_1
{
166 background-color: #a1aec7;
168 table
.dataTable
.display tbody
tr:hover
.selected
> .sorting_2
, table
.dataTable
.order-column
.hover tbody
tr:hover
.selected
> .sorting_2
{
169 background-color: #a2afc8;
171 table
.dataTable
.display tbody
tr:hover
.selected
> .sorting_3
, table
.dataTable
.order-column
.hover tbody
tr:hover
.selected
> .sorting_3
{
172 background-color: #a4b2cb;
174 table
.dataTable
.no-footer
{
175 border-bottom: 1px solid
#111;
177 table
.dataTable
.nowrap th
, table
.dataTable
.nowrap td
{
180 table
.dataTable
.compact thead th
,
181 table
.dataTable
.compact thead td
{
182 padding: 4px 17px 4px 4px;
184 table
.dataTable
.compact tfoot th
,
185 table
.dataTable
.compact tfoot td
{
188 table
.dataTable
.compact tbody th
,
189 table
.dataTable
.compact tbody td
{
192 table
.dataTable th
.dt-left
,
193 table
.dataTable td
.dt-left
{
196 table
.dataTable th
.dt-center
,
197 table
.dataTable td
.dt-center
,
198 table
.dataTable td
.dataTables_empty
{
201 table
.dataTable th
.dt-right
,
202 table
.dataTable td
.dt-right
{
205 table
.dataTable th
.dt-justify
,
206 table
.dataTable td
.dt-justify
{
209 table
.dataTable th
.dt-nowrap
,
210 table
.dataTable td
.dt-nowrap
{
213 table
.dataTable thead th
.dt-head-left
,
214 table
.dataTable thead td
.dt-head-left
,
215 table
.dataTable tfoot th
.dt-head-left
,
216 table
.dataTable tfoot td
.dt-head-left
{
219 table
.dataTable thead th
.dt-head-center
,
220 table
.dataTable thead td
.dt-head-center
,
221 table
.dataTable tfoot th
.dt-head-center
,
222 table
.dataTable tfoot td
.dt-head-center
{
225 table
.dataTable thead th
.dt-head-right
,
226 table
.dataTable thead td
.dt-head-right
,
227 table
.dataTable tfoot th
.dt-head-right
,
228 table
.dataTable tfoot td
.dt-head-right
{
231 table
.dataTable thead th
.dt-head-justify
,
232 table
.dataTable thead td
.dt-head-justify
,
233 table
.dataTable tfoot th
.dt-head-justify
,
234 table
.dataTable tfoot td
.dt-head-justify
{
237 table
.dataTable thead th
.dt-head-nowrap
,
238 table
.dataTable thead td
.dt-head-nowrap
,
239 table
.dataTable tfoot th
.dt-head-nowrap
,
240 table
.dataTable tfoot td
.dt-head-nowrap
{
243 table
.dataTable tbody th
.dt-body-left
,
244 table
.dataTable tbody td
.dt-body-left
{
247 table
.dataTable tbody th
.dt-body-center
,
248 table
.dataTable tbody td
.dt-body-center
{
251 table
.dataTable tbody th
.dt-body-right
,
252 table
.dataTable tbody td
.dt-body-right
{
255 table
.dataTable tbody th
.dt-body-justify
,
256 table
.dataTable tbody td
.dt-body-justify
{
259 table
.dataTable tbody th
.dt-body-nowrap
,
260 table
.dataTable tbody td
.dt-body-nowrap
{
267 -webkit-box-sizing: content-box
;
268 -moz-box-sizing: content-box
;
269 box-sizing: content-box
;
273 * Control feature layout
275 .dataTables_wrapper {
281 .dataTables_wrapper .dataTables_length {
284 .dataTables_wrapper .dataTables_filter {
288 .dataTables_wrapper .dataTables_filter input {
291 .dataTables_wrapper .dataTables_info {
294 padding-top: 0.755em;
296 .dataTables_wrapper .dataTables_paginate {
301 .dataTables_wrapper .dataTables_paginate .paginate_button {
302 box-sizing: border-box
;
303 display: inline-block
;
308 text-decoration: none
!important
;
311 color: #333 !important
;
312 border: 1px solid transparent
;
314 .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
315 color: #333 !important
;
316 border: 1px solid
#cacaca;
317 background-color: white
;
318 background: -webkit-gradient
(linear
, left top
, left bottom
, color-stop
(0%, white
), color-stop
(100%, #dcdcdc));
319 /* Chrome,Safari4+ */
320 background: -webkit-linear-gradient
(top
, white
0%, #dcdcdc 100%);
321 /* Chrome10+,Safari5.1+ */
322 background: -moz-linear-gradient
(top
, white
0%, #dcdcdc 100%);
324 background: -ms-linear-gradient
(top
, white
0%, #dcdcdc 100%);
326 background: -o-linear-gradient
(top
, white
0%, #dcdcdc 100%);
328 background: linear-gradient
(to bottom
, white
0%, #dcdcdc 100%);
331 .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
333 color: #666 !important
;
334 border: 1px solid transparent
;
335 background: transparent
;
338 .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
339 color: white
!important
;
340 border: 1px solid
#111;
341 background-color: #585858;
342 background: -webkit-gradient
(linear
, left top
, left bottom
, color-stop
(0%, #585858), color-stop
(100%, #111));
343 /* Chrome,Safari4+ */
344 background: -webkit-linear-gradient
(top
, #585858 0%, #111 100%);
345 /* Chrome10+,Safari5.1+ */
346 background: -moz-linear-gradient
(top
, #585858 0%, #111 100%);
348 background: -ms-linear-gradient
(top
, #585858 0%, #111 100%);
350 background: -o-linear-gradient
(top
, #585858 0%, #111 100%);
352 background: linear-gradient
(to bottom
, #585858 0%, #111 100%);
355 .dataTables_wrapper .dataTables_paginate .paginate_button:active {
357 background-color: #2b2b2b;
358 background: -webkit-gradient
(linear
, left top
, left bottom
, color-stop
(0%, #2b2b2b), color-stop
(100%, #0c0c0c));
359 /* Chrome,Safari4+ */
360 background: -webkit-linear-gradient
(top
, #2b2b2b 0%, #0c0c0c 100%);
361 /* Chrome10+,Safari5.1+ */
362 background: -moz-linear-gradient
(top
, #2b2b2b 0%, #0c0c0c 100%);
364 background: -ms-linear-gradient
(top
, #2b2b2b 0%, #0c0c0c 100%);
366 background: -o-linear-gradient
(top
, #2b2b2b 0%, #0c0c0c 100%);
368 background: linear-gradient
(to bottom
, #2b2b2b 0%, #0c0c0c 100%);
370 box-shadow: inset
0 0 3px #111;
372 .dataTables_wrapper .dataTables_paginate .ellipsis {
375 .dataTables_wrapper .dataTables_processing {
386 background-color: white
;
387 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)));
388 /* Chrome,Safari4+ */
389 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%);
390 /* Chrome10+,Safari5.1+ */
391 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%);
393 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%);
397 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%);
400 .dataTables_wrapper
.dataTables_length
,
401 .dataTables_wrapper
.dataTables_filter
,
402 .dataTables_wrapper
.dataTables_info
,
403 .dataTables_wrapper
.dataTables_processing
,
404 .dataTables_wrapper .dataTables_paginate {
407 .dataTables_wrapper .dataTables_scroll {
410 .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
412 -webkit-overflow-scrolling: touch
;
414 .dataTables_wrapper
.dataTables_scroll div
.dataTables_scrollBody th
> div
.dataTables_sizing
,
415 .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
418 margin: 0 !important
;
419 padding: 0 !important
;
421 .dataTables_wrapper.no-footer .dataTables_scrollBody {
422 border-bottom: 1px solid
#111;
424 .dataTables_wrapper
.no-footer div
.dataTables_scrollHead table
,
425 .dataTables_wrapper.no-footer div.dataTables_scrollBody table {
428 .dataTables_wrapper:after {
436 @media screen and
(max-width: 767px) {
437 .dataTables_wrapper
.dataTables_info
,
438 .dataTables_wrapper .dataTables_paginate {
442 .dataTables_wrapper .dataTables_paginate {
446 @media screen and
(max-width: 640px) {
447 .dataTables_wrapper
.dataTables_length
,
448 .dataTables_wrapper .dataTables_filter {
452 .dataTables_wrapper .dataTables_filter {