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