You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

432 lines
10 KiB

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