1@keyframes dtb-spinner {
2  100% {
3    transform: rotate(360deg);
4  }
5}
6@-o-keyframes dtb-spinner {
7  100% {
8    -o-transform: rotate(360deg);
9    transform: rotate(360deg);
10  }
11}
12@-ms-keyframes dtb-spinner {
13  100% {
14    -ms-transform: rotate(360deg);
15    transform: rotate(360deg);
16  }
17}
18@-webkit-keyframes dtb-spinner {
19  100% {
20    -webkit-transform: rotate(360deg);
21    transform: rotate(360deg);
22  }
23}
24@-moz-keyframes dtb-spinner {
25  100% {
26    -moz-transform: rotate(360deg);
27    transform: rotate(360deg);
28  }
29}
30div.dataTables_wrapper {
31  position: relative;
32}
33
34div.dt-buttons {
35  position: initial;
36}
37div.dt-buttons .dt-button {
38  overflow: hidden;
39  text-overflow: ellipsis;
40}
41
42div.dt-button-info {
43  position: fixed;
44  top: 50%;
45  left: 50%;
46  width: 400px;
47  margin-top: -100px;
48  margin-left: -200px;
49  background-color: white;
50  border-radius: 0.75em;
51  box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.8);
52  text-align: center;
53  z-index: 2003;
54  overflow: hidden;
55}
56div.dt-button-info h2 {
57  padding: 2rem 2rem 1rem 2rem;
58  margin: 0;
59  font-weight: normal;
60}
61div.dt-button-info > div {
62  padding: 1em 2em 2em 2em;
63}
64
65div.dtb-popover-close {
66  position: absolute;
67  top: 6px;
68  right: 6px;
69  width: 22px;
70  height: 22px;
71  text-align: center;
72  border-radius: 3px;
73  cursor: pointer;
74  z-index: 2003;
75}
76
77button.dtb-hide-drop {
78  display: none !important;
79}
80
81div.dt-button-collection-title {
82  text-align: center;
83  padding: 0.3em 0 0.5em;
84  margin-left: 0.5em;
85  margin-right: 0.5em;
86  font-size: 0.9em;
87}
88
89div.dt-button-collection-title:empty {
90  display: none;
91}
92
93span.dt-button-spacer {
94  display: inline-block;
95  margin: 0.5em;
96  white-space: nowrap;
97}
98span.dt-button-spacer.bar {
99  border-left: 1px solid rgba(0, 0, 0, 0.3);
100  vertical-align: middle;
101  padding-left: 0.5em;
102}
103span.dt-button-spacer.bar:empty {
104  height: 1em;
105  width: 1px;
106  padding-left: 0;
107}
108
109div.dt-button-collection .dt-button-active {
110  padding-right: 3em;
111}
112div.dt-button-collection .dt-button-active:after {
113  position: absolute;
114  top: 50%;
115  margin-top: -10px;
116  right: 1em;
117  display: inline-block;
118  content: "✓";
119  color: inherit;
120}
121div.dt-button-collection .dt-button-active.dt-button-split {
122  padding-right: 0;
123}
124div.dt-button-collection .dt-button-active.dt-button-split:after {
125  display: none;
126}
127div.dt-button-collection .dt-button-active.dt-button-split > *:first-child {
128  padding-right: 3em;
129}
130div.dt-button-collection .dt-button-active.dt-button-split > *:first-child:after {
131  position: absolute;
132  top: 50%;
133  margin-top: -10px;
134  right: 1em;
135  display: inline-block;
136  content: "✓";
137  color: inherit;
138}
139div.dt-button-collection .dt-button-active-a a {
140  padding-right: 3em;
141}
142div.dt-button-collection .dt-button-active-a a:after {
143  position: absolute;
144  right: 1em;
145  display: inline-block;
146  content: "✓";
147  color: inherit;
148}
149div.dt-button-collection span.dt-button-spacer {
150  width: 100%;
151  font-size: 0.9em;
152  text-align: center;
153  margin: 0.5em 0;
154}
155div.dt-button-collection span.dt-button-spacer:empty {
156  height: 0;
157  width: 100%;
158}
159div.dt-button-collection span.dt-button-spacer.bar {
160  border-left: none;
161  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
162  padding-left: 0;
163}
164
165html.dark div.dt-button-info {
166  background-color: var(--dt-html-background);
167  border: 1px solid rgba(255, 255, 255, 0.15);
168}
169
170div.dt-buttons {
171  position: relative;
172  float: left;
173}
174div.dt-buttons .dt-button {
175  white-space: nowrap;
176  overflow: hidden;
177  text-overflow: ellipsis;
178  margin-right: 0;
179}
180div.dt-buttons .dt-button span.ui-icon {
181  display: inline-block;
182  vertical-align: middle;
183  margin-top: -2px;
184}
185div.dt-buttons .dt-button.processing {
186  color: rgba(0, 0, 0, 0.2);
187}
188div.dt-buttons .dt-button.processing:after {
189  position: absolute;
190  top: 50%;
191  left: 50%;
192  width: 16px;
193  height: 16px;
194  margin: -8px 0 0 -8px;
195  box-sizing: border-box;
196  display: block;
197  content: " ";
198  border: 2px solid rgb(40, 40, 40);
199  border-radius: 50%;
200  border-left-color: transparent;
201  border-right-color: transparent;
202  animation: dtb-spinner 1500ms infinite linear;
203  -o-animation: dtb-spinner 1500ms infinite linear;
204  -ms-animation: dtb-spinner 1500ms infinite linear;
205  -webkit-animation: dtb-spinner 1500ms infinite linear;
206  -moz-animation: dtb-spinner 1500ms infinite linear;
207}
208div.dt-buttons .dt-button:active {
209  outline: none;
210}
211
212div.dt-button-collection {
213  position: absolute;
214  top: 0;
215  left: 0;
216  width: 150px;
217  margin-top: 3px;
218  padding: 8px 8px 4px 8px;
219  border: 1px solid #ccc;
220  border: 1px solid rgba(0, 0, 0, 0.4);
221  background-color: #f3f3f3;
222  overflow: hidden;
223  z-index: 2002;
224  border-radius: 5px;
225  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
226  z-index: 2002;
227  column-gap: 0;
228}
229div.dt-button-collection .dt-button {
230  position: relative;
231  left: 0;
232  right: 0;
233  width: 100%;
234  box-sizing: border-box;
235  text-align: left;
236  display: block;
237  float: none;
238  margin-right: 0;
239  margin-bottom: 4px;
240}
241div.dt-button-collection .dt-button-split {
242  width: 100%;
243}
244div.dt-button-collection.fixed {
245  position: fixed;
246  display: block;
247  top: 50%;
248  left: 50%;
249  margin-left: -75px;
250  border-radius: 5px;
251  background-color: white;
252  padding: 0.5em;
253}
254div.dt-button-collection.fixed.two-column {
255  margin-left: -200px;
256}
257div.dt-button-collection.fixed.three-column {
258  margin-left: -225px;
259}
260div.dt-button-collection.fixed.four-column {
261  margin-left: -300px;
262}
263div.dt-button-collection.fixed.columns {
264  margin-left: -409px;
265}
266@media screen and (max-width: 1024px) {
267  div.dt-button-collection.fixed.columns {
268    margin-left: -308px;
269  }
270}
271@media screen and (max-width: 640px) {
272  div.dt-button-collection.fixed.columns {
273    margin-left: -203px;
274  }
275}
276@media screen and (max-width: 460px) {
277  div.dt-button-collection.fixed.columns {
278    margin-left: -100px;
279  }
280}
281div.dt-button-collection.fixed > :last-child {
282  max-height: 100vh;
283  overflow: auto;
284}
285div.dt-button-collection.two-column > :last-child, div.dt-button-collection.three-column > :last-child, div.dt-button-collection.four-column > :last-child {
286  display: block !important;
287  -webkit-column-gap: 8px;
288  -moz-column-gap: 8px;
289  -ms-column-gap: 8px;
290  -o-column-gap: 8px;
291  column-gap: 8px;
292}
293div.dt-button-collection.two-column > :last-child > *, div.dt-button-collection.three-column > :last-child > *, div.dt-button-collection.four-column > :last-child > * {
294  -webkit-column-break-inside: avoid;
295  break-inside: avoid;
296}
297div.dt-button-collection.two-column {
298  width: 400px;
299}
300div.dt-button-collection.two-column > :last-child {
301  padding-bottom: 1px;
302  column-count: 2;
303}
304div.dt-button-collection.three-column {
305  width: 450px;
306}
307div.dt-button-collection.three-column > :last-child {
308  padding-bottom: 1px;
309  column-count: 3;
310}
311div.dt-button-collection.four-column {
312  width: 600px;
313}
314div.dt-button-collection.four-column > :last-child {
315  padding-bottom: 1px;
316  column-count: 4;
317}
318div.dt-button-collection .dt-button {
319  border-radius: 0;
320}
321div.dt-button-collection.columns {
322  width: auto;
323}
324div.dt-button-collection.columns > :last-child {
325  display: flex;
326  flex-wrap: wrap;
327  justify-content: flex-start;
328  align-items: center;
329  gap: 6px;
330  width: 818px;
331  padding-bottom: 1px;
332}
333div.dt-button-collection.columns > :last-child .dt-button {
334  min-width: 200px;
335  flex: 0 1;
336  margin: 0;
337}
338div.dt-button-collection.columns.dtb-b3 > :last-child, div.dt-button-collection.columns.dtb-b2 > :last-child, div.dt-button-collection.columns.dtb-b1 > :last-child {
339  justify-content: space-between;
340}
341div.dt-button-collection.columns.dtb-b3 .dt-button {
342  flex: 1 1 32%;
343}
344div.dt-button-collection.columns.dtb-b2 .dt-button {
345  flex: 1 1 48%;
346}
347div.dt-button-collection.columns.dtb-b1 .dt-button {
348  flex: 1 1 100%;
349}
350@media screen and (max-width: 1024px) {
351  div.dt-button-collection.columns > :last-child {
352    width: 612px;
353  }
354}
355@media screen and (max-width: 640px) {
356  div.dt-button-collection.columns > :last-child {
357    width: 406px;
358  }
359  div.dt-button-collection.columns.dtb-b3 .dt-button {
360    flex: 0 1 32%;
361  }
362}
363@media screen and (max-width: 460px) {
364  div.dt-button-collection.columns > :last-child {
365    width: 200px;
366  }
367}
368
369div.dt-button-split {
370  display: inline-flex;
371  vertical-align: middle;
372}
373div.dt-button-split:hover {
374  border: none;
375}
376div.dt-button-split button:first-child {
377  border-top-right-radius: 0;
378  border-bottom-right-radius: 0;
379}
380div.dt-button-split button:last-child {
381  padding: 0.4em 1em;
382  width: 24px;
383  margin-left: -1px;
384}
385div.dt-button-split button:last-child span {
386  margin-left: -7px;
387}
388
389div.dt-button-background {
390  position: fixed;
391  top: 0;
392  left: 0;
393  width: 100%;
394  height: 100%;
395  background: rgba(0, 0, 0, 0.7); /* Fallback */
396  background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */
397  z-index: 2001;
398}
399
400@media screen and (max-width: 640px) {
401  div.dt-buttons {
402    float: none !important;
403    text-align: center;
404  }
405}
406