wpDataTables Lite - Version 2.0.7

Version Description

  • New skins and new UI elements a new Dark and Purple-style skins for tables front-end, new UI elements;
  • Bug fixes and stability improvements.
  • Compatibility with WordPress 5.1 approved.
Download this release

Release Info

Developer wpDataTables
Plugin Icon 128x128 wpDataTables Lite
Version 2.0.7
Comparing to
See all releases

Code changes from version 2.0.6 to 2.0.7

assets/css/wdt-skins/aqua.css CHANGED
@@ -12,6 +12,11 @@
12
src: url(../../fonts/wpdatatablesiconsaqua-base.eot?#iefix) format('embedded-opentype'), url(../../fonts/wpdatatablesiconsaqua-base.woff) format('woff'), url(../../fonts/wpdatatablesiconsaqua-base.ttf) format('truetype'), url(../../fonts/wpdatatablesiconsaqua-base.svg#wpdatatablesiconsaqua-base) format('svg');
13
}
14
/* Table */
15
16
.wpDataTablesWrapper table.wpDataTable {
17
margin-bottom: 12px;
@@ -21,6 +26,10 @@
21
box-shadow: none !important;
22
}
23
24
/* Above the table */
25
26
/* Display length and Global search */
@@ -49,7 +58,6 @@
49
50
.wpdt-c .wpDataTablesWrapper .dataTables_filter{
51
float: left;
52
- margin-left: 16px;
53
}
54
55
.wpdt-c .wpDataTablesWrapper .dataTables_filter label{
@@ -186,8 +194,6 @@
186
padding: 17px 16px;
187
text-align: left;
188
cursor: pointer;
189
- font-family: Roboto;
190
- font-size: 14px;
191
font-weight: normal;
192
font-style: normal;
193
font-stretch: normal;
@@ -257,7 +263,6 @@
257
.wpdt-c .wpDataTablesWrapper table.wpDataTable tbody td {
258
border: 1px solid;
259
border-color: #f5f7fa; /* td inner border color */
260
- font-size: 14px;
261
color: #606266;
262
-o-transition:.5s;
263
-ms-transition:.5s;
@@ -351,7 +356,6 @@
351
text-align: center;
352
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
353
border: solid 1px #ebedf2;
354
- background-color: #ffffff;
355
color: #606266;
356
}
357
@@ -720,10 +724,16 @@
720
.wpDataTablesWrapper table.wpDataTable thead th{
721
vertical-align: middle;
722
border-bottom:1px solid #f5f7fa;
723
padding-top: 10px;
724
padding-bottom: 10px;
725
}
726
727
728
/* Table tools */
729
@@ -997,6 +1007,7 @@ div.dt-button-collection a.dt-button {
997
div.dt-button-collection a.dt-button:hover:not(.buttons-columnVisibility) {
998
background-color: #fffbf1;
999
text-decoration: none;
1000
}
1001
1002
div.dt-button-background {
@@ -1143,6 +1154,10 @@ div.dt-button-collection a.dt-button.buttons-columnVisibility:before {
1143
1144
@media screen and (max-width: 769px) {
1145
1146
.wpDataTablesWrapper .dataTables_info,
1147
.wpDataTablesWrapper .dataTables_paginate.paging_full_numbers{
1148
text-align: center !important;
@@ -1320,19 +1335,25 @@ div.dt-button-collection a.dt-button.buttons-columnVisibility:before {
1320
.wpdt-c .wpDataTablesFilter #wdt-pf-search-filters-button-block {
1321
width: 50%;
1322
}
1323
-
1324
- }
1325
- @media screen and (max-width: 376px) {
1326
- .wpdt-c .wpDataTablesWrapper table.has-columns-hidden tr.row-detail > td ul li span.columnValue {
1327
- min-width: 180px;
1328
- max-width: 180px;
1329
}
1330
}
1331
@media screen and (max-width: 376px) {
1332
.wpdt-c .wpDataTablesWrapper table.has-columns-hidden tr.row-detail > td ul li span.columnValue {
1333
min-width: 130px;
1334
max-width: 130px;
1335
}
1336
}
1337
1338
12
src: url(../../fonts/wpdatatablesiconsaqua-base.eot?#iefix) format('embedded-opentype'), url(../../fonts/wpdatatablesiconsaqua-base.woff) format('woff'), url(../../fonts/wpdatatablesiconsaqua-base.ttf) format('truetype'), url(../../fonts/wpdatatablesiconsaqua-base.svg#wpdatatablesiconsaqua-base) format('svg');
13
}
14
/* Table */
15
+ .wpDataTablesWrapper {
16
+ margin-bottom: 0;
17
+ background: #ffffff;
18
+ padding: 0 16px 16px 16px;
19
+ }
20
21
.wpDataTablesWrapper table.wpDataTable {
22
margin-bottom: 12px;
26
box-shadow: none !important;
27
}
28
29
+ .wpdt-c .wpDataTableContainer {
30
+ background:none;
31
+ }
32
+
33
/* Above the table */
34
35
/* Display length and Global search */
58
59
.wpdt-c .wpDataTablesWrapper .dataTables_filter{
60
float: left;
61
}
62
63
.wpdt-c .wpDataTablesWrapper .dataTables_filter label{
194
padding: 17px 16px;
195
text-align: left;
196
cursor: pointer;
197
font-weight: normal;
198
font-style: normal;
199
font-stretch: normal;
263
.wpdt-c .wpDataTablesWrapper table.wpDataTable tbody td {
264
border: 1px solid;
265
border-color: #f5f7fa; /* td inner border color */
266
color: #606266;
267
-o-transition:.5s;
268
-ms-transition:.5s;
356
text-align: center;
357
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
358
border: solid 1px #ebedf2;
359
color: #606266;
360
}
361
724
.wpDataTablesWrapper table.wpDataTable thead th{
725
vertical-align: middle;
726
border-bottom:1px solid #f5f7fa;
727
+ border-left: none;
728
+ border-right: none;
729
padding-top: 10px;
730
padding-bottom: 10px;
731
}
732
733
+ .wpDataTablesWrapper table.wpDataTable thead th:last-child {
734
+ border-right: 1px solid #0083c2;
735
+ }
736
+
737
738
/* Table tools */
739
1007
div.dt-button-collection a.dt-button:hover:not(.buttons-columnVisibility) {
1008
background-color: #fffbf1;
1009
text-decoration: none;
1010
+ border: none;
1011
}
1012
1013
div.dt-button-background {
1154
1155
@media screen and (max-width: 769px) {
1156
1157
+ .wpDataTablesWrapper table.wpDataTable td {
1158
+ padding: 17px 20px 17px 10px;
1159
+ }
1160
+
1161
.wpDataTablesWrapper .dataTables_info,
1162
.wpDataTablesWrapper .dataTables_paginate.paging_full_numbers{
1163
text-align: center !important;
1335
.wpdt-c .wpDataTablesFilter #wdt-pf-search-filters-button-block {
1336
width: 50%;
1337
}
1338
+ .wpdt-c .wpDataTablesWrapper .dataTables_paginate .paginate_button,
1339
+ .wpdt-c .wpDataTablesWrapper .dataTables_paginate .ellipsis,
1340
+ .wpdt-c .wpDataTablesWrapper .dataTables_paginate .paginate_button.current{
1341
+ min-width: 30px;
1342
}
1343
+
1344
}
1345
+
1346
@media screen and (max-width: 376px) {
1347
.wpdt-c .wpDataTablesWrapper table.has-columns-hidden tr.row-detail > td ul li span.columnValue {
1348
min-width: 130px;
1349
max-width: 130px;
1350
}
1351
+
1352
+ .wpdt-c .wpDataTablesWrapper .dataTables_paginate .paginate_button,
1353
+ .wpdt-c .wpDataTablesWrapper .dataTables_paginate .ellipsis,
1354
+ .wpdt-c .wpDataTablesWrapper .dataTables_paginate .paginate_button.current{
1355
+ min-width: 25px;
1356
+ }
1357
}
1358
1359
assets/css/wdt-skins/dark.css ADDED
@@ -0,0 +1,1279 @@
1
+ /*
2
+ * WPDataTables Purple skin styles
3
+ */
4
+
5
+ @import url('https://fonts.googleapis.com/css?family=Roboto:400,500');
6
+
7
+ @font-face {
8
+ font-family: WPDataTablesIconsPurple;
9
+ font-style: normal;
10
+ font-stretch: normal;
11
+ src: url(../../fonts/wpdatatablesiconsaqua-base.eot);
12
+ src: url(../../fonts/wpdatatablesiconsaqua-base.eot?#iefix) format('embedded-opentype'), url(../../fonts/wpdatatablesiconsaqua-base.woff) format('woff'), url(../../fonts/wpdatatablesiconsaqua-base.ttf) format('truetype'), url(../../fonts/wpdatatablesiconsaqua-base.svg#wpdatatablesiconsaqua-base) format('svg');
13
+ }
14
+ /* Table */
15
+
16
+ .wpdt-c .wpDataTablesWrapper {
17
+ background: #000000;
18
+ padding: 0 16px 16px 16px;
19
+ margin-bottom: 0;
20
+ }
21
+
22
+ .wpdt-c .wpDataTableContainer {
23
+ background:none;
24
+ }
25
+
26
+ div#wpdatatable-preview-container.wpDataTablesWrapper,
27
+ div#wpdatatable-preview-container.wpDataTablesWrapper .wpDataTablesWrapper{
28
+ background: #000000;
29
+ }
30
+
31
+ .wpDataTablesWrapper table.wpDataTable {
32
+ margin-bottom: 12px;
33
+ }
34
+
35
+ .wpdt-c .wpDataTablesWrapper .dropdown-menu>li>a {
36
+ box-shadow: none !important;
37
+ }
38
+
39
+ /* Above the table */
40
+
41
+ /* Display length and Global search */
42
+
43
+ .wpdt-c .wpDataTablesWrapper .dataTables_length,
44
+ .wpdt-c .wpDataTablesWrapper .dataTables_filter{
45
+ font-size: 13px;
46
+ margin-bottom: 10px;
47
+ }
48
+
49
+ .wpdt-c .wpDataTablesWrapper .dataTables_length {
50
+ float: right;
51
+ margin-right: 16px;
52
+ }
53
+
54
+ .wpdt-c .wpDataTablesWrapper .dataTables_length label {
55
+ font-family: Roboto;
56
+ font-size: 13px;
57
+ font-weight: normal;
58
+ font-style: normal;
59
+ font-stretch: normal;
60
+ line-height: 1.08;
61
+ letter-spacing: normal;
62
+ color: #5e6166;
63
+ }
64
+
65
+ .wpdt-c .wpDataTablesWrapper input::-webkit-input-placeholder { /* WebKit browsers */
66
+ text-transform: uppercase;
67
+ }
68
+ .wpdt-c .wpDataTablesWrapper input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
69
+ text-transform: uppercase;
70
+ }
71
+ .wpdt-c .wpDataTablesWrapper input::-moz-placeholder { /* Mozilla Firefox 19+ */
72
+ text-transform: uppercase;
73
+ }
74
+ .wpdt-c .wpDataTablesWrapper input:-ms-input-placeholder { /* Internet Explorer 10+ */
75
+ text-transform: uppercase;
76
+ }
77
+ .wpdt-c .wpDataTablesWrapper input::placeholder { /* Recent browsers */
78
+ text-transform: uppercase;
79
+ }
80
+
81
+ .wpdt-c .wpDataTablesWrapper .dataTables_filter{
82
+ float: left;
83
+ }
84
+
85
+ .wpdt-c .wpDataTablesWrapper .dataTables_filter label{
86
+ position: relative;
87
+ font-weight: normal;
88
+ }
89
+ .wpdt-c .wpDataTablesWrapper .dataTables_filter label .wdt-search-icon {
90
+ position: relative;
91
+ line-height: normal;
92
+ font-weight: normal;
93
+ }
94
+ .wpdt-c .wpDataTablesWrapper .dataTables_filter label .wdt-search-icon:before{
95
+ font-family: WPDataTablesIconsPurple;
96
+ content: '\e901';
97
+ position: absolute;
98
+ top: -3px;
99
+ left: 10px;
100
+ font-size: 22px;
101
+ color: #d3dce6;
102
+ font-weight: normal;
103
+ }
104
+
105
+ .wpdt-c .wpDataTablesWrapper .dataTables_filter input.form-control{
106
+ -webkit-border-radius: 4px;
107
+ -moz-border-radius: 4px;
108
+ border-radius: 4px;
109
+ border: solid 1px #dcdfe6;
110
+ padding-left: 15px;
111
+
112
+ }
113
+
114
+ .wpdt-c .wpDataTablesWrapper .dataTables_filter input[type="search"] {
115
+ padding: 12px 0 12px 36px !important;
116
+ width: 361px;
117
+ min-width: 208px;
118
+ }
119
+
120
+ .wpdt-c .wpDataTablesWrapper .dataTables_filter input[type="search"],
121
+ .wpdt-c .wpDataTablesWrapper .dataTables_length label {
122
+ font-family: Roboto;
123
+ font-size: 13px;
124
+ font-weight: normal;
125
+ font-style: normal;
126
+ font-stretch: normal;
127
+ line-height: 1.08;
128
+ letter-spacing: normal;
129
+ }
130
+ .wpdt-c .wpDataTablesWrapper .dataTables_filter input[type="search"] {
131
+ color: #ffffff;
132
+ background: #323232 !important;
133
+ border: none;
134
+ }
135
+
136
+ .wpdt-c .wpDataTablesWrapper .dataTables_length label {
137
+ color: #ffffff;
138
+ text-transform: uppercase;
139
+ }
140
+
141
+ .wpdt-c .wpDataTablesWrapper .dataTables_length .bootstrap-select > .btn-default:before{
142
+ font-family: WPDataTablesIconsPurple;
143
+ content: "\e903";
144
+ color: #ffffff;
145
+ position: absolute;
146
+ right: 6px;
147
+ top: 13px;
148
+ font-size: 9px;
149
+ height: 0;
150
+ width: 0;
151
+ background-image: none;
152
+ }
153
+
154
+ .wpdt-c .wpDataTablesWrapper .dataTables_length .bootstrap-select.length_menu {
155
+ width: 180px;
156
+ padding: 0 5px;
157
+ -webkit-border-radius: 4px;
158
+ -moz-border-radius: 4px;
159
+ border-radius: 4px;
160
+ border: none;
161
+ background: #323232;
162
+ color: #ffffff;
163
+ }
164
+
165
+ .wpdt-c .wpDataTablesWrapper .dataTables_length .bootstrap-select.btn-group .dropdown-menu {
166
+ left: -1px;
167
+ padding: 0;
168
+ background: #1a1a1a;
169
+ }
170
+
171
+ .wpdt-c .wpDataTablesWrapper .dataTables_length .bootstrap-select.btn-group ul.dropdown-menu {
172
+ width: 180px;
173
+ font-family: Roboto;
174
+ font-size: 14px;
175
+ }
176
+
177
+ .wpdt-c .wpDataTablesWrapper .dataTables_length .bootstrap-select.length_menu ul.dropdown-menu li{
178
+ border-bottom: 1px solid #353535;
179
+ margin:0 16px;
180
+ }
181
+
182
+ .wpdt-c .wpDataTablesWrapper .dataTables_length .bootstrap-select.length_menu ul.dropdown-menu li:last-child {
183
+ border-bottom: none;
184
+ }
185
+
186
+ .wpdt-c .wpDataTablesWrapper .dataTables_length .bootstrap-select.length_menu ul.dropdown-menu li.selected a span.text{
187
+ color: #606fc7;
188
+ background: #1a1a1a;
189
+ }
190
+
191
+ .wpdt-c .wpDataTablesWrapper .dataTables_length .bootstrap-select.length_menu ul.dropdown-menu li a span.text{
192
+ font-weight: 500;
193
+ font-style: normal;
194
+ font-stretch: normal;
195
+ line-height: normal;
196
+ letter-spacing: normal;
197
+ color: #ffffff80;
198
+ }
199
+
200
+ .wpdt-c .wpDataTablesWrapper .dataTables_length .bootstrap-select.length_menu .dropdown-menu>li>a {
201
+ padding: 14px 0;
202
+ background: #1a1a1a;
203
+ }
204
+ .wpdt-c .wpDataTablesWrapper .dataTables_length .bootstrap-select .selected .check-mark {
205
+ margin-top: 0 !important;
206
+
207
+ }
208
+ .wpdt-c .wpDataTablesWrapper .dataTables_length .bootstrap-select .check-mark:before {
209
+ position: absolute;
210
+ content: '\f26a';
211
+ top: 3px;
212
+ font-size: 19px;
213
+ color: #606fc7;
214
+ }
215
+ .wpdt-c .wpDataTablesWrapper .dataTables_length .bootstrap-select .check-mark:after {
216
+ position: absolute;
217
+ top: 5px;
218
+ right: -13px;
219
+ content: '\f26b';
220
+ font-size: 15px;
221
+ font-weight: 600;
222
+ font-family: 'Material-Design-Iconic-Font';
223
+ color: #ffffff;
224
+ }
225
+
226
+
227
+ /* Table info */
228
+
229
+ .wpdt-c .wpDataTablesWrapper .dataTables_info {
230
+ font-size: 14px;
231
+ margin-left: 20px;
232
+ margin-top: 14px;
233
+ padding: 0;
234
+ color: #ffffff80;
235
+ text-transform: uppercase;
236
+ }
237
+
238
+ /* Table Header */
239
+
240
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable > thead > tr > th,
241
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable thead th.sorting,
242
+ .wpdt-c .wpDataTablesWrapper .wdt-checkbox-filter.btn {
243
+ background-color: #000000; /* th background color */
244
+ border-color: #323232; /* th border color */
245
+ color: #ffffff80; /* th font color */
246
+ padding: 17px 16px;
247
+ text-align: left;
248
+ cursor: pointer;
249
+ font-weight: normal;
250
+ font-style: normal;
251
+ font-stretch: normal;
252
+ line-height: 1;
253
+ letter-spacing: normal;
254
+ text-transform: uppercase;
255
+ }
256
+ .wpdt-c .wpDataTablesWrapper .wdt-checkbox-filter.btn {
257
+ background-color: #323232;
258
+ -webkit-border-radius: 4px;
259
+ -moz-border-radius: 4px;
260
+ border-radius: 4px;
261
+ }
262
+
263
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable > thead > tr > th,
264
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable thead th.sorting{
265
+ border-bottom: 1px solid #323232;
266
+ }
267
+
268
+ .wpdt-c .wpDataTablesWrapper .wdt-checkbox-filter.btn {
269
+ text-align: center;
270
+ }
271
+
272
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable > thead > tr:nth-child(2) > th,
273
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable > thead > tr:nth-child(2) > th:first-child
274
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable > thead > tr:nth-child(2) > th:last-child{
275
+ background-color: #000000; /* th background color */
276
+ border-color: #000000; /* th border color */
277
+ color: #ffffff80;
278
+ }
279
+
280
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable > thead > tr:nth-child(2) > th {
281
+ border-left: none;
282
+ border-right: none;
283
+ }
284
+
285
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable > thead > tr:nth-child(2) > th:first-child {
286
+ border-right: none;
287
+ border-left: none;
288
+ }
289
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable > thead > tr:nth-child(2) > th:last-child {
290
+ border-left: none;
291
+ border-right: none;
292
+ }
293
+
294
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable thead tr th {
295
+ -o-transition:.5s;
296
+ -ms-transition:.5s;
297
+ -moz-transition:.5s;
298
+ -webkit-transition:.5s;
299
+ transition:.5s;
300
+ }
301
+
302
+
303
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable thead th.sorting_asc,
304
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable thead th.sorting_desc,
305
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable thead th.sorting:hover {
306
+ color: #ffffff;
307
+ }
308
+
309
+ /* Sorting icons */
310
+
311
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable thead th.sorting_asc:before {
312
+ font-family: 'Material-Design-Iconic-Font';
313
+ display: inline-block;
314
+ content: '\f2f9';
315
+ color: #ffffff;
316
+ padding-right: 10px ;
317
+ }
318
+
319
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable thead th.sorting_desc:before {
320
+ font-family: 'Material-Design-Iconic-Font';
321
+ display: inline-block;
322
+ content: '\f2fc';
323
+ color: #ffffff;
324
+ padding-right: 10px ;
325
+ }
326
+
327
+ /* Table Body */
328
+
329
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable tbody td {
330
+ border: 1px solid;
331
+ border-color: #373737; /* td inner border color */
332
+ color: #606266;
333
+ -o-transition:.5s;
334
+ -ms-transition:.5s;
335
+ -moz-transition:.5s;
336
+ -webkit-transition:.5s;
337
+ transition:.5s;
338
+ }
339
+
340
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable tbody tr:last-child td {
341
+ border-bottom-color: #323232; /* table outer border color */
342
+ }
343
+
344
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable tr.odd td {
345
+ background-color: #000000; /* odd rows background color */
346
+ border-left: none;
347
+ border-right: none;
348
+ color: #ffffff;
349
+ }
350
+
351
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable tr.even td {
352
+ background-color: #000000; /* even rows background color */
353
+ border-left: none;
354
+ border-right: none;
355
+ color: #ffffff;
356
+ }
357
+
358
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable tr td:first-child,
359
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable thead tr td:first-child,
360
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable tfoot tr td:first-child{
361
+ /* table outer border color */
362
+ border-right: none;
363
+ border-left:none;
364
+ border-left-color: #000000;
365
+ }
366
+
367
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable tr td:last-child,
368
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable thead tr td:last-child,
369
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable tfoot tr td:last-child {
370
+ /* table outer border color */
371
+ border-left: none;
372
+ border-right:none;
373
+ }
374
+
375
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable tr.odd td.sorting_1 {
376
+ background-color: #000000; /* odd rows active background color */
377
+ }
378
+
379
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable tr.even td.sorting_1 {
380
+ background-color: #000000; /* even rows active background color */
381
+ }
382
+
383
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable tr.odd:hover > td,
384
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable tr.odd:hover > td.sorting_1,
385
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable tr.even:hover > td,
386
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable tr.even:hover > td.sorting_1 {
387
+ background-color: #323232; /* rows hover background color */
388
+ }
389
+
390
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable tr.odd.selected > td,
391
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable tr.odd.selected > td.sorting_1,
392
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable tr.even.selected > td,
393
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable tr.even.selected > td.sorting_1 {
394
+ background-color: #323232; /* selected rows background color */
395
+ }
396
+
397
+ /* Table Footer */
398
+
399
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable tfoot th {
400
+ border-top: 1px solid #000;
401
+ }
402
+
403
+ /* Table Pagination */
404
+
405
+ .wpdt-c .wpDataTablesWrapper .dataTables_paginate {
406
+ font-size: 14px !important;
407
+ font-family: Roboto;
408
+ font-weight: normal;
409
+ font-style: normal;
410
+ font-stretch: normal;
411
+ line-height: 1;
412
+ letter-spacing: normal;
413
+ color: #606266;
414
+ margin-right: 20px;
415
+ margin-top: 6px;
416
+ }
417
+
418
+ .wpdt-c .wpDataTablesWrapper .dataTables_paginate .paginate_button,
419
+ .wpdt-c .wpDataTablesWrapper .dataTables_paginate .ellipsis{
420
+ min-width: 36px;
421
+ height: 36px;
422
+ -webkit-border-radius: 4px;
423
+ -moz-border-radius: 4px;
424
+ border-radius: 4px;
425
+ margin: 0 0px;
426
+ text-align: center;
427
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
428
+ border: none;
429
+ color: #999;
430
+ }
431
+
432
+ .wpdt-c .wpDataTablesWrapper .dataTables_paginate > .paginate_button {
433
+ font: 0/0 a;
434
+ text-shadow: none;
435
+ text-indent: -9999em;
436
+ }
437
+ .wpdt-c .wpDataTablesWrapper .dataTables_paginate a {
438
+ display: inline-block;
439
+ padding: 10px 3px;
440
+ font-size: 15px;
441
+ }
442
+
443
+ .wpdt-c .wpDataTablesWrapper .dataTables_paginate a.paginate_button:focus {
444
+ outline: none !important;
445
+ box-shadow: none;
446
+ }
447
+
448
+ .wpdt-c .wpDataTablesWrapper .dataTables_paginate .paginate_button:hover:not(.disabled) {
449
+ color: #fff;
450
+ background-color: #323232;
451
+ }
452
+
453
+ .wpdt-c .wpDataTablesWrapper .dataTables_paginate .ellipsis {
454
+ padding: 5px 7px 7px;
455
+ display: inline-block;
456
+ }
457
+
458
+ .wpdt-c .wpDataTablesWrapper .dataTables_paginate .paginate_button.current,
459
+ .wpdt-c .wpDataTablesWrapper .dataTables_paginate .paginate_button.current:hover {
460
+ color: #FFF;
461
+ background-color: #323232;
462
+ min-width: 36px;
463
+ height: 36px;
464
+ -webkit-border-radius: 4px;
465
+ -moz-border-radius: 4px;
466
+ border-radius: 4px;
467
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
468
+ border: none;
469
+
470
+ }
471
+ .wpdt-c .wpDataTablesWrapper .dataTables_paginate .paginate_button.disabled,
472
+ .wpdt-c .wpDataTablesWrapper .dataTables_paginate .paginate_button.disabled:before,
473
+ .wpdt-c .wpDataTablesWrapper .dataTables_paginate .paginate_button.disabled:hover:before,
474
+ .wpdt-c .wpDataTablesWrapper .dataTables_paginate .paginate_button.disabled:active:before {
475
+ cursor: default !important;
476
+ color: #323232;
477
+ background: none !important;
478
+ }
479
+
480
+ .wpdt-c .wpDataTablesWrapper .paginate_button.next:before,
481
+ .wpdt-c .wpDataTablesWrapper .paginate_button.previous:before,
482
+ .wpdt-c .wpDataTablesWrapper .paginate_button.last:before,
483
+ .wpdt-c .wpDataTablesWrapper .paginate_button.first:before{
484
+ font-family: Roboto;
485
+ font-size: 14px;
486
+ font-weight: normal;
487
+ font-style: normal;
488
+ font-stretch: normal;
489
+ line-height: 1;
490
+ letter-spacing: normal;
491
+ color:#999;
492
+ }
493
+
494
+ .wpdt-c .wpDataTablesWrapper .paginate_button.next:before {
495
+ content: "\e001" !important;
496
+ padding: 2px 0 2px 2px;
497
+ }
498
+
499
+ .wpdt-c .wpDataTablesWrapper .paginate_button.previous:before {
500
+ content: "\e002" !important;
501
+ padding: 2px 1px 2px 0;
502
+ }
503
+
504
+ .wpdt-c .wpDataTablesWrapper .paginate_button.last:before {
505
+ content: "\e003";
506
+ padding: 2px 0 2px 2px;
507
+ }
508
+
509
+ .wpdt-c .wpDataTablesWrapper .paginate_button.first:before {
510
+ content: "\e004";
511
+ padding: 2px 1px 2px 0;
512
+ }
513
+
514
+ .wpdt-c .wpDataTablesWrapper .paginate_button.next:hover:before,
515
+ .wpdt-c .wpDataTablesWrapper .paginate_button.previous:hover:before,
516
+ .wpdt-c .wpDataTablesWrapper .paginate_button.last:hover:before,
517
+ .wpdt-c .wpDataTablesWrapper .paginate_button.first:hover:before{
518
+ color: #ffffff;
519
+ }
520
+
521
+ .wpdt-c .wpDataTablesWrapper .DTTT_button:before,
522
+ .wpdt-c .wpDataTablesWrapper .wdt-checkbox-filter.btn:before,
523
+ .wpdt-c .wpDataTablesWrapper .paginate_button:before {
524
+ display: inline-block;
525
+ font-family: WPDataTablesIcons !important;
526
+ font-style: normal;
527
+ font-weight: 400;
528
+ text-align: center;
529
+ text-decoration: none;
530
+ vertical-align: middle;
531
+ -webkit-font-smoothing: antialiased;
532
+ }
533
+
534
+ .wpdt-c .wpDataTablesWrapper .wdt-checkbox-filter.btn:before {
535
+ margin-top: 1px;
536
+ }
537
+
538
+ .wpdt-c .wpDataTablesWrapper .DTTT_button {
539
+ opacity: 0.7;
540
+ }
541
+
542
+ .wpdt-c .wpDataTablesWrapper .DTTT_button:hover {
543
+ opacity: 1;
544
+ }
545
+
546
+ .wpdt-c .wpDataTablesWrapper .DTTT_button.disabled {
547
+ opacity: 0.4;
548
+ }
549
+
550
+ .wpdt-c .wpDataTablesWrapper .wdt-checkbox-filter.btn:hover:before {
551
+ opacity: 1;
552
+ }
553
+
554
+
555
+ .wpdt-c .wpDataTables.wpDataTablesWrapper table.wpDataTable tr.odd td.error {
556
+ background-color: #f2dede;
557
+ }
558
+
559
+ /* Overlay */
560
+
561
+ .wpdt-c .wpDataTables .overlayed {
562
+ position: relative;
563
+ pointer-events: none;
564
+ }
565
+
566
+ .wpdt-c .wpDataTables .overlayed > * {
567
+ opacity: 0.9;
568
+ }
569
+
570
+ .wpdt-c .wpDataTables .overlayed:after {
571
+ font-size: 34px;
572
+ left: 50%;
573
+ margin-left: -15px;
574
+ margin-top: -20px;
575
+ opacity: 1;
576
+ position: absolute;
577
+ top: 50%;
578
+ }
579
+
580
+ .wpdt-c .wpDataTables .overlayed:after {
581
+ content: url(../../img/loading.gif);
582
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
583
+ padding: 7px;
584
+ -webkit-border-radius: 50px;
585
+ -moz-border-radius: 50px;
586
+ border-radius: 50px;
587
+ line-height: 20px;
588
+ }
589
+
590
+ .wpDataTablesWrapper .wdt-checkbox-filter.btn:hover {
591
+ color: #ffffff;
592
+ }
593
+
594
+ .wpDataTablesWrapper table.wpDataTable .timepicker-hours,
595
+ .wpDataTablesWrapper table.wpDataTable .timepicker-minutes {
596
+ color: initial;
597
+ }
598
+
599
+
600
+ .wpDataTables .wdt-checkbox-filter.btn,
601
+ .wpDataTables input[type=text],
602
+ .wpDataTables select{
603
+ height: 36px !important;
604
+ }
605
+ .wpDataTables .wdt-checkbox-filter.btn {
606
+ text-align: center;
607
+ font-family: Roboto;
608
+ font-size: 14px !important;
609
+ font-weight: 500;
610
+ font-style: normal;
611
+ font-stretch: normal;
612
+ line-height: normal;
613
+ letter-spacing: normal;
614
+ color: #ffffff;
615
+ }
616
+
617
+
618
+
619
+ .wpdt-c .checkbox .input-helper:after {
620
+ top: auto;
621
+ }
622
+
623
+
624
+ .wpdt-c .checkbox input:checked + .input-helper:before {
625
+ background-color: #606fc7 !important;
626
+ }
627
+
628
+ .wpdt-c .checkbox input:checked ~ span.wdt-checkbox-label {
629
+ color: #ffffff !important;
630
+ }
631
+
632
+ .wpdt-c .checkbox input:checked + .input-helper:before, .wpdt-c .radio input:checked + .input-helper:before {
633
+ border-color: #606fc7;
634
+ }
635
+
636
+
637
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable .bootstrap-select > .btn-default,
638
+ .wpdt-c .wpDataTablesWrapper .dataTables_length .bootstrap-select > .btn-default{
639
+ border-bottom: none !important;
640
+ }
641
+
642
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable .bootstrap-select .dropdown-menu{
643
+ background: #1a1a1a;
644
+
645
+ }
646
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable .bootstrap-select .dropdown-menu li.selected span
647
+ {
648
+ color: #ffffff;
649
+ }
650
+
651
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable .bootstrap-select .dropdown-menu > li > a,
652
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable thead .bootstrap-select.btn-group .dropdown-toggle .filter-option,
653
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable tfoot .bootstrap-select.btn-group .dropdown-toggle .filter-option{
654
+ color: #ffffff80;
655
+ }
656
+
657
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable .bootstrap-select .check-mark:before{
658
+ color: #606fc7;
659
+ }
660
+
661
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable .bootstrap-select
662
+ {
663
+ height: 36px !important;
664
+ }
665
+ .wpdt-c .wpDataTablesWrapper .dataTables_length .bootstrap-select.length_menu {
666
+ width: 108px;
667
+ height: 36px;
668
+ padding: 0 13px;
669
+ margin: 0 16px;
670
+ }
671
+
672
+ .wpDataTablesWrapper .dataTables_length span.filter-option {
673
+ margin-left: 0;
674
+ color: #606266;
675
+ }
676
+
677
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable .bootstrap-select > .btn-default:after{
678
+ display: none !important;
679
+ }
680
+
681
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable .bootstrap-select > .btn-default:before{
682
+ font-family: WPDataTablesIconsPurple;
683
+ content: "\e903";
684
+ color: #606266;
685
+ position: absolute;
686
+ right: 19px;
687
+ top: 13px;
688
+ font-size: 9px;
689
+ height: 0;
690
+ width: 0;
691
+ background-image: none;
692
+ }
693
+ .wpDataTablesWrapper table.wpDataTable td {
694
+ padding: 17px 20px;
695
+ }
696
+ .wpDataTablesWrapper table.wpDataTable tfoot td,
697
+ .wpDataTablesWrapper table.wpDataTable thead th{
698
+ vertical-align: middle;
699
+ border-bottom:1px solid #323232;
700
+ border-left: none;
701
+ border-right: none;
702
+ padding-top: 10px;
703
+ padding-bottom: 10px;
704
+ }
705
+
706
+
707
+
708
+ .wpdt-c .fg-line:not([class*=has-]):after {
709
+ background: #606fc7;
710
+ }
711
+
712
+ /* Table tools */
713
+
714
+ .wpdt-c .wpDataTablesWrapper button.DTTT_button,
715
+ .wpdt-c .wpDataTablesWrapper div.DTTT_button,
716
+ .wpdt-c .wpDataTablesWrapper a.DTTT_button,
717
+ .wpdt-c .wpDataTablesWrapper button.DTTT_button:hover,
718
+ .wpdt-c .wpDataTablesWrapper div.DTTT_button:hover,
719
+ .wpdt-c .wpDataTablesWrapper a.DTTT_button:hover {
720
+ background-color: transparent;
721
+ background-image: none;
722
+ }
723
+
724
+ .wpdt-c .wpDataTablesWrapper .DTTT_button {
725
+ opacity: 0.7;
726
+ }
727
+
728
+ .wpdt-c .wpDataTablesWrapper .DTTT_button:hover {
729
+ opacity: 1;
730
+ }
731
+
732
+ .wpdt-c .wpDataTablesWrapper .DTTT_button.disabled {
733
+ opacity: 0.4;
734
+ }
735
+
736
+ .wpDataTablesWrapper div.dt-buttons {
737
+ width: 100%;
738
+ display: flex;
739
+ flex-wrap: wrap;
740
+ float: none;
741
+ margin-left: 0;
742
+ margin-right: 0;
743
+ margin-bottom: 0;
744
+ }
745
+ .wpDataTablesWrapper .dt-buttons a.DTTT_button{
746
+ height: 40px;
747
+ -webkit-border-radius: 4px;
748
+ -moz-border-radius: 4px;
749
+ border-radius: 4px;
750
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
751
+ border: solid 1px #000000;
752
+ background-color: #000000;
753
+ padding: 10px 8px;
754
+ margin-right: 12px;
755
+ margin-bottom: 10px;
756
+ font-family: Roboto;
757
+ font-size: 14px;
758
+ font-weight: 500;
759
+ font-style: normal;
760
+ font-stretch: normal;
761
+ line-height: normal !important;
762
+ letter-spacing: normal;
763
+ outline: none;
764
+ color: #ffffff80;
765
+ text-decoration: none;
766
+ text-transform: uppercase;
767
+ }
768
+
769
+ .wpDataTablesWrapper .dt-buttons a.DTTT_button:not(.disabled){
770
+ opacity: 1;
771
+ }
772
+
773
+ .wpDataTablesWrapper .dt-buttons a.DTTT_button_export:active,
774
+ .wpDataTablesWrapper .dt-buttons a.DTTT_button_print:active,
775
+ .wpDataTablesWrapper .dt-buttons a.DTTT_button_colvis:active,
776
+ .wpDataTablesWrapper .dt-buttons a.DTTT_button_export:active:hover,
777
+ .wpDataTablesWrapper .dt-buttons a.DTTT_button_print:active:hover,
778
+ .wpDataTablesWrapper .dt-buttons a.DTTT_button_colvis:active:hover,
779
+ .wpDataTablesWrapper .dt-buttons a.DTTT_button_export:visited,
780
+ .wpDataTablesWrapper .dt-buttons a.DTTT_button_print:visited,
781
+ .wpDataTablesWrapper .dt-buttons a.DTTT_button_colvis:visited,
782
+ .wpDataTablesWrapper .dt-buttons a.DTTT_button_export:hover,
783
+ .wpDataTablesWrapper .dt-buttons a.DTTT_button_print:hover,
784
+ .wpDataTablesWrapper .dt-buttons a.DTTT_button_colvis:hover{
785
+ background-color: #000000;
786
+ background-image: none;
787
+ box-shadow:none !important;
788
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
789
+ }
790
+ .wpDataTablesWrapper .dt-buttons a.DTTT_button_spacer,
791
+ .wpDataTablesWrapper .dt-buttons a.DTTT_button_spacer:active{
792
+ opacity: 0;
793
+ background: none;
794
+ }
795
+
796
+ div.dt-button-collection a.dt-button.buttons-excel:before,
797
+ div.dt-button-collection a.dt-button.buttons-csv:before,
798
+ div.dt-button-collection a.dt-button.buttons-copy:before,
799
+ div.dt-button-collection a.dt-button.buttons-pdf:before,
800
+ .wpDataTablesWrapper .DTTT_button.DTTT_button_export:before,
801
+ .wpDataTablesWrapper .DTTT_button.DTTT_button_print:before,
802
+ .wpDataTablesWrapper .DTTT_button.DTTT_button_colvis:before{
803
+ font-family: WPDataTablesIconsPurple !important;
804
+ font-size: 18px;
805
+ font-style: normal;
806
+ font-stretch: normal;
807
+ line-height: normal;
808
+ letter-spacing: normal;
809
+ color: #606266;
810
+ }
811
+
812
+ .wpDataTablesWrapper .DTTT_button.DTTT_button_export:before,
813
+ .wpDataTablesWrapper .DTTT_button.DTTT_button_print:before,
814
+ .wpDataTablesWrapper .DTTT_button.DTTT_button_colvis:before{
815
+ margin-right: 7px;
816
+ color: #ffffff80;
817
+ }
818
+
819
+ .wpDataTablesWrapper .DTTT_button.DTTT_button_export{
820
+ width: 117px;
821
+ order: 3;
822
+ }
823
+
824
+ .wpDataTablesWrapper .DTTT_button.DTTT_button_export:before{
825
+ content: '\e909';
826
+ }
827
+
828
+ .wpDataTablesWrapper .DTTT_button.DTTT_button_export:after,
829
+ .wpDataTablesWrapper .DTTT_button.DTTT_button_colvis:after{
830
+ font-family: WPDataTablesIconsPurple;
831
+ content: "\e903";
832
+ color: #ffffff80;
833
+ position: absolute;
834
+ right: 13px;
835
+ top: 16px;
836
+ font-size: 9px;
837
+ }
838
+ .wpDataTablesWrapper .DTTT_button.DTTT_button_colvis:after{
839
+ color: #ffffff80;
840
+ }
841
+
842
+ .wpDataTablesWrapper .DTTT_button.DTTT_button_print{
843
+ width: 90px;
844
+ order: 2;
845
+ }
846
+
847
+ .wpDataTablesWrapper .DTTT_button.DTTT_button_print:before{
848
+ font-family: WPDataTablesIconsPurple !important;
849
+ content: "\e90e";
850
+ vertical-align: middle;
851
+ }
852
+
853
+ .wpDataTablesWrapper .DTTT_button.DTTT_button_spacer {
854
+ flex-grow: 1;
855
+ order: 4;
856
+ cursor: default;
857
+ border: none !important;
858
+ -webkit-box-shadow: none !important;
859
+ -moz-box-shadow: none !important;
860
+ box-shadow: none !important;
861
+ }
862
+
863
+ div.dt-button-collection a.dt-button.buttons-excel:before{
864
+ content: '\e908';
865
+ vertical-align: middle;
866
+ }
867
+
868
+ div.dt-button-collection a.dt-button.buttons-csv:before{
869
+ content: '\e900';
870
+ vertical-align: middle;
871
+ }
872
+
873
+ div.dt-button-collection a.dt-button.buttons-copy:before{
874
+ content: '\e907';
875
+ vertical-align: middle;
876
+ }
877
+
878
+ div.dt-button-collection a.dt-button.buttons-pdf:before {
879
+ content: '\e90d';
880
+ vertical-align: middle;
881
+ }
882
+
883
+
884
+ .wpDataTablesWrapper .DTTT_button.DTTT_button_colvis{
885
+ width: 131px;
886
+ order: 1;
887
+ }
888
+
889
+
890
+ div.dt-button-collection a.dt-button.buttons-excel span,
891
+ div.dt-button-collection a.dt-button.buttons-csv span,
892
+ div.dt-button-collection a.dt-button.buttons-copy span,
893
+ div.dt-button-collection a.dt-button.buttons-pdf span {
894
+ margin-left: 10px;
895
+ color: #606266;
896
+ vertical-align: bottom;
897
+ }
898
+
899
+ .wpDataTablesWrapper .DTTT_button.DTTT_button_colvis:before{
900
+ content: '\e911';
901
+ color: #ffffff80;
902
+ }
903
+
904
+
905
+ .wpDataTablesWrapper .DTTT_button.DTTT_button_export span,
906
+ .wpDataTablesWrapper .DTTT_button.DTTT_button_print span,
907
+ .wpDataTablesWrapper .DTTT_button.DTTT_button_colvis span{
908
+ color: #ffffff80;
909
+ vertical-align: middle;
910
+ }
911
+ .wpDataTablesWrapper .DTTT_button.DTTT_button_colvis span{
912
+ color: #ffffff80;
913
+ }
914
+
915
+
916
+ /* Export buttons - collection */
917
+
918
+ div.dt-button-collection {
919
+ position: absolute;
920
+ top: 100%;
921
+ left: 0;
922
+ z-index: 9999;
923
+ display: none;
924
+ float: left;
925
+ min-width: 160px;
926
+ padding: 0;
927
+ margin: 2px 0 0;
928
+ list-style: none;
929
+ font-size: 13px;
930
+ text-align: left;
931
+ background-color: #1a1a1a;
932
+ border: 1px solid transparent;
933
+ -webkit-border-radius: 2px;
934
+ -moz-border-radius: 2px;
935
+ border-radius: 2px;
936
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
937
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
938
+ background-clip: padding-box;
939
+ }
940
+
941
+
942
+
943
+ div.dt-button-collection a.dt-button {
944
+ border: 0;
945
+ padding: 10px 16px;
946
+ text-align: left;
947
+ background-color: #1a1a1a;
948
+ outline: none;
949
+ margin: 0;
950
+ text-transform: uppercase;
951
+ }
952
+
953
+ div.dt-button-collection a.dt-button:hover:not(.buttons-columnVisibility) {
954
+ background-color: #262626;
955
+ text-decoration: none;
956
+ border: none;
957
+ }
958
+
959
+ div.dt-button-collection a.dt-button:hover:not(.buttons-columnVisibility) span {
960
+ color: #ffffff;
961
+ opacity: 1;
962
+ text-transform: uppercase;
963
+ }
964
+ div.dt-button-collection a.dt-button:not(.buttons-columnVisibility) span {
965
+ text-transform: uppercase;
966
+ }
967
+
968
+
969
+ div.dt-button-collection a.dt-button:hover:not(.buttons-columnVisibility):before {
970
+ color: #ffffff;
971
+ opacity: 1;
972
+ }
973
+
974
+ div.dt-button-background {
975
+ position: fixed;
976
+ top: 0;
977
+ left: 0;
978
+ width: 100%;
979
+ height: 100%;
980
+ background: rgba(0,0,0,0.2);
981
+ z-index: 2001;
982
+ }
983
+
984
+ div.dt-button-collection a.dt-button.buttons-columnVisibility {
985
+ margin: 0 16px;
986
+ }
987
+
988
+ div.dt-button-collection a.dt-button.buttons-columnVisibility,
989
+ div.dt-button-collection a.dt-button.buttons-excel,
990
+ div.dt-button-collection a.dt-button.buttons-csv,
991
+ div.dt-button-collection a.dt-button.buttons-pdf,
992
+ div.dt-button-collection a.dt-button.buttons-copy{
993
+ height: 43px;
994
+ font-family: Roboto;
995
+ font-size: 14px;
996
+ font-weight: 500;
997
+ font-style: normal;
998
+ font-stretch: normal;
999
+ line-height: normal;
1000
+ letter-spacing: normal;
1001
+ color: #606266;
1002
+ border-bottom: 1px solid #353535;
1003
+ -webkit-border-radius: 0 !important;
1004
+ -moz-border-radius: 0 !important;
1005
+ border-radius: 0 !important;
1006
+ cursor: pointer;
1007
+ background-image: none;
1008
+ }
1009
+
1010
+
1011
+ div.dt-button-collection a.dt-button.active:not(.disabled) {
1012
+ background-color: transparent;
1013
+ color: #ffffff !important;
1014
+ border-color: #353535;
1015
+
1016
+ }
1017
+
1018
+ div.dt-button-collection a.dt-button.buttons-columnVisibility:last-child,
1019
+ .dt-button-collection a.dt-button:last-child {
1020
+ border-bottom: none;
1021
+ }
1022
+
1023
+ div.dt-button-collection a.dt-button.buttons-excel:active,
1024
+ div.dt-button-collection a.dt-button.buttons-csv:active,
1025
+ div.dt-button-collection a.dt-button.buttons-pdf:active,
1026
+ div.dt-button-collection a.dt-button.buttons-copy:active,
1027
+ div.dt-button-collection a.dt-button.buttons-columnVisibility:active,
1028
+ div.dt-button-collection a.dt-button.buttons-columnVisibility:visited {
1029
+ outline:none;
1030
+ border-bottom: 1px solid #353535 !important;
1031
+ background-color: #1a1a1a;
1032
+ }
1033
+
1034
+ div.dt-button-collection a.dt-button:last-child {
1035
+ border-bottom: none;
1036
+ }
1037
+
1038
+ .dt-button-collection a.dt-button.buttons-columnVisibility span {
1039
+ margin-left: 25px;
1040
+ line-height: 20px;
1041
+ }
1042
+
1043
+ div.dt-button-collection a.dt-button.buttons-columnVisibility.active:before {
1044
+ position: absolute;
1045
+ content: "\f26a";
1046
+ font-size: 19px;
1047
+ color: #606fc7;
1048
+ font-family: 'Material-Design-Iconic-Font';
1049
+ -webkit-transform: scale(1);
1050
+ -ms-transform: scale(1);
1051
+ -o-transform: scale(1);
1052
+ transform: scale(1);
1053
+ }
1054
+ div.dt-button-collection a.dt-button.buttons-columnVisibility.active:after {
1055
+ position: absolute;
1056
+ content: "\f26b";
1057
+ font-size: 15px;
1058
+ font-weight: 600;
1059
+ color: #ffffff;
1060
+ font-family: 'Material-Design-Iconic-Font';
1061
+ -webkit-transform: scale(1);
1062
+ -ms-transform: scale(1);
1063
+ -o-transform: scale(1);
1064
+ transform: scale(1);
1065
+ left: 18px;
1066
+ top: 13px;
1067
+ }
1068
+
1069
+ div.dt-button-collection a.dt-button.buttons-columnVisibility:before {
1070
+ position: absolute;
1071
+ content: "\f279";
1072
+ font-size: 19px;
1073
+ color: #323232;
1074
+ font-family: 'Material-Design-Iconic-Font';
1075
+ -webkit-transform: scale(1);
1076
+ -ms-transform: scale(1);
1077
+ -o-transform: scale(1);
1078
+ transform: scale(1);
1079
+ }
1080
+
1081
+ /* Clipboard */
1082
+
1083
+ .wpdt-c div.dt-button-info, div.dt-button-info {
1084
+ width: 264px;
1085
+ position: fixed;
1086
+ top: 50%;
1087
+ left: 50%;
1088
+ height: 52px;
1089
+ border: 2px solid #4f5dba;
1090
+ -webkit-border-radius: 26px;
1091
+ -moz-border-radius: 26px;
1092
+ border-radius: 26px;
1093
+ box-shadow: 0 18px 18px 0 rgba(10, 31, 68, 0.12), 0 0 1px 0 rgba(10, 31, 68, 0.1);
1094
+ background-color: #606fc7;
1095
+ margin-top: 0;
1096
+ margin-left: 0;
1097
+ line-height: normal;
1098
+ text-align: center;
1099
+ z-index: 9999;
1100
+ }
1101
+
1102
+ .wpdt-c div.dt-button-info:before, div.dt-button-info:before{
1103
+ position: absolute;
1104
+ font-family: WPDataTablesIconsPurple;
1105
+ content: '\e905';
1106
+ left: 7px;
1107
+ top:6px;
1108
+ color: #4f5dba;
1109
+ font-size: 36px;
1110
+ }
1111
+
1112
+ .wpdt-c div.dt-button-info:after, div.dt-button-info:after{
1113
+ position: absolute;
1114
+ font-family: WPDataTablesIconsPurple;
1115
+ content: '\e906';
1116
+ left: 8px;
1117
+ top: 6px;
1118
+ font-size: 35px;
1119
+ color: #ffffff;
1120
+ }
1121
+
1122
+ .wpdt-c div.dt-button-info h2, div.dt-button-info h2{
1123
+ font-family: GraphikWeb;
1124
+ font-size: 14px;
1125
+ font-weight: 500;
1126
+ font-style: normal;
1127
+ font-stretch: normal;
1128
+ line-height: 1.43;
1129
+ letter-spacing: normal;
1130
+ color: #ffffff;
1131
+ padding: 0;
1132
+ margin: 15px auto;
1133
+ border-bottom: 1px solid #606fc7;
1134
+ background-color: transparent;
1135
+ }
1136
+
1137
+ .wpdt-c div.dt-button-info > div, div.dt-button-info > div {
1138
+ display: none;
1139
+ }
1140
+
1141
+ @media screen and (max-width: 769px) {
1142
+
1143
+ .wpDataTablesWrapper table.wpDataTable td {
1144
+ padding: 17px 20px 17px 10px;
1145
+ }
1146
+
1147
+ .wpDataTablesWrapper .dataTables_info,
1148
+ .wpDataTablesWrapper .dataTables_paginate.paging_full_numbers{
1149
+ text-align: center !important;
1150
+ float: none;
1151
+ margin-left: 0;
1152
+ margin-right: 0;
1153
+ }
1154
+ .wpDataTablesWrapper .dataTables_info {
1155
+ margin-bottom: 10px;
1156
+ }
1157
+
1158
+ .wpDataTablesWrapper .DTTT_button.DTTT_button_colvis {
1159
+ width: 68px;
1160
+ }
1161
+ .wpDataTablesWrapper .DTTT_button.DTTT_button_print {
1162
+ width: 52px;
1163
+ }
1164
+ .wpDataTablesWrapper .DTTT_button.DTTT_button_export {
1165
+ width: 67px;
1166
+ }
1167
+
1168
+ .wpDataTablesWrapper .DTTT_button.DTTT_button_colvis span,
1169
+ .wpDataTablesWrapper .DTTT_button.DTTT_button_print span,
1170
+ .wpDataTablesWrapper .DTTT_button.DTTT_button_export span
1171
+ {
1172
+ display: none;
1173
+ }
1174
+ .wpDataTablesWrapper .DTTT_button.DTTT_button_colvis:before,
1175
+ .wpDataTablesWrapper .DTTT_button.DTTT_button_export:before {
1176
+ margin-right: 15px;
1177
+ }
1178
+ .wpDataTablesWrapper .DTTT_button.DTTT_button_print:before {
1179
+ margin-right: 0;
1180
+ }
1181
+ .wpDataTablesWrapper .DTTT_button.DTTT_button_export:before,
1182
+ .wpDataTablesWrapper .DTTT_button.DTTT_button_print:before,
1183
+ .wpDataTablesWrapper .DTTT_button.DTTT_button_colvis:before{
1184
+ margin-left:0;
1185
+ margin-right: 7px;
1186
+ }
1187
+
1188
+ .wpDataTablesWrapper div.dt-buttons {
1189
+ margin-bottom: 17px;
1190
+ margin-left: 0;
1191
+ padding-right: 0;
1192
+ margin-top: 10px;
1193
+ }
1194
+
1195
+ .wpDataTablesWrapper .dt-buttons a.DTTT_button {
1196
+ margin-right: 7px;
1197
+ padding: 10px 8px;
1198
+ }
1199
+
1200
+
1201
+ }
1202
+
1203
+ @media screen and (max-width: 640px) {
1204
+ .wpDataTablesWrapper div.dt-buttons {
1205
+ display: flex;
1206
+ flex-wrap: wrap;
1207
+ float: none;
1208
+ }
1209
+
1210
+ .wpDataTablesWrapper .DTTT_button.DTTT_button_colvis {
1211
+ order: 1;
1212
+ }
1213
+
1214
+ .wpDataTablesWrapper .DTTT_button.DTTT_button_print{
1215
+ order: 2;
1216
+ }
1217
+
1218
+ .wpDataTablesWrapper .DTTT_button.DTTT_button_export {
1219
+ order: 3;
1220
+ }
1221
+
1222
+
1223
+ .wpDataTablesWrapper .DTTT_button.DTTT_button_colvis,
1224
+ .wpDataTablesWrapper .DTTT_button.DTTT_button_print,
1225
+ .wpDataTablesWrapper .DTTT_button.DTTT_button_export{
1226
+ margin-bottom: 12px;
1227
+ }
1228
+
1229
+
1230
+ .wpDataTablesWrapper .dataTables_info {
1231
+ width: 100%;
1232
+ margin: 0 auto;
1233
+ padding-bottom: 12px;
1234
+ }
1235
+
1236
+ .wpDataTablesWrapper .dataTables_filter,
1237
+ .wpDataTablesWrapper .dataTables_length,
1238
+ .wpDataTablesWrapper .dataTables_info,
1239
+ .wpDataTablesWrapper .dataTables_paginate.paging_full_numbers{
1240
+ text-align: center !important;
1241
+ float: none;
1242
+ }
1243
+
1244
+ .wpDataTablesWrapper .dataTables_paginate.paging_full_numbers,
1245
+ .wpDataTablesWrapper .dataTables_length {
1246
+ margin-right: 0;
1247
+ }
1248
+
1249
+ .wpDataTablesWrapper .dataTables_paginate.paging_full_numbers {
1250
+ margin-top: 0;
1251
+ }
1252
+
1253
+ .wpDataTablesWrapper .dataTables_filter {
1254
+ margin-left: 0;
1255
+ }
1256
+
1257
+ .wpdt-c .wpDataTablesWrapper .dataTables_info {
1258
+ margin-left: 0;
1259
+ margin-bottom: 10px;
1260
+ }
1261
+
1262
+
1263
+ .wpdt-c .wpDataTablesWrapper .dataTables_paginate .paginate_button,
1264
+ .wpdt-c .wpDataTablesWrapper .dataTables_paginate .ellipsis,
1265
+ .wpdt-c .wpDataTablesWrapper .dataTables_paginate .paginate_button.current{
1266
+ min-width: 30px;
1267
+ }
1268
+
1269
+ }
1270
+
1271
+ @media screen and (max-width: 376px) {
1272
+
1273
+ .wpdt-c .wpDataTablesWrapper .dataTables_paginate .paginate_button,
1274
+ .wpdt-c .wpDataTablesWrapper .dataTables_paginate .ellipsis,
1275
+ .wpdt-c .wpDataTablesWrapper .dataTables_paginate .paginate_button.current{
1276
+ min-width: 25px;
1277
+ }
1278
+ }
1279
+
assets/css/wdt-skins/purple.css ADDED
@@ -0,0 +1,1221 @@
1
+ /*
2
+ * WPDataTables Purple skin styles
3
+ */
4
+
5
+ @import url('https://fonts.googleapis.com/css?family=Roboto:400,500');
6
+
7
+ @font-face {
8
+ font-family: WPDataTablesIconsPurple;
9
+ font-style: normal;
10
+ font-stretch: normal;
11
+ src: url(../../fonts/wpdatatablesiconsaqua-base.eot);
12
+ src: url(../../fonts/wpdatatablesiconsaqua-base.eot?#iefix) format('embedded-opentype'), url(../../fonts/wpdatatablesiconsaqua-base.woff) format('woff'), url(../../fonts/wpdatatablesiconsaqua-base.ttf) format('truetype'), url(../../fonts/wpdatatablesiconsaqua-base.svg#wpdatatablesiconsaqua-base) format('svg');
13
+ }
14
+ /* Table */
15
+
16
+ .wpDataTablesWrapper {
17
+ margin-bottom: 0;
18
+ background: #ffffff;
19
+ padding: 0 16px 16px 16px;
20
+ }
21
+
22
+ .wpDataTablesWrapper table.wpDataTable {
23
+ margin-bottom: 12px;
24
+ }
25
+
26
+ .wpdt-c .wpDataTablesWrapper .dropdown-menu>li>a {
27
+ box-shadow: none !important;
28
+ }
29
+
30
+ .wpdt-c .wpDataTableContainer {
31
+ background:none;
32
+ }
33
+
34
+ div#wpdatatable-preview-container.wpDataTablesWrapper,
35
+ div#wpdatatable-preview-container.wpDataTablesWrapper .wpDataTablesWrapper
36
+ {
37
+ background: #ffffff;
38
+ padding: 0;
39
+ }
40
+
41
+ /* Above the table */
42
+
43
+ /* Display length and Global search */
44
+
45
+ .wpdt-c .wpDataTablesWrapper .dataTables_length,
46
+ .wpdt-c .wpDataTablesWrapper .dataTables_filter{
47
+ font-size: 13px;
48
+ margin-bottom: 10px;
49
+ }
50
+
51
+ .wpdt-c .wpDataTablesWrapper .dataTables_length {
52
+ float: right;
53
+ margin-right: 16px;
54
+ }
55
+
56
+ .wpdt-c .wpDataTablesWrapper .dataTables_length label {
57
+ font-family: Roboto;
58
+ font-size: 13px;
59
+ font-weight: normal;
60
+ font-style: normal;
61
+ font-stretch: normal;
62
+ line-height: 1.08;
63
+ letter-spacing: normal;
64
+ color: #5e6166;
65
+ }
66
+
67
+ .wpdt-c .wpDataTablesWrapper .dataTables_filter{
68
+ float: left;
69
+ }
70
+
71
+ .wpdt-c .wpDataTablesWrapper .dataTables_filter label{
72
+ position: relative;
73
+ font-weight: normal;
74
+ }
75
+ .wpdt-c .wpDataTablesWrapper .dataTables_filter label .wdt-search-icon {
76
+ position: relative;
77
+ line-height: normal;
78
+ font-weight: normal;
79
+ }
80
+ .wpdt-c .wpDataTablesWrapper .dataTables_filter label .wdt-search-icon:before{
81
+ font-family: WPDataTablesIconsPurple;
82
+ content: '\e901';
83
+ position: absolute;
84
+ top: -3px;
85
+ left: 10px;
86
+ font-size: 22px;
87
+ color: #d3dce6;
88
+ font-weight: normal;
89
+ }
90
+
91
+ .wpdt-c .wpDataTablesWrapper .dataTables_filter input.form-control{
92
+ border-radius: 4px;
93
+ border: solid 1px #dcdfe6;
94
+ padding-left: 15px;
95
+
96
+ }
97
+
98
+ .wpdt-c .wpDataTablesWrapper .dataTables_filter input[type="search"] {
99
+ padding: 12px 0 12px 36px !important;
100
+ width: 361px;
101
+ min-width: 208px;
102
+ opacity: 0.5;
103
+ }
104
+
105
+ .wpdt-c .wpDataTablesWrapper .dataTables_filter input[type="search"],
106
+ .wpdt-c .wpDataTablesWrapper .dataTables_length label {
107
+ font-family: Roboto;
108
+ font-size: 13px;
109
+ font-weight: normal;
110
+ font-style: normal;
111
+ font-stretch: normal;
112
+ line-height: 1.08;
113
+ letter-spacing: normal;
114
+ color: #606266;
115
+
116
+ }
117
+
118
+ .wpdt-c .wpDataTablesWrapper .dataTables_length .bootstrap-select > .btn-default:before{
119
+ font-family: WPDataTablesIconsPurple;
120
+ content: "\e903";
121
+ color: #606266;
122
+ position: absolute;
123
+ right: 6px;
124
+ top: 12px;
125
+ font-size: 9px;
126
+ height: 0;
127
+ width: 0;
128
+ background-image: none;
129
+ }
130
+
131
+ .wpdt-c .wpDataTablesWrapper .dataTables_length .bootstrap-select.length_menu {
132
+ width: 180px;
133
+ padding: 0 5px;
134
+ border-radius: 4px;
135
+ border: solid 1px #dcdfe6;
136
+ }
137
+
138
+ .wpdt-c .wpDataTablesWrapper .dataTables_length .bootstrap-select.btn-group .dropdown-menu {
139
+ left: -1px;
140
+ padding: 0;
141
+ }
142
+
143
+ .wpdt-c .wpDataTablesWrapper .dataTables_length .bootstrap-select.btn-group ul.dropdown-menu {
144
+ width: 180px;
145
+ font-family: Roboto;
146
+ font-size: 14px;
147
+ }
148
+
149
+ .wpdt-c .wpDataTablesWrapper .dataTables_length .bootstrap-select.length_menu ul.dropdown-menu li{
150
+ border-bottom: 1px solid #ebeef5;
151
+ margin:0 16px;
152
+ }
153
+
154
+ .wpdt-c .wpDataTablesWrapper .dataTables_length .bootstrap-select.length_menu ul.dropdown-menu li:last-child {
155
+ border-bottom: none;
156
+ }
157
+
158
+ .wpdt-c .wpDataTablesWrapper .dataTables_length .bootstrap-select.length_menu ul.dropdown-menu li.selected a span.text{
159
+ color: #606fc7;
160
+ background: #ffffff;
161
+ }
162
+
163
+ .wpdt-c .wpDataTablesWrapper .dataTables_length .bootstrap-select.length_menu ul.dropdown-menu li a span.text{
164
+ font-weight: 500;
165
+ font-style: normal;
166
+ font-stretch: normal;
167
+ line-height: normal;
168
+ letter-spacing: normal;
169
+ color: #606266;
170
+ }
171
+
172
+ .wpdt-c .wpDataTablesWrapper .dataTables_length .bootstrap-select.length_menu .dropdown-menu>li>a {
173
+ padding: 14px 0;
174
+ background: #ffffff;
175
+ }
176
+ .wpdt-c .wpDataTablesWrapper .dataTables_length .bootstrap-select .selected .check-mark {
177
+ margin-top: 0 !important;
178
+ right: 1px;
179
+ }
180
+ .wpdt-c .wpDataTablesWrapper .dataTables_length .bootstrap-select .check-mark:before {
181
+ content: '\f26a';
182
+ color: #606fc7;
183
+ }
184
+
185
+ /* Table info */
186
+
187
+ .wpdt-c .wpDataTablesWrapper .dataTables_info {
188
+ font-size: 14px;
189
+ margin-left: 20px;
190
+ margin-top: 14px;
191
+ padding: 0;
192
+ }
193
+
194
+ /* Table Header */
195
+
196
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable > thead > tr > th,
197
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable thead th.sorting,
198
+ .wpdt-c .wpDataTablesWrapper .wdt-checkbox-filter.btn {
199
+ background-color: #606fc7; /* th background color */
200
+ border-color: #606fc7; /* th border color */
201
+ color: #FFFFFF; /* th font color */
202
+ padding: 17px 16px;
203
+ text-align: left;
204
+ cursor: pointer;
205
+ font-weight: normal;
206
+ font-style: normal;
207
+ font-stretch: normal;
208
+ line-height: 1;
209
+ letter-spacing: normal;
210
+ }
211
+ .wpdt-c .wpDataTablesWrapper .wdt-checkbox-filter.btn {
212
+ text-align: center;
213
+ }
214
+
215
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable > thead > tr:nth-child(2) > th,
216
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable > thead > tr:nth-child(2) > th:first-child
217
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable > thead > tr:nth-child(2) > th:last-child{
218
+ background-color: #ffffff; /* th background color */
219
+ border-color: #f5f7fa; /* th border color */
220
+ color: #000000;
221
+ }
222
+
223
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable > thead > tr:nth-child(2) > th {
224
+ border-left: none;
225
+ border-right: none;
226
+ }
227
+
228
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable > thead > tr:nth-child(2) > th:first-child {
229
+ border-right: none;
230
+ border-left: 1px solid #f5f7fa;
231
+ }
232
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable > thead > tr:nth-child(2) > th:last-child {
233
+ border-left: none;
234
+ border-right: 1px solid #f5f7fa;
235
+ }
236
+
237
+ .wpdt-c .wpDataTablesWrapper table.wpDataTable thead tr th {
238
+ -o-transition:.5s;
239
+ -ms-transition:.5s;
240
+ -moz-transition:.5s;
241
+ -webkit-transition:.5s;
242
+ transition:.5s;
243
+ }
244
+
245
+
246