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 float: left; 172} 173div.dt-buttons.buttons-right { 174 float: right; 175} 176 177div.dataTables_layout_cell div.dt-buttons { 178 float: none; 179} 180div.dataTables_layout_cell div.dt-buttons.buttons-right { 181 float: none; 182} 183 184div.dt-buttons > .dt-button, 185div.dt-buttons > div.dt-button-split .dt-button { 186 position: relative; 187 display: inline-block; 188 box-sizing: border-box; 189 margin-left: 0.167em; 190 margin-right: 0.167em; 191 margin-bottom: 0.333em; 192 padding: 0.5em 1em; 193 border: 1px solid rgba(0, 0, 0, 0.3); 194 border-radius: 2px; 195 cursor: pointer; 196 font-size: 0.88em; 197 line-height: 1.6em; 198 color: inherit; 199 white-space: nowrap; 200 overflow: hidden; 201 background-color: rgba(0, 0, 0, 0.1); /* Fallback */ 202 background: linear-gradient(to bottom, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%); 203 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="rgba(230, 230, 230, 0.1)", EndColorStr="rgba(0, 0, 0, 0.1)"); 204 -webkit-user-select: none; 205 -moz-user-select: none; 206 -ms-user-select: none; 207 user-select: none; 208 text-decoration: none; 209 outline: none; 210 text-overflow: ellipsis; 211} 212div.dt-buttons > .dt-button:first-child, 213div.dt-buttons > div.dt-button-split .dt-button:first-child { 214 margin-left: 0; 215} 216div.dt-buttons > .dt-button.disabled, 217div.dt-buttons > div.dt-button-split .dt-button.disabled { 218 cursor: default; 219 opacity: 0.4; 220} 221div.dt-buttons > .dt-button.dt-button-active:not(.disabled), 222div.dt-buttons > div.dt-button-split .dt-button.dt-button-active:not(.disabled) { 223 background-color: rgba(0, 0, 0, 0.1); /* Fallback */ 224 background: linear-gradient(to bottom, rgba(179, 179, 179, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%); 225 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="rgba(179, 179, 179, 0.1)", EndColorStr="rgba(0, 0, 0, 0.1)"); 226 box-shadow: inset 1px 1px 3px #999999; 227} 228div.dt-buttons > .dt-button.dt-button-active:not(.disabled):hover:not(.disabled), 229div.dt-buttons > div.dt-button-split .dt-button.dt-button-active:not(.disabled):hover:not(.disabled) { 230 box-shadow: inset 1px 1px 3px #999999; 231 background-color: rgba(0, 0, 0, 0.1); /* Fallback */ 232 background: linear-gradient(to bottom, rgba(128, 128, 128, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%); 233 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="rgba(128, 128, 128, 0.1)", EndColorStr="rgba(0, 0, 0, 0.1)"); 234} 235div.dt-buttons > .dt-button:hover, 236div.dt-buttons > div.dt-button-split .dt-button:hover { 237 text-decoration: none; 238} 239div.dt-buttons > .dt-button:hover:not(.disabled), 240div.dt-buttons > div.dt-button-split .dt-button:hover:not(.disabled) { 241 border: 1px solid #666; 242 background-color: rgba(0, 0, 0, 0.1); /* Fallback */ 243 background: linear-gradient(to bottom, rgba(153, 153, 153, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%); 244 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="rgba(153, 153, 153, 0.1)", EndColorStr="rgba(0, 0, 0, 0.1)"); 245} 246div.dt-buttons > .dt-button:focus:not(.disabled), 247div.dt-buttons > div.dt-button-split .dt-button:focus:not(.disabled) { 248 outline: 2px solid rgb(53, 132, 228); 249} 250div.dt-buttons > .dt-button embed, 251div.dt-buttons > div.dt-button-split .dt-button embed { 252 outline: none; 253} 254div.dt-buttons > div.dt-button-split .dt-button:first-child { 255 border-right: 1px solid rgba(0, 0, 0, 0.15); 256 border-top-right-radius: 0; 257 border-bottom-right-radius: 0; 258} 259div.dt-buttons > div.dt-button-split .dt-button:first-child:hover { 260 border-right: 1px solid #666; 261} 262div.dt-buttons > div.dt-button-split .dt-button:last-child { 263 border-left: 1px solid transparent; 264 border-top-left-radius: 0; 265 border-bottom-left-radius: 0; 266} 267div.dt-buttons > div.dt-button-split .dt-button:last-child:hover { 268 border-left: 1px solid #666; 269} 270div.dt-buttons span.dt-button-down-arrow { 271 position: relative; 272 top: -2px; 273 font-size: 10px; 274 padding-left: 10px; 275 line-height: 1em; 276 opacity: 0.6; 277} 278div.dt-buttons div.dt-button-split { 279 display: inline-block; 280} 281div.dt-buttons div.dt-button-split .dt-button:first-child { 282 margin-right: 0; 283} 284div.dt-buttons div.dt-button-split .dt-button:last-child { 285 margin-left: -1px; 286 padding-left: 0.75em; 287 padding-right: 0.75em; 288 z-index: 2; 289} 290div.dt-buttons div.dt-button-split .dt-button:last-child span { 291 padding-left: 0; 292} 293 294div.dt-button-collection { 295 position: absolute; 296 top: 0; 297 left: 0; 298 width: 200px; 299 margin-top: 3px; 300 margin-bottom: 3px; 301 padding: 0.75em 0; 302 border: 1px solid rgba(0, 0, 0, 0.4); 303 background-color: white; 304 overflow: hidden; 305 z-index: 2002; 306 border-radius: 5px; 307 box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.3); 308 box-sizing: border-box; 309} 310div.dt-button-collection .dt-button { 311 position: relative; 312 left: 0; 313 right: 0; 314 width: 100%; 315 display: block; 316 float: none; 317 background: none; 318 margin: 0; 319 padding: 0.5em 1em; 320 border: none; 321 text-align: left; 322 cursor: pointer; 323 color: inherit; 324} 325div.dt-button-collection .dt-button.dt-button-active { 326 background: none; 327 box-shadow: none; 328} 329div.dt-button-collection .dt-button.disabled { 330 cursor: default; 331 opacity: 0.4; 332} 333div.dt-button-collection .dt-button:hover:not(.disabled) { 334 border: none; 335 background: rgba(153, 153, 153, 0.1); 336 box-shadow: none; 337} 338div.dt-button-collection div.dt-button-split { 339 display: flex; 340 flex-direction: row; 341 flex-wrap: wrap; 342 justify-content: flex-start; 343 align-content: flex-start; 344 align-items: stretch; 345} 346div.dt-button-collection div.dt-button-split button.dt-button { 347 margin: 0; 348 display: inline-block; 349 width: 0; 350 flex-grow: 1; 351 flex-shrink: 0; 352 flex-basis: 50px; 353} 354div.dt-button-collection div.dt-button-split button.dt-button-split-drop { 355 min-width: 33px; 356 flex: 0; 357} 358div.dt-button-collection.fixed .dt-button { 359 border-radius: 0.25em; 360 background: rgba(255, 255, 255, 0.1); 361} 362div.dt-button-collection.fixed { 363 position: fixed; 364 display: block; 365 top: 50%; 366 left: 50%; 367 margin-left: -75px; 368 border-radius: 5px; 369 background-color: white; 370 padding: 0.5em; 371} 372div.dt-button-collection.fixed.two-column { 373 margin-left: -200px; 374} 375div.dt-button-collection.fixed.three-column { 376 margin-left: -225px; 377} 378div.dt-button-collection.fixed.four-column { 379 margin-left: -300px; 380} 381div.dt-button-collection.fixed.columns { 382 margin-left: -409px; 383} 384@media screen and (max-width: 1024px) { 385 div.dt-button-collection.fixed.columns { 386 margin-left: -308px; 387 } 388} 389@media screen and (max-width: 640px) { 390 div.dt-button-collection.fixed.columns { 391 margin-left: -203px; 392 } 393} 394@media screen and (max-width: 460px) { 395 div.dt-button-collection.fixed.columns { 396 margin-left: -100px; 397 } 398} 399div.dt-button-collection.fixed > :last-child { 400 max-height: 100vh; 401 overflow: auto; 402} 403div.dt-button-collection.two-column > :last-child, div.dt-button-collection.three-column > :last-child, div.dt-button-collection.four-column > :last-child { 404 display: block !important; 405 -webkit-column-gap: 8px; 406 -moz-column-gap: 8px; 407 -ms-column-gap: 8px; 408 -o-column-gap: 8px; 409 column-gap: 8px; 410} 411div.dt-button-collection.two-column > :last-child > *, div.dt-button-collection.three-column > :last-child > *, div.dt-button-collection.four-column > :last-child > * { 412 -webkit-column-break-inside: avoid; 413 break-inside: avoid; 414} 415div.dt-button-collection.two-column { 416 width: 400px; 417} 418div.dt-button-collection.two-column > :last-child { 419 padding-bottom: 1px; 420 column-count: 2; 421} 422div.dt-button-collection.three-column { 423 width: 450px; 424} 425div.dt-button-collection.three-column > :last-child { 426 padding-bottom: 1px; 427 column-count: 3; 428} 429div.dt-button-collection.four-column { 430 width: 600px; 431} 432div.dt-button-collection.four-column > :last-child { 433 padding-bottom: 1px; 434 column-count: 4; 435} 436div.dt-button-collection .dt-button { 437 border-radius: 0; 438} 439div.dt-button-collection.columns { 440 width: auto; 441} 442div.dt-button-collection.columns > :last-child { 443 display: flex; 444 flex-wrap: wrap; 445 justify-content: flex-start; 446 align-items: center; 447 gap: 6px; 448 width: 818px; 449 padding-bottom: 1px; 450} 451div.dt-button-collection.columns > :last-child .dt-button { 452 min-width: 200px; 453 flex: 0 1; 454 margin: 0; 455} 456div.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 { 457 justify-content: space-between; 458} 459div.dt-button-collection.columns.dtb-b3 .dt-button { 460 flex: 1 1 32%; 461} 462div.dt-button-collection.columns.dtb-b2 .dt-button { 463 flex: 1 1 48%; 464} 465div.dt-button-collection.columns.dtb-b1 .dt-button { 466 flex: 1 1 100%; 467} 468@media screen and (max-width: 1024px) { 469 div.dt-button-collection.columns > :last-child { 470 width: 612px; 471 } 472} 473@media screen and (max-width: 640px) { 474 div.dt-button-collection.columns > :last-child { 475 width: 406px; 476 } 477 div.dt-button-collection.columns.dtb-b3 .dt-button { 478 flex: 0 1 32%; 479 } 480} 481@media screen and (max-width: 460px) { 482 div.dt-button-collection.columns > :last-child { 483 width: 200px; 484 } 485} 486 487div.dt-button-background { 488 position: fixed; 489 top: 0; 490 left: 0; 491 width: 100%; 492 height: 100%; 493 background: rgba(0, 0, 0, 0.7); /* Fallback */ 494 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 */ 495 z-index: 2001; 496} 497 498.dt-button.processing { 499 color: rgba(0, 0, 0, 0.2); 500} 501.dt-button.processing:after { 502 position: absolute; 503 top: 50%; 504 left: 50%; 505 width: 16px; 506 height: 16px; 507 margin: -8px 0 0 -8px; 508 box-sizing: border-box; 509 display: block; 510 content: " "; 511 border: 2px solid rgb(40, 40, 40); 512 border-radius: 50%; 513 border-left-color: transparent; 514 border-right-color: transparent; 515 animation: dtb-spinner 1500ms infinite linear; 516 -o-animation: dtb-spinner 1500ms infinite linear; 517 -ms-animation: dtb-spinner 1500ms infinite linear; 518 -webkit-animation: dtb-spinner 1500ms infinite linear; 519 -moz-animation: dtb-spinner 1500ms infinite linear; 520} 521 522@media screen and (max-width: 640px) { 523 div.dt-buttons { 524 float: none !important; 525 text-align: center; 526 } 527} 528html.dark div.dt-buttons > .dt-button, 529html.dark div.dt-buttons > div.dt-button-split .dt-button { 530 border: 1px solid rgb(89, 91, 94); 531 background: rgba(255, 255, 255, 0.15); 532} 533html.dark div.dt-buttons > .dt-button.dt-button-active:not(.disabled), 534html.dark div.dt-buttons > div.dt-button-split .dt-button.dt-button-active:not(.disabled) { 535 background: rgba(179, 179, 179, 0.15); 536 box-shadow: inset 1px 1px 2px black; 537} 538html.dark div.dt-buttons > .dt-button.dt-button-active:not(.disabled):hover:not(.disabled), 539html.dark div.dt-buttons > div.dt-button-split .dt-button.dt-button-active:not(.disabled):hover:not(.disabled) { 540 background: rgba(128, 128, 128, 0.15); 541 box-shadow: inset 1px 1px 3px black; 542} 543html.dark div.dt-buttons > .dt-button:hover:not(.disabled), 544html.dark div.dt-buttons > div.dt-button-split .dt-button:hover:not(.disabled) { 545 background: rgba(179, 179, 179, 0.15); 546} 547html.dark div.dt-buttons > .dt-button:focus:not(.disabled), 548html.dark div.dt-buttons > div.dt-button-split .dt-button:focus:not(.disabled) { 549 outline: 2px solid rgb(110, 168, 254); 550} 551html.dark div.dt-buttons > div.dt-button-split .dt-button:first-child { 552 border-right: 1px solid rgba(255, 255, 255, 0.1); 553} 554html.dark div.dt-buttons > div.dt-button-split .dt-button:first-child:hover { 555 border-right: 1px solid rgb(89, 91, 94); 556} 557html.dark div.dt-buttons > div.dt-button-split .dt-button:last-child:hover { 558 border-left: 1px solid rgb(89, 91, 94); 559} 560html.dark div.dt-button-collection { 561 border: 1px solid rgba(255, 255, 255, 0.15); 562 background-color: rgb(33, 37, 41); 563 box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.8); 564} 565