jquery-datatables-rails 1.12.2 → 2.1.10.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/images/dataTables/extras/filler.png +0 -0
  3. data/app/assets/images/dataTables/extras/loading-background.png +0 -0
  4. data/app/assets/images/dataTables/sort_asc_disabled.png +0 -0
  5. data/app/assets/javascripts/dataTables/extras/dataTables.autoFill.js +851 -0
  6. data/app/assets/javascripts/dataTables/extras/{ColReorder.js → dataTables.colReorder.js} +558 -223
  7. data/app/assets/javascripts/dataTables/extras/dataTables.colVis.js +1096 -0
  8. data/app/assets/javascripts/dataTables/extras/{FixedColumns.js → dataTables.fixedColumns.js} +163 -113
  9. data/app/assets/javascripts/dataTables/extras/{FixedHeader.js → dataTables.fixedHeader.js} +306 -219
  10. data/app/assets/javascripts/dataTables/extras/{KeyTable.js → dataTables.keyTable.js} +155 -95
  11. data/app/assets/javascripts/dataTables/extras/{Scroller.js → dataTables.scroller.js} +469 -188
  12. data/app/assets/javascripts/dataTables/extras/{TableTools.js → dataTables.tableTools.js} +949 -341
  13. data/app/assets/javascripts/dataTables/jquery.dataTables.foundation.js +4 -4
  14. data/app/assets/javascripts/dataTables/jquery.dataTables.js +10711 -8427
  15. data/app/assets/media/dataTables/extras/swf/copy_csv_xls.swf +0 -0
  16. data/app/assets/media/dataTables/extras/swf/copy_csv_xls_pdf.swf +0 -0
  17. data/app/assets/stylesheets/dataTables/extras/dataTables.autoFill.css.scss +24 -0
  18. data/app/assets/stylesheets/dataTables/extras/dataTables.colReorder.css.scss +14 -0
  19. data/app/assets/stylesheets/dataTables/extras/dataTables.colVis.css.scss +184 -0
  20. data/app/assets/stylesheets/dataTables/extras/dataTables.colvis.jqueryui.css.scss +23 -0
  21. data/app/assets/stylesheets/dataTables/extras/dataTables.fixedColumns.css.scss +24 -0
  22. data/app/assets/stylesheets/dataTables/extras/dataTables.fixedHeader.css.scss +7 -0
  23. data/app/assets/stylesheets/dataTables/extras/dataTables.keyTable.css.scss +7 -0
  24. data/app/assets/stylesheets/dataTables/extras/dataTables.scroller.css.scss +44 -0
  25. data/app/assets/stylesheets/dataTables/extras/{TableTools.css.erb → dataTables.tableTools.css.scss} +30 -15
  26. data/app/assets/stylesheets/dataTables/jquery.dataTables.bootstrap.css.scss +6 -0
  27. data/app/assets/stylesheets/dataTables/jquery.dataTables.css.scss +363 -184
  28. data/app/assets/stylesheets/dataTables/src/jquery.dataTables_themeroller.css +307 -220
  29. data/lib/jquery/datatables/rails/version.rb +1 -1
  30. metadata +42 -22
  31. data/app/assets/javascripts/dataTables/extras/AutoFill.js +0 -820
  32. data/app/assets/javascripts/dataTables/extras/ColVis.js +0 -1005
  33. data/app/assets/javascripts/dataTables/extras/TableTools.min.js +0 -77
  34. data/app/assets/stylesheets/dataTables/extras/ColReorder.css.erb +0 -21
  35. data/app/assets/stylesheets/dataTables/extras/ColVis.css +0 -76
  36. data/app/assets/stylesheets/dataTables/extras/ColVisAlt.css.erb +0 -104
@@ -0,0 +1,24 @@
1
+ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
2
+ * AutoFill styles
3
+ */
4
+
5
+ div.AutoFill_filler {
6
+ display: none;
7
+ position: absolute;
8
+ height: 14px;
9
+ width: 14px;
10
+ background: image-url('dataTables/extras/filler.png') no-repeat center center;
11
+ z-index: 1002;
12
+ }
13
+
14
+ div.AutoFill_border {
15
+ display: none;
16
+ position: absolute;
17
+ background-color: #0063dc;
18
+ z-index: 1001;
19
+
20
+ box-shadow: 0 0 5px #76b4ff;
21
+ -moz-box-shadow: 0 0 5px #76b4ff;
22
+ -webkit-box-shadow: 0 0 5px #76b4ff;
23
+ }
24
+
@@ -0,0 +1,14 @@
1
+ /*
2
+ * Namespace DTCR - "DataTables ColReorder" plug-in
3
+ */
4
+
5
+ table.DTCR_clonedTable {
6
+ background-color: rgba(255, 255, 255, 0.7);
7
+ z-index: 202;
8
+ }
9
+
10
+ div.DTCR_pointer {
11
+ width: 1px;
12
+ background-color: #0259C4;
13
+ z-index: 201;
14
+ }
@@ -0,0 +1,184 @@
1
+
2
+ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
3
+ * ColVis styles
4
+ */
5
+ div.ColVis {
6
+ float: right;
7
+ margin-bottom: 1em;
8
+ }
9
+
10
+ button.ColVis_Button,
11
+ ul.ColVis_collection li {
12
+ position: relative;
13
+ float: left;
14
+ margin-right: 3px;
15
+ padding: 5px 8px;
16
+ border: 1px solid #999;
17
+ cursor: pointer;
18
+ *cursor: hand;
19
+ font-size: 0.88em;
20
+ color: black !important;
21
+ white-space: nowrap;
22
+
23
+ -webkit-border-radius: 2px;
24
+ -moz-border-radius: 2px;
25
+ -ms-border-radius: 2px;
26
+ -o-border-radius: 2px;
27
+ border-radius: 2px;
28
+
29
+ -webkit-box-shadow: 1px 1px 3px #ccc;
30
+ -moz-box-shadow: 1px 1px 3px #ccc;
31
+ -ms-box-shadow: 1px 1px 3px #ccc;
32
+ -o-box-shadow: 1px 1px 3px #ccc;
33
+ box-shadow: 1px 1px 3px #ccc;
34
+
35
+ /* Generated by http://www.colorzilla.com/gradient-editor/ */
36
+ background: #ffffff; /* Old browsers */
37
+ background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
38
+ background: -moz-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* FF3.6+ */
39
+ background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* IE10+ */
40
+ background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Opera 11.10+ */
41
+ background: linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* W3C */
42
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
43
+ }
44
+
45
+ .ColVis_Button:hover,
46
+ ul.ColVis_collection li:hover {
47
+ border: 1px solid #666;
48
+ text-decoration: none !important;
49
+
50
+ -webkit-box-shadow: 1px 1px 3px #999;
51
+ -moz-box-shadow: 1px 1px 3px #999;
52
+ -ms-box-shadow: 1px 1px 3px #999;
53
+ -o-box-shadow: 1px 1px 3px #999;
54
+ box-shadow: 1px 1px 3px #999;
55
+
56
+ background: #f3f3f3; /* Old browsers */
57
+ background: -webkit-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
58
+ background: -moz-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* FF3.6+ */
59
+ background: -ms-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* IE10+ */
60
+ background: -o-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* Opera 11.10+ */
61
+ background: linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* W3C */
62
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
63
+ }
64
+
65
+ button.ColVis_Button {
66
+ height: 30px;
67
+ padding: 3px 8px;
68
+ }
69
+
70
+ button.ColVis_Button::-moz-focus-inner {
71
+ border: none !important;
72
+ padding: 0;
73
+ }
74
+
75
+ button.ColVis_Button:active {
76
+ outline: none;
77
+ }
78
+
79
+
80
+ div.ColVis_collectionBackground {
81
+ position: fixed;
82
+ top: 0;
83
+ left: 0;
84
+ height: 100%;
85
+ width: 100%;
86
+ background-color: black;
87
+ z-index: 1100;
88
+ }
89
+
90
+ ul.ColVis_collection {
91
+ width: 150px;
92
+ padding: 8px 8px 4px 8px;
93
+ margin: 0;
94
+ border: 1px solid #ccc;
95
+ border: 1px solid rgba( 0, 0, 0, 0.4 );
96
+ background-color: #f3f3f3;
97
+ background-color: rgba( 255, 255, 255, 0.3 );
98
+ overflow: hidden;
99
+ z-index: 2002;
100
+
101
+ -webkit-border-radius: 5px;
102
+ -moz-border-radius: 5px;
103
+ -ms-border-radius: 5px;
104
+ -o-border-radius: 5px;
105
+ border-radius: 5px;
106
+
107
+ -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
108
+ -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
109
+ -ms-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
110
+ -o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
111
+ box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
112
+ }
113
+
114
+ ul.ColVis_collection li {
115
+ position: relative;
116
+ height: auto;
117
+ left: 0;
118
+ right: 0;
119
+ padding: 0.5em;
120
+
121
+ display: block;
122
+ float: none;
123
+ margin-bottom: 4px;
124
+
125
+ -webkit-box-shadow: 1px 1px 3px #999;
126
+ -moz-box-shadow: 1px 1px 3px #999;
127
+ -ms-box-shadow: 1px 1px 3px #999;
128
+ -o-box-shadow: 1px 1px 3px #999;
129
+ box-shadow: 1px 1px 3px #999;
130
+ }
131
+
132
+ ul.ColVis_collection li {
133
+ text-align: left;
134
+ }
135
+
136
+ ul.ColVis_collection li.ColVis_Button:hover {
137
+ border: 1px solid #999;
138
+ background-color: #f0f0f0;
139
+ }
140
+
141
+ ul.ColVis_collection li span {
142
+ display: inline-block;
143
+ padding-left: 0.5em;
144
+ cursor: pointer;
145
+ }
146
+
147
+
148
+ ul.ColVis_collection li.ColVis_Special {
149
+ border-color: #555;
150
+ background: rgb(237,237,237); /* Old browsers */
151
+ background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(214,214,214,1) 77%,rgba(232,232,232,1) 100%); /* Chrome10+,Safari5.1+ */
152
+ background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(214,214,214,1) 77%, rgba(232,232,232,1) 100%); /* FF3.6+ */
153
+ background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(214,214,214,1) 77%,rgba(232,232,232,1) 100%); /* IE10+ */
154
+ background: -o-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(214,214,214,1) 77%,rgba(232,232,232,1) 100%); /* Opera 11.10+ */
155
+ background: linear-gradient(to bottom, rgba(237,237,237,1) 0%,rgba(214,214,214,1) 77%,rgba(232,232,232,1) 100%); /* W3C */
156
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
157
+ }
158
+
159
+ ul.ColVis_collection li.ColVis_Special:hover {
160
+ background: #e2e2e2; /* Old browsers */
161
+ background: -webkit-linear-gradient(top, #d0d0d0 0%,#d5d5d5 89%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
162
+ background: -moz-linear-gradient(top, #d0d0d0 0%,#d5d5d5 89%,#e2e2e2 100%); /* FF3.6+ */
163
+ background: -ms-linear-gradient(top, #d0d0d0 0%,#d5d5d5 89%,#e2e2e2 100%); /* IE10+ */
164
+ background: -o-linear-gradient(top, #d0d0d0 0%,#d5d5d5 89%,#e2e2e2 100%); /* Opera 11.10+ */
165
+ background: linear-gradient(top, #d0d0d0 0%,#d5d5d5 89%,#e2e2e2 100%); /* W3C */
166
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
167
+ }
168
+
169
+
170
+ span.ColVis_radio {
171
+ display: inline-block;
172
+ width: 20px;
173
+ }
174
+
175
+ div.ColVis_catcher {
176
+ position: absolute;
177
+ z-index: 1101;
178
+ }
179
+
180
+ .disabled {
181
+ color: #999;
182
+ }
183
+
184
+
@@ -0,0 +1,23 @@
1
+
2
+ button.ColVis_Button,
3
+ ul.ColVis_collection li {
4
+ padding: 0.5em;
5
+ }
6
+
7
+ ul.ColVis_collection {
8
+ margin: 0;
9
+ padding: 0;
10
+ }
11
+
12
+ ul.ColVis_collection li {
13
+ clear: both;
14
+ display: block;
15
+ text-align: left;
16
+ margin: -1px 0 0 0;
17
+ }
18
+
19
+ ul.ColVis_collection li span {
20
+ display: inline-block;
21
+ padding-left: 0.5em;
22
+ cursor: pointer;
23
+ }
@@ -0,0 +1,24 @@
1
+
2
+
3
+ /* Block out what is behind the fixed column's header and footer */
4
+ table.DTFC_Cloned thead,
5
+ table.DTFC_Cloned tfoot {
6
+ background-color: white;
7
+ }
8
+
9
+ /* Block out the gap above the scrollbar on the right, when there is a fixed
10
+ * right column
11
+ */
12
+ div.DTFC_Blocker {
13
+ background-color: white;
14
+ }
15
+
16
+ div.DTFC_LeftWrapper table.dataTable,
17
+ div.DTFC_RightWrapper table.dataTable {
18
+ margin-bottom: 0;
19
+ }
20
+
21
+ div.DTFC_LeftWrapper table.dataTable.no-footer,
22
+ div.DTFC_RightWrapper table.dataTable.no-footer {
23
+ border-bottom: none;
24
+ }
@@ -0,0 +1,7 @@
1
+
2
+
3
+ div.FixedHeader_Cloned th,
4
+ div.FixedHeader_Cloned td {
5
+ background-color: white !important;
6
+ }
7
+
@@ -0,0 +1,7 @@
1
+
2
+
3
+ table.KeyTable th.focus,
4
+ table.KeyTable td.focus {
5
+ outline: 3px solid #3366FF;
6
+ outline-offset: -3px;
7
+ }
@@ -0,0 +1,44 @@
1
+
2
+ /*
3
+ * Namespace: DTS (DataTables Scroller)
4
+ */
5
+
6
+ div.DTS tbody th,
7
+ div.DTS tbody td {
8
+ white-space: nowrap;
9
+ }
10
+
11
+ div.DTS tbody tr.even {
12
+ background-color: white;
13
+ }
14
+
15
+ div.DTS div.DTS_Loading {
16
+ position: absolute;
17
+ top: 50%;
18
+ left: 50%;
19
+ width: 200px;
20
+ height: 20px;
21
+ margin-top: -20px;
22
+ margin-left: -100px;
23
+ z-index: 1;
24
+
25
+ border: 1px solid #999;
26
+ padding: 20px 0;
27
+ text-align: center;
28
+ background-color: white;
29
+ background-color: rgba(255, 255, 255, 0.5);
30
+ }
31
+
32
+ div.DTS div.dataTables_scrollHead,
33
+ div.DTS div.dataTables_scrollFoot {
34
+ background-color: white;
35
+ }
36
+
37
+ div.DTS div.dataTables_scrollBody {
38
+ z-index: 2;
39
+ }
40
+
41
+ div.DTS div.dataTables_scroll {
42
+ background: image-url('dataTables/extras/loading-background.png') repeat 0 0;
43
+ }
44
+
@@ -32,11 +32,27 @@ div.DTTT_container {
32
32
  margin-bottom: 1em;
33
33
  }
34
34
 
35
+ @media screen and (max-width: 640px) {
36
+ div.DTTT_container {
37
+ float: none !important;
38
+ text-align: center;
39
+ }
40
+
41
+ div.DTTT_container:after {
42
+ visibility: hidden;
43
+ display: block;
44
+ content: "";
45
+ clear: both;
46
+ height: 0;
47
+ }
48
+ }
49
+
50
+
35
51
  button.DTTT_button,
36
52
  div.DTTT_button,
37
53
  a.DTTT_button {
38
54
  position: relative;
39
- float: left;
55
+ display: inline-block;
40
56
  margin-right: 3px;
41
57
  padding: 5px 8px;
42
58
  border: 1px solid #999;
@@ -141,32 +157,31 @@ a.DTTT_button_print span {
141
157
  }
142
158
 
143
159
 
144
- a.DTTT_button_csv span { background: url(../images/csv.png) no-repeat bottom right; }
145
- a.DTTT_button_csv:hover span { background: url(../images/csv_hover.png) no-repeat center right; }
160
+ a.DTTT_button_csv span { background: image-url('dataTables/extras/csv.png') no-repeat bottom right; }
161
+ a.DTTT_button_csv:hover span { background: image-url('dataTables/extras/csv_hover.png') no-repeat center right; }
146
162
 
147
- a.DTTT_button_xls span { background: url(../images/xls.png) no-repeat center right; }
148
- a.DTTT_button_xls:hover span { background: #f0f0f0 url(../images/xls_hover.png) no-repeat center right; }
163
+ a.DTTT_button_xls span { background: image-url('dataTables/extras/xls.png') no-repeat center right; }
164
+ a.DTTT_button_xls:hover span { background: #f0f0f0 image-url('dataTables/extras/xls_hover.png') no-repeat center right; }
149
165
 
150
- a.DTTT_button_copy span { background: url(../images/copy.png) no-repeat center right; }
151
- a.DTTT_button_copy:hover span { background: #f0f0f0 url(../images/copy_hover.png) no-repeat center right; }
166
+ a.DTTT_button_copy span { background: image-url('dataTables/extras/copy.png') no-repeat center right; }
167
+ a.DTTT_button_copy:hover span { background: #f0f0f0 image-url('dataTables/extras/copy_hover.png') no-repeat center right; }
152
168
 
153
- a.DTTT_button_pdf span { background: url(../images/pdf.png) no-repeat center right; }
154
- a.DTTT_button_pdf:hover span { background: #f0f0f0 url(../images/pdf_hover.png) no-repeat center right; }
169
+ a.DTTT_button_pdf span { background: image-url('dataTables/extras/pdf.png') no-repeat center right; }
170
+ a.DTTT_button_pdf:hover span { background: #f0f0f0 image-url('dataTables/extras/pdf_hover.png') no-repeat center right; }
155
171
 
156
- a.DTTT_button_print span { background: url(../images/print.png) no-repeat center right; }
157
- a.DTTT_button_print:hover span { background: #f0f0f0 url(../images/print_hover.png) no-repeat center right; }
172
+ a.DTTT_button_print span { background: image-url('dataTables/extras/print.png') no-repeat center right; }
173
+ a.DTTT_button_print:hover span { background: #f0f0f0 image-url('dataTables/extras/print_hover.png') no-repeat center right; }
158
174
 
159
175
  */
160
176
 
161
177
  button.DTTT_button_collection span {
162
178
  padding-right: 17px;
163
-
164
- background: url(<%= asset_path 'dataTables/extras/collection.png' %>) no-repeat center right;
179
+ background: image-url('dataTables/extras/collection.png') no-repeat center right;
165
180
  }
166
181
 
167
182
  button.DTTT_button_collection:hover span {
168
183
  padding-right: 17px;
169
- background: #f0f0f0 url(<%= asset_path 'dataTables/extras/collection_hover.png' %>) no-repeat center right;
184
+ background: #f0f0f0 image-url('dataTables/extras/collection_hover.png') no-repeat center right;
170
185
  }
171
186
 
172
187
 
@@ -242,7 +257,7 @@ div.DTTT_collection {
242
257
  }
243
258
 
244
259
  div.DTTT_collection_background {
245
- background: transparent url(<%= asset_path 'dataTables/extras/background.png' %>) repeat top left;
260
+ background: transparent image-url('dataTables/extras/background.png') repeat top left;
246
261
  z-index: 2001;
247
262
  }
248
263
 
@@ -1,3 +1,9 @@
1
+ //= depend_on_asset "dataTables/sort_both.png"
2
+ //= depend_on_asset "dataTables/sort_asc.png"
3
+ //= depend_on_asset "dataTables/sort_desc.png"
4
+ //= depend_on_asset "dataTables/sort_asc_disabled.png"
5
+ //= depend_on_asset "dataTables/sort_desc_disabled.png"
6
+
1
7
  div.dataTables_length label {
2
8
  float: left;
3
9
  text-align: left;
@@ -1,220 +1,399 @@
1
-
2
1
  /*
3
- * Table
2
+ * Table styles
4
3
  */
5
4
  table.dataTable {
6
- margin: 0 auto;
7
- clear: both;
8
- width: 100%;
9
- }
10
-
11
- table.dataTable thead th {
12
- padding: 3px 18px 3px 10px;
13
- border-bottom: 1px solid black;
14
- font-weight: bold;
15
- cursor: pointer;
16
- *cursor: hand;
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
+ */
17
16
  }
18
-
17
+ table.dataTable thead th,
19
18
  table.dataTable tfoot th {
20
- padding: 3px 18px 3px 10px;
21
- border-top: 1px solid black;
22
- font-weight: bold;
19
+ font-weight: bold;
23
20
  }
24
-
25
- table.dataTable td {
26
- padding: 3px 10px;
21
+ table.dataTable thead th,
22
+ table.dataTable thead td {
23
+ padding: 10px 18px;
24
+ border-bottom: 1px solid #111111;
27
25
  }
28
-
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 #111111;
34
+ }
35
+ table.dataTable thead .sorting_asc,
36
+ table.dataTable thead .sorting_desc,
37
+ table.dataTable thead .sorting {
38
+ cursor: pointer;
39
+ *cursor: hand;
40
+ }
41
+ table.dataTable thead .sorting {
42
+ background: image-url('dataTables/sort_both.png') no-repeat center right;
43
+ }
44
+ table.dataTable thead .sorting_asc {
45
+ background: image-url('dataTables/sort_asc.png') no-repeat center right;
46
+ }
47
+ table.dataTable thead .sorting_desc {
48
+ background: image-url('dataTables/sort_desc.png') no-repeat center right;
49
+ }
50
+ table.dataTable thead .sorting_asc_disabled {
51
+ background: image-url('dataTables/sort_asc_disabled.png') no-repeat center right;
52
+ }
53
+ table.dataTable thead .sorting_desc_disabled {
54
+ background: image-url('dataTables/sort_desc_disabled.png') no-repeat center right;
55
+ }
56
+ table.dataTable tbody tr {
57
+ background-color: white;
58
+ }
59
+ table.dataTable tbody tr.selected {
60
+ background-color: #b0bed9;
61
+ }
62
+ table.dataTable tbody th,
63
+ table.dataTable tbody td {
64
+ padding: 8px 10px;
65
+ }
66
+ table.dataTable th.center,
29
67
  table.dataTable td.center,
30
68
  table.dataTable td.dataTables_empty {
31
- text-align: center;
69
+ text-align: center;
70
+ }
71
+ table.dataTable th.right,
72
+ table.dataTable td.right {
73
+ text-align: right;
74
+ }
75
+ table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
76
+ border-top: 1px solid #dddddd;
77
+ }
78
+ table.dataTable.row-border tbody tr:first-child th,
79
+ table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
80
+ table.dataTable.display tbody tr:first-child td {
81
+ border-top: none;
82
+ }
83
+ table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
84
+ border-top: 1px solid #dddddd;
85
+ border-right: 1px solid #dddddd;
86
+ }
87
+ table.dataTable.cell-border tbody tr th:first-child,
88
+ table.dataTable.cell-border tbody tr td:first-child {
89
+ border-left: 1px solid #dddddd;
90
+ }
91
+ table.dataTable.cell-border tbody tr:first-child th,
92
+ table.dataTable.cell-border tbody tr:first-child td {
93
+ border-top: none;
94
+ }
95
+ table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
96
+ background-color: #f9f9f9;
97
+ }
98
+ table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
99
+ background-color: #abb9d3;
100
+ }
101
+ table.dataTable.hover tbody tr:hover,
102
+ table.dataTable.hover tbody tr.odd:hover,
103
+ table.dataTable.hover tbody tr.even:hover, table.dataTable.display tbody tr:hover,
104
+ table.dataTable.display tbody tr.odd:hover,
105
+ table.dataTable.display tbody tr.even:hover {
106
+ background-color: whitesmoke;
107
+ }
108
+ table.dataTable.hover tbody tr:hover.selected,
109
+ table.dataTable.hover tbody tr.odd:hover.selected,
110
+ table.dataTable.hover tbody tr.even:hover.selected, table.dataTable.display tbody tr:hover.selected,
111
+ table.dataTable.display tbody tr.odd:hover.selected,
112
+ table.dataTable.display tbody tr.even:hover.selected {
113
+ background-color: #a9b7d1;
114
+ }
115
+ table.dataTable.order-column tbody tr > .sorting_1,
116
+ table.dataTable.order-column tbody tr > .sorting_2,
117
+ table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
118
+ table.dataTable.display tbody tr > .sorting_2,
119
+ table.dataTable.display tbody tr > .sorting_3 {
120
+ background-color: #f9f9f9;
121
+ }
122
+ table.dataTable.order-column tbody tr.selected > .sorting_1,
123
+ table.dataTable.order-column tbody tr.selected > .sorting_2,
124
+ table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
125
+ table.dataTable.display tbody tr.selected > .sorting_2,
126
+ table.dataTable.display tbody tr.selected > .sorting_3 {
127
+ background-color: #acbad4;
128
+ }
129
+ table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
130
+ background-color: #f1f1f1;
131
+ }
132
+ table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
133
+ background-color: #f3f3f3;
134
+ }
135
+ table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
136
+ background-color: whitesmoke;
137
+ }
138
+ table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
139
+ background-color: #a6b3cd;
140
+ }
141
+ table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
142
+ background-color: #a7b5ce;
143
+ }
144
+ table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
145
+ background-color: #a9b6d0;
146
+ }
147
+ table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
148
+ background-color: #f9f9f9;
149
+ }
150
+ table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
151
+ background-color: #fbfbfb;
152
+ }
153
+ table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
154
+ background-color: #fdfdfd;
155
+ }
156
+ table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
157
+ background-color: #acbad4;
158
+ }
159
+ table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
160
+ background-color: #adbbd6;
161
+ }
162
+ table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
163
+ background-color: #afbdd8;
164
+ }
165
+ table.dataTable.display tbody tr:hover > .sorting_1,
166
+ table.dataTable.display tbody tr.odd:hover > .sorting_1,
167
+ table.dataTable.display tbody tr.even:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1,
168
+ table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1,
169
+ table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 {
170
+ background-color: #eaeaea;
171
+ }
172
+ table.dataTable.display tbody tr:hover > .sorting_2,
173
+ table.dataTable.display tbody tr.odd:hover > .sorting_2,
174
+ table.dataTable.display tbody tr.even:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2,
175
+ table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_2,
176
+ table.dataTable.order-column.hover tbody tr.even:hover > .sorting_2 {
177
+ background-color: #ebebeb;
178
+ }
179
+ table.dataTable.display tbody tr:hover > .sorting_3,
180
+ table.dataTable.display tbody tr.odd:hover > .sorting_3,
181
+ table.dataTable.display tbody tr.even:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3,
182
+ table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_3,
183
+ table.dataTable.order-column.hover tbody tr.even:hover > .sorting_3 {
184
+ background-color: #eeeeee;
185
+ }
186
+ table.dataTable.display tbody tr:hover.selected > .sorting_1,
187
+ table.dataTable.display tbody tr.odd:hover.selected > .sorting_1,
188
+ table.dataTable.display tbody tr.even:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1,
189
+ table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_1,
190
+ table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_1 {
191
+ background-color: #a1aec7;
192
+ }
193
+ table.dataTable.display tbody tr:hover.selected > .sorting_2,
194
+ table.dataTable.display tbody tr.odd:hover.selected > .sorting_2,
195
+ table.dataTable.display tbody tr.even:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2,
196
+ table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_2,
197
+ table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_2 {
198
+ background-color: #a2afc8;
199
+ }
200
+ table.dataTable.display tbody tr:hover.selected > .sorting_3,
201
+ table.dataTable.display tbody tr.odd:hover.selected > .sorting_3,
202
+ table.dataTable.display tbody tr.even:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3,
203
+ table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_3,
204
+ table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_3 {
205
+ background-color: #a4b2cb;
206
+ }
207
+ table.dataTable.no-footer {
208
+ border-bottom: 1px solid #111111;
32
209
  }
33
210
 
34
- table.dataTable tr.odd { background-color: #E2E4FF; }
35
- table.dataTable tr.even { background-color: white; }
36
-
37
- table.dataTable tr.odd td.sorting_1 { background-color: #D3D6FF; }
38
- table.dataTable tr.odd td.sorting_2 { background-color: #DADCFF; }
39
- table.dataTable tr.odd td.sorting_3 { background-color: #E0E2FF; }
40
- table.dataTable tr.even td.sorting_1 { background-color: #EAEBFF; }
41
- table.dataTable tr.even td.sorting_2 { background-color: #F2F3FF; }
42
- table.dataTable tr.even td.sorting_3 { background-color: #F9F9FF; }
43
-
211
+ table.dataTable,
212
+ table.dataTable th,
213
+ table.dataTable td {
214
+ -webkit-box-sizing: content-box;
215
+ -moz-box-sizing: content-box;
216
+ box-sizing: content-box;
217
+ }
44
218
 
45
219
  /*
46
- * Table wrapper
220
+ * Control feature layout
47
221
  */
48
222
  .dataTables_wrapper {
49
- position: relative;
50
- clear: both;
51
- *zoom: 1;
223
+ position: relative;
224
+ clear: both;
225
+ *zoom: 1;
226
+ zoom: 1;
52
227
  }
53
-
54
-
55
- /*
56
- * Page length menu
57
- */
58
- .dataTables_length {
59
- float: left;
228
+ .dataTables_wrapper .dataTables_length {
229
+ float: left;
60
230
  }
61
-
62
-
63
- /*
64
- * Filter
65
- */
66
- .dataTables_filter {
67
- float: right;
68
- text-align: right;
231
+ .dataTables_wrapper .dataTables_filter {
232
+ float: right;
233
+ text-align: right;
69
234
  }
70
-
71
-
72
- /*
73
- * Table information
74
- */
75
- .dataTables_info {
76
- clear: both;
77
- float: left;
235
+ .dataTables_wrapper .dataTables_filter input {
236
+ margin-left: 0.5em;
78
237
  }
79
-
80
-
81
- /*
82
- * Pagination
83
- */
84
- .dataTables_paginate {
85
- float: right;
86
- text-align: right;
238
+ .dataTables_wrapper .dataTables_info {
239
+ clear: both;
240
+ float: left;
241
+ padding-top: 0.755em;
87
242
  }
88
-
89
- /* Two button pagination - previous / next */
90
- .paginate_disabled_previous,
91
- .paginate_enabled_previous,
92
- .paginate_disabled_next,
93
- .paginate_enabled_next {
94
- height: 19px;
95
- float: left;
96
- cursor: pointer;
97
- *cursor: hand;
98
- color: #111 !important;
99
- }
100
- .paginate_disabled_previous:hover,
101
- .paginate_enabled_previous:hover,
102
- .paginate_disabled_next:hover,
103
- .paginate_enabled_next:hover {
104
- text-decoration: none !important;
105
- }
106
- .paginate_disabled_previous:active,
107
- .paginate_enabled_previous:active,
108
- .paginate_disabled_next:active,
109
- .paginate_enabled_next:active {
110
- outline: none;
243
+ .dataTables_wrapper .dataTables_paginate {
244
+ float: right;
245
+ text-align: right;
246
+ padding-top: 0.25em;
111
247
  }
112
-
113
- .paginate_disabled_previous,
114
- .paginate_disabled_next {
115
- color: #666 !important;
248
+ .dataTables_wrapper .dataTables_paginate .paginate_button {
249
+ box-sizing: border-box;
250
+ display: inline-block;
251
+ min-width: 1.5em;
252
+ padding: 0.5em 1em;
253
+ margin-left: 2px;
254
+ text-align: center;
255
+ text-decoration: none !important;
256
+ cursor: pointer;
257
+ *cursor: hand;
258
+ color: #333333 !important;
259
+ border: 1px solid transparent;
116
260
  }
117
- .paginate_disabled_previous,
118
- .paginate_enabled_previous {
119
- padding-left: 23px;
261
+ .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
262
+ color: #333333 !important;
263
+ border: 1px solid #cacaca;
264
+ background-color: white;
265
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, gainsboro));
266
+ /* Chrome,Safari4+ */
267
+ background: -webkit-linear-gradient(top, white 0%, gainsboro 100%);
268
+ /* Chrome10+,Safari5.1+ */
269
+ background: -moz-linear-gradient(top, white 0%, gainsboro 100%);
270
+ /* FF3.6+ */
271
+ background: -ms-linear-gradient(top, white 0%, gainsboro 100%);
272
+ /* IE10+ */
273
+ background: -o-linear-gradient(top, white 0%, gainsboro 100%);
274
+ /* Opera 11.10+ */
275
+ background: linear-gradient(to bottom, white 0%, gainsboro 100%);
276
+ /* W3C */
120
277
  }
121
- .paginate_disabled_next,
122
- .paginate_enabled_next {
123
- padding-right: 23px;
124
- margin-left: 10px;
278
+ .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
279
+ cursor: default;
280
+ color: #666 !important;
281
+ border: 1px solid transparent;
282
+ background: transparent;
283
+ box-shadow: none;
125
284
  }
126
-
127
- .paginate_enabled_previous { background: image-url('dataTables/back_enabled.png') no-repeat top left; }
128
- .paginate_enabled_previous:hover { background: image-url('dataTables/back_enabled_hover.png') no-repeat top left; }
129
- .paginate_disabled_previous { background: image-url('dataTables/back_disabled.png') no-repeat top left; }
130
-
131
- .paginate_enabled_next { background: image-url('dataTables/forward_enabled.png') no-repeat top right; }
132
- .paginate_enabled_next:hover { background: image-url('dataTables/forward_enabled_hover.png') no-repeat top right; }
133
- .paginate_disabled_next { background: image-url('dataTables/forward_disabled.png') no-repeat top right; }
134
-
135
- /* Full number pagination */
136
- .paging_full_numbers {
137
- height: 22px;
138
- line-height: 22px;
285
+ .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
286
+ color: white !important;
287
+ border: 1px solid #111111;
288
+ background-color: #585858;
289
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111111));
290
+ /* Chrome,Safari4+ */
291
+ background: -webkit-linear-gradient(top, #585858 0%, #111111 100%);
292
+ /* Chrome10+,Safari5.1+ */
293
+ background: -moz-linear-gradient(top, #585858 0%, #111111 100%);
294
+ /* FF3.6+ */
295
+ background: -ms-linear-gradient(top, #585858 0%, #111111 100%);
296
+ /* IE10+ */
297
+ background: -o-linear-gradient(top, #585858 0%, #111111 100%);
298
+ /* Opera 11.10+ */
299
+ background: linear-gradient(to bottom, #585858 0%, #111111 100%);
300
+ /* W3C */
139
301
  }
140
- .paging_full_numbers a:active {
141
- outline: none
302
+ .dataTables_wrapper .dataTables_paginate .paginate_button:active {
303
+ outline: none;
304
+ background-color: #2b2b2b;
305
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
306
+ /* Chrome,Safari4+ */
307
+ background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
308
+ /* Chrome10+,Safari5.1+ */
309
+ background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
310
+ /* FF3.6+ */
311
+ background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
312
+ /* IE10+ */
313
+ background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
314
+ /* Opera 11.10+ */
315
+ background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
316
+ /* W3C */
317
+ box-shadow: inset 0 0 3px #111;
142
318
  }
143
- .paging_full_numbers a:hover {
144
- text-decoration: none;
319
+ .dataTables_wrapper .dataTables_processing {
320
+ position: absolute;
321
+ top: 50%;
322
+ left: 50%;
323
+ width: 100%;
324
+ height: 40px;
325
+ margin-left: -50%;
326
+ margin-top: -25px;
327
+ padding-top: 20px;
328
+ text-align: center;
329
+ font-size: 1.2em;
330
+ background-color: white;
331
+ 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)));
332
+ /* Chrome,Safari4+ */
333
+ 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%);
334
+ /* Chrome10+,Safari5.1+ */
335
+ 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%);
336
+ /* FF3.6+ */
337
+ 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%);
338
+ /* IE10+ */
339
+ 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%);
340
+ /* Opera 11.10+ */
341
+ 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%);
342
+ /* W3C */
145
343
  }
146
-
147
- .paging_full_numbers a.paginate_button,
148
- .paging_full_numbers a.paginate_active {
149
- border: 1px solid #aaa;
150
- -webkit-border-radius: 5px;
151
- -moz-border-radius: 5px;
152
- border-radius: 5px;
153
- padding: 2px 5px;
154
- margin: 0 3px;
155
- cursor: pointer;
156
- *cursor: hand;
157
- color: #333 !important;
344
+ .dataTables_wrapper .dataTables_length,
345
+ .dataTables_wrapper .dataTables_filter,
346
+ .dataTables_wrapper .dataTables_info,
347
+ .dataTables_wrapper .dataTables_processing,
348
+ .dataTables_wrapper .dataTables_paginate {
349
+ color: #333333;
158
350
  }
159
-
160
- .paging_full_numbers a.paginate_button {
161
- background-color: #ddd;
351
+ .dataTables_wrapper .dataTables_scroll {
352
+ clear: both;
162
353
  }
163
-
164
- .paging_full_numbers a.paginate_button:hover {
165
- background-color: #ccc;
166
- text-decoration: none !important;
354
+ .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
355
+ *margin-top: -1px;
356
+ -webkit-overflow-scrolling: touch;
167
357
  }
168
-
169
- .paging_full_numbers a.paginate_active {
170
- background-color: #99B3FF;
358
+ .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
359
+ .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
360
+ height: 0;
361
+ overflow: hidden;
362
+ margin: 0 !important;
363
+ padding: 0 !important;
171
364
  }
172
-
173
-
174
- /*
175
- * Processing indicator
176
- */
177
- .dataTables_processing {
178
- position: absolute;
179
- top: 50%;
180
- left: 50%;
181
- width: 250px;
182
- height: 30px;
183
- margin-left: -125px;
184
- margin-top: -15px;
185
- padding: 14px 0 2px 0;
186
- border: 1px solid #ddd;
187
- text-align: center;
188
- color: #999;
189
- font-size: 14px;
190
- background-color: white;
365
+ .dataTables_wrapper.no-footer .dataTables_scrollBody {
366
+ border-bottom: 1px solid #111111;
191
367
  }
192
-
193
-
194
- /*
195
- * Sorting
196
- */
197
- .sorting { background: image-url('dataTables/sort_both.png') no-repeat center right; }
198
- .sorting_asc { background: image-url('dataTables/sort_asc.png') no-repeat center right; }
199
- .sorting_desc { background: image-url('dataTables/sort_desc.png') no-repeat center right; }
200
-
201
- .sorting_asc_disabled { background: image-url('dataTables/sort_asc_disabled.png') no-repeat center right; }
202
- .sorting_desc_disabled { background: image-url('dataTables/sort_desc_disabled.png') no-repeat center right; }
203
-
204
- table.dataTable thead th:active,
205
- table.dataTable thead td:active {
206
- outline: none;
368
+ .dataTables_wrapper.no-footer div.dataTables_scrollHead table,
369
+ .dataTables_wrapper.no-footer div.dataTables_scrollBody table {
370
+ border-bottom: none;
207
371
  }
208
-
209
-
210
- /*
211
- * Scrolling
212
- */
213
- .dataTables_scroll {
214
- clear: both;
372
+ .dataTables_wrapper:after {
373
+ visibility: hidden;
374
+ display: block;
375
+ content: "";
376
+ clear: both;
377
+ height: 0;
215
378
  }
216
379
 
217
- .dataTables_scrollBody {
218
- *margin-top: -1px;
219
- -webkit-overflow-scrolling: touch;
380
+ @media screen and (max-width: 767px) {
381
+ .dataTables_wrapper .dataTables_info,
382
+ .dataTables_wrapper .dataTables_paginate {
383
+ float: none;
384
+ text-align: center;
385
+ }
386
+ .dataTables_wrapper .dataTables_paginate {
387
+ margin-top: 0.5em;
388
+ }
389
+ }
390
+ @media screen and (max-width: 640px) {
391
+ .dataTables_wrapper .dataTables_length,
392
+ .dataTables_wrapper .dataTables_filter {
393
+ float: none;
394
+ text-align: center;
395
+ }
396
+ .dataTables_wrapper .dataTables_filter {
397
+ margin-top: 0.5em;
398
+ }
220
399
  }