8 border-collapse: separate
;
11 * Header and footer styles
17 table
.dataTable thead th
,
18 table
.dataTable thead td
,
19 table
.dataTable tfoot th
,
20 table
.dataTable tfoot td
{
23 table
.dataTable thead th
,
24 table
.dataTable tfoot th
{
27 table
.dataTable thead
th:active
,
28 table
.dataTable thead
td:active
{
31 table
.dataTable thead
.sorting_asc
,
32 table
.dataTable thead
.sorting_desc
,
33 table
.dataTable thead
.sorting
{
37 table
.dataTable thead th div
.DataTables_sort_wrapper
{
41 table
.dataTable thead th div
.DataTables_sort_wrapper span
{
47 table
.dataTable thead th
.ui-state-default
{
48 border-right-width: 0;
50 table
.dataTable thead th
.ui-state-default:last-child
{
51 border-right-width: 1px;
53 table
.dataTable tbody tr
{
54 background-color: #ffffff;
56 table
.dataTable tbody tr
.selected
{
57 background-color: #B0BED9;
59 table
.dataTable tbody th
,
60 table
.dataTable tbody td
{
63 table
.dataTable th
.center
,
64 table
.dataTable td
.center
,
65 table
.dataTable td
.dataTables_empty
{
68 table
.dataTable th
.right
,
69 table
.dataTable td
.right
{
72 table
.dataTable
.row-border tbody th
, table
.dataTable
.row-border tbody td
, table
.dataTable
.display tbody th
, table
.dataTable
.display tbody td
{
73 border-top: 1px solid
#ddd;
75 table
.dataTable
.row-border tbody
tr:first-child th
,
76 table
.dataTable
.row-border tbody
tr:first-child td
, table
.dataTable
.display tbody
tr:first-child th
,
77 table
.dataTable
.display tbody
tr:first-child td
{
80 table
.dataTable
.cell-border tbody th
, table
.dataTable
.cell-border tbody td
{
81 border-top: 1px solid
#ddd;
82 border-right: 1px solid
#ddd;
84 table
.dataTable
.cell-border tbody tr
th:first-child
,
85 table
.dataTable
.cell-border tbody tr
td:first-child
{
86 border-left: 1px solid
#ddd;
88 table
.dataTable
.cell-border tbody
tr:first-child th
,
89 table
.dataTable
.cell-border tbody
tr:first-child td
{
92 table
.dataTable
.stripe tbody tr
.odd
, table
.dataTable
.display tbody tr
.odd
{
93 background-color: #f9f9f9;
95 table
.dataTable
.stripe tbody tr
.odd
.selected
, table
.dataTable
.display tbody tr
.odd
.selected
{
96 background-color: #abb9d3;
98 table
.dataTable
.hover tbody
tr:hover
,
99 table
.dataTable
.hover tbody tr
.odd:hover
,
100 table
.dataTable
.hover tbody tr
.even:hover
, table
.dataTable
.display tbody
tr:hover
,
101 table
.dataTable
.display tbody tr
.odd:hover
,
102 table
.dataTable
.display tbody tr
.even:hover
{
103 background-color: whitesmoke
;
105 table
.dataTable
.hover tbody
tr:hover
.selected
,
106 table
.dataTable
.hover tbody tr
.odd:hover
.selected
,
107 table
.dataTable
.hover tbody tr
.even:hover
.selected
, table
.dataTable
.display tbody
tr:hover
.selected
,
108 table
.dataTable
.display tbody tr
.odd:hover
.selected
,
109 table
.dataTable
.display tbody tr
.even:hover
.selected
{
110 background-color: #a9b7d1;
112 table
.dataTable
.order-column tbody tr
> .sorting_1
,
113 table
.dataTable
.order-column tbody tr
> .sorting_2
,
114 table
.dataTable
.order-column tbody tr
> .sorting_3
, table
.dataTable
.display tbody tr
> .sorting_1
,
115 table
.dataTable
.display tbody tr
> .sorting_2
,
116 table
.dataTable
.display tbody tr
> .sorting_3
{
117 background-color: #f9f9f9;
119 table
.dataTable
.order-column tbody tr
.selected
> .sorting_1
,
120 table
.dataTable
.order-column tbody tr
.selected
> .sorting_2
,
121 table
.dataTable
.order-column tbody tr
.selected
> .sorting_3
, table
.dataTable
.display tbody tr
.selected
> .sorting_1
,
122 table
.dataTable
.display tbody tr
.selected
> .sorting_2
,
123 table
.dataTable
.display tbody tr
.selected
> .sorting_3
{
124 background-color: #acbad4;
126 table
.dataTable
.display tbody tr
.odd
> .sorting_1
, table
.dataTable
.order-column
.stripe tbody tr
.odd
> .sorting_1
{
127 background-color: #f1f1f1;
129 table
.dataTable
.display tbody tr
.odd
> .sorting_2
, table
.dataTable
.order-column
.stripe tbody tr
.odd
> .sorting_2
{
130 background-color: #f3f3f3;
132 table
.dataTable
.display tbody tr
.odd
> .sorting_3
, table
.dataTable
.order-column
.stripe tbody tr
.odd
> .sorting_3
{
133 background-color: whitesmoke
;
135 table
.dataTable
.display tbody tr
.odd
.selected
> .sorting_1
, table
.dataTable
.order-column
.stripe tbody tr
.odd
.selected
> .sorting_1
{
136 background-color: #a6b3cd;
138 table
.dataTable
.display tbody tr
.odd
.selected
> .sorting_2
, table
.dataTable
.order-column
.stripe tbody tr
.odd
.selected
> .sorting_2
{
139 background-color: #a7b5ce;
141 table
.dataTable
.display tbody tr
.odd
.selected
> .sorting_3
, table
.dataTable
.order-column
.stripe tbody tr
.odd
.selected
> .sorting_3
{
142 background-color: #a9b6d0;
144 table
.dataTable
.display tbody tr
.even
> .sorting_1
, table
.dataTable
.order-column
.stripe tbody tr
.even
> .sorting_1
{
145 background-color: #f9f9f9;
147 table
.dataTable
.display tbody tr
.even
> .sorting_2
, table
.dataTable
.order-column
.stripe tbody tr
.even
> .sorting_2
{
148 background-color: #fbfbfb;
150 table
.dataTable
.display tbody tr
.even
> .sorting_3
, table
.dataTable
.order-column
.stripe tbody tr
.even
> .sorting_3
{
151 background-color: #fdfdfd;
153 table
.dataTable
.display tbody tr
.even
.selected
> .sorting_1
, table
.dataTable
.order-column
.stripe tbody tr
.even
.selected
> .sorting_1
{
154 background-color: #acbad4;
156 table
.dataTable
.display tbody tr
.even
.selected
> .sorting_2
, table
.dataTable
.order-column
.stripe tbody tr
.even
.selected
> .sorting_2
{
157 background-color: #adbbd6;
159 table
.dataTable
.display tbody tr
.even
.selected
> .sorting_3
, table
.dataTable
.order-column
.stripe tbody tr
.even
.selected
> .sorting_3
{
160 background-color: #afbdd8;
162 table
.dataTable
.display tbody
tr:hover
> .sorting_1
,
163 table
.dataTable
.display tbody tr
.odd:hover
> .sorting_1
,
164 table
.dataTable
.display tbody tr
.even:hover
> .sorting_1
, table
.dataTable
.order-column
.hover tbody
tr:hover
> .sorting_1
,
165 table
.dataTable
.order-column
.hover tbody tr
.odd:hover
> .sorting_1
,
166 table
.dataTable
.order-column
.hover tbody tr
.even:hover
> .sorting_1
{
167 background-color: #eaeaea;
169 table
.dataTable
.display tbody
tr:hover
> .sorting_2
,
170 table
.dataTable
.display tbody tr
.odd:hover
> .sorting_2
,
171 table
.dataTable
.display tbody tr
.even:hover
> .sorting_2
, table
.dataTable
.order-column
.hover tbody
tr:hover
> .sorting_2
,
172 table
.dataTable
.order-column
.hover tbody tr
.odd:hover
> .sorting_2
,
173 table
.dataTable
.order-column
.hover tbody tr
.even:hover
> .sorting_2
{
174 background-color: #ebebeb;
176 table
.dataTable
.display tbody
tr:hover
> .sorting_3
,
177 table
.dataTable
.display tbody tr
.odd:hover
> .sorting_3
,
178 table
.dataTable
.display tbody tr
.even:hover
> .sorting_3
, table
.dataTable
.order-column
.hover tbody
tr:hover
> .sorting_3
,
179 table
.dataTable
.order-column
.hover tbody tr
.odd:hover
> .sorting_3
,
180 table
.dataTable
.order-column
.hover tbody tr
.even:hover
> .sorting_3
{
181 background-color: #eeeeee;
183 table
.dataTable
.display tbody
tr:hover
.selected
> .sorting_1
,
184 table
.dataTable
.display tbody tr
.odd:hover
.selected
> .sorting_1
,
185 table
.dataTable
.display tbody tr
.even:hover
.selected
> .sorting_1
, table
.dataTable
.order-column
.hover tbody
tr:hover
.selected
> .sorting_1
,
186 table
.dataTable
.order-column
.hover tbody tr
.odd:hover
.selected
> .sorting_1
,
187 table
.dataTable
.order-column
.hover tbody tr
.even:hover
.selected
> .sorting_1
{
188 background-color: #a1aec7;
190 table
.dataTable
.display tbody
tr:hover
.selected
> .sorting_2
,
191 table
.dataTable
.display tbody tr
.odd:hover
.selected
> .sorting_2
,
192 table
.dataTable
.display tbody tr
.even:hover
.selected
> .sorting_2
, table
.dataTable
.order-column
.hover tbody
tr:hover
.selected
> .sorting_2
,
193 table
.dataTable
.order-column
.hover tbody tr
.odd:hover
.selected
> .sorting_2
,
194 table
.dataTable
.order-column
.hover tbody tr
.even:hover
.selected
> .sorting_2
{
195 background-color: #a2afc8;
197 table
.dataTable
.display tbody
tr:hover
.selected
> .sorting_3
,
198 table
.dataTable
.display tbody tr
.odd:hover
.selected
> .sorting_3
,
199 table
.dataTable
.display tbody tr
.even:hover
.selected
> .sorting_3
, table
.dataTable
.order-column
.hover tbody
tr:hover
.selected
> .sorting_3
,
200 table
.dataTable
.order-column
.hover tbody tr
.odd:hover
.selected
> .sorting_3
,
201 table
.dataTable
.order-column
.hover tbody tr
.even:hover
.selected
> .sorting_3
{
202 background-color: #a4b2cb;
204 table
.dataTable
.nowrap th
, table
.dataTable
.nowrap td
{
207 table
.dataTable
.compact thead th
,
208 table
.dataTable
.compact thead td
{
211 table
.dataTable
.compact tfoot th
,
212 table
.dataTable
.compact tfoot td
{
213 padding: 5px 9px 3px 9px;
215 table
.dataTable
.compact tbody th
,
216 table
.dataTable
.compact tbody td
{
219 table
.dataTable th
.dt-left
,
220 table
.dataTable td
.dt-left
{
223 table
.dataTable th
.dt-center
,
224 table
.dataTable td
.dt-center
,
225 table
.dataTable td
.dataTables_empty
{
228 table
.dataTable th
.dt-right
,
229 table
.dataTable td
.dt-right
{
232 table
.dataTable th
.dt-justify
,
233 table
.dataTable td
.dt-justify
{
236 table
.dataTable th
.dt-nowrap
,
237 table
.dataTable td
.dt-nowrap
{
240 table
.dataTable thead th
.dt-head-left
,
241 table
.dataTable thead td
.dt-head-left
,
242 table
.dataTable tfoot th
.dt-head-left
,
243 table
.dataTable tfoot td
.dt-head-left
{
246 table
.dataTable thead th
.dt-head-center
,
247 table
.dataTable thead td
.dt-head-center
,
248 table
.dataTable tfoot th
.dt-head-center
,
249 table
.dataTable tfoot td
.dt-head-center
{
252 table
.dataTable thead th
.dt-head-right
,
253 table
.dataTable thead td
.dt-head-right
,
254 table
.dataTable tfoot th
.dt-head-right
,
255 table
.dataTable tfoot td
.dt-head-right
{
258 table
.dataTable thead th
.dt-head-justify
,
259 table
.dataTable thead td
.dt-head-justify
,
260 table
.dataTable tfoot th
.dt-head-justify
,
261 table
.dataTable tfoot td
.dt-head-justify
{
264 table
.dataTable thead th
.dt-head-nowrap
,
265 table
.dataTable thead td
.dt-head-nowrap
,
266 table
.dataTable tfoot th
.dt-head-nowrap
,
267 table
.dataTable tfoot td
.dt-head-nowrap
{
270 table
.dataTable tbody th
.dt-body-left
,
271 table
.dataTable tbody td
.dt-body-left
{
274 table
.dataTable tbody th
.dt-body-center
,
275 table
.dataTable tbody td
.dt-body-center
{
278 table
.dataTable tbody th
.dt-body-right
,
279 table
.dataTable tbody td
.dt-body-right
{
282 table
.dataTable tbody th
.dt-body-justify
,
283 table
.dataTable tbody td
.dt-body-justify
{
286 table
.dataTable tbody th
.dt-body-nowrap
,
287 table
.dataTable tbody td
.dt-body-nowrap
{
294 -webkit-box-sizing: content-box
;
295 -moz-box-sizing: content-box
;
296 box-sizing: content-box
;
300 * Control feature layout
302 .dataTables_wrapper {
308 .dataTables_wrapper .dataTables_length {
311 .dataTables_wrapper .dataTables_filter {
315 .dataTables_wrapper .dataTables_filter input {
318 .dataTables_wrapper .dataTables_info {
323 .dataTables_wrapper .dataTables_paginate {
327 .dataTables_wrapper .dataTables_paginate .fg-button {
328 box-sizing: border-box
;
329 display: inline-block
;
334 text-decoration: none
!important
;
337 color: #333 !important
;
338 border: 1px solid transparent
;
340 .dataTables_wrapper .dataTables_paginate .fg-button:active {
343 .dataTables_wrapper .dataTables_paginate .fg-button:first-child {
344 border-top-left-radius: 3px;
345 border-bottom-left-radius: 3px;
347 .dataTables_wrapper .dataTables_paginate .fg-button:last-child {
348 border-top-right-radius: 3px;
349 border-bottom-right-radius: 3px;
351 .dataTables_wrapper .dataTables_processing {
362 background-color: white
;
363 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)));
364 /* Chrome,Safari4+ */
365 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%);
366 /* Chrome10+,Safari5.1+ */
367 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%);
369 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%);
371 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%);
373 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%);
376 .dataTables_wrapper
.dataTables_length
,
377 .dataTables_wrapper
.dataTables_filter
,
378 .dataTables_wrapper
.dataTables_info
,
379 .dataTables_wrapper
.dataTables_processing
,
380 .dataTables_wrapper .dataTables_paginate {
383 .dataTables_wrapper .dataTables_scroll {
386 .dataTables_wrapper .dataTables_scrollBody {
388 -webkit-overflow-scrolling: touch
;
390 .dataTables_wrapper .ui-widget-header {
393 .dataTables_wrapper .ui-toolbar {
396 .dataTables_wrapper:after {
404 @media screen and
(max-width: 767px) {
405 .dataTables_wrapper
.dataTables_length
,
406 .dataTables_wrapper
.dataTables_filter
,
407 .dataTables_wrapper
.dataTables_info
,
408 .dataTables_wrapper .dataTables_paginate {
412 .dataTables_wrapper
.dataTables_filter
,
413 .dataTables_wrapper .dataTables_paginate {