1.
/*
2.
* Table styles
3.
*/
4.
table.dataTable {
5.
width: 100%;
6.
margin: 0 auto;
7.
clear: both;
8.
border-collapse: separate;
9.
border-spacing: 0;
10.
/*
11.
* Header and footer styles
12.
*/
13.
/*
14.
* Body styles
15.
*/
16.
}
17.
table.dataTable thead th,
18.
table.dataTable tfoot th {
19.
font-weight: bold;
20.
}
21.
table.dataTable thead th,
22.
table.dataTable thead td {
23.
padding: 10px 18px;
24.
border-bottom: 1px solid #111;
25.
}
26.
table.dataTable thead th:active,
27.
table.dataTable thead td:active {
28.
outline: none;
29.
}
30.
table.dataTable tfoot th,
31.
table.dataTable tfoot td {
32.
padding: 10px 18px 6px 18px;
33.
border-top: 1px solid #111;
34.
}
35.
table.dataTable thead .sorting,
36.
table.dataTable thead .sorting_asc,
37.
table.dataTable thead .sorting_desc,
38.
table.dataTable thead .sorting_asc_disabled,
39.
table.dataTable thead .sorting_desc_disabled {
40.
cursor: pointer;
41.
*cursor: hand;
42.
background-repeat: no-repeat;
43.
background-position: center right;
44.
}
45.
table.dataTable thead .sorting {
46.
background-image: url("../images/sort_both.png");
47.
}
48.
table.dataTable thead .sorting_asc {
49.
background-image: url("../images/sort_asc.png");
50.
}
51.
table.dataTable thead .sorting_desc {
52.
background-image: url("../images/sort_desc.png");
53.
}
54.
table.dataTable thead .sorting_asc_disabled {
55.
background-image: url("../images/sort_asc_disabled.png");
56.
}
57.
table.dataTable thead .sorting_desc_disabled {
58.
background-image: url("../images/sort_desc_disabled.png");
59.
}
60.
table.dataTable tbody tr {
61.
background-color: #ffffff;
62.
}
63.
table.dataTable tbody tr.selected {
64.
background-color: #B0BED9;
65.
}
66.
table.dataTable tbody th,
67.
table.dataTable tbody td {
68.
padding: 8px 10px;
69.
}
70.
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
71.
border-top: 1px solid #ddd;
72.
}
73.
table.dataTable.row-border tbody tr:first-child th,
74.
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
75.
table.dataTable.display tbody tr:first-child td {
76.
border-top: none;
77.
}
78.
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
79.
border-top: 1px solid #ddd;
80.
border-right: 1px solid #ddd;
81.
}
82.
table.dataTable.cell-border tbody tr th:first-child,
83.
table.dataTable.cell-border tbody tr td:first-child {
84.
border-left: 1px solid #ddd;
85.
}
86.
table.dataTable.cell-border tbody tr:first-child th,
87.
table.dataTable.cell-border tbody tr:first-child td {
88.
border-top: none;
89.
}
90.
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
91.
background-color: #f9f9f9;
92.
}
93.
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
94.
background-color: #acbad4;
95.
}
96.
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
97.
background-color: #f6f6f6;
98.
}
99.
table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
100.
background-color: #aab7d1;
101.
}
102.
table.dataTable.order-column tbody tr > .sorting_1,
103.
table.dataTable.order-column tbody tr > .sorting_2,
104.
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
105.
table.dataTable.display tbody tr > .sorting_2,
106.
table.dataTable.display tbody tr > .sorting_3 {
107.
background-color: #fafafa;
108.
}
109.
table.dataTable.order-column tbody tr.selected > .sorting_1,
110.
table.dataTable.order-column tbody tr.selected > .sorting_2,
111.
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
112.
table.dataTable.display tbody tr.selected > .sorting_2,
113.
table.dataTable.display tbody tr.selected > .sorting_3 {
114.
background-color: #acbad5;
115.
}
116.
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
117.
background-color: #f1f1f1;
118.
}
119.
table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
120.
background-color: #f3f3f3;
121.
}
122.
table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
123.
background-color: whitesmoke;
124.
}
125.
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
126.
background-color: #a6b4cd;
127.
}
128.
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
129.
background-color: #a8b5cf;
130.
}
131.
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
132.
background-color: #a9b7d1;
133.
}
134.
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
135.
background-color: #fafafa;
136.
}
137.
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
138.
background-color: #fcfcfc;
139.
}
140.
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
141.
background-color: #fefefe;
142.
}
143.
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
144.
background-color: #acbad5;
145.
}
146.
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
147.
background-color: #aebcd6;
148.
}
149.
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
150.
background-color: #afbdd8;
151.
}
152.
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
153.
background-color: #eaeaea;
154.
}
155.
table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
156.
background-color: #ececec;
157.
}
158.
table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
159.
background-color: #efefef;
160.
}
161.
table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
162.
background-color: #a2aec7;
163.
}
164.
table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
165.
background-color: #a3b0c9;
166.
}
167.
table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
168.
background-color: #a5b2cb;
169.
}
170.
table.dataTable.no-footer {
171.
border-bottom: 1px solid #111;
172.
}
173.
table.dataTable.nowrap th, table.dataTable.nowrap td {
174.
white-space: nowrap;
175.
}
176.
table.dataTable.compact thead th,
177.
table.dataTable.compact thead td {
178.
padding: 4px 17px;
179.
}
180.
table.dataTable.compact tfoot th,
181.
table.dataTable.compact tfoot td {
182.
padding: 4px;
183.
}
184.
table.dataTable.compact tbody th,
185.
table.dataTable.compact tbody td {
186.
padding: 4px;
187.
}
188.
table.dataTable th.dt-left,
189.
table.dataTable td.dt-left {
190.
text-align: left;
191.
}
192.
table.dataTable th.dt-center,
193.
table.dataTable td.dt-center,
194.
table.dataTable td.dataTables_empty {
195.
text-align: center;
196.
}
197.
table.dataTable th.dt-right,
198.
table.dataTable td.dt-right {
199.
text-align: right;
200.
}
201.
table.dataTable th.dt-justify,
202.
table.dataTable td.dt-justify {
203.
text-align: justify;
204.
}
205.
table.dataTable th.dt-nowrap,
206.
table.dataTable td.dt-nowrap {
207.
white-space: nowrap;
208.
}
209.
table.dataTable thead th.dt-head-left,
210.
table.dataTable thead td.dt-head-left,
211.
table.dataTable tfoot th.dt-head-left,
212.
table.dataTable tfoot td.dt-head-left {
213.
text-align: left;
214.
}
215.
table.dataTable thead th.dt-head-center,
216.
table.dataTable thead td.dt-head-center,
217.
table.dataTable tfoot th.dt-head-center,
218.
table.dataTable tfoot td.dt-head-center {
219.
text-align: center;
220.
}
221.
table.dataTable thead th.dt-head-right,
222.
table.dataTable thead td.dt-head-right,
223.
table.dataTable tfoot th.dt-head-right,
224.
table.dataTable tfoot td.dt-head-right {
225.
text-align: right;
226.
}
227.
table.dataTable thead th.dt-head-justify,
228.
table.dataTable thead td.dt-head-justify,
229.
table.dataTable tfoot th.dt-head-justify,
230.
table.dataTable tfoot td.dt-head-justify {
231.
text-align: justify;
232.
}
233.
table.dataTable thead th.dt-head-nowrap,
234.
table.dataTable thead td.dt-head-nowrap,
235.
table.dataTable tfoot th.dt-head-nowrap,
236.
table.dataTable tfoot td.dt-head-nowrap {
237.
white-space: nowrap;
238.
}
239.
table.dataTable tbody th.dt-body-left,
240.
table.dataTable tbody td.dt-body-left {
241.
text-align: left;
242.
}
243.
table.dataTable tbody th.dt-body-center,
244.
table.dataTable tbody td.dt-body-center {
245.
text-align: center;
246.
}
247.
table.dataTable tbody th.dt-body-right,
248.
table.dataTable tbody td.dt-body-right {
249.
text-align: right;
250.
}
251.
table.dataTable tbody th.dt-body-justify,
252.
table.dataTable tbody td.dt-body-justify {
253.
text-align: justify;
254.
}
255.
table.dataTable tbody th.dt-body-nowrap,
256.
table.dataTable tbody td.dt-body-nowrap {
257.
white-space: nowrap;
258.
}
259.
260.
table.dataTable,
261.
table.dataTable th,
262.
table.dataTable td {
263.
box-sizing: content-box;
264.
}
265.
266.
/*
267.
* Control feature layout
268.
*/
269.
.dataTables_wrapper {
270.
position: relative;
271.
clear: both;
272.
*zoom: 1;
273.
zoom: 1;
274.
}
275.
.dataTables_wrapper .dataTables_length {
276.
float: left;
277.
}
278.
.dataTables_wrapper .dataTables_filter {
279.
float: right;
280.
text-align: right;
281.
}
282.
.dataTables_wrapper .dataTables_filter input {
283.
margin-left: 0.5em;
284.
}
285.
.dataTables_wrapper .dataTables_info {
286.
clear: both;
287.
float: left;
288.
padding-top: 0.755em;
289.
}
290.
.dataTables_wrapper .dataTables_paginate {
291.
float: right;
292.
text-align: right;
293.
padding-top: 0.25em;
294.
}
295.
.dataTables_wrapper .dataTables_paginate .paginate_button {
296.
box-sizing: border-box;
297.
display: inline-block;
298.
min-width: 1.5em;
299.
padding: 0.5em 1em;
300.
margin-left: 2px;
301.
text-align: center;
302.
text-decoration: none !important;
303.
cursor: pointer;
304.
*cursor: hand;
305.
color: #333 !important;
306.
border: 1px solid transparent;
307.
border-radius: 2px;
308.
}
309.
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
310.
color: #333 !important;
311.
border: 1px solid #979797;
312.
background-color: white;
313.
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));
314.
/* Chrome,Safari4+ */
315.
background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);
316.
/* Chrome10+,Safari5.1+ */
317.
background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
318.
/* FF3.6+ */
319.
background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
320.
/* IE10+ */
321.
background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
322.
/* Opera 11.10+ */
323.
background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
324.
/* W3C */
325.
}
326.
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
327.
cursor: default;
328.
color: #666 !important;
329.
border: 1px solid transparent;
330.
background: transparent;
331.
box-shadow: none;
332.
}
333.
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
334.
color: white !important;
335.
border: 1px solid #111;
336.
background-color: #585858;
337.
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
338.
/* Chrome,Safari4+ */
339.
background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
340.
/* Chrome10+,Safari5.1+ */
341.
background: -moz-linear-gradient(top, #585858 0%, #111 100%);
342.
/* FF3.6+ */
343.
background: -ms-linear-gradient(top, #585858 0%, #111 100%);
344.
/* IE10+ */
345.
background: -o-linear-gradient(top, #585858 0%, #111 100%);
346.
/* Opera 11.10+ */
347.
background: linear-gradient(to bottom, #585858 0%, #111 100%);
348.
/* W3C */
349.
}
350.
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
351.
outline: none;
352.
background-color: #2b2b2b;
353.
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
354.
/* Chrome,Safari4+ */
355.
background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
356.
/* Chrome10+,Safari5.1+ */
357.
background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
358.
/* FF3.6+ */
359.
background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
360.
/* IE10+ */
361.
background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
362.
/* Opera 11.10+ */
363.
background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
364.
/* W3C */
365.
box-shadow: inset 0 0 3px #111;
366.
}
367.
.dataTables_wrapper .dataTables_paginate .ellipsis {
368.
padding: 0 1em;
369.
}
370.
.dataTables_wrapper .dataTables_processing {
371.
position: absolute;
372.
top: 50%;
373.
left: 50%;
374.
width: 100%;
375.
height: 40px;
376.
margin-left: -50%;
377.
margin-top: -25px;
378.
padding-top: 20px;
379.
text-align: center;
380.
font-size: 1.2em;
381.
background-color: white;
382.
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)));
383.
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%);
384.
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%);
385.
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%);
386.
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%);
387.
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%);
388.
}
389.
.dataTables_wrapper .dataTables_length,
390.
.dataTables_wrapper .dataTables_filter,
391.
.dataTables_wrapper .dataTables_info,
392.
.dataTables_wrapper .dataTables_processing,
393.
.dataTables_wrapper .dataTables_paginate {
394.
color: #333;
395.
}
396.
.dataTables_wrapper .dataTables_scroll {
397.
clear: both;
398.
}
399.
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
400.
*margin-top: -1px;
401.
-webkit-overflow-scrolling: touch;
402.
}
403.
.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 {
404.
vertical-align: middle;
405.
}
406.
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing,
407.
.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,
408.
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
409.
height: 0;
410.
overflow: hidden;
411.
margin: 0 !important;
412.
padding: 0 !important;
413.
}
414.
.dataTables_wrapper.no-footer .dataTables_scrollBody {
415.
border-bottom: 1px solid #111;
416.
}
417.
.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
418.
.dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
419.
border-bottom: none;
420.
}
421.
.dataTables_wrapper:after {
422.
visibility: hidden;
423.
display: block;
424.
content: "";
425.
clear: both;
426.
height: 0;
427.
}
428.
429.
@media screen and (max-width: 767px) {
430.
.dataTables_wrapper .dataTables_info,
431.
.dataTables_wrapper .dataTables_paginate {
432.
float: none;
433.
text-align: center;
434.
}
435.
.dataTables_wrapper .dataTables_paginate {
436.
margin-top: 0.5em;
437.
}
438.
}
439.
@media screen and (max-width: 640px) {
440.
.dataTables_wrapper .dataTables_length,
441.
.dataTables_wrapper .dataTables_filter {
442.
float: none;
443.
text-align: center;
444.
}
445.
.dataTables_wrapper .dataTables_filter {
446.
margin-top: 0.5em;
447.
}
448.
}
449.