jquery-datatables-rails 1.12.2 → 2.1.10.0.0

Sign up to get free protection for your applications and to get access to all the features.
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
  }