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{