datatables.css 55 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710
  1. /*
  2. * This combined file was created by the DataTables downloader builder:
  3. * https://datatables.net/download
  4. *
  5. * To rebuild or modify this file with the latest versions of the included
  6. * software please visit:
  7. * https://datatables.net/download/#bs5/dt-2.0.7/b-3.0.2/b-html5-3.0.2/b-print-3.0.2/fh-4.0.1/sb-1.7.1/sp-2.3.1/sl-2.0.1
  8. *
  9. * Included libraries:
  10. * DataTables 2.0.7, Buttons 3.0.2, HTML5 export 3.0.2, Print view 3.0.2, FixedHeader 4.0.1, SearchBuilder 1.7.1, SearchPanes 2.3.1, Select 2.0.1
  11. */
  12. @charset "UTF-8";
  13. :root {
  14. --dt-row-selected: 13, 110, 253;
  15. --dt-row-selected-text: 255, 255, 255;
  16. --dt-row-selected-link: 9, 10, 11;
  17. --dt-row-stripe: 0, 0, 0;
  18. --dt-row-hover: 0, 0, 0;
  19. --dt-column-ordering: 0, 0, 0;
  20. --dt-html-background: white;
  21. }
  22. :root.dark {
  23. --dt-html-background: rgb(33, 37, 41);
  24. }
  25. table.dataTable td.dt-control {
  26. text-align: center;
  27. cursor: pointer;
  28. }
  29. table.dataTable td.dt-control:before {
  30. display: inline-block;
  31. box-sizing: border-box;
  32. content: "";
  33. border-top: 5px solid transparent;
  34. border-left: 10px solid rgba(0, 0, 0, 0.5);
  35. border-bottom: 5px solid transparent;
  36. border-right: 0px solid transparent;
  37. }
  38. table.dataTable tr.dt-hasChild td.dt-control:before {
  39. border-top: 10px solid rgba(0, 0, 0, 0.5);
  40. border-left: 5px solid transparent;
  41. border-bottom: 0px solid transparent;
  42. border-right: 5px solid transparent;
  43. }
  44. html.dark table.dataTable td.dt-control:before,
  45. :root[data-bs-theme=dark] table.dataTable td.dt-control:before {
  46. border-left-color: rgba(255, 255, 255, 0.5);
  47. }
  48. html.dark table.dataTable tr.dt-hasChild td.dt-control:before,
  49. :root[data-bs-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before {
  50. border-top-color: rgba(255, 255, 255, 0.5);
  51. border-left-color: transparent;
  52. }
  53. div.dt-scroll-body thead tr,
  54. div.dt-scroll-body tfoot tr {
  55. height: 0;
  56. }
  57. div.dt-scroll-body thead tr th, div.dt-scroll-body thead tr td,
  58. div.dt-scroll-body tfoot tr th,
  59. div.dt-scroll-body tfoot tr td {
  60. height: 0 !important;
  61. padding-top: 0px !important;
  62. padding-bottom: 0px !important;
  63. border-top-width: 0px !important;
  64. border-bottom-width: 0px !important;
  65. }
  66. div.dt-scroll-body thead tr th div.dt-scroll-sizing, div.dt-scroll-body thead tr td div.dt-scroll-sizing,
  67. div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,
  68. div.dt-scroll-body tfoot tr td div.dt-scroll-sizing {
  69. height: 0 !important;
  70. overflow: hidden !important;
  71. }
  72. table.dataTable thead > tr > th:active,
  73. table.dataTable thead > tr > td:active {
  74. outline: none;
  75. }
  76. table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before,
  77. table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before,
  78. table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before {
  79. position: absolute;
  80. display: block;
  81. bottom: 50%;
  82. content: "▲";
  83. content: "▲"/"";
  84. }
  85. table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
  86. table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after,
  87. table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  88. position: absolute;
  89. display: block;
  90. top: 50%;
  91. content: "▼";
  92. content: "▼"/"";
  93. }
  94. table.dataTable thead > tr > th.dt-orderable-asc, table.dataTable thead > tr > th.dt-orderable-desc, table.dataTable thead > tr > th.dt-ordering-asc, table.dataTable thead > tr > th.dt-ordering-desc,
  95. table.dataTable thead > tr > td.dt-orderable-asc,
  96. table.dataTable thead > tr > td.dt-orderable-desc,
  97. table.dataTable thead > tr > td.dt-ordering-asc,
  98. table.dataTable thead > tr > td.dt-ordering-desc {
  99. position: relative;
  100. padding-right: 30px;
  101. }
  102. table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order,
  103. table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order,
  104. table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order,
  105. table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order,
  106. table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order {
  107. position: absolute;
  108. right: 12px;
  109. top: 0;
  110. bottom: 0;
  111. width: 12px;
  112. }
  113. table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:after, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
  114. table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before,
  115. table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:after,
  116. table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:before,
  117. table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after,
  118. table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before,
  119. table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:after,
  120. table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:before,
  121. table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  122. left: 0;
  123. opacity: 0.125;
  124. line-height: 9px;
  125. font-size: 0.8em;
  126. }
  127. table.dataTable thead > tr > th.dt-orderable-asc, table.dataTable thead > tr > th.dt-orderable-desc,
  128. table.dataTable thead > tr > td.dt-orderable-asc,
  129. table.dataTable thead > tr > td.dt-orderable-desc {
  130. cursor: pointer;
  131. }
  132. table.dataTable thead > tr > th.dt-orderable-asc:hover, table.dataTable thead > tr > th.dt-orderable-desc:hover,
  133. table.dataTable thead > tr > td.dt-orderable-asc:hover,
  134. table.dataTable thead > tr > td.dt-orderable-desc:hover {
  135. outline: 2px solid rgba(0, 0, 0, 0.05);
  136. outline-offset: -2px;
  137. }
  138. table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
  139. table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before,
  140. table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  141. opacity: 0.6;
  142. }
  143. table.dataTable thead > tr > th.sorting_desc_disabled span.dt-column-order:after, table.dataTable thead > tr > th.sorting_asc_disabled span.dt-column-order:before,
  144. table.dataTable thead > tr > td.sorting_desc_disabled span.dt-column-order:after,
  145. table.dataTable thead > tr > td.sorting_asc_disabled span.dt-column-order:before {
  146. display: none;
  147. }
  148. table.dataTable thead > tr > th:active,
  149. table.dataTable thead > tr > td:active {
  150. outline: none;
  151. }
  152. div.dt-scroll-body > table.dataTable > thead > tr > th,
  153. div.dt-scroll-body > table.dataTable > thead > tr > td {
  154. overflow: hidden;
  155. }
  156. :root.dark table.dataTable thead > tr > th.dt-orderable-asc:hover, :root.dark table.dataTable thead > tr > th.dt-orderable-desc:hover,
  157. :root.dark table.dataTable thead > tr > td.dt-orderable-asc:hover,
  158. :root.dark table.dataTable thead > tr > td.dt-orderable-desc:hover,
  159. :root[data-bs-theme=dark] table.dataTable thead > tr > th.dt-orderable-asc:hover,
  160. :root[data-bs-theme=dark] table.dataTable thead > tr > th.dt-orderable-desc:hover,
  161. :root[data-bs-theme=dark] table.dataTable thead > tr > td.dt-orderable-asc:hover,
  162. :root[data-bs-theme=dark] table.dataTable thead > tr > td.dt-orderable-desc:hover {
  163. outline: 2px solid rgba(255, 255, 255, 0.05);
  164. }
  165. div.dt-processing {
  166. position: absolute;
  167. top: 50%;
  168. left: 50%;
  169. width: 200px;
  170. margin-left: -100px;
  171. margin-top: -22px;
  172. text-align: center;
  173. padding: 2px;
  174. z-index: 10;
  175. }
  176. div.dt-processing > div:last-child {
  177. position: relative;
  178. width: 80px;
  179. height: 15px;
  180. margin: 1em auto;
  181. }
  182. div.dt-processing > div:last-child > div {
  183. position: absolute;
  184. top: 0;
  185. width: 13px;
  186. height: 13px;
  187. border-radius: 50%;
  188. background: rgb(13, 110, 253);
  189. background: rgb(var(--dt-row-selected));
  190. animation-timing-function: cubic-bezier(0, 1, 1, 0);
  191. }
  192. div.dt-processing > div:last-child > div:nth-child(1) {
  193. left: 8px;
  194. animation: datatables-loader-1 0.6s infinite;
  195. }
  196. div.dt-processing > div:last-child > div:nth-child(2) {
  197. left: 8px;
  198. animation: datatables-loader-2 0.6s infinite;
  199. }
  200. div.dt-processing > div:last-child > div:nth-child(3) {
  201. left: 32px;
  202. animation: datatables-loader-2 0.6s infinite;
  203. }
  204. div.dt-processing > div:last-child > div:nth-child(4) {
  205. left: 56px;
  206. animation: datatables-loader-3 0.6s infinite;
  207. }
  208. @keyframes datatables-loader-1 {
  209. 0% {
  210. transform: scale(0);
  211. }
  212. 100% {
  213. transform: scale(1);
  214. }
  215. }
  216. @keyframes datatables-loader-3 {
  217. 0% {
  218. transform: scale(1);
  219. }
  220. 100% {
  221. transform: scale(0);
  222. }
  223. }
  224. @keyframes datatables-loader-2 {
  225. 0% {
  226. transform: translate(0, 0);
  227. }
  228. 100% {
  229. transform: translate(24px, 0);
  230. }
  231. }
  232. table.dataTable.nowrap th, table.dataTable.nowrap td {
  233. white-space: nowrap;
  234. }
  235. table.dataTable th,
  236. table.dataTable td {
  237. box-sizing: border-box;
  238. }
  239. table.dataTable th.dt-left,
  240. table.dataTable td.dt-left {
  241. text-align: left;
  242. }
  243. table.dataTable th.dt-center,
  244. table.dataTable td.dt-center {
  245. text-align: center;
  246. }
  247. table.dataTable th.dt-right,
  248. table.dataTable td.dt-right {
  249. text-align: right;
  250. }
  251. table.dataTable th.dt-justify,
  252. table.dataTable td.dt-justify {
  253. text-align: justify;
  254. }
  255. table.dataTable th.dt-nowrap,
  256. table.dataTable td.dt-nowrap {
  257. white-space: nowrap;
  258. }
  259. table.dataTable th.dt-empty,
  260. table.dataTable td.dt-empty {
  261. text-align: center;
  262. vertical-align: top;
  263. }
  264. table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date,
  265. table.dataTable td.dt-type-numeric,
  266. table.dataTable td.dt-type-date {
  267. text-align: right;
  268. }
  269. table.dataTable thead th,
  270. table.dataTable thead td,
  271. table.dataTable tfoot th,
  272. table.dataTable tfoot td {
  273. text-align: left;
  274. }
  275. table.dataTable thead th.dt-head-left,
  276. table.dataTable thead td.dt-head-left,
  277. table.dataTable tfoot th.dt-head-left,
  278. table.dataTable tfoot td.dt-head-left {
  279. text-align: left;
  280. }
  281. table.dataTable thead th.dt-head-center,
  282. table.dataTable thead td.dt-head-center,
  283. table.dataTable tfoot th.dt-head-center,
  284. table.dataTable tfoot td.dt-head-center {
  285. text-align: center;
  286. }
  287. table.dataTable thead th.dt-head-right,
  288. table.dataTable thead td.dt-head-right,
  289. table.dataTable tfoot th.dt-head-right,
  290. table.dataTable tfoot td.dt-head-right {
  291. text-align: right;
  292. }
  293. table.dataTable thead th.dt-head-justify,
  294. table.dataTable thead td.dt-head-justify,
  295. table.dataTable tfoot th.dt-head-justify,
  296. table.dataTable tfoot td.dt-head-justify {
  297. text-align: justify;
  298. }
  299. table.dataTable thead th.dt-head-nowrap,
  300. table.dataTable thead td.dt-head-nowrap,
  301. table.dataTable tfoot th.dt-head-nowrap,
  302. table.dataTable tfoot td.dt-head-nowrap {
  303. white-space: nowrap;
  304. }
  305. table.dataTable tbody th.dt-body-left,
  306. table.dataTable tbody td.dt-body-left {
  307. text-align: left;
  308. }
  309. table.dataTable tbody th.dt-body-center,
  310. table.dataTable tbody td.dt-body-center {
  311. text-align: center;
  312. }
  313. table.dataTable tbody th.dt-body-right,
  314. table.dataTable tbody td.dt-body-right {
  315. text-align: right;
  316. }
  317. table.dataTable tbody th.dt-body-justify,
  318. table.dataTable tbody td.dt-body-justify {
  319. text-align: justify;
  320. }
  321. table.dataTable tbody th.dt-body-nowrap,
  322. table.dataTable tbody td.dt-body-nowrap {
  323. white-space: nowrap;
  324. }
  325. /*! Bootstrap 5 integration for DataTables
  326. *
  327. * ©2020 SpryMedia Ltd, all rights reserved.
  328. * License: MIT datatables.net/license/mit
  329. */
  330. table.table.dataTable {
  331. clear: both;
  332. margin-bottom: 0;
  333. max-width: none;
  334. border-spacing: 0;
  335. }
  336. table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) > * {
  337. box-shadow: none;
  338. }
  339. table.table.dataTable > :not(caption) > * > * {
  340. background-color: var(--bs-table-bg);
  341. }
  342. table.table.dataTable > tbody > tr {
  343. background-color: transparent;
  344. }
  345. table.table.dataTable > tbody > tr.selected > * {
  346. box-shadow: inset 0 0 0 9999px rgb(13, 110, 253);
  347. box-shadow: inset 0 0 0 9999px rgb(var(--dt-row-selected));
  348. color: rgb(255, 255, 255);
  349. color: rgb(var(--dt-row-selected-text));
  350. }
  351. table.table.dataTable > tbody > tr.selected a {
  352. color: rgb(9, 10, 11);
  353. color: rgb(var(--dt-row-selected-link));
  354. }
  355. table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) > * {
  356. box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.05);
  357. }
  358. table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1).selected > * {
  359. box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.95);
  360. box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.95);
  361. }
  362. table.table.dataTable.table-hover > tbody > tr:hover > * {
  363. box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.075);
  364. }
  365. table.table.dataTable.table-hover > tbody > tr.selected:hover > * {
  366. box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.975);
  367. box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.975);
  368. }
  369. div.dt-container div.dt-length label {
  370. font-weight: normal;
  371. text-align: left;
  372. white-space: nowrap;
  373. }
  374. div.dt-container div.dt-length select {
  375. width: auto;
  376. display: inline-block;
  377. margin-right: 0.5em;
  378. }
  379. div.dt-container div.dt-search {
  380. text-align: right;
  381. }
  382. div.dt-container div.dt-search label {
  383. font-weight: normal;
  384. white-space: nowrap;
  385. text-align: left;
  386. }
  387. div.dt-container div.dt-search input {
  388. margin-left: 0.5em;
  389. display: inline-block;
  390. width: auto;
  391. }
  392. div.dt-container div.dt-info {
  393. padding-top: 0.85em;
  394. }
  395. div.dt-container div.dt-paging {
  396. margin: 0;
  397. }
  398. div.dt-container div.dt-paging ul.pagination {
  399. margin: 2px 0;
  400. flex-wrap: wrap;
  401. }
  402. div.dt-container div.dt-row {
  403. position: relative;
  404. }
  405. div.dt-scroll-head table.dataTable {
  406. margin-bottom: 0 !important;
  407. }
  408. div.dt-scroll-body {
  409. border-bottom-color: var(--bs-border-color);
  410. border-bottom-width: var(--bs-border-width);
  411. border-bottom-style: solid;
  412. }
  413. div.dt-scroll-body > table {
  414. border-top: none;
  415. margin-top: 0 !important;
  416. margin-bottom: 0 !important;
  417. }
  418. div.dt-scroll-body > table > tbody > tr:first-child {
  419. border-top-width: 0;
  420. }
  421. div.dt-scroll-body > table > thead > tr {
  422. border-width: 0 !important;
  423. }
  424. div.dt-scroll-body > table > tbody > tr:last-child > * {
  425. border-bottom: none;
  426. }
  427. div.dt-scroll-foot > .dt-scroll-footInner {
  428. box-sizing: content-box;
  429. }
  430. div.dt-scroll-foot > .dt-scroll-footInner > table {
  431. margin-top: 0 !important;
  432. border-top: none;
  433. }
  434. div.dt-scroll-foot > .dt-scroll-footInner > table > tfoot > tr:first-child {
  435. border-top-width: 0 !important;
  436. }
  437. @media screen and (max-width: 767px) {
  438. div.dt-container div.dt-length,
  439. div.dt-container div.dt-search,
  440. div.dt-container div.dt-info,
  441. div.dt-container div.dt-paging {
  442. text-align: center;
  443. }
  444. div.dt-container .row {
  445. --bs-gutter-y: 0.5rem;
  446. }
  447. div.dt-container div.dt-paging ul.pagination {
  448. justify-content: center !important;
  449. }
  450. }
  451. table.dataTable.table-sm > thead > tr th.dt-orderable-asc, table.dataTable.table-sm > thead > tr th.dt-orderable-desc, table.dataTable.table-sm > thead > tr th.dt-ordering-asc, table.dataTable.table-sm > thead > tr th.dt-ordering-desc,
  452. table.dataTable.table-sm > thead > tr td.dt-orderable-asc,
  453. table.dataTable.table-sm > thead > tr td.dt-orderable-desc,
  454. table.dataTable.table-sm > thead > tr td.dt-ordering-asc,
  455. table.dataTable.table-sm > thead > tr td.dt-ordering-desc {
  456. padding-right: 20px;
  457. }
  458. table.dataTable.table-sm > thead > tr th.dt-orderable-asc span.dt-column-order, table.dataTable.table-sm > thead > tr th.dt-orderable-desc span.dt-column-order, table.dataTable.table-sm > thead > tr th.dt-ordering-asc span.dt-column-order, table.dataTable.table-sm > thead > tr th.dt-ordering-desc span.dt-column-order,
  459. table.dataTable.table-sm > thead > tr td.dt-orderable-asc span.dt-column-order,
  460. table.dataTable.table-sm > thead > tr td.dt-orderable-desc span.dt-column-order,
  461. table.dataTable.table-sm > thead > tr td.dt-ordering-asc span.dt-column-order,
  462. table.dataTable.table-sm > thead > tr td.dt-ordering-desc span.dt-column-order {
  463. right: 5px;
  464. }
  465. div.dt-scroll-head table.table-bordered {
  466. border-bottom-width: 0;
  467. }
  468. div.table-responsive > div.dt-container > div.row {
  469. margin: 0;
  470. }
  471. div.table-responsive > div.dt-container > div.row > div[class^=col-]:first-child {
  472. padding-left: 0;
  473. }
  474. div.table-responsive > div.dt-container > div.row > div[class^=col-]:last-child {
  475. padding-right: 0;
  476. }
  477. :root[data-bs-theme=dark] {
  478. --dt-row-hover: 255, 255, 255;
  479. --dt-row-stripe: 255, 255, 255;
  480. --dt-column-ordering: 255, 255, 255;
  481. }
  482. @keyframes dtb-spinner {
  483. 100% {
  484. transform: rotate(360deg);
  485. }
  486. }
  487. @-o-keyframes dtb-spinner {
  488. 100% {
  489. -o-transform: rotate(360deg);
  490. transform: rotate(360deg);
  491. }
  492. }
  493. @-ms-keyframes dtb-spinner {
  494. 100% {
  495. -ms-transform: rotate(360deg);
  496. transform: rotate(360deg);
  497. }
  498. }
  499. @-webkit-keyframes dtb-spinner {
  500. 100% {
  501. -webkit-transform: rotate(360deg);
  502. transform: rotate(360deg);
  503. }
  504. }
  505. @-moz-keyframes dtb-spinner {
  506. 100% {
  507. -moz-transform: rotate(360deg);
  508. transform: rotate(360deg);
  509. }
  510. }
  511. div.dataTables_wrapper {
  512. position: relative;
  513. }
  514. div.dt-buttons {
  515. position: initial;
  516. }
  517. div.dt-buttons .dt-button {
  518. overflow: hidden;
  519. text-overflow: ellipsis;
  520. white-space: nowrap;
  521. }
  522. div.dt-button-info {
  523. position: fixed;
  524. top: 50%;
  525. left: 50%;
  526. width: 400px;
  527. margin-top: -100px;
  528. margin-left: -200px;
  529. background-color: white;
  530. border-radius: 0.75em;
  531. box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.8);
  532. text-align: center;
  533. z-index: 2003;
  534. overflow: hidden;
  535. }
  536. div.dt-button-info h2 {
  537. padding: 2rem 2rem 1rem 2rem;
  538. margin: 0;
  539. font-weight: normal;
  540. }
  541. div.dt-button-info > div {
  542. padding: 1em 2em 2em 2em;
  543. }
  544. div.dtb-popover-close {
  545. position: absolute;
  546. top: 6px;
  547. right: 6px;
  548. width: 22px;
  549. height: 22px;
  550. text-align: center;
  551. border-radius: 3px;
  552. cursor: pointer;
  553. z-index: 2003;
  554. }
  555. button.dtb-hide-drop {
  556. display: none !important;
  557. }
  558. div.dt-button-collection-title {
  559. text-align: center;
  560. padding: 0.3em 0.5em 0.5em;
  561. margin-left: 0.5em;
  562. margin-right: 0.5em;
  563. font-size: 0.9em;
  564. white-space: nowrap;
  565. overflow: hidden;
  566. text-overflow: ellipsis;
  567. }
  568. div.dt-button-collection-title:empty {
  569. display: none;
  570. }
  571. span.dt-button-spacer {
  572. display: inline-block;
  573. margin: 0.5em;
  574. white-space: nowrap;
  575. }
  576. span.dt-button-spacer.bar {
  577. border-left: 1px solid rgba(0, 0, 0, 0.3);
  578. vertical-align: middle;
  579. padding-left: 0.5em;
  580. }
  581. span.dt-button-spacer.bar:empty {
  582. height: 1em;
  583. width: 1px;
  584. padding-left: 0;
  585. }
  586. div.dt-button-collection .dt-button-active {
  587. padding-right: 3em;
  588. }
  589. div.dt-button-collection .dt-button-active:after {
  590. position: absolute;
  591. top: 50%;
  592. margin-top: -10px;
  593. right: 1em;
  594. display: inline-block;
  595. content: "✓";
  596. color: inherit;
  597. }
  598. div.dt-button-collection .dt-button-active.dt-button-split {
  599. padding-right: 0;
  600. }
  601. div.dt-button-collection .dt-button-active.dt-button-split:after {
  602. display: none;
  603. }
  604. div.dt-button-collection .dt-button-active.dt-button-split > *:first-child {
  605. padding-right: 3em;
  606. }
  607. div.dt-button-collection .dt-button-active.dt-button-split > *:first-child:after {
  608. position: absolute;
  609. top: 50%;
  610. margin-top: -10px;
  611. right: 1em;
  612. display: inline-block;
  613. content: "✓";
  614. color: inherit;
  615. }
  616. div.dt-button-collection .dt-button-active-a a {
  617. padding-right: 3em;
  618. }
  619. div.dt-button-collection .dt-button-active-a a:after {
  620. position: absolute;
  621. right: 1em;
  622. display: inline-block;
  623. content: "✓";
  624. color: inherit;
  625. }
  626. div.dt-button-collection span.dt-button-spacer {
  627. width: 100%;
  628. font-size: 0.9em;
  629. text-align: center;
  630. margin: 0.5em 0;
  631. }
  632. div.dt-button-collection span.dt-button-spacer:empty {
  633. height: 0;
  634. width: 100%;
  635. }
  636. div.dt-button-collection span.dt-button-spacer.bar {
  637. border-left: none;
  638. border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  639. padding-left: 0;
  640. }
  641. @media print {
  642. table.dataTable tr > * {
  643. box-shadow: none !important;
  644. }
  645. }
  646. html.dark div.dt-button-info {
  647. background-color: var(--dt-html-background);
  648. border: 1px solid rgba(255, 255, 255, 0.15);
  649. }
  650. div.dt-buttons div.btn-group {
  651. position: initial;
  652. }
  653. div.dt-buttons div.dropdown-menu {
  654. margin-top: 4px;
  655. width: 200px;
  656. }
  657. div.dt-buttons div.dropdown-menu .dt-button {
  658. position: relative;
  659. }
  660. div.dt-buttons div.dropdown-menu div.dt-button-split {
  661. display: flex;
  662. flex-direction: row;
  663. flex-wrap: wrap;
  664. justify-content: flex-start;
  665. align-content: flex-start;
  666. align-items: stretch;
  667. }
  668. div.dt-buttons div.dropdown-menu div.dt-button-split a:first-child {
  669. min-width: auto;
  670. flex: 1 0 50px;
  671. padding-right: 0;
  672. }
  673. div.dt-buttons div.dropdown-menu div.dt-button-split button:last-child {
  674. min-width: 33px;
  675. flex: 0;
  676. background: transparent;
  677. border: none;
  678. line-height: 1rem;
  679. color: var(--bs-dropdown-link-color);
  680. padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  681. overflow: visible;
  682. }
  683. div.dt-buttons div.dropdown-menu div.dt-button-split button:last-child:hover {
  684. color: var(--bs-dropdown-link-hover-color);
  685. background-color: var(--bs-dropdown-link-hover-bg);
  686. }
  687. div.dt-buttons div.dropdown-menu div.dt-button-split button:last-child:after {
  688. position: relative;
  689. left: -3px;
  690. }
  691. div.dt-buttons div.dropdown-menu.fixed {
  692. position: fixed;
  693. display: block;
  694. top: 50%;
  695. left: 50%;
  696. margin-left: -75px;
  697. border-radius: 5px;
  698. background-color: white;
  699. padding: 0.5em;
  700. }
  701. div.dt-buttons div.dropdown-menu.fixed.two-column {
  702. margin-left: -200px;
  703. }
  704. div.dt-buttons div.dropdown-menu.fixed.three-column {
  705. margin-left: -225px;
  706. }
  707. div.dt-buttons div.dropdown-menu.fixed.four-column {
  708. margin-left: -300px;
  709. }
  710. div.dt-buttons div.dropdown-menu.fixed.columns {
  711. margin-left: -409px;
  712. }
  713. @media screen and (max-width: 1024px) {
  714. div.dt-buttons div.dropdown-menu.fixed.columns {
  715. margin-left: -308px;
  716. }
  717. }
  718. @media screen and (max-width: 640px) {
  719. div.dt-buttons div.dropdown-menu.fixed.columns {
  720. margin-left: -203px;
  721. }
  722. }
  723. @media screen and (max-width: 460px) {
  724. div.dt-buttons div.dropdown-menu.fixed.columns {
  725. margin-left: -100px;
  726. }
  727. }
  728. div.dt-buttons div.dropdown-menu.fixed > :last-child {
  729. max-height: 100vh;
  730. overflow: auto;
  731. }
  732. div.dt-buttons div.dropdown-menu.two-column > :last-child, div.dt-buttons div.dropdown-menu.three-column > :last-child, div.dt-buttons div.dropdown-menu.four-column > :last-child {
  733. display: block !important;
  734. -webkit-column-gap: 8px;
  735. -moz-column-gap: 8px;
  736. -ms-column-gap: 8px;
  737. -o-column-gap: 8px;
  738. column-gap: 8px;
  739. }
  740. div.dt-buttons div.dropdown-menu.two-column > :last-child > *, div.dt-buttons div.dropdown-menu.three-column > :last-child > *, div.dt-buttons div.dropdown-menu.four-column > :last-child > * {
  741. -webkit-column-break-inside: avoid;
  742. break-inside: avoid;
  743. }
  744. div.dt-buttons div.dropdown-menu.two-column {
  745. width: 400px;
  746. }
  747. div.dt-buttons div.dropdown-menu.two-column > :last-child {
  748. padding-bottom: 1px;
  749. column-count: 2;
  750. }
  751. div.dt-buttons div.dropdown-menu.three-column {
  752. width: 450px;
  753. }
  754. div.dt-buttons div.dropdown-menu.three-column > :last-child {
  755. padding-bottom: 1px;
  756. column-count: 3;
  757. }
  758. div.dt-buttons div.dropdown-menu.four-column {
  759. width: 600px;
  760. }
  761. div.dt-buttons div.dropdown-menu.four-column > :last-child {
  762. padding-bottom: 1px;
  763. column-count: 4;
  764. }
  765. div.dt-buttons div.dropdown-menu .dt-button {
  766. border-radius: 0;
  767. }
  768. div.dt-buttons div.dropdown-menu.columns {
  769. width: auto;
  770. }
  771. div.dt-buttons div.dropdown-menu.columns > :last-child {
  772. display: flex;
  773. flex-wrap: wrap;
  774. justify-content: flex-start;
  775. align-items: center;
  776. gap: 6px;
  777. width: 818px;
  778. padding-bottom: 1px;
  779. }
  780. div.dt-buttons div.dropdown-menu.columns > :last-child .dt-button {
  781. min-width: 200px;
  782. flex: 0 1;
  783. margin: 0;
  784. }
  785. div.dt-buttons div.dropdown-menu.columns.dtb-b3 > :last-child, div.dt-buttons div.dropdown-menu.columns.dtb-b2 > :last-child, div.dt-buttons div.dropdown-menu.columns.dtb-b1 > :last-child {
  786. justify-content: space-between;
  787. }
  788. div.dt-buttons div.dropdown-menu.columns.dtb-b3 .dt-button {
  789. flex: 1 1 32%;
  790. }
  791. div.dt-buttons div.dropdown-menu.columns.dtb-b2 .dt-button {
  792. flex: 1 1 48%;
  793. }
  794. div.dt-buttons div.dropdown-menu.columns.dtb-b1 .dt-button {
  795. flex: 1 1 100%;
  796. }
  797. @media screen and (max-width: 1024px) {
  798. div.dt-buttons div.dropdown-menu.columns > :last-child {
  799. width: 612px;
  800. }
  801. }
  802. @media screen and (max-width: 640px) {
  803. div.dt-buttons div.dropdown-menu.columns > :last-child {
  804. width: 406px;
  805. }
  806. div.dt-buttons div.dropdown-menu.columns.dtb-b3 .dt-button {
  807. flex: 0 1 32%;
  808. }
  809. }
  810. @media screen and (max-width: 460px) {
  811. div.dt-buttons div.dropdown-menu.columns > :last-child {
  812. width: 200px;
  813. }
  814. }
  815. div.dt-buttons span.dt-button-spacer.empty {
  816. margin: 1px;
  817. }
  818. div.dt-buttons span.dt-button-spacer.bar:empty {
  819. height: inherit;
  820. }
  821. div.dt-buttons .btn.processing {
  822. color: rgba(0, 0, 0, 0.2);
  823. }
  824. div.dt-buttons .btn.processing:after {
  825. position: absolute;
  826. top: 50%;
  827. left: 50%;
  828. width: 16px;
  829. height: 16px;
  830. margin: -8px 0 0 -8px;
  831. box-sizing: border-box;
  832. display: block;
  833. content: " ";
  834. border: 2px solid rgb(40, 40, 40);
  835. border-radius: 50%;
  836. border-left-color: transparent;
  837. border-right-color: transparent;
  838. animation: dtb-spinner 1500ms infinite linear;
  839. -o-animation: dtb-spinner 1500ms infinite linear;
  840. -ms-animation: dtb-spinner 1500ms infinite linear;
  841. -webkit-animation: dtb-spinner 1500ms infinite linear;
  842. -moz-animation: dtb-spinner 1500ms infinite linear;
  843. }
  844. div.dt-button-background {
  845. position: fixed;
  846. top: 0;
  847. left: 0;
  848. width: 100%;
  849. height: 100%;
  850. z-index: 999;
  851. }
  852. @media screen and (max-width: 767px) {
  853. div.dt-buttons {
  854. float: none;
  855. width: 100%;
  856. text-align: center;
  857. margin-bottom: 0.5em;
  858. }
  859. div.dt-buttons a.btn {
  860. float: none;
  861. }
  862. }
  863. :root[data-bs-theme=dark] div.dropdown-menu.dt-button-collection.fixed {
  864. background-color: rgb(33, 37, 41);
  865. border: 1px solid rgba(255, 255, 255, 0.15);
  866. border-radius: 8px;
  867. }
  868. table.dataTable.fixedHeader-floating,
  869. table.dataTable.fixedHeader-locked {
  870. position: relative !important;
  871. background-color: var(--bs-body-bg);
  872. margin-top: 0 !important;
  873. margin-bottom: 0 !important;
  874. }
  875. div.dtfh-floatingparent-foot table {
  876. border-top-color: var(--bs-border-color);
  877. border-top-width: var(--bs-border-width);
  878. border-top-style: solid;
  879. }
  880. @media print {
  881. table.fixedHeader-floating {
  882. display: none;
  883. }
  884. }
  885. div.dt-button-collection {
  886. overflow: visible !important;
  887. z-index: 2002 !important;
  888. }
  889. div.dt-button-collection div.dtsb-searchBuilder {
  890. padding-left: 1em !important;
  891. padding-right: 1em !important;
  892. }
  893. div.dt-button-collection.dtb-collection-closeable div.dtsb-titleRow {
  894. padding-right: 40px;
  895. }
  896. .dtsb-greyscale {
  897. border: 1px solid #cecece !important;
  898. }
  899. div.dtsb-logicContainer .dtsb-greyscale {
  900. border: none !important;
  901. }
  902. div.dtsb-searchBuilder {
  903. justify-content: space-evenly;
  904. cursor: default;
  905. margin-bottom: 1em;
  906. text-align: left;
  907. }
  908. div.dtsb-searchBuilder button.dtsb-button,
  909. div.dtsb-searchBuilder select {
  910. font-size: 1em;
  911. }
  912. div.dtsb-searchBuilder div.dtsb-titleRow {
  913. justify-content: space-evenly;
  914. margin-bottom: 0.5em;
  915. }
  916. div.dtsb-searchBuilder div.dtsb-titleRow div.dtsb-title {
  917. display: inline-block;
  918. padding-top: 14px;
  919. }
  920. div.dtsb-searchBuilder div.dtsb-titleRow div.dtsb-title:empty {
  921. display: inline;
  922. }
  923. div.dtsb-searchBuilder div.dtsb-titleRow button.dtsb-clearAll {
  924. float: right;
  925. margin-bottom: 0.8em;
  926. }
  927. div.dtsb-searchBuilder div.dtsb-vertical .dtsb-value, div.dtsb-searchBuilder div.dtsb-vertical .dtsb-data, div.dtsb-searchBuilder div.dtsb-vertical .dtsb-condition {
  928. display: block;
  929. }
  930. div.dtsb-searchBuilder div.dtsb-group {
  931. position: relative;
  932. clear: both;
  933. margin-bottom: 0.8em;
  934. }
  935. div.dtsb-searchBuilder div.dtsb-group button.dtsb-search {
  936. float: right;
  937. }
  938. div.dtsb-searchBuilder div.dtsb-group button.dtsb-clearGroup {
  939. margin: 2px;
  940. text-align: center;
  941. padding: 0;
  942. }
  943. div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer {
  944. -webkit-transform: rotate(90deg);
  945. -moz-transform: rotate(90deg);
  946. -o-transform: rotate(90deg);
  947. -ms-transform: rotate(90deg);
  948. transform: rotate(90deg);
  949. position: absolute;
  950. margin-top: 0.8em;
  951. margin-right: 0.8em;
  952. }
  953. div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria {
  954. margin-bottom: 0.8em;
  955. display: flex;
  956. justify-content: start;
  957. flex-flow: row wrap;
  958. }
  959. div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-dropDown,
  960. div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-input {
  961. padding: 0.4em;
  962. margin-right: 0.8em;
  963. min-width: 5em;
  964. max-width: 20em;
  965. color: inherit;
  966. font-size: 1em;
  967. }
  968. div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-dropDown option.dtsb-notItalic,
  969. div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-input option.dtsb-notItalic {
  970. font-style: normal;
  971. }
  972. div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-italic {
  973. font-style: italic;
  974. }
  975. div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont {
  976. flex: 1;
  977. white-space: nowrap;
  978. }
  979. div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont span.dtsb-joiner {
  980. margin-right: 0.8em;
  981. }
  982. div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont input.dtsb-value {
  983. width: 33%;
  984. }
  985. div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont select,
  986. div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont input {
  987. height: 100%;
  988. box-sizing: border-box;
  989. }
  990. div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer {
  991. margin-left: auto;
  992. display: inline-block;
  993. }
  994. div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-delete, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-right, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-left {
  995. margin-right: 0.8em;
  996. }
  997. div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-delete:last-child, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-right:last-child, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-left:last-child {
  998. margin-right: 0;
  999. }
  1000. @media screen and (max-width: 550px) {
  1001. div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria {
  1002. display: flex;
  1003. flex-flow: none;
  1004. flex-direction: column;
  1005. justify-content: start;
  1006. padding-right: calc(35px + 0.8em);
  1007. margin-bottom: 0px;
  1008. }
  1009. div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:not(:first-child), div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:not(:nth-child(2)), div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:not(:last-child) {
  1010. padding-top: 0.8em;
  1011. }
  1012. div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:first-child, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:nth-child(2), div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:last-child {
  1013. padding-top: 0em;
  1014. }
  1015. div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-dropDown,
  1016. div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-input {
  1017. max-width: none;
  1018. width: 100%;
  1019. margin-bottom: 0.8em;
  1020. margin-right: 0.8em;
  1021. }
  1022. div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont {
  1023. margin-right: 0.8em;
  1024. }
  1025. div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer {
  1026. position: absolute;
  1027. width: 35px;
  1028. display: flex;
  1029. flex-wrap: wrap-reverse;
  1030. right: 0;
  1031. }
  1032. div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button {
  1033. margin-right: 0px !important;
  1034. }
  1035. }
  1036. div.dtsb-searchBuilder div.dtsb-titleRow {
  1037. height: 40px;
  1038. }
  1039. div.dtsb-searchBuilder div.dtsb-titleRow div.dtsb-title {
  1040. padding-top: 10px;
  1041. }
  1042. div.dtsb-searchBuilder div.dtsb-group button.dtsb-clearGroup {
  1043. margin-right: 8px;
  1044. }
  1045. div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria .form-select {
  1046. width: auto;
  1047. display: inline-block;
  1048. padding-right: 30px !important;
  1049. }
  1050. div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-condition {
  1051. border-color: #28a745;
  1052. }
  1053. div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-data {
  1054. border-color: #dc3545;
  1055. }
  1056. div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-value, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-value {
  1057. border-color: #007bff;
  1058. }
  1059. div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria .form-control {
  1060. display: inline-block;
  1061. font-size: 1em;
  1062. }
  1063. div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer {
  1064. border-radius: 4px;
  1065. display: flex;
  1066. flex-direction: row;
  1067. flex-wrap: wrap;
  1068. justify-content: flex-start;
  1069. align-content: flex-start;
  1070. align-items: flex-start;
  1071. margin-top: 10px;
  1072. overflow: hidden;
  1073. }
  1074. div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer button.dtsb-logic {
  1075. border: none;
  1076. border-radius: 0px;
  1077. flex-grow: 1;
  1078. flex-shrink: 0;
  1079. flex-basis: 3em;
  1080. margin: 0px;
  1081. padding: 0.375rem 0.7rem;
  1082. }
  1083. div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer button.dtsb-clearGroup {
  1084. border: none;
  1085. border-radius: 0px;
  1086. width: 2em;
  1087. margin: 0px;
  1088. }
  1089. div.dt-button-collection div.dtsb-searchBuilder {
  1090. padding-left: 10px;
  1091. padding-right: 10px;
  1092. }
  1093. div.dtsp-topRow {
  1094. display: flex;
  1095. flex-direction: row;
  1096. flex-wrap: nowrap;
  1097. border: 2px solid rgba(0, 0, 0, 0);
  1098. border-radius: 3px;
  1099. justify-content: space-around;
  1100. align-content: flex-start;
  1101. align-items: flex-start;
  1102. }
  1103. div.dtsp-topRow input.dtsp-search {
  1104. text-overflow: ellipsis;
  1105. min-width: 50px;
  1106. flex-basis: 90px;
  1107. max-width: none;
  1108. }
  1109. div.dtsp-topRow input.dtsp-search::placeholder {
  1110. color: inherit;
  1111. }
  1112. div.dtsp-topRow div.dtsp-subRow1 {
  1113. display: flex;
  1114. flex-direction: row;
  1115. flex-wrap: nowrap;
  1116. flex: 1 1 auto;
  1117. }
  1118. div.dtsp-topRow div.dtsp-subRow1 div.dtsp-searchCont {
  1119. position: relative;
  1120. width: 100%;
  1121. }
  1122. div.dtsp-topRow div.dtsp-subRow1 input {
  1123. padding-right: 2em;
  1124. width: 100% !important;
  1125. box-sizing: border-box;
  1126. font-size: 1em;
  1127. }
  1128. div.dtsp-topRow div.dtsp-subRow1 input[disabled=disabled] {
  1129. background-color: transparent;
  1130. border: none;
  1131. cursor: initial;
  1132. box-shadow: none;
  1133. padding-bottom: 0;
  1134. padding-top: 0;
  1135. min-height: 1em;
  1136. height: fit-content;
  1137. box-sizing: content-box;
  1138. }
  1139. div.dtsp-topRow div.dtsp-subRow1 input[disabled=disabled]::placeholder {
  1140. color: initial;
  1141. opacity: 1;
  1142. }
  1143. div.dtsp-topRow div.dtsp-subRow1 button.dtsp-searchIcon {
  1144. position: absolute;
  1145. top: 0;
  1146. right: 0;
  1147. bottom: 0;
  1148. }
  1149. div.dtsp-topRow div.dtsp-subRow1 button.dtsp-searchIcon span {
  1150. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABbmlDQ1BpY2MAACiRdZE7SwNBFIU/EyWikRRaiFhsoWKhEBREO42FTZAQFYza7G5eQhKX3QQJtoKNhWAh2vgq/AfaCrYKgqAIIhb+Al+NhPVOEkiQZJbZ+3FmzmXmDHjCGTPrtAYhm8vb0bmQthxb0Xzv+PHRxRSabjrWTCQSpun4eaRF1YdR1av5voajM55wTGhpF54wLTsvPC0c3sxbineFe8y0Hhc+ER6x5YDCt0o3KvymOFXhL8X2YnQWPKqnlqpjo47NtJ0VHhYeyGYKZvU86ib+RG5pQWqfzH4coswRQsOgwDoZ8oxKzUlmjX3Bsm+eDfGY8rcoYosjRVq8I6IWpGtCalL0hHwZiir3/3k6yfGxSnd/CNpeXfdzEHz7UNpz3d9T1y2dgfcFrnM1/4bkNPkt+l5NGziGwDZc3tQ04wCudqD32dJtvSx5ZXqSSfi4gK4YdN9Dx2olq+o650+wuCVPdAeHRzAk+wNrfw8JaBFXEnV+AAAACXBIWXMAAA9hAAAPYQGoP6dpAAABMUlEQVQoU6XRr0vDQRjH8akoM4iIjqGoOIZ5oIjB5XWxajaYDGLSIhhNYjcPRDSJwbQNw+L+BNGgYYo/5pT5/shz8vDlBgMPXux7z3N3z+25VOofYyCyd4ZYCavI4gXPsRp9LqiDdrEMH+8wv8Vh8gBfWclFPOEUN3hAHjlMoRa7wTzBS5xgKLFglPkZLjDic6HyDsEMNvGR2Nxifoci3tEI+X770JU0XmPXIlax+LTPh83fFox1X6kxyzdjm9UcdXi9S+Vti6svfyNULhNR9TVsYNhW6Ff9KKCNR7/Zv6eeaQ+6+qcdpu9BqGlp1HFgud+FYdzzUcUExu0Q/cdzHGEFetIlXKPjK/sbqYoOftMiS+j9jzEJPd1Wt+5+kdR/9EM9ucIC5jCbyPc01Q32kfsBppYz3hYFcCwAAAAASUVORK5CYII=") !important;
  1151. background-repeat: no-repeat;
  1152. background-position: center;
  1153. background-size: 12px;
  1154. }
  1155. div.dtsp-topRow div.dtsp-subRow2 {
  1156. white-space: nowrap;
  1157. flex: 0 0 auto;
  1158. }
  1159. div.dtsp-topRow button > span {
  1160. display: inline-block;
  1161. height: 100%;
  1162. width: 100%;
  1163. }
  1164. div.dtsp-topRow button.dtsp-nameButton span {
  1165. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAABcGlDQ1BpY2MAACiRdZHNSwJBGMYftTDS8FCHkA57sOigIAXRMQzyYh3UIKvL7rirwe66zK6IdA26dBA6RF36OvQf1DXoWhAERRAR9B/0dQnZ3nEFJXSG2ffHs/O8zDwD+DM6M+yBJGCYDs+mU9JaYV0KviNMM4QoEjKzreXcUh59x88jfKI+JESv/vt6jlBRtRngGyKeYxZ3iBeIMzXHErxHPMbKcpH4hDjO6YDEt0JXPH4TXPL4SzDPZxcBv+gplbpY6WJW5gbxNHHM0KusfR5xk7BqruaoRmlNwEYWaaQgQUEVW9DhIEHVpMx6+5It3woq5GH0tVAHJ0cJZfLGSa1SV5WqRrpKU0dd5P4/T1ubnfG6h1PA4Kvrfk4CwX2g2XDd31PXbZ4BgRfg2uz4K5TT/DfpjY4WOwYiO8DlTUdTDoCrXWD82ZK53JICtPyaBnxcACMFYPQeGN7wsmr/x/kTkN+mJ7oDDo+AKdof2fwDCBRoDkL8UccAAAAJcEhZcwAAD2EAAA9hAag/p2kAAAK2SURBVFgJ7ZY9j41BFICvryCExrJBQ6HyEYVEIREaUZDQIRoR2ViJKCioxV+gkVXYTVZEQiEUhG2EQnxUCh0FKolY4ut5XnM2cyfva3Pt5m7EPcmzZ2bemTNnzjkzd1utnvQi0IvAfxiBy5z5FoxO89kPY+8mbMjtzs47RXs5/WVpbAG6bWExt5PuIibvhVkwmC+ck3eK9ln6/fAddFojYzBVuYSBpcnIEvRaqOw2RcaN18FPuJH0JvRUxbT3wWf4ltiKPgfVidWlbGZgPozDFfgAC+EA/K2EI4cwcAJ+gPaeQ+VQU2SOMMGcPgPl/m/V2p50rrbRsRgt9Iv5h6xtpP22Bz7Ce1C+gFFxfKzOmShcU+Qmyh2w3w8rIJfddHTck66EukL/xPhj+JM8rHNmFys0Pg4v0up3aFNlwR9NYyodd3OL/C64zpsymcTFcf6ElM4YzjAWKYrJkaq8kE/yUYNP4BoYvS1QRo+hNtF5xfkTUjoTheukSFFMjlTFm6PjceOca/SMpKfeCR1L6Uzk/y2WIkVhNFJlJAZhP+hYns7b9D3IPuhY5mYrIv8OrQJvR5NYyNaW4jsU8pSGNySiVx4o5tXq3JkoXE/mg5R/M8dGJCJpKhaDcjBRdbI/Rm8g69c122om33BHmj2CHoV5qa9jUXBraJ+G1fAVjIBO1klc87ro1K4JZ/K35SWW3TwcyDd6TecqnAEd8cGq2+w84xvBm1n3vS0izKkkwh5XNC/GmFPqqAtPF89AOScKuemaNzoTV1SD5dtSbmLf1/RV+tC0WTgcj6R7HEtrVGWaqu/lYDZ/2pvxQ/kIyw/gFByHC9AHw910hv1aUUumyd8yy0QfhmEkfiNod0Xusct68J1qc8Tdux0Z97Q+hsDb+AYGYEbF/4Guw2Q/qDPqZG/zXgT+3Qj8AtKnfWhFwmuAAAAAAElFTkSuQmCC") !important;
  1166. background-repeat: no-repeat;
  1167. background-position: center;
  1168. background-size: 23px;
  1169. vertical-align: bottom;
  1170. }
  1171. div.dtsp-topRow button.dtsp-countButton span {
  1172. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABcGlDQ1BpY2MAACiRdZHNSwJBGMYftTDS8FCHkA57sOigIAXRMQzyYh3UIKvL7rirwe66zK6IdA26dBA6RF36OvQf1DXoWhAERRAR9B/0dQnZ3nEFJXSG2ffHs/O8zDwD+DM6M+yBJGCYDs+mU9JaYV0KviNMM4QoEjKzreXcUh59x88jfKI+JESv/vt6jlBRtRngGyKeYxZ3iBeIMzXHErxHPMbKcpH4hDjO6YDEt0JXPH4TXPL4SzDPZxcBv+gplbpY6WJW5gbxNHHM0KusfR5xk7BqruaoRmlNwEYWaaQgQUEVW9DhIEHVpMx6+5It3woq5GH0tVAHJ0cJZfLGSa1SV5WqRrpKU0dd5P4/T1ubnfG6h1PA4Kvrfk4CwX2g2XDd31PXbZ4BgRfg2uz4K5TT/DfpjY4WOwYiO8DlTUdTDoCrXWD82ZK53JICtPyaBnxcACMFYPQeGN7wsmr/x/kTkN+mJ7oDDo+AKdof2fwDCBRoDkL8UccAAAAJcEhZcwAAD2EAAA9hAag/p2kAAAG5SURBVEgN3VU9LwVBFF0fiYhofUSlEQkKhU7z/oBCQkIiGr9BgUbhVzy9BAnhFyjV/AYFiU5ICM7ZN+c5Zud5dm3lJmfmzrkz9+7cu3c3y/6jjOBSF8CxXS7FmTkbwqIJjDpJvTcmsJ4K3KPZUpyZsx0sxoB9J6mnAkyC7wGuuCFIipNtEcpcWExgXpOBc78vgj6N+QO4NVsjwdFM59tUIDxDrHMBOeIQ34C5ZDregXuAQm4YcI68nN9B3wr2PcwPAIPkN2EqtJH6b+QZm1ajjTx7BqwAr26Lb+C2Kvpbt0Mb2HAJ7NrGFGfmXO3DeA4UshDfQAVmH0gaUFg852TTTDvlxwBlCtxy9zXyBhQFaq0wMmIdRebrfgosA3zb2hKnqG0oqchp4QbuR8X0TjzABhbdOT8jnQ/atcgqpnfwOA7yqZyTU587ZkIGdesLTt2EkynOnbreMUUKMI/dA4B/QVOcO13CQh+5wWCgDwo/75u59odB/wjmfhbgvACcAOyZPHihMWAoIwxyCLgf1oxfgjzVbgBXSTzIN+f0pg6s5DkcesLMRpsBrgE2XO3CN64JFP7JtUeKHX4CKtRRXFZ+7dEAAAAASUVORK5CYII=") !important;
  1173. background-repeat: no-repeat;
  1174. background-position: center;
  1175. background-size: 18px;
  1176. vertical-align: bottom;
  1177. }
  1178. div.dtsp-topRow button.dtsp-collapseButton span.dtsp-caret {
  1179. position: relative;
  1180. top: 9px;
  1181. display: inline-block;
  1182. }
  1183. div.dtsp-topRow button.dtsp-collapseButton.dtsp-rotated {
  1184. transform: rotate(180deg);
  1185. }
  1186. div.dtsp-searchPane table thead th,
  1187. div.dtsp-searchPane table thead td {
  1188. width: 100% !important;
  1189. }
  1190. div.dt-button-collection {
  1191. z-index: 2002;
  1192. }
  1193. div.dt-button-collection.dtb-collection-closeable div.dtsp-titleRow {
  1194. padding-right: 25px;
  1195. }
  1196. div.dtsp-columns-1 {
  1197. max-width: 100%;
  1198. min-width: 100%;
  1199. margin: 0px !important;
  1200. }
  1201. div.dtsp-columns-2 {
  1202. max-width: 49%;
  1203. min-width: 49%;
  1204. margin: 0px !important;
  1205. }
  1206. div.dtsp-columns-3 {
  1207. max-width: 32%;
  1208. min-width: 32%;
  1209. margin: 0px !important;
  1210. }
  1211. div.dtsp-columns-4 {
  1212. max-width: 24%;
  1213. min-width: 24%;
  1214. margin: 0px !important;
  1215. }
  1216. div.dtsp-columns-5 {
  1217. max-width: 19%;
  1218. min-width: 19%;
  1219. margin: 0px !important;
  1220. }
  1221. div.dtsp-columns-6 {
  1222. max-width: 16%;
  1223. min-width: 16%;
  1224. margin: 0px !important;
  1225. }
  1226. div.dtsp-columns-7 {
  1227. max-width: 14%;
  1228. min-width: 14%;
  1229. margin: 0px !important;
  1230. }
  1231. div.dtsp-columns-8 {
  1232. max-width: 12%;
  1233. min-width: 12%;
  1234. margin: 0px !important;
  1235. }
  1236. div.dtsp-columns-9 {
  1237. max-width: 10.5%;
  1238. min-width: 10.5%;
  1239. margin: 0px !important;
  1240. }
  1241. div.dtsp-narrow {
  1242. flex-direction: column !important;
  1243. }
  1244. div.dtsp-narrow div.dtsp-subRow1,
  1245. div.dtsp-narrow div.dtsp-subRow2 {
  1246. width: 100%;
  1247. }
  1248. div.dtsp-narrow div.dtsp-subRow2 button {
  1249. margin: 0 !important;
  1250. width: 25% !important;
  1251. }
  1252. div.dt-button-collection div.dtsp-panesContainer {
  1253. padding-left: 1em;
  1254. padding-right: 1em;
  1255. margin-bottom: 0;
  1256. }
  1257. div.dtsp-panesContainer {
  1258. margin-bottom: 1em;
  1259. }
  1260. div.dtsp-searchPane div.dt-container,
  1261. div.dtsp-searchPane div.dataTables_wrapper {
  1262. width: 100%;
  1263. }
  1264. div.dtsp-searchPane div.dt-container div.dataTables_layout_cell,
  1265. div.dtsp-searchPane div.dataTables_wrapper div.dataTables_layout_cell {
  1266. padding: 0;
  1267. }
  1268. div.dtsp-searchPane div.dt-container div.dt-scroll-head,
  1269. div.dtsp-searchPane div.dt-container div.dataTables_scrollHead,
  1270. div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-head,
  1271. div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollHead {
  1272. display: none !important;
  1273. }
  1274. div.dtsp-searchPane div.dt-container div.dt-scroll-body,
  1275. div.dtsp-searchPane div.dt-container div.dataTables_scrollBody,
  1276. div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body,
  1277. div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody {
  1278. background: white !important;
  1279. border: none;
  1280. }
  1281. div.dtsp-searchPane div.dt-container div.dt-scroll-body thead,
  1282. div.dtsp-searchPane div.dt-container div.dataTables_scrollBody thead,
  1283. div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body thead,
  1284. div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody thead {
  1285. display: none;
  1286. }
  1287. div.dtsp-searchPane div.dt-container div.dt-scroll-body table tr > th,
  1288. div.dtsp-searchPane div.dt-container div.dt-scroll-body table tr > td,
  1289. div.dtsp-searchPane div.dt-container div.dataTables_scrollBody table tr > th,
  1290. div.dtsp-searchPane div.dt-container div.dataTables_scrollBody table tr > td,
  1291. div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body table tr > th,
  1292. div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body table tr > td,
  1293. div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody table tr > th,
  1294. div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody table tr > td {
  1295. padding: 5px 10px;
  1296. }
  1297. div.dtsp-searchPane div.dt-container div.dt-scroll-body td.dtsp-nameColumn,
  1298. div.dtsp-searchPane div.dt-container div.dataTables_scrollBody td.dtsp-nameColumn,
  1299. div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body td.dtsp-nameColumn,
  1300. div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody td.dtsp-nameColumn {
  1301. width: 100% !important;
  1302. }
  1303. div.dtsp-searchPane div.dt-container div.dt-scroll-body div.dtsp-nameCont,
  1304. div.dtsp-searchPane div.dt-container div.dataTables_scrollBody div.dtsp-nameCont,
  1305. div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body div.dtsp-nameCont,
  1306. div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody div.dtsp-nameCont {
  1307. width: 100%;
  1308. display: flex;
  1309. flex-direction: row;
  1310. justify-content: flex-start;
  1311. align-content: flex-start;
  1312. align-items: flex-start;
  1313. }
  1314. div.dtsp-searchPane div.dt-container div.dt-scroll-body div.dtsp-nameCont span.dtsp-name,
  1315. div.dtsp-searchPane div.dt-container div.dt-scroll-body div.dtsp-nameCont span.dtsp-pill,
  1316. div.dtsp-searchPane div.dt-container div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-name,
  1317. div.dtsp-searchPane div.dt-container div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill,
  1318. div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body div.dtsp-nameCont span.dtsp-name,
  1319. div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body div.dtsp-nameCont span.dtsp-pill,
  1320. div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-name,
  1321. div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill {
  1322. cursor: default;
  1323. }
  1324. div.dtsp-searchPane div.dt-container div.dt-scroll-body div.dtsp-nameCont span.dtsp-name,
  1325. div.dtsp-searchPane div.dt-container div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-name,
  1326. div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body div.dtsp-nameCont span.dtsp-name,
  1327. div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-name {
  1328. text-overflow: ellipsis;
  1329. overflow: hidden;
  1330. display: inline-block;
  1331. vertical-align: middle;
  1332. white-space: nowrap;
  1333. flex-grow: 1;
  1334. text-align: left;
  1335. }
  1336. div.dtsp-searchPane div.dt-container div.dt-scroll-body div.dtsp-nameCont span.dtsp-pill,
  1337. div.dtsp-searchPane div.dt-container div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill,
  1338. div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body div.dtsp-nameCont span.dtsp-pill,
  1339. div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill {
  1340. display: inline-block;
  1341. background-color: #cfcfcf;
  1342. text-align: center;
  1343. border-radius: 10px;
  1344. width: auto;
  1345. min-width: 30px;
  1346. color: black;
  1347. font-size: 0.9em;
  1348. padding: 0 4px;
  1349. }
  1350. div.dtsp-searchPane div.dt-container div.dt-scroll-body div.dtsp-nameCont span.dtsp-pill:empty,
  1351. div.dtsp-searchPane div.dt-container div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill:empty,
  1352. div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body div.dtsp-nameCont span.dtsp-pill:empty,
  1353. div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill:empty {
  1354. display: none;
  1355. }
  1356. div.dtsp-panesContainer {
  1357. clear: both;
  1358. padding-left: 0;
  1359. padding-right: 0;
  1360. text-align: center;
  1361. }
  1362. div.dtsp-panesContainer div.dtsp-searchPanes {
  1363. display: flex;
  1364. flex-direction: row;
  1365. flex-wrap: wrap;
  1366. justify-content: space-between;
  1367. align-content: flex-start;
  1368. align-items: stretch;
  1369. clear: both;
  1370. text-align: left;
  1371. }
  1372. div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane {
  1373. flex-grow: 1;
  1374. flex-shrink: 0;
  1375. font-size: 0.9em;
  1376. margin-top: 15px !important;
  1377. }
  1378. div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dt-container,
  1379. div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dataTables_wrapper {
  1380. flex: 1;
  1381. box-sizing: border-box;
  1382. }
  1383. div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dt-container div.dt-search,
  1384. div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dt-container div.dataTables_filter,
  1385. div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dataTables_wrapper div.dt-search,
  1386. div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dataTables_wrapper div.dataTables_filter {
  1387. display: none;
  1388. }
  1389. div.dtsp-panesContainer div.dtsp-title {
  1390. float: left;
  1391. padding: 10px 0;
  1392. }
  1393. div.dtsp-panesContainer button.dtsp-clearAll,
  1394. div.dtsp-panesContainer button.dtsp-collapseAll,
  1395. div.dtsp-panesContainer button.dtsp-showAll {
  1396. float: right;
  1397. }
  1398. div.dtsp-hidden {
  1399. display: none !important;
  1400. }
  1401. html.dark div.dtsp-topRow div.dtsp-subRow1 div.dtsp-searchCont input[disabled=disabled]::placeholder,
  1402. html[data-bs-theme=dark] div.dtsp-topRow div.dtsp-subRow1 div.dtsp-searchCont input[disabled=disabled]::placeholder {
  1403. color: white;
  1404. }
  1405. div.dtsp-panesContainer button.btn-subtle {
  1406. background-color: #f8f9fa;
  1407. border: 1px solid #ced4da;
  1408. }
  1409. div.dtsp-panesContainer button.btn-subtle.disabled {
  1410. opacity: 0.5;
  1411. }
  1412. div.dtsp-panesContainer button.btn-subtle:hover {
  1413. background-color: #cbd3da;
  1414. }
  1415. div.dtsp-panesContainer button.dtsp-clearAll,
  1416. div.dtsp-panesContainer button.dtsp-showAll {
  1417. margin-left: 3px;
  1418. }
  1419. div.dtsp-panesContainer div.dtsp-searchPane div.dtsp-topRow {
  1420. margin: 0.5em 0;
  1421. }
  1422. div.dtsp-panesContainer div.dtsp-searchPane div.dtsp-topRow div.dtsp-subRow2 {
  1423. margin-left: 0.5em;
  1424. }
  1425. div.dtsp-panesContainer div.dtsp-searchPane div.dtsp-topRow button {
  1426. width: 35px;
  1427. line-height: 20px;
  1428. }
  1429. div.dtsp-panesContainer div.dtsp-searchPane div.dtsp-topRow button.dtsp-searchIcon, div.dtsp-panesContainer div.dtsp-searchPane div.dtsp-topRow button.dtsp-nameButton, div.dtsp-panesContainer div.dtsp-searchPane div.dtsp-topRow button.dtsp-countButton {
  1430. padding: 0;
  1431. }
  1432. div.dtsp-panesContainer div.dtsp-searchPane div.dtsp-topRow div.dtsp-subRow1 button {
  1433. border-right: none;
  1434. margin-right: 1px;
  1435. }
  1436. div.dtsp-panesContainer div.dtsp-searchPane div.dtsp-topRow div.dtsp-subRow1 input {
  1437. padding-right: 3em;
  1438. }
  1439. div.dtsp-panesContainer div.dtsp-searchPane div.dtsp-topRow span.dtsp-caret {
  1440. top: 3px;
  1441. }
  1442. div.dtsp-panesContainer div.dtsp-searchPane div.dtsp-topRow button.dtsp-rotated {
  1443. transform: none;
  1444. }
  1445. div.dtsp-panesContainer div.dtsp-searchPane div.dtsp-topRow button.dtsp-rotated span {
  1446. transform: rotate(180deg);
  1447. top: -2px;
  1448. }
  1449. div.dtsp-panesContainer div.dtsp-searchPane div.dtsp-topRow.dtsp-bordered:hover button.disabled {
  1450. cursor: pointer !important;
  1451. pointer-events: none;
  1452. }
  1453. div.dtsp-panesContainer div.dtsp-searchPane div.dtsp-topRow.dtsp-bordered:hover input.dtsp-paneInputButton {
  1454. pointer-events: none;
  1455. }
  1456. div.dtsp-panesContainer div.dtsp-searchPane div.dt-container,
  1457. div.dtsp-panesContainer div.dtsp-searchPane div.dataTables_wrapper {
  1458. border: 2px #f0f0f0 solid;
  1459. border-radius: 4px;
  1460. }
  1461. div.dtsp-panesContainer div.dtsp-searchPane div.dt-container:hover,
  1462. div.dtsp-panesContainer div.dtsp-searchPane div.dataTables_wrapper:hover {
  1463. border: 2px solid #cfcfcf !important;
  1464. }
  1465. div.dtsp-panesContainer div.dtsp-searchPane div.dt-container div.dtsp-nameCont span.badge,
  1466. div.dtsp-panesContainer div.dtsp-searchPane div.dataTables_wrapper div.dtsp-nameCont span.badge {
  1467. min-width: 30px;
  1468. line-height: 1.25em;
  1469. margin-top: 3.5px;
  1470. }
  1471. div.dtsp-panesContainer div.dtsp-searchPane div.dt-container > div.row.mt-2,
  1472. div.dtsp-panesContainer div.dtsp-searchPane div.dataTables_wrapper > div.row.mt-2 {
  1473. margin: 0 !important;
  1474. }
  1475. div.dtsp-panesContainer div.dtsp-searchPane div.dt-container > div.row.mt-2 > *,
  1476. div.dtsp-panesContainer div.dtsp-searchPane div.dataTables_wrapper > div.row.mt-2 > * {
  1477. padding: 0;
  1478. }
  1479. div.dtsp-panesContainer button.disabled {
  1480. cursor: not-allowed;
  1481. }
  1482. div.dt-button-collection div.dtsp-panesContainer {
  1483. padding: 9px 1rem;
  1484. }
  1485. html[data-bs-theme=dark] div.dtsp-topRow button.dtsp-searchIcon span {
  1486. filter: invert(1);
  1487. }
  1488. html[data-bs-theme=dark] div.dtsp-topRow button.dtsp-nameButton span {
  1489. filter: invert(1);
  1490. }
  1491. html[data-bs-theme=dark] div.dtsp-topRow button.dtsp-countButton span {
  1492. filter: invert(1);
  1493. }
  1494. html[data-bs-theme=dark] div.dtsp-topRow input.dtsp-paneInputButton,
  1495. html[data-bs-theme=dark] div.dtsp-topRow button {
  1496. color: inherit;
  1497. }
  1498. html[data-bs-theme=dark] div.dtsp-panesContainer button.btn-subtle {
  1499. background-color: rgb(33, 37, 41);
  1500. border: var(--bs-border-width) solid var(--bs-border-color);
  1501. }
  1502. html[data-bs-theme=dark] div.dtsp-panesContainer button.btn-subtle:hover {
  1503. background-color: rgba(255, 255, 255, 0.1);
  1504. }
  1505. html[data-bs-theme=dark] div.dtsp-panesContainer button.dtsp-clearAll,
  1506. html[data-bs-theme=dark] div.dtsp-panesContainer button.dtsp-collapseAll,
  1507. html[data-bs-theme=dark] div.dtsp-panesContainer button.dtsp-showAll {
  1508. color: inherit;
  1509. }
  1510. html[data-bs-theme=dark] div.dtsp-panesContainer button.dtsp-clearAll:hover,
  1511. html[data-bs-theme=dark] div.dtsp-panesContainer button.dtsp-collapseAll:hover,
  1512. html[data-bs-theme=dark] div.dtsp-panesContainer button.dtsp-showAll:hover {
  1513. background-color: rgb(64, 69, 73);
  1514. }
  1515. html[data-bs-theme=dark] div.dtsp-panesContainer button.dtsp-disabledButton {
  1516. color: rgb(124, 124, 124);
  1517. }
  1518. html[data-bs-theme=dark] div.dtsp-panesContainer div.dtsp-searchPane div.dt-container,
  1519. html[data-bs-theme=dark] div.dtsp-panesContainer div.dtsp-searchPane div.dataTables_wrapper {
  1520. border: 1px solid rgba(255, 255, 255, 0.2);
  1521. }
  1522. html[data-bs-theme=dark] div.dtsp-panesContainer div.dtsp-searchPane div.dt-container:hover,
  1523. html[data-bs-theme=dark] div.dtsp-panesContainer div.dtsp-searchPane div.dataTables_wrapper:hover {
  1524. border: 1px solid rgba(255, 255, 255, 0.3) !important;
  1525. }
  1526. html[data-bs-theme=dark] div.dtsp-panesContainer div.dtsp-searchPane div.dt-container div.dt-scroll-body,
  1527. html[data-bs-theme=dark] div.dtsp-panesContainer div.dtsp-searchPane div.dt-container div.dataTables_scrollBody,
  1528. html[data-bs-theme=dark] div.dtsp-panesContainer div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body,
  1529. html[data-bs-theme=dark] div.dtsp-panesContainer div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody {
  1530. background: var(--bs-table-bg) !important;
  1531. }
  1532. html[data-bs-theme=dark] div.dtsp-panesContainer div.dtsp-searchPane div.dt-container div.dt-scroll-body div.dtsp-nameCont span.dtsp-pill,
  1533. html[data-bs-theme=dark] div.dtsp-panesContainer div.dtsp-searchPane div.dt-container div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill,
  1534. html[data-bs-theme=dark] div.dtsp-panesContainer div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body div.dtsp-nameCont span.dtsp-pill,
  1535. html[data-bs-theme=dark] div.dtsp-panesContainer div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill {
  1536. background-color: rgb(33, 37, 41);
  1537. color: inherit;
  1538. }
  1539. table.dataTable > tbody > tr > .selected {
  1540. background-color: rgb(13, 110, 253);
  1541. color: white;
  1542. }
  1543. table.dataTable > tbody > tr > .dt-select {
  1544. text-align: center;
  1545. vertical-align: middle;
  1546. }
  1547. table.dataTable > thead > tr > .dt-select {
  1548. text-align: center;
  1549. }
  1550. table.dataTable input.dt-select-checkbox {
  1551. appearance: none;
  1552. position: relative;
  1553. display: inline-block;
  1554. width: 12px;
  1555. height: 12px;
  1556. border: 1px solid;
  1557. border-radius: 3px;
  1558. vertical-align: middle;
  1559. margin-top: 1px;
  1560. color: inherit;
  1561. font-size: 20px;
  1562. line-height: 1em;
  1563. }
  1564. table.dataTable input.dt-select-checkbox:checked:after {
  1565. display: block;
  1566. content: "✓";
  1567. margin-top: -8px;
  1568. }
  1569. table.dataTable input.dt-select-checkbox:indeterminate:after {
  1570. display: block;
  1571. position: absolute;
  1572. content: " ";
  1573. top: 3px;
  1574. left: 3px;
  1575. height: 4px;
  1576. width: 4px;
  1577. background-color: black;
  1578. border-radius: 2px;
  1579. }
  1580. table.dataTable > tbody > tr.selected input.dt-select-checkbox:checked {
  1581. border: 1px solid;
  1582. }
  1583. table.dataTable > tbody > tr > td.select-checkbox,
  1584. table.dataTable > tbody > tr > th.select-checkbox {
  1585. position: relative;
  1586. }
  1587. table.dataTable > tbody > tr > td.select-checkbox:before,
  1588. table.dataTable > tbody > tr > th.select-checkbox:before {
  1589. display: block;
  1590. position: absolute;
  1591. top: 50%;
  1592. left: 50%;
  1593. width: 12px;
  1594. height: 12px;
  1595. box-sizing: border-box;
  1596. content: " ";
  1597. margin-top: -6px;
  1598. margin-left: -6px;
  1599. border: 1px solid;
  1600. border-radius: 3px;
  1601. }
  1602. table.dataTable > tbody > tr.selected > td.select-checkbox:before,
  1603. table.dataTable > tbody > tr.selected > th.select-checkbox:before {
  1604. border: 1px solid;
  1605. content: "✓";
  1606. font-size: 20px;
  1607. line-height: 4px;
  1608. text-align: center;
  1609. }
  1610. table.dataTable.compact > tbody > tr > td.select-checkbox:before,
  1611. table.dataTable.compact > tbody > tr > th.select-checkbox:before {
  1612. margin-top: -12px;
  1613. }
  1614. table.dataTable.compact > tbody > tr.selected > td.select-checkbox:after,
  1615. table.dataTable.compact > tbody > tr.selected > th.select-checkbox:after {
  1616. margin-top: -16px;
  1617. }
  1618. div.dt-container span.select-info,
  1619. div.dt-container span.select-item {
  1620. margin-left: 0.5em;
  1621. }
  1622. html.dark table.dataTable input.dt-select-checkbox:indeterminate:after,
  1623. html[data-bs-theme=dark] table.dataTable input.dt-select-checkbox:indeterminate:after {
  1624. background-color: white;
  1625. }
  1626. @media screen and (max-width: 640px) {
  1627. div.dt-container span.select-info,
  1628. div.dt-container span.select-item {
  1629. margin-left: 0;
  1630. display: block;
  1631. }
  1632. }
  1633. table.dataTable.table-sm tbody td.select-checkbox::before {
  1634. margin-top: -9px;
  1635. }