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 div.btn-group { 171 position: initial; 172} 173div.dt-buttons div.dropdown-menu { 174 margin-top: 4px; 175} 176div.dt-buttons div.dropdown-menu .dt-button { 177 position: relative; 178} 179div.dt-buttons div.dropdown-menu div.dt-button-split { 180 display: flex; 181 flex-direction: row; 182 flex-wrap: wrap; 183 justify-content: flex-start; 184 align-content: flex-start; 185 align-items: stretch; 186} 187div.dt-buttons div.dropdown-menu div.dt-button-split a:first-child { 188 min-width: auto; 189 flex: 1 0 50px; 190 padding-right: 0; 191} 192div.dt-buttons div.dropdown-menu div.dt-button-split button:last-child { 193 min-width: 33px; 194 flex: 0; 195 background: transparent; 196 border: none; 197 line-height: 1rem; 198 color: var(--bs-dropdown-link-color); 199 padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); 200} 201div.dt-buttons div.dropdown-menu div.dt-button-split button:last-child:hover { 202 color: var(--bs-dropdown-link-hover-color); 203 background-color: var(--bs-dropdown-link-hover-bg); 204} 205div.dt-buttons div.dropdown-menu div.dt-button-split button:last-child:after { 206 position: relative; 207 left: -3px; 208} 209div.dt-buttons span.dt-button-spacer.empty { 210 margin: 1px; 211} 212div.dt-buttons span.dt-button-spacer.bar:empty { 213 height: inherit; 214} 215div.dt-buttons .btn.processing { 216 color: rgba(0, 0, 0, 0.2); 217} 218div.dt-buttons .btn.processing:after { 219 position: absolute; 220 top: 50%; 221 left: 50%; 222 width: 16px; 223 height: 16px; 224 margin: -8px 0 0 -8px; 225 box-sizing: border-box; 226 display: block; 227 content: " "; 228 border: 2px solid rgb(40, 40, 40); 229 border-radius: 50%; 230 border-left-color: transparent; 231 border-right-color: transparent; 232 animation: dtb-spinner 1500ms infinite linear; 233 -o-animation: dtb-spinner 1500ms infinite linear; 234 -ms-animation: dtb-spinner 1500ms infinite linear; 235 -webkit-animation: dtb-spinner 1500ms infinite linear; 236 -moz-animation: dtb-spinner 1500ms infinite linear; 237} 238 239div.dt-button-background { 240 position: fixed; 241 top: 0; 242 left: 0; 243 width: 100%; 244 height: 100%; 245 z-index: 999; 246} 247 248@media screen and (max-width: 767px) { 249 div.dt-buttons { 250 float: none; 251 width: 100%; 252 text-align: center; 253 margin-bottom: 0.5em; 254 } 255 div.dt-buttons a.btn { 256 float: none; 257 } 258} 259