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-button-collection { 171 position: absolute !important; 172 min-width: 200px; 173 margin-top: 3px !important; 174 z-index: 2002; 175 background: white; 176} 177div.dt-button-collection > div.menu { 178 right: auto !important; 179 min-width: 150px !important; 180} 181div.dt-button-collection.fixed { 182 position: fixed; 183 display: block; 184 top: 50%; 185 left: 50%; 186 margin-left: -75px; 187 border-radius: 5px; 188 background-color: white; 189 padding: 0.5em; 190} 191div.dt-button-collection.fixed.two-column { 192 margin-left: -200px; 193} 194div.dt-button-collection.fixed.three-column { 195 margin-left: -225px; 196} 197div.dt-button-collection.fixed.four-column { 198 margin-left: -300px; 199} 200div.dt-button-collection.fixed.columns { 201 margin-left: -409px; 202} 203@media screen and (max-width: 1024px) { 204 div.dt-button-collection.fixed.columns { 205 margin-left: -308px; 206 } 207} 208@media screen and (max-width: 640px) { 209 div.dt-button-collection.fixed.columns { 210 margin-left: -203px; 211 } 212} 213@media screen and (max-width: 460px) { 214 div.dt-button-collection.fixed.columns { 215 margin-left: -100px; 216 } 217} 218div.dt-button-collection.fixed > :last-child { 219 max-height: 100vh; 220 overflow: auto; 221} 222div.dt-button-collection.two-column > :last-child, div.dt-button-collection.three-column > :last-child, div.dt-button-collection.four-column > :last-child { 223 display: block !important; 224 -webkit-column-gap: 8px; 225 -moz-column-gap: 8px; 226 -ms-column-gap: 8px; 227 -o-column-gap: 8px; 228 column-gap: 8px; 229} 230div.dt-button-collection.two-column > :last-child > *, div.dt-button-collection.three-column > :last-child > *, div.dt-button-collection.four-column > :last-child > * { 231 -webkit-column-break-inside: avoid; 232 break-inside: avoid; 233} 234div.dt-button-collection.two-column { 235 width: 400px; 236} 237div.dt-button-collection.two-column > :last-child { 238 padding-bottom: 1px; 239 column-count: 2; 240} 241div.dt-button-collection.three-column { 242 width: 450px; 243} 244div.dt-button-collection.three-column > :last-child { 245 padding-bottom: 1px; 246 column-count: 3; 247} 248div.dt-button-collection.four-column { 249 width: 600px; 250} 251div.dt-button-collection.four-column > :last-child { 252 padding-bottom: 1px; 253 column-count: 4; 254} 255div.dt-button-collection .dt-button { 256 border-radius: 0; 257} 258div.dt-button-collection.columns { 259 width: auto; 260} 261div.dt-button-collection.columns > :last-child { 262 display: flex; 263 flex-wrap: wrap; 264 justify-content: flex-start; 265 align-items: center; 266 gap: 6px; 267 width: 818px; 268 padding-bottom: 1px; 269} 270div.dt-button-collection.columns > :last-child .dt-button { 271 min-width: 200px; 272 flex: 0 1; 273 margin: 0; 274} 275div.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 { 276 justify-content: space-between; 277} 278div.dt-button-collection.columns.dtb-b3 .dt-button { 279 flex: 1 1 32%; 280} 281div.dt-button-collection.columns.dtb-b2 .dt-button { 282 flex: 1 1 48%; 283} 284div.dt-button-collection.columns.dtb-b1 .dt-button { 285 flex: 1 1 100%; 286} 287@media screen and (max-width: 1024px) { 288 div.dt-button-collection.columns > :last-child { 289 width: 612px; 290 } 291} 292@media screen and (max-width: 640px) { 293 div.dt-button-collection.columns > :last-child { 294 width: 406px; 295 } 296 div.dt-button-collection.columns.dtb-b3 .dt-button { 297 flex: 0 1 32%; 298 } 299} 300@media screen and (max-width: 460px) { 301 div.dt-button-collection.columns > :last-child { 302 width: 200px; 303 } 304} 305div.dt-button-collection div.dt-button-collection-title { 306 font-size: 1rem; 307} 308div.dt-button-collection.columns div.ui.basic.buttons span.dt-button-spacer { 309 background: transparent !important; 310 border: none; 311 flex: 1 1 100%; 312} 313div.dt-button-collection.columns div.ui.basic.buttons span.dt-button-spacer:hover { 314 background: transparent !important; 315} 316div.dt-button-collection:not(.columns) .ui.vertical.buttons { 317 width: 100%; 318 border: none; 319} 320div.dt-button-collection.columns .ui.vertical.buttons { 321 flex-direction: row; 322 border: none; 323} 324div.dt-button-collection div.dt-button-split { 325 display: flex; 326} 327div.dt-button-collection div.dt-button-split div:first-child { 328 flex-grow: 1 !important; 329 flex-basis: auto !important; 330 width: auto !important; 331 border-left: none !important; 332 position: relative; 333 cursor: pointer; 334 display: block; 335 border: none; 336 height: auto; 337 min-height: 2.57142857rem; 338 text-align: left; 339 line-height: 1em; 340 font-size: 1rem; 341 color: rgba(0, 0, 0, 0.87); 342 padding: 0.78571429rem 1.14285714rem; 343} 344div.dt-button-collection div.dt-button-split div:first-child:hover { 345 background: rgba(0, 0, 0, 0.05); 346 color: rgba(0, 0, 0, 0.95); 347 z-index: 13; 348} 349div.dt-button-collection div.dt-button-split button:last-child { 350 flex: 0 1 0 !important; 351 min-width: 32px; 352 border: none; 353 background: transparent; 354} 355div.dt-button-collection div.dt-button-split button:last-child:hover { 356 background: rgba(0, 0, 0, 0.05); 357 color: rgba(0, 0, 0, 0.95); 358 z-index: 13; 359} 360 361div.dt-button-background { 362 position: fixed; 363 top: 0; 364 left: 0; 365 width: 100%; 366 height: 100%; 367 z-index: 2001; 368} 369 370@media screen and (max-width: 767px) { 371 div.dt-buttons { 372 float: none; 373 width: 100%; 374 text-align: center; 375 margin-bottom: 0.5em; 376 } 377 div.dt-buttons a.btn { 378 float: none; 379 } 380} 381div.dt-buttons button.button.processing, 382div.dt-buttons div.button.processing, 383div.dt-buttons a.button.processing { 384 position: relative; 385 color: rgba(0, 0, 0, 0.2); 386} 387div.dt-buttons button.button.processing:after, 388div.dt-buttons div.button.processing:after, 389div.dt-buttons a.button.processing:after { 390 position: absolute; 391 top: 50%; 392 left: 50%; 393 width: 16px; 394 height: 16px; 395 margin: -8px 0 0 -8px; 396 box-sizing: border-box; 397 display: block; 398 content: " "; 399 border: 2px solid rgb(40, 40, 40); 400 border-radius: 50%; 401 border-left-color: transparent; 402 border-right-color: transparent; 403 animation: dtb-spinner 1500ms infinite linear; 404 -o-animation: dtb-spinner 1500ms infinite linear; 405 -ms-animation: dtb-spinner 1500ms infinite linear; 406 -webkit-animation: dtb-spinner 1500ms infinite linear; 407 -moz-animation: dtb-spinner 1500ms infinite linear; 408} 409div.dt-buttons.ui.buttons { 410 flex-wrap: wrap; 411} 412div.dt-buttons .button span.dt-button-down-arrow { 413 position: relative; 414 top: -2px; 415 font-size: 10px; 416 padding-left: 10px; 417 line-height: 1em; 418 opacity: 0.6; 419} 420div.dt-buttons .dt-button-split-drop span.dt-button-down-arrow { 421 padding-left: 0; 422} 423 424span.dt-button-spacer { 425 cursor: inherit; 426} 427span.dt-button-spacer.bar { 428 padding-left: 1.5em; 429} 430span.dt-button-spacer.bar:empty { 431 height: inherit; 432} 433 434div.dt-button-collection span.dt-button-spacer { 435 border-top: 1px solid rgba(34, 36, 38, 0.15); 436} 437div.dt-button-collection span.dt-button-spacer.bar { 438 border-bottom: none; 439 padding-left: 1.5em; 440} 441 442div.dt-buttons.ui.basic.buttons .button.dt-button-spacer { 443 background: rgba(34, 36, 38, 0.05) !important; 444 box-shadow: none; 445 cursor: initial; 446} 447div.dt-buttons.ui.basic.buttons .button.dt-button-spacer:hover { 448 background-color: rgba(34, 36, 38, 0.05) !important; 449} 450 451div.dt-button-split { 452 border-left: 1px solid rgba(34, 36, 38, 0.15); 453} 454div.dt-button-split button:first-child, 455div.dt-button-split button:last-child { 456 border-radius: 0px !important; 457} 458div.dt-button-split:active:not(.disabled) button.button, div.dt-button-split.active:not(.disabled) button.button { 459 background-color: #f8f8f8 !important; 460} 461div.dt-button-split:active:not(.disabled) button.dt-button-split-drop, div.dt-button-split.active:not(.disabled) button.dt-button-split-drop { 462 box-shadow: none; 463 background-color: transparent !important; 464} 465div.dt-button-split:active:not(.disabled) button.button:hover, div.dt-button-split.active:not(.disabled) button.button:hover { 466 background-color: transparent !important; 467} 468