Guest User

Untitled

a guest
Sep 27th, 2022
11
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 413.11 KB | None | 0 0
  1. @charset "UTF-8";
  2. @font-face {
  3. font-family: 'Material Icons';
  4. font-style: normal;
  5. font-weight: 400;
  6. src: local("Material Icons"), local("MaterialIcons-Regular"), url("../fonts/MaterialIcons-Regular.woff") format("woff");
  7. }
  8.  
  9. @font-face {
  10. font-family: 'Source Sans Pro';
  11. font-weight: 200;
  12. font-style: normal;
  13. font-stretch: normal;
  14. src: local("SourceSansPro-ExtraLight"), local("Source Sans Pro"), url("../fonts/SourceSansPro-ExtraLight.woff") format("woff");
  15. }
  16.  
  17. @font-face {
  18. font-family: 'Source Sans Pro';
  19. font-weight: 300;
  20. font-style: normal;
  21. font-stretch: normal;
  22. src: local("SourceSansPro-Light"), local("Source Sans Pro"), url("../fonts/SourceSansPro-Light.woff") format("woff");
  23. }
  24.  
  25. @font-face {
  26. font-family: 'Source Sans Pro';
  27. font-weight: 400;
  28. font-style: normal;
  29. font-stretch: normal;
  30. src: local("SourceSansPro-Regular"), local("Source Sans Pro"), url("../fonts/SourceSansPro-Regular.woff") format("woff");
  31. }
  32.  
  33. @font-face {
  34. font-family: 'Source Sans Pro';
  35. font-weight: 600;
  36. font-style: normal;
  37. font-stretch: normal;
  38. src: local("SourceSansPro-Semibold"), local("Source Sans Pro Semibold"), url("../fonts/SourceSansPro-Semibold.woff") format("woff");
  39. }
  40.  
  41. @font-face {
  42. font-family: 'Source Sans Pro';
  43. font-weight: 700;
  44. font-style: normal;
  45. font-stretch: normal;
  46. src: local("SourceSansPro-Bold"), local("Source Sans Pro Bold"), url("../fonts/SourceSansPro-Bold.woff") format("woff");
  47. }
  48.  
  49. @font-face {
  50. font-family: 'Source Sans Pro';
  51. font-weight: 900;
  52. font-style: normal;
  53. font-stretch: normal;
  54. src: local("SourceSansPro-Black"), local("Source Sans Pro Black"), url("../fonts/SourceSansPro-Black.woff") format("woff");
  55. }
  56.  
  57. @font-face {
  58. font-family: 'Source Sans Pro';
  59. font-weight: 200;
  60. font-style: italic;
  61. font-stretch: normal;
  62. src: local("SourceSansPro-ExtraLightIt"), local("Source Sans Pro"), url("../fonts/SourceSansPro-ExtraLightIt.woff") format("woff");
  63. }
  64.  
  65. @font-face {
  66. font-family: 'Source Sans Pro';
  67. font-weight: 300;
  68. font-style: italic;
  69. font-stretch: normal;
  70. src: local("SourceSansPro-LightIt"), local("Source Sans Pro"), url("../fonts/SourceSansPro-LightIt.woff") format("woff");
  71. }
  72.  
  73. @font-face {
  74. font-family: 'Source Sans Pro';
  75. font-weight: 400;
  76. font-style: italic;
  77. font-stretch: normal;
  78. src: local("SourceSansPro-It"), local("Source Sans Pro"), url("../fonts/SourceSansPro-It.woff") format("woff");
  79. }
  80.  
  81. @font-face {
  82. font-family: 'Source Sans Pro';
  83. font-weight: 600;
  84. font-style: italic;
  85. font-stretch: normal;
  86. src: local("SourceSansPro-SemiboldIt"), local("Source Sans Pro"), url("../fonts/SourceSansPro-SemiboldIt.woff") format("woff");
  87. }
  88.  
  89. @font-face {
  90. font-family: 'Source Sans Pro';
  91. font-weight: 700;
  92. font-style: italic;
  93. font-stretch: normal;
  94. src: local("SourceSansPro-BoldIt"), local("Source Sans Pro"), url("../fonts/SourceSansPro-BoldIt.woff") format("woff");
  95. }
  96.  
  97. @font-face {
  98. font-family: 'Source Sans Pro';
  99. font-weight: 900;
  100. font-style: italic;
  101. font-stretch: normal;
  102. src: local("SourceSansPro-BlackIt"), local("Source Sans Pro"), url("../fonts/SourceSansPro-BlackIt.woff") format("woff");
  103. }
  104.  
  105. :root {
  106. --rz-white: #ffffff;
  107. --rz-black: #000000;
  108. --rz-base-50: #ffffff;
  109. --rz-base-100: #f6f7fa;
  110. --rz-base-200: #e9edf0;
  111. --rz-base-300: #dadfe2;
  112. --rz-base-400: #c1c9cb;
  113. --rz-base-500: #95a4a8;
  114. --rz-base-600: #77858b;
  115. --rz-base-700: #545e61;
  116. --rz-base-800: #3a474d;
  117. --rz-base-900: #28363c;
  118. --rz-primary: #ff6d41;
  119. --rz-primary-light: #ff7f58;
  120. --rz-primary-lighter: rgba(255, 109, 65, 0.16);
  121. --rz-primary-dark: #eb643c;
  122. --rz-primary-darker: #bf5231;
  123. --rz-secondary: #35a0d7;
  124. --rz-secondary-light: #4dabdc;
  125. --rz-secondary-lighter: rgba(53, 160, 215, 0.2);
  126. --rz-secondary-dark: #3193c6;
  127. --rz-secondary-darker: #2878a1;
  128. --rz-info: #2cc8c8;
  129. --rz-info-light: #4ed1d1;
  130. --rz-info-lighter: rgba(44, 200, 200, 0.2);
  131. --rz-info-dark: #25a8a8;
  132. --rz-info-darker: #219696;
  133. --rz-success: #5dbf74;
  134. --rz-success-light: #77c98a;
  135. --rz-success-lighter: rgba(93, 191, 116, 0.16);
  136. --rz-success-dark: #4ea061;
  137. --rz-success-darker: #468f57;
  138. --rz-warning: #fac152;
  139. --rz-warning-light: #fbcb6e;
  140. --rz-warning-lighter: rgba(250, 193, 82, 0.2);
  141. --rz-warning-dark: #d2a245;
  142. --rz-warning-darker: #bc913e;
  143. --rz-danger: #f9777f;
  144. --rz-danger-light: #fa8d93;
  145. --rz-danger-lighter: rgba(249, 119, 127, 0.2);
  146. --rz-danger-dark: #d1646b;
  147. --rz-danger-darker: #bb595f;
  148. --rz-series-1: #0479cc;
  149. --rz-series-2: #68d5c8;
  150. --rz-series-3: #ff6d41;
  151. --rz-series-4: #cb6992;
  152. --rz-series-5: #e6c54f;
  153. --rz-series-6: #f9777f;
  154. --rz-series-7: #5dbf74;
  155. --rz-series-8: #4db9f2;
  156. }
  157.  
  158. :root {
  159. --rz-border-width: 1px;
  160. --rz-root-font-size: 16px;
  161. --rz-body-font-size: 0.875rem;
  162. --rz-body-line-height: 1.429;
  163. --rz-icon-size: 1.25rem;
  164. }
  165.  
  166. :root {
  167. --rz-text-title-color: var(--rz-base-900);
  168. --rz-text-color: var(--rz-base-800);
  169. --rz-text-secondary-color: var(--rz-base-700);
  170. --rz-text-tertiary-color: var(--rz-base-600);
  171. --rz-text-disabled-color: var(--rz-base-500);
  172. --rz-text-contrast-color: var(--rz-white);
  173. }
  174.  
  175. .rz-text-title-color {
  176. color: var(--rz-base-900) !important;
  177. }
  178.  
  179. .rz-text-color {
  180. color: var(--rz-base-800) !important;
  181. }
  182.  
  183. .rz-text-secondary-color {
  184. color: var(--rz-base-700) !important;
  185. }
  186.  
  187. .rz-text-tertiary-color {
  188. color: var(--rz-base-600) !important;
  189. }
  190.  
  191. .rz-text-disabled-color {
  192. color: var(--rz-base-500) !important;
  193. }
  194.  
  195. .rz-text-contrast-color {
  196. color: var(--rz-white) !important;
  197. }
  198.  
  199. :root {
  200. --rz-link-color: var(--rz-secondary);
  201. --rz-link-text-decoration: none;
  202. --rz-link-hover-color: var(--rz-secondary-dark);
  203. --rz-link-hover-text-decoration: underline;
  204. }
  205.  
  206. :root {
  207. --rz-base-background-color: var(--rz-white);
  208. }
  209.  
  210. :root {
  211. --rz-border-white: var(--rz-border-width) solid var(--rz-white);
  212. --rz-border-black: var(--rz-border-width) solid var(--rz-black);
  213. --rz-border-base-50: var(--rz-border-width) solid var(--rz-base-50);
  214. --rz-border-base-100: var(--rz-border-width) solid var(--rz-base-100);
  215. --rz-border-base-200: var(--rz-border-width) solid var(--rz-base-200);
  216. --rz-border-base-300: var(--rz-border-width) solid var(--rz-base-300);
  217. --rz-border-base-400: var(--rz-border-width) solid var(--rz-base-400);
  218. --rz-border-base-500: var(--rz-border-width) solid var(--rz-base-500);
  219. --rz-border-base-600: var(--rz-border-width) solid var(--rz-base-600);
  220. --rz-border-base-700: var(--rz-border-width) solid var(--rz-base-700);
  221. --rz-border-base-800: var(--rz-border-width) solid var(--rz-base-800);
  222. --rz-border-base-900: var(--rz-border-width) solid var(--rz-base-900);
  223. --rz-border-primary: var(--rz-border-width) solid var(--rz-primary);
  224. --rz-border-primary-light: var(--rz-border-width) solid var(--rz-primary-light);
  225. --rz-border-primary-lighter: var(--rz-border-width) solid var(--rz-primary-lighter);
  226. --rz-border-primary-dark: var(--rz-border-width) solid var(--rz-primary-dark);
  227. --rz-border-primary-darker: var(--rz-border-width) solid var(--rz-primary-darker);
  228. --rz-border-secondary: var(--rz-border-width) solid var(--rz-secondary);
  229. --rz-border-secondary-light: var(--rz-border-width) solid var(--rz-secondary-light);
  230. --rz-border-secondary-lighter: var(--rz-border-width) solid var(--rz-secondary-lighter);
  231. --rz-border-secondary-dark: var(--rz-border-width) solid var(--rz-secondary-dark);
  232. --rz-border-secondary-darker: var(--rz-border-width) solid var(--rz-secondary-darker);
  233. --rz-border-info: var(--rz-border-width) solid var(--rz-info);
  234. --rz-border-info-light: var(--rz-border-width) solid var(--rz-info-light);
  235. --rz-border-info-lighter: var(--rz-border-width) solid var(--rz-info-lighter);
  236. --rz-border-info-dark: var(--rz-border-width) solid var(--rz-info-dark);
  237. --rz-border-info-darker: var(--rz-border-width) solid var(--rz-info-darker);
  238. --rz-border-success: var(--rz-border-width) solid var(--rz-success);
  239. --rz-border-success-light: var(--rz-border-width) solid var(--rz-success-light);
  240. --rz-border-success-lighter: var(--rz-border-width) solid var(--rz-success-lighter);
  241. --rz-border-success-dark: var(--rz-border-width) solid var(--rz-success-dark);
  242. --rz-border-success-darker: var(--rz-border-width) solid var(--rz-success-darker);
  243. --rz-border-warning: var(--rz-border-width) solid var(--rz-warning);
  244. --rz-border-warning-light: var(--rz-border-width) solid var(--rz-warning-light);
  245. --rz-border-warning-lighter: var(--rz-border-width) solid var(--rz-warning-lighter);
  246. --rz-border-warning-dark: var(--rz-border-width) solid var(--rz-warning-dark);
  247. --rz-border-warning-darker: var(--rz-border-width) solid var(--rz-warning-darker);
  248. --rz-border-danger: var(--rz-border-width) solid var(--rz-danger);
  249. --rz-border-danger-light: var(--rz-border-width) solid var(--rz-danger-light);
  250. --rz-border-danger-lighter: var(--rz-border-width) solid var(--rz-danger-lighter);
  251. --rz-border-danger-dark: var(--rz-border-width) solid var(--rz-danger-dark);
  252. --rz-border-danger-darker: var(--rz-border-width) solid var(--rz-danger-darker);
  253. --rz-border-series-1: var(--rz-border-width) solid var(--rz-series-1);
  254. --rz-border-series-2: var(--rz-border-width) solid var(--rz-series-2);
  255. --rz-border-series-3: var(--rz-border-width) solid var(--rz-series-3);
  256. --rz-border-series-4: var(--rz-border-width) solid var(--rz-series-4);
  257. --rz-border-series-5: var(--rz-border-width) solid var(--rz-series-5);
  258. --rz-border-series-6: var(--rz-border-width) solid var(--rz-series-6);
  259. --rz-border-series-7: var(--rz-border-width) solid var(--rz-series-7);
  260. --rz-border-series-8: var(--rz-border-width) solid var(--rz-series-8);
  261. }
  262.  
  263. :root {
  264. --rz-border-normal: var(--rz-border-width) solid var(--rz-base-300);
  265. --rz-border-hover: var(--rz-border-width) solid var(--rz-base-400);
  266. --rz-border-focus: var(--rz-border-width) solid var(--rz-base-400);
  267. --rz-border-disabled: var(--rz-border-width) solid var(--rz-base-200);
  268. }
  269.  
  270. :root {
  271. --rz-border-radius: 4px;
  272. --rz-border-radius-0: 0;
  273. --rz-border-radius-1: 0.25rem;
  274. --rz-border-radius-2: 0.5rem;
  275. --rz-border-radius-3: 0.75rem;
  276. --rz-border-radius-4: 1rem;
  277. --rz-border-radius-5: 1.25rem;
  278. --rz-border-radius-6: 1.5rem;
  279. --rz-border-radius-7: 1.75rem;
  280. --rz-border-radius-8: 2rem;
  281. --rz-border-radius-9: 2.25rem;
  282. --rz-border-radius-10: 2.5rem;
  283. }
  284.  
  285. .rz-border-radius {
  286. border-radius: var(--rz-border-radius) !important;
  287. }
  288.  
  289. .rz-border-radius-0 {
  290. border-radius: var(--rz-border-radius-0) !important;
  291. }
  292.  
  293. .rz-border-radius-1 {
  294. border-radius: var(--rz-border-radius-1) !important;
  295. }
  296.  
  297. .rz-border-radius-2 {
  298. border-radius: var(--rz-border-radius-2) !important;
  299. }
  300.  
  301. .rz-border-radius-3 {
  302. border-radius: var(--rz-border-radius-3) !important;
  303. }
  304.  
  305. .rz-border-radius-4 {
  306. border-radius: var(--rz-border-radius-4) !important;
  307. }
  308.  
  309. .rz-border-radius-5 {
  310. border-radius: var(--rz-border-radius-5) !important;
  311. }
  312.  
  313. .rz-border-radius-6 {
  314. border-radius: var(--rz-border-radius-6) !important;
  315. }
  316.  
  317. .rz-border-radius-7 {
  318. border-radius: var(--rz-border-radius-7) !important;
  319. }
  320.  
  321. .rz-border-radius-8 {
  322. border-radius: var(--rz-border-radius-8) !important;
  323. }
  324.  
  325. .rz-border-radius-9 {
  326. border-radius: var(--rz-border-radius-9) !important;
  327. }
  328.  
  329. .rz-border-radius-10 {
  330. border-radius: var(--rz-border-radius-10) !important;
  331. }
  332.  
  333. /* $rz-shadow-0: none !default;
  334. $rz-shadow-1: 0 8px 10px 0 rgba(0, 0, 0, 0.1) !default;
  335. $rz-shadow-2: 0 6px 14px 0 rgba(0, 0, 0, 0.2) !default;
  336. $rz-shadow-3: none !default;
  337. $rz-shadow-4: none !default;
  338. $rz-shadow-5: none !default;
  339. $rz-shadow-6: none !default;
  340. $rz-shadow-7: none !default;
  341. $rz-shadow-8: none !default;
  342. $rz-shadow-9: none !default;
  343. $rz-shadow-10: none !default; */
  344. :root {
  345. --rz-shadow-0: none;
  346. --rz-shadow-1: 0 0 2px 0 rgba(0, 0, 0, 0.08), 0px 2px 2px rgba(0, 0, 0, 0.08);
  347. --rz-shadow-2: 0 0 2px 0 rgba(0, 0, 0, 0.08), 0px 2px 2px rgba(0, 0, 0, 0.08), 0px 4px 12px 0 rgba(0, 0, 0, 0.04);
  348. --rz-shadow-3: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 4px 16px rgba(0, 0, 0, 0.1);
  349. --rz-shadow-4: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0px 3px 5px rgba(0, 0, 0, 0.04), 0px 8px 20px rgba(0, 0, 0, 0.11);
  350. --rz-shadow-5: 0 0 6px 0 rgba(0, 0, 0, 0.04), 0px 4px 6px rgba(0, 0, 0, 0.04), 0px 12px 24px rgba(0, 0, 0, 0.12);
  351. --rz-shadow-6: 0 0 6px 0 rgba(0, 0, 0, 0.04), 0px 5px 8px rgba(0, 0, 0, 0.04), 0px 14px 28px rgba(0, 0, 0, 0.13);
  352. --rz-shadow-7: 0 0 8px 0 rgba(0, 0, 0, 0.04), 0px 6px 10px rgba(0, 0, 0, 0.04), 0px 16px 32px rgba(0, 0, 0, 0.14);
  353. --rz-shadow-8: 0 0 8px 0 rgba(0, 0, 0, 0.04), 0px 7px 12px rgba(0, 0, 0, 0.04), 0px 18px 40px rgba(0, 0, 0, 0.15);
  354. --rz-shadow-9: 0 0 12px 0 rgba(0, 0, 0, 0.04), 0px 8px 16px rgba(0, 0, 0, 0.04), 0px 20px 48px rgba(0, 0, 0, 0.16);
  355. --rz-shadow-10: 0 0 12px 0 rgba(0, 0, 0, 0.04), 0px 9px 20px rgba(0, 0, 0, 0.04), 0px 22px 64px rgba(0, 0, 0, 0.2);
  356. }
  357.  
  358. .rz-shadow-0 {
  359. box-shadow: var(--rz-shadow-0) !important;
  360. }
  361.  
  362. .rz-shadow-1 {
  363. box-shadow: var(--rz-shadow-1) !important;
  364. }
  365.  
  366. .rz-shadow-2 {
  367. box-shadow: var(--rz-shadow-2) !important;
  368. }
  369.  
  370. .rz-shadow-3 {
  371. box-shadow: var(--rz-shadow-3) !important;
  372. }
  373.  
  374. .rz-shadow-4 {
  375. box-shadow: var(--rz-shadow-4) !important;
  376. }
  377.  
  378. .rz-shadow-5 {
  379. box-shadow: var(--rz-shadow-5) !important;
  380. }
  381.  
  382. .rz-shadow-6 {
  383. box-shadow: var(--rz-shadow-6) !important;
  384. }
  385.  
  386. .rz-shadow-7 {
  387. box-shadow: var(--rz-shadow-7) !important;
  388. }
  389.  
  390. .rz-shadow-8 {
  391. box-shadow: var(--rz-shadow-8) !important;
  392. }
  393.  
  394. .rz-shadow-9 {
  395. box-shadow: var(--rz-shadow-9) !important;
  396. }
  397.  
  398. .rz-shadow-10 {
  399. box-shadow: var(--rz-shadow-10) !important;
  400. }
  401.  
  402. :root {
  403. --rz-transition: 0.1s linear;
  404. --rz-transition-all: all 0.1s linear;
  405. }
  406.  
  407. .rz-color-white {
  408. color: var(--rz-white) !important;
  409. }
  410.  
  411. .rz-color-black {
  412. color: var(--rz-black) !important;
  413. }
  414.  
  415. .rz-color-base-50 {
  416. color: var(--rz-base-50) !important;
  417. }
  418.  
  419. .rz-color-base-100 {
  420. color: var(--rz-base-100) !important;
  421. }
  422.  
  423. .rz-color-base-200 {
  424. color: var(--rz-base-200) !important;
  425. }
  426.  
  427. .rz-color-base-300 {
  428. color: var(--rz-base-300) !important;
  429. }
  430.  
  431. .rz-color-base-400 {
  432. color: var(--rz-base-400) !important;
  433. }
  434.  
  435. .rz-color-base-500 {
  436. color: var(--rz-base-500) !important;
  437. }
  438.  
  439. .rz-color-base-600 {
  440. color: var(--rz-base-600) !important;
  441. }
  442.  
  443. .rz-color-base-700 {
  444. color: var(--rz-base-700) !important;
  445. }
  446.  
  447. .rz-color-base-800 {
  448. color: var(--rz-base-800) !important;
  449. }
  450.  
  451. .rz-color-base-900 {
  452. color: var(--rz-base-900) !important;
  453. }
  454.  
  455. .rz-color-primary {
  456. color: var(--rz-primary) !important;
  457. }
  458.  
  459. .rz-color-primary-light {
  460. color: var(--rz-primary-light) !important;
  461. }
  462.  
  463. .rz-color-primary-lighter {
  464. color: var(--rz-primary-lighter) !important;
  465. }
  466.  
  467. .rz-color-primary-dark {
  468. color: var(--rz-primary-dark) !important;
  469. }
  470.  
  471. .rz-color-primary-darker {
  472. color: var(--rz-primary-darker) !important;
  473. }
  474.  
  475. .rz-color-secondary {
  476. color: var(--rz-secondary) !important;
  477. }
  478.  
  479. .rz-color-secondary-light {
  480. color: var(--rz-secondary-light) !important;
  481. }
  482.  
  483. .rz-color-secondary-lighter {
  484. color: var(--rz-secondary-lighter) !important;
  485. }
  486.  
  487. .rz-color-secondary-dark {
  488. color: var(--rz-secondary-dark) !important;
  489. }
  490.  
  491. .rz-color-secondary-darker {
  492. color: var(--rz-secondary-darker) !important;
  493. }
  494.  
  495. .rz-color-info {
  496. color: var(--rz-info) !important;
  497. }
  498.  
  499. .rz-color-info-light {
  500. color: var(--rz-info-light) !important;
  501. }
  502.  
  503. .rz-color-info-lighter {
  504. color: var(--rz-info-lighter) !important;
  505. }
  506.  
  507. .rz-color-info-dark {
  508. color: var(--rz-info-dark) !important;
  509. }
  510.  
  511. .rz-color-info-darker {
  512. color: var(--rz-info-darker) !important;
  513. }
  514.  
  515. .rz-color-success {
  516. color: var(--rz-success) !important;
  517. }
  518.  
  519. .rz-color-success-light {
  520. color: var(--rz-success-light) !important;
  521. }
  522.  
  523. .rz-color-success-lighter {
  524. color: var(--rz-success-lighter) !important;
  525. }
  526.  
  527. .rz-color-success-dark {
  528. color: var(--rz-success-dark) !important;
  529. }
  530.  
  531. .rz-color-success-darker {
  532. color: var(--rz-success-darker) !important;
  533. }
  534.  
  535. .rz-color-warning {
  536. color: var(--rz-warning) !important;
  537. }
  538.  
  539. .rz-color-warning-light {
  540. color: var(--rz-warning-light) !important;
  541. }
  542.  
  543. .rz-color-warning-lighter {
  544. color: var(--rz-warning-lighter) !important;
  545. }
  546.  
  547. .rz-color-warning-dark {
  548. color: var(--rz-warning-dark) !important;
  549. }
  550.  
  551. .rz-color-warning-darker {
  552. color: var(--rz-warning-darker) !important;
  553. }
  554.  
  555. .rz-color-danger {
  556. color: var(--rz-danger) !important;
  557. }
  558.  
  559. .rz-color-danger-light {
  560. color: var(--rz-danger-light) !important;
  561. }
  562.  
  563. .rz-color-danger-lighter {
  564. color: var(--rz-danger-lighter) !important;
  565. }
  566.  
  567. .rz-color-danger-dark {
  568. color: var(--rz-danger-dark) !important;
  569. }
  570.  
  571. .rz-color-danger-darker {
  572. color: var(--rz-danger-darker) !important;
  573. }
  574.  
  575. .rz-color-series-1 {
  576. color: var(--rz-series-1) !important;
  577. }
  578.  
  579. .rz-color-series-2 {
  580. color: var(--rz-series-2) !important;
  581. }
  582.  
  583. .rz-color-series-3 {
  584. color: var(--rz-series-3) !important;
  585. }
  586.  
  587. .rz-color-series-4 {
  588. color: var(--rz-series-4) !important;
  589. }
  590.  
  591. .rz-color-series-5 {
  592. color: var(--rz-series-5) !important;
  593. }
  594.  
  595. .rz-color-series-6 {
  596. color: var(--rz-series-6) !important;
  597. }
  598.  
  599. .rz-color-series-7 {
  600. color: var(--rz-series-7) !important;
  601. }
  602.  
  603. .rz-color-series-8 {
  604. color: var(--rz-series-8) !important;
  605. }
  606.  
  607. .rz-background-color-white {
  608. background-color: var(--rz-white) !important;
  609. }
  610.  
  611. .rz-background-color-black {
  612. background-color: var(--rz-black) !important;
  613. }
  614.  
  615. .rz-background-color-base-50 {
  616. background-color: var(--rz-base-50) !important;
  617. }
  618.  
  619. .rz-background-color-base-100 {
  620. background-color: var(--rz-base-100) !important;
  621. }
  622.  
  623. .rz-background-color-base-200 {
  624. background-color: var(--rz-base-200) !important;
  625. }
  626.  
  627. .rz-background-color-base-300 {
  628. background-color: var(--rz-base-300) !important;
  629. }
  630.  
  631. .rz-background-color-base-400 {
  632. background-color: var(--rz-base-400) !important;
  633. }
  634.  
  635. .rz-background-color-base-500 {
  636. background-color: var(--rz-base-500) !important;
  637. }
  638.  
  639. .rz-background-color-base-600 {
  640. background-color: var(--rz-base-600) !important;
  641. }
  642.  
  643. .rz-background-color-base-700 {
  644. background-color: var(--rz-base-700) !important;
  645. }
  646.  
  647. .rz-background-color-base-800 {
  648. background-color: var(--rz-base-800) !important;
  649. }
  650.  
  651. .rz-background-color-base-900 {
  652. background-color: var(--rz-base-900) !important;
  653. }
  654.  
  655. .rz-background-color-primary {
  656. background-color: var(--rz-primary) !important;
  657. }
  658.  
  659. .rz-background-color-primary-light {
  660. background-color: var(--rz-primary-light) !important;
  661. }
  662.  
  663. .rz-background-color-primary-lighter {
  664. background-color: var(--rz-primary-lighter) !important;
  665. }
  666.  
  667. .rz-background-color-primary-dark {
  668. background-color: var(--rz-primary-dark) !important;
  669. }
  670.  
  671. .rz-background-color-primary-darker {
  672. background-color: var(--rz-primary-darker) !important;
  673. }
  674.  
  675. .rz-background-color-secondary {
  676. background-color: var(--rz-secondary) !important;
  677. }
  678.  
  679. .rz-background-color-secondary-light {
  680. background-color: var(--rz-secondary-light) !important;
  681. }
  682.  
  683. .rz-background-color-secondary-lighter {
  684. background-color: var(--rz-secondary-lighter) !important;
  685. }
  686.  
  687. .rz-background-color-secondary-dark {
  688. background-color: var(--rz-secondary-dark) !important;
  689. }
  690.  
  691. .rz-background-color-secondary-darker {
  692. background-color: var(--rz-secondary-darker) !important;
  693. }
  694.  
  695. .rz-background-color-info {
  696. background-color: var(--rz-info) !important;
  697. }
  698.  
  699. .rz-background-color-info-light {
  700. background-color: var(--rz-info-light) !important;
  701. }
  702.  
  703. .rz-background-color-info-lighter {
  704. background-color: var(--rz-info-lighter) !important;
  705. }
  706.  
  707. .rz-background-color-info-dark {
  708. background-color: var(--rz-info-dark) !important;
  709. }
  710.  
  711. .rz-background-color-info-darker {
  712. background-color: var(--rz-info-darker) !important;
  713. }
  714.  
  715. .rz-background-color-success {
  716. background-color: var(--rz-success) !important;
  717. }
  718.  
  719. .rz-background-color-success-light {
  720. background-color: var(--rz-success-light) !important;
  721. }
  722.  
  723. .rz-background-color-success-lighter {
  724. background-color: var(--rz-success-lighter) !important;
  725. }
  726.  
  727. .rz-background-color-success-dark {
  728. background-color: var(--rz-success-dark) !important;
  729. }
  730.  
  731. .rz-background-color-success-darker {
  732. background-color: var(--rz-success-darker) !important;
  733. }
  734.  
  735. .rz-background-color-warning {
  736. background-color: var(--rz-warning) !important;
  737. }
  738.  
  739. .rz-background-color-warning-light {
  740. background-color: var(--rz-warning-light) !important;
  741. }
  742.  
  743. .rz-background-color-warning-lighter {
  744. background-color: var(--rz-warning-lighter) !important;
  745. }
  746.  
  747. .rz-background-color-warning-dark {
  748. background-color: var(--rz-warning-dark) !important;
  749. }
  750.  
  751. .rz-background-color-warning-darker {
  752. background-color: var(--rz-warning-darker) !important;
  753. }
  754.  
  755. .rz-background-color-danger {
  756. background-color: var(--rz-danger) !important;
  757. }
  758.  
  759. .rz-background-color-danger-light {
  760. background-color: var(--rz-danger-light) !important;
  761. }
  762.  
  763. .rz-background-color-danger-lighter {
  764. background-color: var(--rz-danger-lighter) !important;
  765. }
  766.  
  767. .rz-background-color-danger-dark {
  768. background-color: var(--rz-danger-dark) !important;
  769. }
  770.  
  771. .rz-background-color-danger-darker {
  772. background-color: var(--rz-danger-darker) !important;
  773. }
  774.  
  775. .rz-background-color-series-1 {
  776. background-color: var(--rz-series-1) !important;
  777. }
  778.  
  779. .rz-background-color-series-2 {
  780. background-color: var(--rz-series-2) !important;
  781. }
  782.  
  783. .rz-background-color-series-3 {
  784. background-color: var(--rz-series-3) !important;
  785. }
  786.  
  787. .rz-background-color-series-4 {
  788. background-color: var(--rz-series-4) !important;
  789. }
  790.  
  791. .rz-background-color-series-5 {
  792. background-color: var(--rz-series-5) !important;
  793. }
  794.  
  795. .rz-background-color-series-6 {
  796. background-color: var(--rz-series-6) !important;
  797. }
  798.  
  799. .rz-background-color-series-7 {
  800. background-color: var(--rz-series-7) !important;
  801. }
  802.  
  803. .rz-background-color-series-8 {
  804. background-color: var(--rz-series-8) !important;
  805. }
  806.  
  807. .rz-border-color-white {
  808. border-color: var(--rz-white) !important;
  809. }
  810.  
  811. .rz-border-color-black {
  812. border-color: var(--rz-black) !important;
  813. }
  814.  
  815. .rz-border-color-base-50 {
  816. border-color: var(--rz-base-50) !important;
  817. }
  818.  
  819. .rz-border-color-base-100 {
  820. border-color: var(--rz-base-100) !important;
  821. }
  822.  
  823. .rz-border-color-base-200 {
  824. border-color: var(--rz-base-200) !important;
  825. }
  826.  
  827. .rz-border-color-base-300 {
  828. border-color: var(--rz-base-300) !important;
  829. }
  830.  
  831. .rz-border-color-base-400 {
  832. border-color: var(--rz-base-400) !important;
  833. }
  834.  
  835. .rz-border-color-base-500 {
  836. border-color: var(--rz-base-500) !important;
  837. }
  838.  
  839. .rz-border-color-base-600 {
  840. border-color: var(--rz-base-600) !important;
  841. }
  842.  
  843. .rz-border-color-base-700 {
  844. border-color: var(--rz-base-700) !important;
  845. }
  846.  
  847. .rz-border-color-base-800 {
  848. border-color: var(--rz-base-800) !important;
  849. }
  850.  
  851. .rz-border-color-base-900 {
  852. border-color: var(--rz-base-900) !important;
  853. }
  854.  
  855. .rz-border-color-primary {
  856. border-color: var(--rz-primary) !important;
  857. }
  858.  
  859. .rz-border-color-primary-light {
  860. border-color: var(--rz-primary-light) !important;
  861. }
  862.  
  863. .rz-border-color-primary-lighter {
  864. border-color: var(--rz-primary-lighter) !important;
  865. }
  866.  
  867. .rz-border-color-primary-dark {
  868. border-color: var(--rz-primary-dark) !important;
  869. }
  870.  
  871. .rz-border-color-primary-darker {
  872. border-color: var(--rz-primary-darker) !important;
  873. }
  874.  
  875. .rz-border-color-secondary {
  876. border-color: var(--rz-secondary) !important;
  877. }
  878.  
  879. .rz-border-color-secondary-light {
  880. border-color: var(--rz-secondary-light) !important;
  881. }
  882.  
  883. .rz-border-color-secondary-lighter {
  884. border-color: var(--rz-secondary-lighter) !important;
  885. }
  886.  
  887. .rz-border-color-secondary-dark {
  888. border-color: var(--rz-secondary-dark) !important;
  889. }
  890.  
  891. .rz-border-color-secondary-darker {
  892. border-color: var(--rz-secondary-darker) !important;
  893. }
  894.  
  895. .rz-border-color-info {
  896. border-color: var(--rz-info) !important;
  897. }
  898.  
  899. .rz-border-color-info-light {
  900. border-color: var(--rz-info-light) !important;
  901. }
  902.  
  903. .rz-border-color-info-lighter {
  904. border-color: var(--rz-info-lighter) !important;
  905. }
  906.  
  907. .rz-border-color-info-dark {
  908. border-color: var(--rz-info-dark) !important;
  909. }
  910.  
  911. .rz-border-color-info-darker {
  912. border-color: var(--rz-info-darker) !important;
  913. }
  914.  
  915. .rz-border-color-success {
  916. border-color: var(--rz-success) !important;
  917. }
  918.  
  919. .rz-border-color-success-light {
  920. border-color: var(--rz-success-light) !important;
  921. }
  922.  
  923. .rz-border-color-success-lighter {
  924. border-color: var(--rz-success-lighter) !important;
  925. }
  926.  
  927. .rz-border-color-success-dark {
  928. border-color: var(--rz-success-dark) !important;
  929. }
  930.  
  931. .rz-border-color-success-darker {
  932. border-color: var(--rz-success-darker) !important;
  933. }
  934.  
  935. .rz-border-color-warning {
  936. border-color: var(--rz-warning) !important;
  937. }
  938.  
  939. .rz-border-color-warning-light {
  940. border-color: var(--rz-warning-light) !important;
  941. }
  942.  
  943. .rz-border-color-warning-lighter {
  944. border-color: var(--rz-warning-lighter) !important;
  945. }
  946.  
  947. .rz-border-color-warning-dark {
  948. border-color: var(--rz-warning-dark) !important;
  949. }
  950.  
  951. .rz-border-color-warning-darker {
  952. border-color: var(--rz-warning-darker) !important;
  953. }
  954.  
  955. .rz-border-color-danger {
  956. border-color: var(--rz-danger) !important;
  957. }
  958.  
  959. .rz-border-color-danger-light {
  960. border-color: var(--rz-danger-light) !important;
  961. }
  962.  
  963. .rz-border-color-danger-lighter {
  964. border-color: var(--rz-danger-lighter) !important;
  965. }
  966.  
  967. .rz-border-color-danger-dark {
  968. border-color: var(--rz-danger-dark) !important;
  969. }
  970.  
  971. .rz-border-color-danger-darker {
  972. border-color: var(--rz-danger-darker) !important;
  973. }
  974.  
  975. .rz-border-color-series-1 {
  976. border-color: var(--rz-series-1) !important;
  977. }
  978.  
  979. .rz-border-color-series-2 {
  980. border-color: var(--rz-series-2) !important;
  981. }
  982.  
  983. .rz-border-color-series-3 {
  984. border-color: var(--rz-series-3) !important;
  985. }
  986.  
  987. .rz-border-color-series-4 {
  988. border-color: var(--rz-series-4) !important;
  989. }
  990.  
  991. .rz-border-color-series-5 {
  992. border-color: var(--rz-series-5) !important;
  993. }
  994.  
  995. .rz-border-color-series-6 {
  996. border-color: var(--rz-series-6) !important;
  997. }
  998.  
  999. .rz-border-color-series-7 {
  1000. border-color: var(--rz-series-7) !important;
  1001. }
  1002.  
  1003. .rz-border-color-series-8 {
  1004. border-color: var(--rz-series-8) !important;
  1005. }
  1006.  
  1007. .rz-border-white {
  1008. border-width: var(--rz-border-width);
  1009. border-style: solid;
  1010. border-color: var(--rz-white) !important;
  1011. }
  1012.  
  1013. .rz-border-black {
  1014. border-width: var(--rz-border-width);
  1015. border-style: solid;
  1016. border-color: var(--rz-black) !important;
  1017. }
  1018.  
  1019. .rz-border-base-50 {
  1020. border-width: var(--rz-border-width);
  1021. border-style: solid;
  1022. border-color: var(--rz-base-50) !important;
  1023. }
  1024.  
  1025. .rz-border-base-100 {
  1026. border-width: var(--rz-border-width);
  1027. border-style: solid;
  1028. border-color: var(--rz-base-100) !important;
  1029. }
  1030.  
  1031. .rz-border-base-200 {
  1032. border-width: var(--rz-border-width);
  1033. border-style: solid;
  1034. border-color: var(--rz-base-200) !important;
  1035. }
  1036.  
  1037. .rz-border-base-300 {
  1038. border-width: var(--rz-border-width);
  1039. border-style: solid;
  1040. border-color: var(--rz-base-300) !important;
  1041. }
  1042.  
  1043. .rz-border-base-400 {
  1044. border-width: var(--rz-border-width);
  1045. border-style: solid;
  1046. border-color: var(--rz-base-400) !important;
  1047. }
  1048.  
  1049. .rz-border-base-500 {
  1050. border-width: var(--rz-border-width);
  1051. border-style: solid;
  1052. border-color: var(--rz-base-500) !important;
  1053. }
  1054.  
  1055. .rz-border-base-600 {
  1056. border-width: var(--rz-border-width);
  1057. border-style: solid;
  1058. border-color: var(--rz-base-600) !important;
  1059. }
  1060.  
  1061. .rz-border-base-700 {
  1062. border-width: var(--rz-border-width);
  1063. border-style: solid;
  1064. border-color: var(--rz-base-700) !important;
  1065. }
  1066.  
  1067. .rz-border-base-800 {
  1068. border-width: var(--rz-border-width);
  1069. border-style: solid;
  1070. border-color: var(--rz-base-800) !important;
  1071. }
  1072.  
  1073. .rz-border-base-900 {
  1074. border-width: var(--rz-border-width);
  1075. border-style: solid;
  1076. border-color: var(--rz-base-900) !important;
  1077. }
  1078.  
  1079. .rz-border-primary {
  1080. border-width: var(--rz-border-width);
  1081. border-style: solid;
  1082. border-color: var(--rz-primary) !important;
  1083. }
  1084.  
  1085. .rz-border-primary-light {
  1086. border-width: var(--rz-border-width);
  1087. border-style: solid;
  1088. border-color: var(--rz-primary-light) !important;
  1089. }
  1090.  
  1091. .rz-border-primary-lighter {
  1092. border-width: var(--rz-border-width);
  1093. border-style: solid;
  1094. border-color: var(--rz-primary-lighter) !important;
  1095. }
  1096.  
  1097. .rz-border-primary-dark {
  1098. border-width: var(--rz-border-width);
  1099. border-style: solid;
  1100. border-color: var(--rz-primary-dark) !important;
  1101. }
  1102.  
  1103. .rz-border-primary-darker {
  1104. border-width: var(--rz-border-width);
  1105. border-style: solid;
  1106. border-color: var(--rz-primary-darker) !important;
  1107. }
  1108.  
  1109. .rz-border-secondary {
  1110. border-width: var(--rz-border-width);
  1111. border-style: solid;
  1112. border-color: var(--rz-secondary) !important;
  1113. }
  1114.  
  1115. .rz-border-secondary-light {
  1116. border-width: var(--rz-border-width);
  1117. border-style: solid;
  1118. border-color: var(--rz-secondary-light) !important;
  1119. }
  1120.  
  1121. .rz-border-secondary-lighter {
  1122. border-width: var(--rz-border-width);
  1123. border-style: solid;
  1124. border-color: var(--rz-secondary-lighter) !important;
  1125. }
  1126.  
  1127. .rz-border-secondary-dark {
  1128. border-width: var(--rz-border-width);
  1129. border-style: solid;
  1130. border-color: var(--rz-secondary-dark) !important;
  1131. }
  1132.  
  1133. .rz-border-secondary-darker {
  1134. border-width: var(--rz-border-width);
  1135. border-style: solid;
  1136. border-color: var(--rz-secondary-darker) !important;
  1137. }
  1138.  
  1139. .rz-border-info {
  1140. border-width: var(--rz-border-width);
  1141. border-style: solid;
  1142. border-color: var(--rz-info) !important;
  1143. }
  1144.  
  1145. .rz-border-info-light {
  1146. border-width: var(--rz-border-width);
  1147. border-style: solid;
  1148. border-color: var(--rz-info-light) !important;
  1149. }
  1150.  
  1151. .rz-border-info-lighter {
  1152. border-width: var(--rz-border-width);
  1153. border-style: solid;
  1154. border-color: var(--rz-info-lighter) !important;
  1155. }
  1156.  
  1157. .rz-border-info-dark {
  1158. border-width: var(--rz-border-width);
  1159. border-style: solid;
  1160. border-color: var(--rz-info-dark) !important;
  1161. }
  1162.  
  1163. .rz-border-info-darker {
  1164. border-width: var(--rz-border-width);
  1165. border-style: solid;
  1166. border-color: var(--rz-info-darker) !important;
  1167. }
  1168.  
  1169. .rz-border-success {
  1170. border-width: var(--rz-border-width);
  1171. border-style: solid;
  1172. border-color: var(--rz-success) !important;
  1173. }
  1174.  
  1175. .rz-border-success-light {
  1176. border-width: var(--rz-border-width);
  1177. border-style: solid;
  1178. border-color: var(--rz-success-light) !important;
  1179. }
  1180.  
  1181. .rz-border-success-lighter {
  1182. border-width: var(--rz-border-width);
  1183. border-style: solid;
  1184. border-color: var(--rz-success-lighter) !important;
  1185. }
  1186.  
  1187. .rz-border-success-dark {
  1188. border-width: var(--rz-border-width);
  1189. border-style: solid;
  1190. border-color: var(--rz-success-dark) !important;
  1191. }
  1192.  
  1193. .rz-border-success-darker {
  1194. border-width: var(--rz-border-width);
  1195. border-style: solid;
  1196. border-color: var(--rz-success-darker) !important;
  1197. }
  1198.  
  1199. .rz-border-warning {
  1200. border-width: var(--rz-border-width);
  1201. border-style: solid;
  1202. border-color: var(--rz-warning) !important;
  1203. }
  1204.  
  1205. .rz-border-warning-light {
  1206. border-width: var(--rz-border-width);
  1207. border-style: solid;
  1208. border-color: var(--rz-warning-light) !important;
  1209. }
  1210.  
  1211. .rz-border-warning-lighter {
  1212. border-width: var(--rz-border-width);
  1213. border-style: solid;
  1214. border-color: var(--rz-warning-lighter) !important;
  1215. }
  1216.  
  1217. .rz-border-warning-dark {
  1218. border-width: var(--rz-border-width);
  1219. border-style: solid;
  1220. border-color: var(--rz-warning-dark) !important;
  1221. }
  1222.  
  1223. .rz-border-warning-darker {
  1224. border-width: var(--rz-border-width);
  1225. border-style: solid;
  1226. border-color: var(--rz-warning-darker) !important;
  1227. }
  1228.  
  1229. .rz-border-danger {
  1230. border-width: var(--rz-border-width);
  1231. border-style: solid;
  1232. border-color: var(--rz-danger) !important;
  1233. }
  1234.  
  1235. .rz-border-danger-light {
  1236. border-width: var(--rz-border-width);
  1237. border-style: solid;
  1238. border-color: var(--rz-danger-light) !important;
  1239. }
  1240.  
  1241. .rz-border-danger-lighter {
  1242. border-width: var(--rz-border-width);
  1243. border-style: solid;
  1244. border-color: var(--rz-danger-lighter) !important;
  1245. }
  1246.  
  1247. .rz-border-danger-dark {
  1248. border-width: var(--rz-border-width);
  1249. border-style: solid;
  1250. border-color: var(--rz-danger-dark) !important;
  1251. }
  1252.  
  1253. .rz-border-danger-darker {
  1254. border-width: var(--rz-border-width);
  1255. border-style: solid;
  1256. border-color: var(--rz-danger-darker) !important;
  1257. }
  1258.  
  1259. .rz-border-series-1 {
  1260. border-width: var(--rz-border-width);
  1261. border-style: solid;
  1262. border-color: var(--rz-series-1) !important;
  1263. }
  1264.  
  1265. .rz-border-series-2 {
  1266. border-width: var(--rz-border-width);
  1267. border-style: solid;
  1268. border-color: var(--rz-series-2) !important;
  1269. }
  1270.  
  1271. .rz-border-series-3 {
  1272. border-width: var(--rz-border-width);
  1273. border-style: solid;
  1274. border-color: var(--rz-series-3) !important;
  1275. }
  1276.  
  1277. .rz-border-series-4 {
  1278. border-width: var(--rz-border-width);
  1279. border-style: solid;
  1280. border-color: var(--rz-series-4) !important;
  1281. }
  1282.  
  1283. .rz-border-series-5 {
  1284. border-width: var(--rz-border-width);
  1285. border-style: solid;
  1286. border-color: var(--rz-series-5) !important;
  1287. }
  1288.  
  1289. .rz-border-series-6 {
  1290. border-width: var(--rz-border-width);
  1291. border-style: solid;
  1292. border-color: var(--rz-series-6) !important;
  1293. }
  1294.  
  1295. .rz-border-series-7 {
  1296. border-width: var(--rz-border-width);
  1297. border-style: solid;
  1298. border-color: var(--rz-series-7) !important;
  1299. }
  1300.  
  1301. .rz-border-series-8 {
  1302. border-width: var(--rz-border-width);
  1303. border-style: solid;
  1304. border-color: var(--rz-series-8) !important;
  1305. }
  1306.  
  1307. .rz-ripple {
  1308. position: relative;
  1309. overflow: hidden;
  1310. }
  1311.  
  1312. .rz-ripple:not(.rz-state-disabled):after {
  1313. content: "";
  1314. position: absolute;
  1315. inset: 0;
  1316. background-position: center;
  1317. transition: background 0.8s, opacity 0.8s;
  1318. opacity: 0;
  1319. background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%;
  1320. }
  1321.  
  1322. .rz-ripple:not(.rz-state-disabled):active:after {
  1323. transition: background 0s, opacity 0s;
  1324. opacity: .32;
  1325. background-size: 100%;
  1326. }
  1327.  
  1328. h1.rz-heading {
  1329. font-size: 2rem;
  1330. line-height: 1.1875em;
  1331. font-weight: 700;
  1332. letter-spacing: -0.04em;
  1333. color: var(--rz-text-title-color);
  1334. margin-bottom: 1rem;
  1335. }
  1336.  
  1337. h2.rz-heading {
  1338. font-size: 1.5rem;
  1339. line-height: 1.25em;
  1340. font-weight: 700;
  1341. letter-spacing: -0.03em;
  1342. color: var(--rz-text-title-color);
  1343. margin-bottom: 1rem;
  1344. }
  1345.  
  1346. h3.rz-heading {
  1347. font-size: 1.125rem;
  1348. line-height: 1.25em;
  1349. font-weight: 700;
  1350. letter-spacing: -0.02em;
  1351. color: var(--rz-text-title-color);
  1352. margin-bottom: 0.75rem;
  1353. }
  1354.  
  1355. h4.rz-heading {
  1356. font-size: 1rem;
  1357. line-height: 1.25em;
  1358. font-weight: 700;
  1359. letter-spacing: -0.02em;
  1360. color: var(--rz-text-title-color);
  1361. margin-bottom: 0.5rem;
  1362. }
  1363.  
  1364. h5.rz-heading {
  1365. font-size: 0.875rem;
  1366. line-height: 1.25em;
  1367. font-weight: 700;
  1368. letter-spacing: -0.02em;
  1369. color: var(--rz-text-title-color);
  1370. margin-bottom: 0.5rem;
  1371. }
  1372.  
  1373. h6.rz-heading {
  1374. font-size: 0.75rem;
  1375. line-height: 1.25em;
  1376. font-weight: 700;
  1377. letter-spacing: -0.02em;
  1378. color: var(--rz-text-title-color);
  1379. margin-bottom: 0.5rem;
  1380. }
  1381.  
  1382. h1.text-thin,
  1383. .h1.text-thin {
  1384. font-size: 3rem;
  1385. font-weight: 300;
  1386. }
  1387.  
  1388. h2.text-thin,
  1389. .h2.text-thin {
  1390. font-size: 2rem;
  1391. font-weight: 300;
  1392. }
  1393.  
  1394. h3.text-thin,
  1395. .h3.text-thin {
  1396. font-size: 1.25rem;
  1397. font-weight: 300;
  1398. }
  1399.  
  1400. h4.text-thin,
  1401. .h4.text-thin {
  1402. font-size: 1rem;
  1403. font-weight: 300;
  1404. }
  1405.  
  1406. h5.text-thin,
  1407. .h5.text-thin {
  1408. font-size: 0.875rem;
  1409. font-weight: 300;
  1410. }
  1411.  
  1412. h6.text-thin,
  1413. .h6.text-thin {
  1414. font-size: 0.75rem;
  1415. font-weight: 300;
  1416. }
  1417.  
  1418. :root {
  1419. --rz-text-display-h1-font-size: clamp(4.5rem, 6.667vw, 6rem);
  1420. --rz-text-display-h1-line-height: 1em;
  1421. --rz-text-display-h1-font-weight: 700;
  1422. --rz-text-display-h1-letter-spacing: -0.04em;
  1423. --rz-text-display-h1-color: var(--rz-text-title-color);
  1424. --rz-text-display-h1-margin-bottom: 1rem;
  1425. --rz-text-display-h2-font-size: clamp(3.75rem, 5.278vw, 4.75rem);
  1426. --rz-text-display-h2-line-height: calc(1em + 4px);
  1427. --rz-text-display-h2-font-weight: 700;
  1428. --rz-text-display-h2-letter-spacing: -0.03em;
  1429. --rz-text-display-h2-color: var(--rz-text-title-color);
  1430. --rz-text-display-h2-margin-bottom: 1rem;
  1431. --rz-text-display-h3-font-size: clamp(2.625rem, 3.889vw, 3.5rem);
  1432. --rz-text-display-h3-line-height: calc(1em + 4px);
  1433. --rz-text-display-h3-font-weight: 700;
  1434. --rz-text-display-h3-letter-spacing: -0.02em;
  1435. --rz-text-display-h3-color: var(--rz-text-title-color);
  1436. --rz-text-display-h3-margin-bottom: 0.75rem;
  1437. --rz-text-display-h4-font-size: clamp(2.25rem, 3.333vw, 3rem);
  1438. --rz-text-display-h4-line-height: 1em;
  1439. --rz-text-display-h4-font-weight: 700;
  1440. --rz-text-display-h4-letter-spacing: -0.02em;
  1441. --rz-text-display-h4-color: var(--rz-text-title-color);
  1442. --rz-text-display-h4-margin-bottom: 0.5rem;
  1443. --rz-text-display-h5-font-size: clamp(1.5rem, 2.222vw, 2rem);
  1444. --rz-text-display-h5-line-height: 1em;
  1445. --rz-text-display-h5-font-weight: 600;
  1446. --rz-text-display-h5-letter-spacing: -0.02em;
  1447. --rz-text-display-h5-color: var(--rz-text-title-color);
  1448. --rz-text-display-h5-margin-bottom: 0.5rem;
  1449. --rz-text-display-h6-font-size: clamp(1.25rem, 1.667vw, 1.5rem);
  1450. --rz-text-display-h6-line-height: 1em;
  1451. --rz-text-display-h6-font-weight: 600;
  1452. --rz-text-display-h6-letter-spacing: -0.02em;
  1453. --rz-text-display-h6-color: var(--rz-text-title-color);
  1454. --rz-text-display-h6-margin-bottom: 0.5rem;
  1455. --rz-text-h1-font-size: clamp(3.75rem, 5.278vw, 4.75rem);
  1456. --rz-text-h1-line-height: calc(1em + 4px);
  1457. --rz-text-h1-font-weight: 600;
  1458. --rz-text-h1-letter-spacing: -0.04em;
  1459. --rz-text-h1-color: var(--rz-text-title-color);
  1460. --rz-text-h1-margin-bottom: 1rem;
  1461. --rz-text-h2-font-size: clamp(2.625rem, 3.889vw, 3.5rem);
  1462. --rz-text-h2-line-height: calc(1em + 4px);
  1463. --rz-text-h2-font-weight: 600;
  1464. --rz-text-h2-letter-spacing: -0.03em;
  1465. --rz-text-h2-color: var(--rz-text-title-color);
  1466. --rz-text-h2-margin-bottom: 1rem;
  1467. --rz-text-h3-font-size: clamp(2.25rem, 3.333vw, 3rem);
  1468. --rz-text-h3-line-height: 1em;
  1469. --rz-text-h3-font-weight: 600;
  1470. --rz-text-h3-letter-spacing: -0.02em;
  1471. --rz-text-h3-color: var(--rz-text-title-color);
  1472. --rz-text-h3-margin-bottom: 0.75rem;
  1473. --rz-text-h4-font-size: clamp(1.75rem, 2.778vw, 2.5rem);
  1474. --rz-text-h4-line-height: 1em;
  1475. --rz-text-h4-font-weight: 600;
  1476. --rz-text-h4-letter-spacing: -0.02em;
  1477. --rz-text-h4-color: var(--rz-text-title-color);
  1478. --rz-text-h4-margin-bottom: 0.5rem;
  1479. --rz-text-h5-font-size: clamp(1.25rem, 1.667vw, 1.5rem);
  1480. --rz-text-h5-line-height: 1em;
  1481. --rz-text-h5-font-weight: 600;
  1482. --rz-text-h5-letter-spacing: -0.02em;
  1483. --rz-text-h5-color: var(--rz-text-title-color);
  1484. --rz-text-h5-margin-bottom: 0.5rem;
  1485. --rz-text-h6-font-size: clamp(1rem, 1.667vw, 1.25rem);
  1486. --rz-text-h6-line-height: 1em;
  1487. --rz-text-h6-font-weight: 600;
  1488. --rz-text-h6-letter-spacing: -0.02em;
  1489. --rz-text-h6-color: var(--rz-text-title-color);
  1490. --rz-text-h6-margin-bottom: 0.5rem;
  1491. --rz-text-subtitle1-font-size: 1rem;
  1492. --rz-text-subtitle1-line-height: 1.25rem;
  1493. --rz-text-subtitle1-font-weight: 600;
  1494. --rz-text-subtitle1-letter-spacing: -0.02em;
  1495. --rz-text-subtitle1-color: var(--rz-text-title-color);
  1496. --rz-text-subtitle1-margin-bottom: 0.5rem;
  1497. --rz-text-subtitle2-font-size: 0.875rem;
  1498. --rz-text-subtitle2-line-height: 1.25rem;
  1499. --rz-text-subtitle2-font-weight: 600;
  1500. --rz-text-subtitle2-letter-spacing: -0.02em;
  1501. --rz-text-subtitle2-color: var(--rz-text-title-color);
  1502. --rz-text-subtitle2-margin-bottom: 0.5rem;
  1503. --rz-text-body1-font-size: 1rem;
  1504. --rz-text-body1-line-height: 1.25rem;
  1505. --rz-text-body1-font-weight: 400;
  1506. --rz-text-body1-letter-spacing: -0.02em;
  1507. --rz-text-body1-color: var(--rz-text-color);
  1508. --rz-text-body1-margin-bottom: 0.5rem;
  1509. --rz-text-body2-font-size: 0.875rem;
  1510. --rz-text-body2-line-height: 1.25rem;
  1511. --rz-text-body2-font-weight: 400;
  1512. --rz-text-body2-letter-spacing: -0.02em;
  1513. --rz-text-body2-color: var(--rz-text-color);
  1514. --rz-text-body2-margin-bottom: 0.5rem;
  1515. --rz-text-button-font-size: 0.875rem;
  1516. --rz-text-button-line-height: 1.25rem;
  1517. --rz-text-button-font-weight: 600;
  1518. --rz-text-button-letter-spacing: -0.02em;
  1519. --rz-text-button-color: var(--rz-text-color);
  1520. --rz-text-button-margin-bottom: 0.5rem;
  1521. --rz-text-caption-font-size: 0.75rem;
  1522. --rz-text-caption-line-height: normal;
  1523. --rz-text-caption-font-weight: 400;
  1524. --rz-text-caption-letter-spacing: 0.4px;
  1525. --rz-text-caption-color: var(--rz-text-color);
  1526. --rz-text-caption-margin-bottom: 0.5rem;
  1527. --rz-text-overline-font-size: 0.625rem;
  1528. --rz-text-overline-line-height: normal;
  1529. --rz-text-overline-font-weight: 400;
  1530. --rz-text-overline-letter-spacing: 1.5px;
  1531. --rz-text-overline-text-transform: uppercase;
  1532. --rz-text-overline-color: var(--rz-text-color);
  1533. --rz-text-overline-margin-bottom: 0.5rem;
  1534. }
  1535.  
  1536. .rz-text-display-h1 {
  1537. font-size: var(--rz-text-display-h1-font-size);
  1538. line-height: var(--rz-text-display-h1-line-height);
  1539. font-weight: var(--rz-text-display-h1-font-weight);
  1540. letter-spacing: var(--rz-text-display-h1-letter-spacing);
  1541. color: var(--rz-text-display-h1-color);
  1542. margin-bottom: var(--rz-text-display-h1-margin-bottom);
  1543. }
  1544.  
  1545. .rz-text-display-h2 {
  1546. font-size: var(--rz-text-display-h2-font-size);
  1547. line-height: var(--rz-text-display-h2-line-height);
  1548. font-weight: var(--rz-text-display-h2-font-weight);
  1549. letter-spacing: var(--rz-text-display-h2-letter-spacing);
  1550. color: var(--rz-text-display-h2-color);
  1551. margin-bottom: var(--rz-text-display-h2-margin-bottom);
  1552. }
  1553.  
  1554. .rz-text-display-h3 {
  1555. font-size: var(--rz-text-display-h3-font-size);
  1556. line-height: var(--rz-text-display-h3-line-height);
  1557. font-weight: var(--rz-text-display-h3-font-weight);
  1558. letter-spacing: var(--rz-text-display-h3-letter-spacing);
  1559. color: var(--rz-text-display-h3-color);
  1560. margin-bottom: var(--rz-text-display-h3-margin-bottom);
  1561. }
  1562.  
  1563. .rz-text-display-h4 {
  1564. font-size: var(--rz-text-display-h4-font-size);
  1565. line-height: var(--rz-text-display-h4-line-height);
  1566. font-weight: var(--rz-text-display-h4-font-weight);
  1567. letter-spacing: var(--rz-text-display-h4-letter-spacing);
  1568. color: var(--rz-text-display-h4-color);
  1569. margin-bottom: var(--rz-text-display-h4-margin-bottom);
  1570. }
  1571.  
  1572. .rz-text-display-h5 {
  1573. font-size: var(--rz-text-display-h5-font-size);
  1574. line-height: var(--rz-text-display-h5-line-height);
  1575. font-weight: var(--rz-text-display-h5-font-weight);
  1576. letter-spacing: var(--rz-text-display-h5-letter-spacing);
  1577. color: var(--rz-text-display-h5-color);
  1578. margin-bottom: var(--rz-text-display-h5-margin-bottom);
  1579. }
  1580.  
  1581. .rz-text-display-h6 {
  1582. font-size: var(--rz-text-display-h6-font-size);
  1583. line-height: var(--rz-text-display-h6-line-height);
  1584. font-weight: var(--rz-text-display-h6-font-weight);
  1585. letter-spacing: var(--rz-text-display-h6-letter-spacing);
  1586. color: var(--rz-text-display-h6-color);
  1587. margin-bottom: var(--rz-text-display-h6-margin-bottom);
  1588. }
  1589.  
  1590. .rz-text-h1 {
  1591. font-size: var(--rz-text-h1-font-size);
  1592. line-height: var(--rz-text-h1-line-height);
  1593. font-weight: var(--rz-text-h1-font-weight);
  1594. letter-spacing: var(--rz-text-h1-letter-spacing);
  1595. color: var(--rz-text-h1-color);
  1596. margin-bottom: var(--rz-text-h1-margin-bottom);
  1597. }
  1598.  
  1599. .rz-text-h2 {
  1600. font-size: var(--rz-text-h2-font-size);
  1601. line-height: var(--rz-text-h2-line-height);
  1602. font-weight: var(--rz-text-h2-font-weight);
  1603. letter-spacing: var(--rz-text-h2-letter-spacing);
  1604. color: var(--rz-text-h2-color);
  1605. margin-bottom: var(--rz-text-h2-margin-bottom);
  1606. }
  1607.  
  1608. .rz-text-h3 {
  1609. font-size: var(--rz-text-h3-font-size);
  1610. line-height: var(--rz-text-h3-line-height);
  1611. font-weight: var(--rz-text-h3-font-weight);
  1612. letter-spacing: var(--rz-text-h3-letter-spacing);
  1613. color: var(--rz-text-h3-color);
  1614. margin-bottom: var(--rz-text-h3-margin-bottom);
  1615. }
  1616.  
  1617. .rz-text-h4 {
  1618. font-size: var(--rz-text-h4-font-size);
  1619. line-height: var(--rz-text-h4-line-height);
  1620. font-weight: var(--rz-text-h4-font-weight);
  1621. letter-spacing: var(--rz-text-h4-letter-spacing);
  1622. color: var(--rz-text-h4-color);
  1623. margin-bottom: var(--rz-text-h4-margin-bottom);
  1624. }
  1625.  
  1626. .rz-text-h5 {
  1627. font-size: var(--rz-text-h5-font-size);
  1628. line-height: var(--rz-text-h5-line-height);
  1629. font-weight: var(--rz-text-h5-font-weight);
  1630. letter-spacing: var(--rz-text-h5-letter-spacing);
  1631. color: var(--rz-text-h5-color);
  1632. margin-bottom: var(--rz-text-h5-margin-bottom);
  1633. }
  1634.  
  1635. .rz-text-h6 {
  1636. font-size: var(--rz-text-h6-font-size);
  1637. line-height: var(--rz-text-h6-line-height);
  1638. font-weight: var(--rz-text-h6-font-weight);
  1639. letter-spacing: var(--rz-text-h6-letter-spacing);
  1640. color: var(--rz-text-h6-color);
  1641. margin-bottom: var(--rz-text-h6-margin-bottom);
  1642. }
  1643.  
  1644. .rz-text-subtitle1 {
  1645. font-size: var(--rz-text-subtitle1-font-size);
  1646. line-height: var(--rz-text-subtitle1-line-height);
  1647. font-weight: var(--rz-text-subtitle1-font-weight);
  1648. letter-spacing: var(--rz-text-subtitle1-letter-spacing);
  1649. color: var(--rz-text-subtitle1-color);
  1650. margin-bottom: var(--rz-text-subtitle1-margin-bottom);
  1651. }
  1652.  
  1653. .rz-text-subtitle2 {
  1654. font-size: var(--rz-text-subtitle2-font-size);
  1655. line-height: var(--rz-text-subtitle2-line-height);
  1656. font-weight: var(--rz-text-subtitle2-font-weight);
  1657. letter-spacing: var(--rz-text-subtitle2-letter-spacing);
  1658. color: var(--rz-text-subtitle2-color);
  1659. margin-bottom: var(--rz-text-subtitle2-margin-bottom);
  1660. }
  1661.  
  1662. .rz-text-body1 {
  1663. font-size: var(--rz-text-body1-font-size);
  1664. line-height: var(--rz-text-body1-line-height);
  1665. font-weight: var(--rz-text-body1-font-weight);
  1666. letter-spacing: var(--rz-text-body1-letter-spacing);
  1667. color: var(--rz-text-body1-color);
  1668. margin-bottom: var(--rz-text-body1-margin-bottom);
  1669. }
  1670.  
  1671. .rz-text-body2 {
  1672. font-size: var(--rz-text-body2-font-size);
  1673. line-height: var(--rz-text-body2-line-height);
  1674. font-weight: var(--rz-text-body2-font-weight);
  1675. letter-spacing: var(--rz-text-body2-letter-spacing);
  1676. color: var(--rz-text-body2-color);
  1677. margin-bottom: var(--rz-text-body2-margin-bottom);
  1678. }
  1679.  
  1680. .rz-text-button {
  1681. font-size: var(--rz-text-button-font-size);
  1682. line-height: var(--rz-text-button-line-height);
  1683. font-weight: var(--rz-text-button-font-weight);
  1684. letter-spacing: var(--rz-text-button-letter-spacing);
  1685. color: var(--rz-text-button-color);
  1686. margin-bottom: var(--rz-text-button-margin-bottom);
  1687. }
  1688.  
  1689. .rz-text-caption {
  1690. font-size: var(--rz-text-caption-font-size);
  1691. line-height: var(--rz-text-caption-line-height);
  1692. font-weight: var(--rz-text-caption-font-weight);
  1693. letter-spacing: var(--rz-text-caption-letter-spacing);
  1694. color: var(--rz-text-caption-color);
  1695. margin-bottom: var(--rz-text-caption-margin-bottom);
  1696. }
  1697.  
  1698. .rz-text-overline {
  1699. font-size: var(--rz-text-overline-font-size);
  1700. line-height: var(--rz-text-overline-line-height);
  1701. font-weight: var(--rz-text-overline-font-weight);
  1702. letter-spacing: var(--rz-text-overline-letter-spacing);
  1703. text-transform: var(--rz-text-overline-text-transform);
  1704. color: var(--rz-text-overline-color);
  1705. margin-bottom: var(--rz-text-overline-margin-bottom);
  1706. }
  1707.  
  1708. .rz-text-align-start {
  1709. text-align: start;
  1710. }
  1711.  
  1712. .rz-text-align-end {
  1713. text-align: end;
  1714. }
  1715.  
  1716. .rz-text-align-left {
  1717. text-align: left;
  1718. }
  1719.  
  1720. .rz-text-align-right {
  1721. text-align: right;
  1722. }
  1723.  
  1724. .rz-text-align-center {
  1725. text-align: center;
  1726. }
  1727.  
  1728. .rz-text-align-justify {
  1729. text-align: justify;
  1730. }
  1731.  
  1732. .rz-text-align-justify-all {
  1733. text-align: justify-all;
  1734. }
  1735.  
  1736. .rz-text-align-match-parent {
  1737. text-align: match-parent;
  1738. }
  1739.  
  1740. :root {
  1741. font-size: var(--rz-root-font-size);
  1742. }
  1743.  
  1744. body {
  1745. font-size: var(--rz-body-font-size);
  1746. line-height: var(--rz-body-line-height);
  1747. -webkit-font-smoothing: antialiased;
  1748. -moz-osx-font-smoothing: grayscale;
  1749. }
  1750.  
  1751. .rz-label {
  1752. margin-bottom: 0;
  1753. }
  1754.  
  1755. ::selection {
  1756. background-color: var(--rz-primary-lighter);
  1757. }
  1758.  
  1759. .rzi, .rz-column-drag, .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-header .rzi-plus, .rz-sortable-column .rzi-grid-sort, .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rzi-chevron-circle-right, .rz-fileupload-row .rz-button .rzi-close, .rz-fileupload-row .rz-paginator-element .rzi-close,
  1760. .rz-fileupload-row .rz-button .rzi-times,
  1761. .rz-fileupload-row .rz-paginator-element .rzi-times,
  1762. .rz-fileupload-row .rz-button .rz-icon-trash,
  1763. .rz-fileupload-row .rz-paginator-element .rz-icon-trash, .rz-menuitem .rz-menuitem-icon {
  1764. font-family: 'Material Icons';
  1765. font-weight: normal;
  1766. font-style: normal;
  1767. font-size: var(--rz-icon-size);
  1768. display: inline-block;
  1769. width: 1em;
  1770. height: 1em;
  1771. line-height: 1;
  1772. text-transform: none;
  1773. letter-spacing: normal;
  1774. word-wrap: normal;
  1775. white-space: nowrap;
  1776. direction: ltr;
  1777. /* Support for all WebKit browsers. */
  1778. -webkit-font-smoothing: antialiased;
  1779. /* Support for Safari and Chrome. */
  1780. text-rendering: optimizeLegibility;
  1781. /* Support for Firefox. */
  1782. -moz-osx-font-smoothing: grayscale;
  1783. /* Support for IE. */
  1784. font-feature-settings: 'liga';
  1785. }
  1786.  
  1787. i.rzi, i.rz-column-drag, .rz-datatable-loading-content i.rzi-circle-o-notch, .rz-datatable-header i.rzi-plus, .rz-sortable-column i.rzi-grid-sort, .rz-datatable i.rzi-chevron-circle-down, .rz-datatable i.rzi-chevron-circle-right, .rz-fileupload-row .rz-button i.rzi-close, .rz-fileupload-row .rz-paginator-element i.rzi-close,
  1788. .rz-fileupload-row .rz-button i.rzi-times,
  1789. .rz-fileupload-row .rz-paginator-element i.rzi-times,
  1790. .rz-fileupload-row .rz-button i.rz-icon-trash,
  1791. .rz-fileupload-row .rz-paginator-element i.rz-icon-trash, .rz-menuitem i.rz-menuitem-icon {
  1792. display: inline-flex;
  1793. justify-content: center;
  1794. align-items: center;
  1795. }
  1796.  
  1797. .rzi-primary {
  1798. color: var(--rz-primary);
  1799. }
  1800.  
  1801. .rzi-light {
  1802. color: var(--rz-base-200);
  1803. }
  1804.  
  1805. .rzi-dark {
  1806. color: var(--rz-base-900);
  1807. }
  1808.  
  1809. .rzi-secondary {
  1810. color: var(--rz-secondary);
  1811. }
  1812.  
  1813. .rzi-info {
  1814. color: var(--rz-info);
  1815. }
  1816.  
  1817. .rzi-warning {
  1818. color: var(--rz-warning);
  1819. }
  1820.  
  1821. .rzi-error {
  1822. color: var(--rz-danger);
  1823. }
  1824.  
  1825. .rzi-danger {
  1826. color: var(--rz-danger);
  1827. }
  1828.  
  1829. .rzi-success {
  1830. color: var(--rz-success);
  1831. }
  1832.  
  1833. .rz-helper-hidden-accessible {
  1834. opacity: 0;
  1835. height: 0;
  1836. overflow: hidden;
  1837. }
  1838.  
  1839. .rz-scrollbar-measure {
  1840. width: 100px;
  1841. height: 100px;
  1842. overflow: scroll;
  1843. position: absolute;
  1844. top: -9999px;
  1845. }
  1846.  
  1847. .rz-helper-hidden {
  1848. display: none;
  1849. }
  1850.  
  1851. @media (max-width: 768px) {
  1852. body {
  1853. overflow-x: hidden;
  1854. }
  1855. .header,
  1856. .footer,
  1857. .body {
  1858. width: 100vw;
  1859. }
  1860. }
  1861.  
  1862. rz-button[type],
  1863. p-button[type] {
  1864. -webkit-appearance: none;
  1865. }
  1866.  
  1867. :root {
  1868. --rz-button-base-background-color: var(--rz-primary);
  1869. --rz-button-base-color: var(--rz-text-contrast-color);
  1870. --rz-button-hover-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.2);
  1871. --rz-button-hover-gradient: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
  1872. --rz-button-active-shadow: inset 0 3px 0 0 rgba(0, 0, 0, 0.1);
  1873. --rz-button-active-gradient: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
  1874. --rz-button-focus-outline: none;
  1875. --rz-button-border-radius: var(--rz-border-radius);
  1876. --rz-button-shadow: none;
  1877. --rz-button-transition: var(--rz-transition-all);
  1878. --rz-button-disabled-opacity: 0.2;
  1879. --rz-button-line-height: 1.25rem;
  1880. --rz-button-vertical-align: top;
  1881. --rz-button-background-size: auto;
  1882. --rz-button-hover-background-size: auto;
  1883. --rz-button-active-background-size: auto;
  1884. }
  1885.  
  1886. .rz-button, .rz-paginator-element {
  1887. -webkit-appearance: none;
  1888. display: inline-block;
  1889. border-radius: var(--rz-button-border-radius);
  1890. background-color: var(--rz-button-base-background-color);
  1891. color: var(--rz-button-base-color);
  1892. border: none;
  1893. outline: none;
  1894. line-height: var(--rz-button-line-height);
  1895. font-size: 1.0625rem;
  1896. text-decoration: none;
  1897. box-shadow: var(--rz-button-shadow);
  1898. transition: var(--rz-button-transition);
  1899. background-size: var(--rz-button-background-size);
  1900. background-repeat: no-repeat;
  1901. }
  1902.  
  1903. .rz-button:focus, .rz-paginator-element:focus {
  1904. outline: var(--rz-button-focus-outline);
  1905. }
  1906.  
  1907. .rz-button:not(.rz-state-disabled), .rz-paginator-element:not(.rz-state-disabled) {
  1908. cursor: pointer;
  1909. }
  1910.  
  1911. .rz-button:not(.rz-state-disabled):hover:not(:active), .rz-paginator-element:not(.rz-state-disabled):hover:not(:active) {
  1912. text-decoration: none;
  1913. background-image: var(--rz-button-hover-gradient);
  1914. background-size: var(--rz-button-hover-background-size);
  1915. box-shadow: var(--rz-button-hover-shadow);
  1916. }
  1917.  
  1918. .rz-button:not(.rz-state-disabled):active, .rz-paginator-element:not(.rz-state-disabled):active {
  1919. text-decoration: none;
  1920. background-image: var(--rz-button-active-gradient);
  1921. background-size: var(--rz-button-active-background-size);
  1922. box-shadow: var(--rz-button-active-shadow);
  1923. }
  1924.  
  1925. .rz-button.rz-state-disabled, .rz-state-disabled.rz-paginator-element {
  1926. opacity: var(--rz-button-disabled-opacity);
  1927. cursor: initial;
  1928. }
  1929.  
  1930. .rz-button .rz-button-box, .rz-paginator-element .rz-button-box {
  1931. display: inline-flex;
  1932. justify-content: center;
  1933. align-items: center;
  1934. vertical-align: var(--rz-button-vertical-align);
  1935. line-height: var(--rz-button-line-height);
  1936. }
  1937.  
  1938. .rz-button .rz-button-text, .rz-paginator-element .rz-button-text {
  1939. vertical-align: var(--rz-button-vertical-align);
  1940. }
  1941.  
  1942. .rz-button .rzi, .rz-paginator-element .rzi, .rz-button .rz-column-drag, .rz-paginator-element .rz-column-drag, .rz-button .rz-datatable-loading-content .rzi-circle-o-notch, .rz-paginator-element .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-button .rzi-circle-o-notch, .rz-datatable-loading-content .rz-paginator-element .rzi-circle-o-notch, .rz-button .rz-datatable-header .rzi-plus, .rz-paginator-element .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-button .rzi-plus, .rz-datatable-header .rz-paginator-element .rzi-plus, .rz-button .rz-sortable-column .rzi-grid-sort, .rz-paginator-element .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-button .rzi-grid-sort, .rz-sortable-column .rz-paginator-element .rzi-grid-sort, .rz-button .rz-datatable .rzi-chevron-circle-down, .rz-paginator-element .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-button .rzi-chevron-circle-down, .rz-datatable .rz-paginator-element .rzi-chevron-circle-down, .rz-button .rz-datatable .rzi-chevron-circle-right, .rz-paginator-element .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-button .rzi-chevron-circle-right, .rz-datatable .rz-paginator-element .rzi-chevron-circle-right, .rz-fileupload-row .rz-button .rzi-close, .rz-fileupload-row .rz-paginator-element .rzi-close,
  1943. .rz-fileupload-row .rz-button .rzi-times,
  1944. .rz-fileupload-row .rz-paginator-element .rzi-times,
  1945. .rz-fileupload-row .rz-button .rz-icon-trash,
  1946. .rz-fileupload-row .rz-paginator-element .rz-icon-trash, .rz-button .rz-menuitem .rz-menuitem-icon, .rz-paginator-element .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-button .rz-menuitem-icon, .rz-menuitem .rz-paginator-element .rz-menuitem-icon {
  1947. vertical-align: var(--rz-button-vertical-align);
  1948. }
  1949.  
  1950. .rz-button.rz-primary, .rz-primary.rz-paginator-element {
  1951. background-color: var(--rz-primary);
  1952. color: var(--rz-text-contrast-color);
  1953. }
  1954.  
  1955. .rz-button.rz-primary.rz-shade-lighter, .rz-primary.rz-shade-lighter.rz-paginator-element {
  1956. background-color: var(--rz-primary-lighter);
  1957. color: var(--rz-primary);
  1958. }
  1959.  
  1960. .rz-button.rz-primary.rz-shade-light, .rz-primary.rz-shade-light.rz-paginator-element {
  1961. background-color: var(--rz-primary-light);
  1962. }
  1963.  
  1964. .rz-button.rz-primary.rz-shade-default, .rz-primary.rz-shade-default.rz-paginator-element {
  1965. background-color: var(--rz-primary);
  1966. }
  1967.  
  1968. .rz-button.rz-primary.rz-shade-dark, .rz-primary.rz-shade-dark.rz-paginator-element {
  1969. background-color: var(--rz-primary-dark);
  1970. }
  1971.  
  1972. .rz-button.rz-primary.rz-shade-darker, .rz-primary.rz-shade-darker.rz-paginator-element {
  1973. background-color: var(--rz-primary-darker);
  1974. }
  1975.  
  1976. .rz-button.rz-light, .rz-light.rz-paginator-element {
  1977. background-color: var(--rz-base-200);
  1978. color: var(--rz-text-color);
  1979. }
  1980.  
  1981. .rz-button.rz-base, .rz-base.rz-paginator-element {
  1982. background-color: var(--rz-base-200);
  1983. color: var(--rz-text-color);
  1984. }
  1985.  
  1986. .rz-button.rz-base.rz-shade-lighter, .rz-base.rz-shade-lighter.rz-paginator-element {
  1987. background-color: var(--rz-base-lighter);
  1988. color: var(--rz-base);
  1989. }
  1990.  
  1991. .rz-button.rz-base.rz-shade-light, .rz-base.rz-shade-light.rz-paginator-element {
  1992. background-color: var(--rz-base-light);
  1993. }
  1994.  
  1995. .rz-button.rz-base.rz-shade-default, .rz-base.rz-shade-default.rz-paginator-element {
  1996. background-color: var(--rz-base);
  1997. }
  1998.  
  1999. .rz-button.rz-base.rz-shade-dark, .rz-base.rz-shade-dark.rz-paginator-element {
  2000. background-color: var(--rz-base-dark);
  2001. }
  2002.  
  2003. .rz-button.rz-base.rz-shade-darker, .rz-base.rz-shade-darker.rz-paginator-element {
  2004. background-color: var(--rz-base-darker);
  2005. }
  2006.  
  2007. .rz-button.rz-dark, .rz-dark.rz-paginator-element {
  2008. background-color: var(--rz-base-900);
  2009. color: var(--rz-text-contrast-color);
  2010. }
  2011.  
  2012. .rz-button.rz-secondary, .rz-secondary.rz-paginator-element {
  2013. background-color: var(--rz-secondary);
  2014. color: var(--rz-text-contrast-color);
  2015. }
  2016.  
  2017. .rz-button.rz-secondary.rz-shade-lighter, .rz-secondary.rz-shade-lighter.rz-paginator-element {
  2018. background-color: var(--rz-secondary-lighter);
  2019. color: var(--rz-secondary);
  2020. }
  2021.  
  2022. .rz-button.rz-secondary.rz-shade-light, .rz-secondary.rz-shade-light.rz-paginator-element {
  2023. background-color: var(--rz-secondary-light);
  2024. }
  2025.  
  2026. .rz-button.rz-secondary.rz-shade-default, .rz-secondary.rz-shade-default.rz-paginator-element {
  2027. background-color: var(--rz-secondary);
  2028. }
  2029.  
  2030. .rz-button.rz-secondary.rz-shade-dark, .rz-secondary.rz-shade-dark.rz-paginator-element {
  2031. background-color: var(--rz-secondary-dark);
  2032. }
  2033.  
  2034. .rz-button.rz-secondary.rz-shade-darker, .rz-secondary.rz-shade-darker.rz-paginator-element {
  2035. background-color: var(--rz-secondary-darker);
  2036. }
  2037.  
  2038. .rz-button.rz-info, .rz-info.rz-paginator-element {
  2039. background-color: var(--rz-info);
  2040. color: var(--rz-text-contrast-color);
  2041. }
  2042.  
  2043. .rz-button.rz-info.rz-shade-lighter, .rz-info.rz-shade-lighter.rz-paginator-element {
  2044. background-color: var(--rz-info-lighter);
  2045. color: var(--rz-info);
  2046. }
  2047.  
  2048. .rz-button.rz-info.rz-shade-light, .rz-info.rz-shade-light.rz-paginator-element {
  2049. background-color: var(--rz-info-light);
  2050. }
  2051.  
  2052. .rz-button.rz-info.rz-shade-default, .rz-info.rz-shade-default.rz-paginator-element {
  2053. background-color: var(--rz-info);
  2054. }
  2055.  
  2056. .rz-button.rz-info.rz-shade-dark, .rz-info.rz-shade-dark.rz-paginator-element {
  2057. background-color: var(--rz-info-dark);
  2058. }
  2059.  
  2060. .rz-button.rz-info.rz-shade-darker, .rz-info.rz-shade-darker.rz-paginator-element {
  2061. background-color: var(--rz-info-darker);
  2062. }
  2063.  
  2064. .rz-button.rz-warning, .rz-warning.rz-paginator-element {
  2065. background-color: var(--rz-warning);
  2066. color: var(--rz-text-contrast-color);
  2067. }
  2068.  
  2069. .rz-button.rz-warning.rz-shade-lighter, .rz-warning.rz-shade-lighter.rz-paginator-element {
  2070. background-color: var(--rz-warning-lighter);
  2071. color: var(--rz-warning);
  2072. }
  2073.  
  2074. .rz-button.rz-warning.rz-shade-light, .rz-warning.rz-shade-light.rz-paginator-element {
  2075. background-color: var(--rz-warning-light);
  2076. }
  2077.  
  2078. .rz-button.rz-warning.rz-shade-default, .rz-warning.rz-shade-default.rz-paginator-element {
  2079. background-color: var(--rz-warning);
  2080. }
  2081.  
  2082. .rz-button.rz-warning.rz-shade-dark, .rz-warning.rz-shade-dark.rz-paginator-element {
  2083. background-color: var(--rz-warning-dark);
  2084. }
  2085.  
  2086. .rz-button.rz-warning.rz-shade-darker, .rz-warning.rz-shade-darker.rz-paginator-element {
  2087. background-color: var(--rz-warning-darker);
  2088. }
  2089.  
  2090. .rz-button.rz-error, .rz-error.rz-paginator-element {
  2091. background-color: var(--rz-danger);
  2092. color: var(--rz-text-contrast-color);
  2093. }
  2094.  
  2095. .rz-button.rz-error.rz-shade-lighter, .rz-error.rz-shade-lighter.rz-paginator-element {
  2096. background-color: var(--rz-error-lighter);
  2097. color: var(--rz-error);
  2098. }
  2099.  
  2100. .rz-button.rz-error.rz-shade-light, .rz-error.rz-shade-light.rz-paginator-element {
  2101. background-color: var(--rz-error-light);
  2102. }
  2103.  
  2104. .rz-button.rz-error.rz-shade-default, .rz-error.rz-shade-default.rz-paginator-element {
  2105. background-color: var(--rz-error);
  2106. }
  2107.  
  2108. .rz-button.rz-error.rz-shade-dark, .rz-error.rz-shade-dark.rz-paginator-element {
  2109. background-color: var(--rz-error-dark);
  2110. }
  2111.  
  2112. .rz-button.rz-error.rz-shade-darker, .rz-error.rz-shade-darker.rz-paginator-element {
  2113. background-color: var(--rz-error-darker);
  2114. }
  2115.  
  2116. .rz-button.rz-danger, .rz-danger.rz-paginator-element {
  2117. background-color: var(--rz-danger);
  2118. color: var(--rz-text-contrast-color);
  2119. }
  2120.  
  2121. .rz-button.rz-danger.rz-shade-lighter, .rz-danger.rz-shade-lighter.rz-paginator-element {
  2122. background-color: var(--rz-danger-lighter);
  2123. color: var(--rz-danger);
  2124. }
  2125.  
  2126. .rz-button.rz-danger.rz-shade-light, .rz-danger.rz-shade-light.rz-paginator-element {
  2127. background-color: var(--rz-danger-light);
  2128. }
  2129.  
  2130. .rz-button.rz-danger.rz-shade-default, .rz-danger.rz-shade-default.rz-paginator-element {
  2131. background-color: var(--rz-danger);
  2132. }
  2133.  
  2134. .rz-button.rz-danger.rz-shade-dark, .rz-danger.rz-shade-dark.rz-paginator-element {
  2135. background-color: var(--rz-danger-dark);
  2136. }
  2137.  
  2138. .rz-button.rz-danger.rz-shade-darker, .rz-danger.rz-shade-darker.rz-paginator-element {
  2139. background-color: var(--rz-danger-darker);
  2140. }
  2141.  
  2142. .rz-button.rz-success, .rz-success.rz-paginator-element {
  2143. background-color: var(--rz-success);
  2144. color: var(--rz-text-contrast-color);
  2145. }
  2146.  
  2147. .rz-button.rz-success.rz-shade-lighter, .rz-success.rz-shade-lighter.rz-paginator-element {
  2148. background-color: var(--rz-success-lighter);
  2149. color: var(--rz-success);
  2150. }
  2151.  
  2152. .rz-button.rz-success.rz-shade-light, .rz-success.rz-shade-light.rz-paginator-element {
  2153. background-color: var(--rz-success-light);
  2154. }
  2155.  
  2156. .rz-button.rz-success.rz-shade-default, .rz-success.rz-shade-default.rz-paginator-element {
  2157. background-color: var(--rz-success);
  2158. }
  2159.  
  2160. .rz-button.rz-success.rz-shade-dark, .rz-success.rz-shade-dark.rz-paginator-element {
  2161. background-color: var(--rz-success-dark);
  2162. }
  2163.  
  2164. .rz-button.rz-success.rz-shade-darker, .rz-success.rz-shade-darker.rz-paginator-element {
  2165. background-color: var(--rz-success-darker);
  2166. }
  2167.  
  2168. .rz-button.rz-variant-outlined.rz-primary, .rz-variant-outlined.rz-primary.rz-paginator-element {
  2169. outline-style: solid;
  2170. outline-width: var(--rz-border-width);
  2171. outline-offset: calc(var(--rz-border-width) * -1);
  2172. background-color: transparent;
  2173. box-shadow: none;
  2174. }
  2175.  
  2176. .rz-button.rz-variant-outlined.rz-primary.rz-shade-lighter, .rz-variant-outlined.rz-primary.rz-shade-lighter.rz-paginator-element {
  2177. outline-color: var(--rz-primary-lighter);
  2178. color: var(--rz-primary-light);
  2179. }
  2180.  
  2181. .rz-button.rz-variant-outlined.rz-primary.rz-shade-light, .rz-variant-outlined.rz-primary.rz-shade-light.rz-paginator-element {
  2182. outline-color: var(--rz-primary-light);
  2183. color: var(--rz-primary-light);
  2184. }
  2185.  
  2186. .rz-button.rz-variant-outlined.rz-primary.rz-shade-default, .rz-variant-outlined.rz-primary.rz-shade-default.rz-paginator-element {
  2187. outline-color: var(--rz-primary);
  2188. color: var(--rz-primary);
  2189. }
  2190.  
  2191. .rz-button.rz-variant-outlined.rz-primary.rz-shade-dark, .rz-variant-outlined.rz-primary.rz-shade-dark.rz-paginator-element {
  2192. outline-color: var(--rz-primary-dark);
  2193. color: var(--rz-primary-dark);
  2194. }
  2195.  
  2196. .rz-button.rz-variant-outlined.rz-primary.rz-shade-darker, .rz-variant-outlined.rz-primary.rz-shade-darker.rz-paginator-element {
  2197. outline-color: var(--rz-primary-darker);
  2198. color: var(--rz-primary-darker);
  2199. }
  2200.  
  2201. .rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):hover:not(:active), .rz-variant-outlined.rz-primary.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):active, .rz-variant-outlined.rz-primary.rz-paginator-element:not(.rz-state-disabled):active {
  2202. background-color: var(--rz-primary-lighter);
  2203. background-image: none;
  2204. box-shadow: none;
  2205. }
  2206.  
  2207. .rz-button.rz-variant-outlined.rz-primary.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-variant-outlined.rz-primary.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-primary.rz-shade-lighter:not(.rz-state-disabled):active, .rz-variant-outlined.rz-primary.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):active {
  2208. color: var(--rz-primary);
  2209. }
  2210.  
  2211. .rz-button.rz-variant-outlined.rz-light, .rz-variant-outlined.rz-light.rz-paginator-element {
  2212. outline-color: var(--rz-base-200);
  2213. color: var(--rz-base-200);
  2214. outline-style: solid;
  2215. outline-width: var(--rz-border-width);
  2216. outline-offset: calc(var(--rz-border-width) * -1);
  2217. background-color: transparent;
  2218. box-shadow: none;
  2219. }
  2220.  
  2221. .rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):hover:not(:active), .rz-variant-outlined.rz-light.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):active, .rz-variant-outlined.rz-light.rz-paginator-element:not(.rz-state-disabled):active {
  2222. background-color: rgba(255, 255, 255, 0.12);
  2223. background-image: none;
  2224. box-shadow: none;
  2225. }
  2226.  
  2227. .rz-button.rz-variant-outlined.rz-light.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-variant-outlined.rz-light.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-light.rz-shade-lighter:not(.rz-state-disabled):active, .rz-variant-outlined.rz-light.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):active {
  2228. color: var(--rz-light);
  2229. }
  2230.  
  2231. .rz-button.rz-variant-outlined.rz-base, .rz-variant-outlined.rz-base.rz-paginator-element {
  2232. outline-style: solid;
  2233. outline-width: var(--rz-border-width);
  2234. outline-offset: calc(var(--rz-border-width) * -1);
  2235. background-color: transparent;
  2236. box-shadow: none;
  2237. }
  2238.  
  2239. .rz-button.rz-variant-outlined.rz-base.rz-shade-lighter, .rz-variant-outlined.rz-base.rz-shade-lighter.rz-paginator-element {
  2240. outline-color: var(--rz-base-lighter);
  2241. color: var(--rz-base-light);
  2242. }
  2243.  
  2244. .rz-button.rz-variant-outlined.rz-base.rz-shade-light, .rz-variant-outlined.rz-base.rz-shade-light.rz-paginator-element {
  2245. outline-color: var(--rz-base-light);
  2246. color: var(--rz-base-light);
  2247. }
  2248.  
  2249. .rz-button.rz-variant-outlined.rz-base.rz-shade-default, .rz-variant-outlined.rz-base.rz-shade-default.rz-paginator-element {
  2250. outline-color: var(--rz-base);
  2251. color: var(--rz-base);
  2252. }
  2253.  
  2254. .rz-button.rz-variant-outlined.rz-base.rz-shade-dark, .rz-variant-outlined.rz-base.rz-shade-dark.rz-paginator-element {
  2255. outline-color: var(--rz-base-dark);
  2256. color: var(--rz-base-dark);
  2257. }
  2258.  
  2259. .rz-button.rz-variant-outlined.rz-base.rz-shade-darker, .rz-variant-outlined.rz-base.rz-shade-darker.rz-paginator-element {
  2260. outline-color: var(--rz-base-darker);
  2261. color: var(--rz-base-darker);
  2262. }
  2263.  
  2264. .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):hover:not(:active), .rz-variant-outlined.rz-base.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):active, .rz-variant-outlined.rz-base.rz-paginator-element:not(.rz-state-disabled):active {
  2265. background-color: var(--rz-base-lighter);
  2266. background-image: none;
  2267. box-shadow: none;
  2268. }
  2269.  
  2270. .rz-button.rz-variant-outlined.rz-base.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-variant-outlined.rz-base.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-base.rz-shade-lighter:not(.rz-state-disabled):active, .rz-variant-outlined.rz-base.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):active {
  2271. color: var(--rz-base);
  2272. }
  2273.  
  2274. .rz-button.rz-variant-outlined.rz-dark, .rz-variant-outlined.rz-dark.rz-paginator-element {
  2275. outline-color: var(--rz-base-900);
  2276. color: var(--rz-base-900);
  2277. outline-style: solid;
  2278. outline-width: var(--rz-border-width);
  2279. outline-offset: calc(var(--rz-border-width) * -1);
  2280. background-color: transparent;
  2281. box-shadow: none;
  2282. }
  2283.  
  2284. .rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):hover:not(:active), .rz-variant-outlined.rz-dark.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):active, .rz-variant-outlined.rz-dark.rz-paginator-element:not(.rz-state-disabled):active {
  2285. background-color: rgba(0, 0, 0, 0.12);
  2286. background-image: none;
  2287. box-shadow: none;
  2288. }
  2289.  
  2290. .rz-button.rz-variant-outlined.rz-dark.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-variant-outlined.rz-dark.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-dark.rz-shade-lighter:not(.rz-state-disabled):active, .rz-variant-outlined.rz-dark.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):active {
  2291. color: var(--rz-dark);
  2292. }
  2293.  
  2294. .rz-button.rz-variant-outlined.rz-secondary, .rz-variant-outlined.rz-secondary.rz-paginator-element {
  2295. outline-style: solid;
  2296. outline-width: var(--rz-border-width);
  2297. outline-offset: calc(var(--rz-border-width) * -1);
  2298. background-color: transparent;
  2299. box-shadow: none;
  2300. }
  2301.  
  2302. .rz-button.rz-variant-outlined.rz-secondary.rz-shade-lighter, .rz-variant-outlined.rz-secondary.rz-shade-lighter.rz-paginator-element {
  2303. outline-color: var(--rz-secondary-lighter);
  2304. color: var(--rz-secondary-light);
  2305. }
  2306.  
  2307. .rz-button.rz-variant-outlined.rz-secondary.rz-shade-light, .rz-variant-outlined.rz-secondary.rz-shade-light.rz-paginator-element {
  2308. outline-color: var(--rz-secondary-light);
  2309. color: var(--rz-secondary-light);
  2310. }
  2311.  
  2312. .rz-button.rz-variant-outlined.rz-secondary.rz-shade-default, .rz-variant-outlined.rz-secondary.rz-shade-default.rz-paginator-element {
  2313. outline-color: var(--rz-secondary);
  2314. color: var(--rz-secondary);
  2315. }
  2316.  
  2317. .rz-button.rz-variant-outlined.rz-secondary.rz-shade-dark, .rz-variant-outlined.rz-secondary.rz-shade-dark.rz-paginator-element {
  2318. outline-color: var(--rz-secondary-dark);
  2319. color: var(--rz-secondary-dark);
  2320. }
  2321.  
  2322. .rz-button.rz-variant-outlined.rz-secondary.rz-shade-darker, .rz-variant-outlined.rz-secondary.rz-shade-darker.rz-paginator-element {
  2323. outline-color: var(--rz-secondary-darker);
  2324. color: var(--rz-secondary-darker);
  2325. }
  2326.  
  2327. .rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):hover:not(:active), .rz-variant-outlined.rz-secondary.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):active, .rz-variant-outlined.rz-secondary.rz-paginator-element:not(.rz-state-disabled):active {
  2328. background-color: var(--rz-secondary-lighter);
  2329. background-image: none;
  2330. box-shadow: none;
  2331. }
  2332.  
  2333. .rz-button.rz-variant-outlined.rz-secondary.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-variant-outlined.rz-secondary.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-secondary.rz-shade-lighter:not(.rz-state-disabled):active, .rz-variant-outlined.rz-secondary.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):active {
  2334. color: var(--rz-secondary);
  2335. }
  2336.  
  2337. .rz-button.rz-variant-outlined.rz-info, .rz-variant-outlined.rz-info.rz-paginator-element {
  2338. outline-style: solid;
  2339. outline-width: var(--rz-border-width);
  2340. outline-offset: calc(var(--rz-border-width) * -1);
  2341. background-color: transparent;
  2342. box-shadow: none;
  2343. }
  2344.  
  2345. .rz-button.rz-variant-outlined.rz-info.rz-shade-lighter, .rz-variant-outlined.rz-info.rz-shade-lighter.rz-paginator-element {
  2346. outline-color: var(--rz-info-lighter);
  2347. color: var(--rz-info-light);
  2348. }
  2349.  
  2350. .rz-button.rz-variant-outlined.rz-info.rz-shade-light, .rz-variant-outlined.rz-info.rz-shade-light.rz-paginator-element {
  2351. outline-color: var(--rz-info-light);
  2352. color: var(--rz-info-light);
  2353. }
  2354.  
  2355. .rz-button.rz-variant-outlined.rz-info.rz-shade-default, .rz-variant-outlined.rz-info.rz-shade-default.rz-paginator-element {
  2356. outline-color: var(--rz-info);
  2357. color: var(--rz-info);
  2358. }
  2359.  
  2360. .rz-button.rz-variant-outlined.rz-info.rz-shade-dark, .rz-variant-outlined.rz-info.rz-shade-dark.rz-paginator-element {
  2361. outline-color: var(--rz-info-dark);
  2362. color: var(--rz-info-dark);
  2363. }
  2364.  
  2365. .rz-button.rz-variant-outlined.rz-info.rz-shade-darker, .rz-variant-outlined.rz-info.rz-shade-darker.rz-paginator-element {
  2366. outline-color: var(--rz-info-darker);
  2367. color: var(--rz-info-darker);
  2368. }
  2369.  
  2370. .rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):hover:not(:active), .rz-variant-outlined.rz-info.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):active, .rz-variant-outlined.rz-info.rz-paginator-element:not(.rz-state-disabled):active {
  2371. background-color: var(--rz-info-lighter);
  2372. background-image: none;
  2373. box-shadow: none;
  2374. }
  2375.  
  2376. .rz-button.rz-variant-outlined.rz-info.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-variant-outlined.rz-info.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-info.rz-shade-lighter:not(.rz-state-disabled):active, .rz-variant-outlined.rz-info.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):active {
  2377. color: var(--rz-info);
  2378. }
  2379.  
  2380. .rz-button.rz-variant-outlined.rz-warning, .rz-variant-outlined.rz-warning.rz-paginator-element {
  2381. outline-style: solid;
  2382. outline-width: var(--rz-border-width);
  2383. outline-offset: calc(var(--rz-border-width) * -1);
  2384. background-color: transparent;
  2385. box-shadow: none;
  2386. }
  2387.  
  2388. .rz-button.rz-variant-outlined.rz-warning.rz-shade-lighter, .rz-variant-outlined.rz-warning.rz-shade-lighter.rz-paginator-element {
  2389. outline-color: var(--rz-warning-lighter);
  2390. color: var(--rz-warning-light);
  2391. }
  2392.  
  2393. .rz-button.rz-variant-outlined.rz-warning.rz-shade-light, .rz-variant-outlined.rz-warning.rz-shade-light.rz-paginator-element {
  2394. outline-color: var(--rz-warning-light);
  2395. color: var(--rz-warning-light);
  2396. }
  2397.  
  2398. .rz-button.rz-variant-outlined.rz-warning.rz-shade-default, .rz-variant-outlined.rz-warning.rz-shade-default.rz-paginator-element {
  2399. outline-color: var(--rz-warning);
  2400. color: var(--rz-warning);
  2401. }
  2402.  
  2403. .rz-button.rz-variant-outlined.rz-warning.rz-shade-dark, .rz-variant-outlined.rz-warning.rz-shade-dark.rz-paginator-element {
  2404. outline-color: var(--rz-warning-dark);
  2405. color: var(--rz-warning-dark);
  2406. }
  2407.  
  2408. .rz-button.rz-variant-outlined.rz-warning.rz-shade-darker, .rz-variant-outlined.rz-warning.rz-shade-darker.rz-paginator-element {
  2409. outline-color: var(--rz-warning-darker);
  2410. color: var(--rz-warning-darker);
  2411. }
  2412.  
  2413. .rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):hover:not(:active), .rz-variant-outlined.rz-warning.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):active, .rz-variant-outlined.rz-warning.rz-paginator-element:not(.rz-state-disabled):active {
  2414. background-color: var(--rz-warning-lighter);
  2415. background-image: none;
  2416. box-shadow: none;
  2417. }
  2418.  
  2419. .rz-button.rz-variant-outlined.rz-warning.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-variant-outlined.rz-warning.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-warning.rz-shade-lighter:not(.rz-state-disabled):active, .rz-variant-outlined.rz-warning.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):active {
  2420. color: var(--rz-warning);
  2421. }
  2422.  
  2423. .rz-button.rz-variant-outlined.rz-error, .rz-variant-outlined.rz-error.rz-paginator-element {
  2424. outline-style: solid;
  2425. outline-width: var(--rz-border-width);
  2426. outline-offset: calc(var(--rz-border-width) * -1);
  2427. background-color: transparent;
  2428. box-shadow: none;
  2429. }
  2430.  
  2431. .rz-button.rz-variant-outlined.rz-error.rz-shade-lighter, .rz-variant-outlined.rz-error.rz-shade-lighter.rz-paginator-element {
  2432. outline-color: var(--rz-error-lighter);
  2433. color: var(--rz-error-light);
  2434. }
  2435.  
  2436. .rz-button.rz-variant-outlined.rz-error.rz-shade-light, .rz-variant-outlined.rz-error.rz-shade-light.rz-paginator-element {
  2437. outline-color: var(--rz-error-light);
  2438. color: var(--rz-error-light);
  2439. }
  2440.  
  2441. .rz-button.rz-variant-outlined.rz-error.rz-shade-default, .rz-variant-outlined.rz-error.rz-shade-default.rz-paginator-element {
  2442. outline-color: var(--rz-error);
  2443. color: var(--rz-error);
  2444. }
  2445.  
  2446. .rz-button.rz-variant-outlined.rz-error.rz-shade-dark, .rz-variant-outlined.rz-error.rz-shade-dark.rz-paginator-element {
  2447. outline-color: var(--rz-error-dark);
  2448. color: var(--rz-error-dark);
  2449. }
  2450.  
  2451. .rz-button.rz-variant-outlined.rz-error.rz-shade-darker, .rz-variant-outlined.rz-error.rz-shade-darker.rz-paginator-element {
  2452. outline-color: var(--rz-error-darker);
  2453. color: var(--rz-error-darker);
  2454. }
  2455.  
  2456. .rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):hover:not(:active), .rz-variant-outlined.rz-error.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):active, .rz-variant-outlined.rz-error.rz-paginator-element:not(.rz-state-disabled):active {
  2457. background-color: var(--rz-error-lighter);
  2458. background-image: none;
  2459. box-shadow: none;
  2460. }
  2461.  
  2462. .rz-button.rz-variant-outlined.rz-error.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-variant-outlined.rz-error.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-error.rz-shade-lighter:not(.rz-state-disabled):active, .rz-variant-outlined.rz-error.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):active {
  2463. color: var(--rz-error);
  2464. }
  2465.  
  2466. .rz-button.rz-variant-outlined.rz-danger, .rz-variant-outlined.rz-danger.rz-paginator-element {
  2467. outline-style: solid;
  2468. outline-width: var(--rz-border-width);
  2469. outline-offset: calc(var(--rz-border-width) * -1);
  2470. background-color: transparent;
  2471. box-shadow: none;
  2472. }
  2473.  
  2474. .rz-button.rz-variant-outlined.rz-danger.rz-shade-lighter, .rz-variant-outlined.rz-danger.rz-shade-lighter.rz-paginator-element {
  2475. outline-color: var(--rz-danger-lighter);
  2476. color: var(--rz-danger-light);
  2477. }
  2478.  
  2479. .rz-button.rz-variant-outlined.rz-danger.rz-shade-light, .rz-variant-outlined.rz-danger.rz-shade-light.rz-paginator-element {
  2480. outline-color: var(--rz-danger-light);
  2481. color: var(--rz-danger-light);
  2482. }
  2483.  
  2484. .rz-button.rz-variant-outlined.rz-danger.rz-shade-default, .rz-variant-outlined.rz-danger.rz-shade-default.rz-paginator-element {
  2485. outline-color: var(--rz-danger);
  2486. color: var(--rz-danger);
  2487. }
  2488.  
  2489. .rz-button.rz-variant-outlined.rz-danger.rz-shade-dark, .rz-variant-outlined.rz-danger.rz-shade-dark.rz-paginator-element {
  2490. outline-color: var(--rz-danger-dark);
  2491. color: var(--rz-danger-dark);
  2492. }
  2493.  
  2494. .rz-button.rz-variant-outlined.rz-danger.rz-shade-darker, .rz-variant-outlined.rz-danger.rz-shade-darker.rz-paginator-element {
  2495. outline-color: var(--rz-danger-darker);
  2496. color: var(--rz-danger-darker);
  2497. }
  2498.  
  2499. .rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):hover:not(:active), .rz-variant-outlined.rz-danger.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):active, .rz-variant-outlined.rz-danger.rz-paginator-element:not(.rz-state-disabled):active {
  2500. background-color: var(--rz-danger-lighter);
  2501. background-image: none;
  2502. box-shadow: none;
  2503. }
  2504.  
  2505. .rz-button.rz-variant-outlined.rz-danger.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-variant-outlined.rz-danger.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-danger.rz-shade-lighter:not(.rz-state-disabled):active, .rz-variant-outlined.rz-danger.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):active {
  2506. color: var(--rz-danger);
  2507. }
  2508.  
  2509. .rz-button.rz-variant-outlined.rz-success, .rz-variant-outlined.rz-success.rz-paginator-element {
  2510. outline-style: solid;
  2511. outline-width: var(--rz-border-width);
  2512. outline-offset: calc(var(--rz-border-width) * -1);
  2513. background-color: transparent;
  2514. box-shadow: none;
  2515. }
  2516.  
  2517. .rz-button.rz-variant-outlined.rz-success.rz-shade-lighter, .rz-variant-outlined.rz-success.rz-shade-lighter.rz-paginator-element {
  2518. outline-color: var(--rz-success-lighter);
  2519. color: var(--rz-success-light);
  2520. }
  2521.  
  2522. .rz-button.rz-variant-outlined.rz-success.rz-shade-light, .rz-variant-outlined.rz-success.rz-shade-light.rz-paginator-element {
  2523. outline-color: var(--rz-success-light);
  2524. color: var(--rz-success-light);
  2525. }
  2526.  
  2527. .rz-button.rz-variant-outlined.rz-success.rz-shade-default, .rz-variant-outlined.rz-success.rz-shade-default.rz-paginator-element {
  2528. outline-color: var(--rz-success);
  2529. color: var(--rz-success);
  2530. }
  2531.  
  2532. .rz-button.rz-variant-outlined.rz-success.rz-shade-dark, .rz-variant-outlined.rz-success.rz-shade-dark.rz-paginator-element {
  2533. outline-color: var(--rz-success-dark);
  2534. color: var(--rz-success-dark);
  2535. }
  2536.  
  2537. .rz-button.rz-variant-outlined.rz-success.rz-shade-darker, .rz-variant-outlined.rz-success.rz-shade-darker.rz-paginator-element {
  2538. outline-color: var(--rz-success-darker);
  2539. color: var(--rz-success-darker);
  2540. }
  2541.  
  2542. .rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):hover:not(:active), .rz-variant-outlined.rz-success.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):active, .rz-variant-outlined.rz-success.rz-paginator-element:not(.rz-state-disabled):active {
  2543. background-color: var(--rz-success-lighter);
  2544. background-image: none;
  2545. box-shadow: none;
  2546. }
  2547.  
  2548. .rz-button.rz-variant-outlined.rz-success.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-variant-outlined.rz-success.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-success.rz-shade-lighter:not(.rz-state-disabled):active, .rz-variant-outlined.rz-success.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):active {
  2549. color: var(--rz-success);
  2550. }
  2551.  
  2552. .rz-button.rz-variant-text.rz-primary, .rz-variant-text.rz-primary.rz-paginator-element {
  2553. background-color: transparent;
  2554. box-shadow: none;
  2555. }
  2556.  
  2557. .rz-button.rz-variant-text.rz-primary.rz-shade-lighter, .rz-variant-text.rz-primary.rz-shade-lighter.rz-paginator-element {
  2558. color: var(--rz-primary-lighter);
  2559. }
  2560.  
  2561. .rz-button.rz-variant-text.rz-primary.rz-shade-light, .rz-variant-text.rz-primary.rz-shade-light.rz-paginator-element {
  2562. color: var(--rz-primary-light);
  2563. }
  2564.  
  2565. .rz-button.rz-variant-text.rz-primary.rz-shade-default, .rz-variant-text.rz-primary.rz-shade-default.rz-paginator-element {
  2566. color: var(--rz-primary);
  2567. }
  2568.  
  2569. .rz-button.rz-variant-text.rz-primary.rz-shade-dark, .rz-variant-text.rz-primary.rz-shade-dark.rz-paginator-element {
  2570. color: var(--rz-primary-dark);
  2571. }
  2572.  
  2573. .rz-button.rz-variant-text.rz-primary.rz-shade-darker, .rz-variant-text.rz-primary.rz-shade-darker.rz-paginator-element {
  2574. color: var(--rz-primary-darker);
  2575. }
  2576.  
  2577. .rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):hover:not(:active), .rz-variant-text.rz-primary.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):active, .rz-variant-text.rz-primary.rz-paginator-element:not(.rz-state-disabled):active {
  2578. background-color: var(--rz-primary-lighter);
  2579. background-image: none;
  2580. box-shadow: none;
  2581. }
  2582.  
  2583. .rz-button.rz-variant-text.rz-primary.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-variant-text.rz-primary.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-primary.rz-shade-lighter:not(.rz-state-disabled):active, .rz-variant-text.rz-primary.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):active {
  2584. color: var(--rz-primary);
  2585. }
  2586.  
  2587. .rz-button.rz-variant-text.rz-light, .rz-variant-text.rz-light.rz-paginator-element {
  2588. color: var(--rz-base-200);
  2589. background-color: transparent;
  2590. box-shadow: none;
  2591. }
  2592.  
  2593. .rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):hover:not(:active), .rz-variant-text.rz-light.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):active, .rz-variant-text.rz-light.rz-paginator-element:not(.rz-state-disabled):active {
  2594. background-color: rgba(255, 255, 255, 0.12);
  2595. background-image: none;
  2596. box-shadow: none;
  2597. }
  2598.  
  2599. .rz-button.rz-variant-text.rz-light.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-variant-text.rz-light.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-light.rz-shade-lighter:not(.rz-state-disabled):active, .rz-variant-text.rz-light.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):active {
  2600. color: var(--rz-light);
  2601. }
  2602.  
  2603. .rz-button.rz-variant-text.rz-base, .rz-variant-text.rz-base.rz-paginator-element {
  2604. background-color: transparent;
  2605. box-shadow: none;
  2606. }
  2607.  
  2608. .rz-button.rz-variant-text.rz-base.rz-shade-lighter, .rz-variant-text.rz-base.rz-shade-lighter.rz-paginator-element {
  2609. color: var(--rz-base-lighter);
  2610. }
  2611.  
  2612. .rz-button.rz-variant-text.rz-base.rz-shade-light, .rz-variant-text.rz-base.rz-shade-light.rz-paginator-element {
  2613. color: var(--rz-base-light);
  2614. }
  2615.  
  2616. .rz-button.rz-variant-text.rz-base.rz-shade-default, .rz-variant-text.rz-base.rz-shade-default.rz-paginator-element {
  2617. color: var(--rz-base);
  2618. }
  2619.  
  2620. .rz-button.rz-variant-text.rz-base.rz-shade-dark, .rz-variant-text.rz-base.rz-shade-dark.rz-paginator-element {
  2621. color: var(--rz-base-dark);
  2622. }
  2623.  
  2624. .rz-button.rz-variant-text.rz-base.rz-shade-darker, .rz-variant-text.rz-base.rz-shade-darker.rz-paginator-element {
  2625. color: var(--rz-base-darker);
  2626. }
  2627.  
  2628. .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):hover:not(:active), .rz-variant-text.rz-base.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):active, .rz-variant-text.rz-base.rz-paginator-element:not(.rz-state-disabled):active {
  2629. background-color: var(--rz-base-lighter);
  2630. background-image: none;
  2631. box-shadow: none;
  2632. }
  2633.  
  2634. .rz-button.rz-variant-text.rz-base.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-variant-text.rz-base.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-base.rz-shade-lighter:not(.rz-state-disabled):active, .rz-variant-text.rz-base.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):active {
  2635. color: var(--rz-base);
  2636. }
  2637.  
  2638. .rz-button.rz-variant-text.rz-dark, .rz-variant-text.rz-dark.rz-paginator-element {
  2639. color: var(--rz-base-900);
  2640. background-color: transparent;
  2641. box-shadow: none;
  2642. }
  2643.  
  2644. .rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):hover:not(:active), .rz-variant-text.rz-dark.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):active, .rz-variant-text.rz-dark.rz-paginator-element:not(.rz-state-disabled):active {
  2645. background-color: rgba(0, 0, 0, 0.12);
  2646. background-image: none;
  2647. box-shadow: none;
  2648. }
  2649.  
  2650. .rz-button.rz-variant-text.rz-dark.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-variant-text.rz-dark.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-dark.rz-shade-lighter:not(.rz-state-disabled):active, .rz-variant-text.rz-dark.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):active {
  2651. color: var(--rz-dark);
  2652. }
  2653.  
  2654. .rz-button.rz-variant-text.rz-secondary, .rz-variant-text.rz-secondary.rz-paginator-element {
  2655. background-color: transparent;
  2656. box-shadow: none;
  2657. }
  2658.  
  2659. .rz-button.rz-variant-text.rz-secondary.rz-shade-lighter, .rz-variant-text.rz-secondary.rz-shade-lighter.rz-paginator-element {
  2660. color: var(--rz-secondary-lighter);
  2661. }
  2662.  
  2663. .rz-button.rz-variant-text.rz-secondary.rz-shade-light, .rz-variant-text.rz-secondary.rz-shade-light.rz-paginator-element {
  2664. color: var(--rz-secondary-light);
  2665. }
  2666.  
  2667. .rz-button.rz-variant-text.rz-secondary.rz-shade-default, .rz-variant-text.rz-secondary.rz-shade-default.rz-paginator-element {
  2668. color: var(--rz-secondary);
  2669. }
  2670.  
  2671. .rz-button.rz-variant-text.rz-secondary.rz-shade-dark, .rz-variant-text.rz-secondary.rz-shade-dark.rz-paginator-element {
  2672. color: var(--rz-secondary-dark);
  2673. }
  2674.  
  2675. .rz-button.rz-variant-text.rz-secondary.rz-shade-darker, .rz-variant-text.rz-secondary.rz-shade-darker.rz-paginator-element {
  2676. color: var(--rz-secondary-darker);
  2677. }
  2678.  
  2679. .rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):hover:not(:active), .rz-variant-text.rz-secondary.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):active, .rz-variant-text.rz-secondary.rz-paginator-element:not(.rz-state-disabled):active {
  2680. background-color: var(--rz-secondary-lighter);
  2681. background-image: none;
  2682. box-shadow: none;
  2683. }
  2684.  
  2685. .rz-button.rz-variant-text.rz-secondary.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-variant-text.rz-secondary.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-secondary.rz-shade-lighter:not(.rz-state-disabled):active, .rz-variant-text.rz-secondary.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):active {
  2686. color: var(--rz-secondary);
  2687. }
  2688.  
  2689. .rz-button.rz-variant-text.rz-info, .rz-variant-text.rz-info.rz-paginator-element {
  2690. background-color: transparent;
  2691. box-shadow: none;
  2692. }
  2693.  
  2694. .rz-button.rz-variant-text.rz-info.rz-shade-lighter, .rz-variant-text.rz-info.rz-shade-lighter.rz-paginator-element {
  2695. color: var(--rz-info-lighter);
  2696. }
  2697.  
  2698. .rz-button.rz-variant-text.rz-info.rz-shade-light, .rz-variant-text.rz-info.rz-shade-light.rz-paginator-element {
  2699. color: var(--rz-info-light);
  2700. }
  2701.  
  2702. .rz-button.rz-variant-text.rz-info.rz-shade-default, .rz-variant-text.rz-info.rz-shade-default.rz-paginator-element {
  2703. color: var(--rz-info);
  2704. }
  2705.  
  2706. .rz-button.rz-variant-text.rz-info.rz-shade-dark, .rz-variant-text.rz-info.rz-shade-dark.rz-paginator-element {
  2707. color: var(--rz-info-dark);
  2708. }
  2709.  
  2710. .rz-button.rz-variant-text.rz-info.rz-shade-darker, .rz-variant-text.rz-info.rz-shade-darker.rz-paginator-element {
  2711. color: var(--rz-info-darker);
  2712. }
  2713.  
  2714. .rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):hover:not(:active), .rz-variant-text.rz-info.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):active, .rz-variant-text.rz-info.rz-paginator-element:not(.rz-state-disabled):active {
  2715. background-color: var(--rz-info-lighter);
  2716. background-image: none;
  2717. box-shadow: none;
  2718. }
  2719.  
  2720. .rz-button.rz-variant-text.rz-info.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-variant-text.rz-info.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-info.rz-shade-lighter:not(.rz-state-disabled):active, .rz-variant-text.rz-info.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):active {
  2721. color: var(--rz-info);
  2722. }
  2723.  
  2724. .rz-button.rz-variant-text.rz-warning, .rz-variant-text.rz-warning.rz-paginator-element {
  2725. background-color: transparent;
  2726. box-shadow: none;
  2727. }
  2728.  
  2729. .rz-button.rz-variant-text.rz-warning.rz-shade-lighter, .rz-variant-text.rz-warning.rz-shade-lighter.rz-paginator-element {
  2730. color: var(--rz-warning-lighter);
  2731. }
  2732.  
  2733. .rz-button.rz-variant-text.rz-warning.rz-shade-light, .rz-variant-text.rz-warning.rz-shade-light.rz-paginator-element {
  2734. color: var(--rz-warning-light);
  2735. }
  2736.  
  2737. .rz-button.rz-variant-text.rz-warning.rz-shade-default, .rz-variant-text.rz-warning.rz-shade-default.rz-paginator-element {
  2738. color: var(--rz-warning);
  2739. }
  2740.  
  2741. .rz-button.rz-variant-text.rz-warning.rz-shade-dark, .rz-variant-text.rz-warning.rz-shade-dark.rz-paginator-element {
  2742. color: var(--rz-warning-dark);
  2743. }
  2744.  
  2745. .rz-button.rz-variant-text.rz-warning.rz-shade-darker, .rz-variant-text.rz-warning.rz-shade-darker.rz-paginator-element {
  2746. color: var(--rz-warning-darker);
  2747. }
  2748.  
  2749. .rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):hover:not(:active), .rz-variant-text.rz-warning.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):active, .rz-variant-text.rz-warning.rz-paginator-element:not(.rz-state-disabled):active {
  2750. background-color: var(--rz-warning-lighter);
  2751. background-image: none;
  2752. box-shadow: none;
  2753. }
  2754.  
  2755. .rz-button.rz-variant-text.rz-warning.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-variant-text.rz-warning.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-warning.rz-shade-lighter:not(.rz-state-disabled):active, .rz-variant-text.rz-warning.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):active {
  2756. color: var(--rz-warning);
  2757. }
  2758.  
  2759. .rz-button.rz-variant-text.rz-error, .rz-variant-text.rz-error.rz-paginator-element {
  2760. background-color: transparent;
  2761. box-shadow: none;
  2762. }
  2763.  
  2764. .rz-button.rz-variant-text.rz-error.rz-shade-lighter, .rz-variant-text.rz-error.rz-shade-lighter.rz-paginator-element {
  2765. color: var(--rz-error-lighter);
  2766. }
  2767.  
  2768. .rz-button.rz-variant-text.rz-error.rz-shade-light, .rz-variant-text.rz-error.rz-shade-light.rz-paginator-element {
  2769. color: var(--rz-error-light);
  2770. }
  2771.  
  2772. .rz-button.rz-variant-text.rz-error.rz-shade-default, .rz-variant-text.rz-error.rz-shade-default.rz-paginator-element {
  2773. color: var(--rz-error);
  2774. }
  2775.  
  2776. .rz-button.rz-variant-text.rz-error.rz-shade-dark, .rz-variant-text.rz-error.rz-shade-dark.rz-paginator-element {
  2777. color: var(--rz-error-dark);
  2778. }
  2779.  
  2780. .rz-button.rz-variant-text.rz-error.rz-shade-darker, .rz-variant-text.rz-error.rz-shade-darker.rz-paginator-element {
  2781. color: var(--rz-error-darker);
  2782. }
  2783.  
  2784. .rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):hover:not(:active), .rz-variant-text.rz-error.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):active, .rz-variant-text.rz-error.rz-paginator-element:not(.rz-state-disabled):active {
  2785. background-color: var(--rz-error-lighter);
  2786. background-image: none;
  2787. box-shadow: none;
  2788. }
  2789.  
  2790. .rz-button.rz-variant-text.rz-error.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-variant-text.rz-error.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-error.rz-shade-lighter:not(.rz-state-disabled):active, .rz-variant-text.rz-error.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):active {
  2791. color: var(--rz-error);
  2792. }
  2793.  
  2794. .rz-button.rz-variant-text.rz-danger, .rz-variant-text.rz-danger.rz-paginator-element {
  2795. background-color: transparent;
  2796. box-shadow: none;
  2797. }
  2798.  
  2799. .rz-button.rz-variant-text.rz-danger.rz-shade-lighter, .rz-variant-text.rz-danger.rz-shade-lighter.rz-paginator-element {
  2800. color: var(--rz-danger-lighter);
  2801. }
  2802.  
  2803. .rz-button.rz-variant-text.rz-danger.rz-shade-light, .rz-variant-text.rz-danger.rz-shade-light.rz-paginator-element {
  2804. color: var(--rz-danger-light);
  2805. }
  2806.  
  2807. .rz-button.rz-variant-text.rz-danger.rz-shade-default, .rz-variant-text.rz-danger.rz-shade-default.rz-paginator-element {
  2808. color: var(--rz-danger);
  2809. }
  2810.  
  2811. .rz-button.rz-variant-text.rz-danger.rz-shade-dark, .rz-variant-text.rz-danger.rz-shade-dark.rz-paginator-element {
  2812. color: var(--rz-danger-dark);
  2813. }
  2814.  
  2815. .rz-button.rz-variant-text.rz-danger.rz-shade-darker, .rz-variant-text.rz-danger.rz-shade-darker.rz-paginator-element {
  2816. color: var(--rz-danger-darker);
  2817. }
  2818.  
  2819. .rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):hover:not(:active), .rz-variant-text.rz-danger.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):active, .rz-variant-text.rz-danger.rz-paginator-element:not(.rz-state-disabled):active {
  2820. background-color: var(--rz-danger-lighter);
  2821. background-image: none;
  2822. box-shadow: none;
  2823. }
  2824.  
  2825. .rz-button.rz-variant-text.rz-danger.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-variant-text.rz-danger.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-danger.rz-shade-lighter:not(.rz-state-disabled):active, .rz-variant-text.rz-danger.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):active {
  2826. color: var(--rz-danger);
  2827. }
  2828.  
  2829. .rz-button.rz-variant-text.rz-success, .rz-variant-text.rz-success.rz-paginator-element {
  2830. background-color: transparent;
  2831. box-shadow: none;
  2832. }
  2833.  
  2834. .rz-button.rz-variant-text.rz-success.rz-shade-lighter, .rz-variant-text.rz-success.rz-shade-lighter.rz-paginator-element {
  2835. color: var(--rz-success-lighter);
  2836. }
  2837.  
  2838. .rz-button.rz-variant-text.rz-success.rz-shade-light, .rz-variant-text.rz-success.rz-shade-light.rz-paginator-element {
  2839. color: var(--rz-success-light);
  2840. }
  2841.  
  2842. .rz-button.rz-variant-text.rz-success.rz-shade-default, .rz-variant-text.rz-success.rz-shade-default.rz-paginator-element {
  2843. color: var(--rz-success);
  2844. }
  2845.  
  2846. .rz-button.rz-variant-text.rz-success.rz-shade-dark, .rz-variant-text.rz-success.rz-shade-dark.rz-paginator-element {
  2847. color: var(--rz-success-dark);
  2848. }
  2849.  
  2850. .rz-button.rz-variant-text.rz-success.rz-shade-darker, .rz-variant-text.rz-success.rz-shade-darker.rz-paginator-element {
  2851. color: var(--rz-success-darker);
  2852. }
  2853.  
  2854. .rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):hover:not(:active), .rz-variant-text.rz-success.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):active, .rz-variant-text.rz-success.rz-paginator-element:not(.rz-state-disabled):active {
  2855. background-color: var(--rz-success-lighter);
  2856. background-image: none;
  2857. box-shadow: none;
  2858. }
  2859.  
  2860. .rz-button.rz-variant-text.rz-success.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-variant-text.rz-success.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-success.rz-shade-lighter:not(.rz-state-disabled):active, .rz-variant-text.rz-success.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):active {
  2861. color: var(--rz-success);
  2862. }
  2863.  
  2864. .rz-button-lg {
  2865. font-size: 1rem;
  2866. font-weight: 600;
  2867. padding: 0.875rem 1.5rem;
  2868. height: auto;
  2869. line-height: 1.5rem;
  2870. min-height: 3.25rem;
  2871. min-width: 3.25rem;
  2872. border-radius: calc(2 * var(--rz-border-radius));
  2873. }
  2874.  
  2875. .rz-button-lg .rz-button-box {
  2876. line-height: 1.5rem;
  2877. }
  2878.  
  2879. .rz-button-lg.rz-button-text-icon-left {
  2880. padding: 0 1.375rem;
  2881. }
  2882.  
  2883. .rz-button-lg.rz-button-icon-only, .rz-button-lg.rz-paginator-element {
  2884. padding: 0.875rem;
  2885. }
  2886.  
  2887. .rz-button-lg .rzi, .rz-button-lg .rz-column-drag, .rz-button-lg .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-button-lg .rzi-circle-o-notch, .rz-button-lg .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-button-lg .rzi-plus, .rz-button-lg .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-button-lg .rzi-grid-sort, .rz-button-lg .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-button-lg .rzi-chevron-circle-down, .rz-button-lg .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-button-lg .rzi-chevron-circle-right, .rz-button-lg .rz-fileupload-row .rz-button .rzi-close, .rz-button-lg .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-button-lg .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-button-lg .rzi-close,
  2888. .rz-button-lg .rz-fileupload-row .rz-button .rzi-times,
  2889. .rz-button-lg .rz-fileupload-row .rz-paginator-element .rzi-times,
  2890. .rz-fileupload-row .rz-button .rz-button-lg .rzi-times,
  2891. .rz-fileupload-row .rz-paginator-element .rz-button-lg .rzi-times,
  2892. .rz-button-lg .rz-fileupload-row .rz-button .rz-icon-trash,
  2893. .rz-button-lg .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
  2894. .rz-fileupload-row .rz-button .rz-button-lg .rz-icon-trash,
  2895. .rz-fileupload-row .rz-paginator-element .rz-button-lg .rz-icon-trash, .rz-button-lg .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-button-lg .rz-menuitem-icon {
  2896. font-size: 1.5rem;
  2897. height: 1.5rem;
  2898. line-height: 1.5rem;
  2899. width: 1.5rem;
  2900. }
  2901.  
  2902. .rz-button-md, .rz-scheduler-nav-views .rz-button.rz-primary, .rz-scheduler-nav-views .rz-primary.rz-paginator-element, .rz-paginator-element, .rz-date-filter-buttons .rz-button, .rz-date-filter-buttons .rz-paginator-element, .rz-fileupload-choose, .rz-selectbutton .rz-button, .rz-selectbutton .rz-paginator-element, .rz-splitbutton-menubutton, .rz-splitbutton .rz-button-text-icon-left,
  2903. .rz-splitbutton .rz-button-text-only {
  2904. font-size: var(--rz-body-font-size);
  2905. font-weight: 600;
  2906. padding: 0.5rem 1rem;
  2907. height: auto;
  2908. line-height: 1.25rem;
  2909. min-height: 2.25rem;
  2910. min-width: 2.25rem;
  2911. }
  2912.  
  2913. .rz-button-md .rz-button-box, .rz-scheduler-nav-views .rz-button.rz-primary .rz-button-box, .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rz-button-box, .rz-paginator-element .rz-button-box, .rz-date-filter-buttons .rz-button .rz-button-box, .rz-fileupload-choose .rz-button-box, .rz-selectbutton .rz-button .rz-button-box, .rz-splitbutton-menubutton .rz-button-box, .rz-splitbutton .rz-button-text-icon-left .rz-button-box,
  2914. .rz-splitbutton .rz-button-text-only .rz-button-box {
  2915. line-height: 1.25rem;
  2916. }
  2917.  
  2918. .rz-button-md.rz-button-text-icon-left, .rz-scheduler-nav-views .rz-button-text-icon-left.rz-button.rz-primary, .rz-scheduler-nav-views .rz-button-text-icon-left.rz-primary.rz-paginator-element, .rz-button-text-icon-left.rz-paginator-element, .rz-date-filter-buttons .rz-button-text-icon-left.rz-button, .rz-button-text-icon-left.rz-fileupload-choose, .rz-selectbutton .rz-button-text-icon-left.rz-button, .rz-button-text-icon-left.rz-splitbutton-menubutton, .rz-splitbutton .rz-button-text-icon-left {
  2919. padding: 0.5rem 1rem 0.5rem 0.5rem;
  2920. }
  2921.  
  2922. .rz-button-md.rz-button-icon-only, .rz-scheduler-nav-views .rz-button-icon-only.rz-button.rz-primary, .rz-scheduler-nav-views .rz-button-icon-only.rz-primary.rz-paginator-element, .rz-paginator-element, .rz-date-filter-buttons .rz-button-icon-only.rz-button, .rz-date-filter-buttons .rz-button.rz-paginator-element, .rz-button-icon-only.rz-fileupload-choose, .rz-selectbutton .rz-button-icon-only.rz-button, .rz-selectbutton .rz-button.rz-paginator-element, .rz-button-icon-only.rz-splitbutton-menubutton, .rz-splitbutton .rz-button-icon-only.rz-button-text-icon-left, .rz-splitbutton .rz-button-text-icon-left.rz-paginator-element,
  2923. .rz-splitbutton .rz-button-icon-only.rz-button-text-only,
  2924. .rz-splitbutton .rz-button-text-only.rz-paginator-element {
  2925. padding: 0.5rem;
  2926. }
  2927.  
  2928. .rz-button-md .rzi, .rz-scheduler-nav-views .rz-button.rz-primary .rzi, .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rzi, .rz-paginator-element .rzi, .rz-button-md .rz-column-drag, .rz-scheduler-nav-views .rz-button.rz-primary .rz-column-drag, .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rz-column-drag, .rz-paginator-element .rz-column-drag, .rz-button-md .rz-datatable-loading-content .rzi-circle-o-notch, .rz-scheduler-nav-views .rz-button.rz-primary .rz-datatable-loading-content .rzi-circle-o-notch, .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rz-datatable-loading-content .rzi-circle-o-notch, .rz-paginator-element .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-button-md .rzi-circle-o-notch, .rz-datatable-loading-content .rz-scheduler-nav-views .rz-button.rz-primary .rzi-circle-o-notch, .rz-scheduler-nav-views .rz-datatable-loading-content .rz-button.rz-primary .rzi-circle-o-notch, .rz-datatable-loading-content .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rzi-circle-o-notch, .rz-scheduler-nav-views .rz-datatable-loading-content .rz-primary.rz-paginator-element .rzi-circle-o-notch, .rz-datatable-loading-content .rz-paginator-element .rzi-circle-o-notch, .rz-date-filter-buttons .rz-button .rzi, .rz-date-filter-buttons .rz-paginator-element .rzi, .rz-date-filter-buttons .rz-button .rz-column-drag, .rz-date-filter-buttons .rz-paginator-element .rz-column-drag, .rz-date-filter-buttons .rz-button .rz-datatable-loading-content .rzi-circle-o-notch, .rz-date-filter-buttons .rz-paginator-element .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-date-filter-buttons .rz-button .rzi-circle-o-notch, .rz-datatable-loading-content .rz-date-filter-buttons .rz-paginator-element .rzi-circle-o-notch, .rz-button-md .rz-datatable-header .rzi-plus, .rz-scheduler-nav-views .rz-button.rz-primary .rz-datatable-header .rzi-plus, .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rz-datatable-header .rzi-plus, .rz-paginator-element .rz-datatable-header .rzi-plus, .rz-date-filter-buttons .rz-button .rz-datatable-header .rzi-plus, .rz-date-filter-buttons .rz-paginator-element .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-button-md .rzi-plus, .rz-datatable-header .rz-scheduler-nav-views .rz-button.rz-primary .rzi-plus, .rz-scheduler-nav-views .rz-datatable-header .rz-button.rz-primary .rzi-plus, .rz-datatable-header .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rzi-plus, .rz-scheduler-nav-views .rz-datatable-header .rz-primary.rz-paginator-element .rzi-plus, .rz-datatable-header .rz-paginator-element .rzi-plus, .rz-datatable-header .rz-date-filter-buttons .rz-button .rzi-plus, .rz-datatable-header .rz-date-filter-buttons .rz-paginator-element .rzi-plus, .rz-date-filter-buttons .rz-datatable-header .rz-button .rzi-plus, .rz-date-filter-buttons .rz-datatable-header .rz-paginator-element .rzi-plus, .rz-button-md .rz-sortable-column .rzi-grid-sort, .rz-scheduler-nav-views .rz-button.rz-primary .rz-sortable-column .rzi-grid-sort, .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rz-sortable-column .rzi-grid-sort, .rz-paginator-element .rz-sortable-column .rzi-grid-sort, .rz-date-filter-buttons .rz-button .rz-sortable-column .rzi-grid-sort, .rz-date-filter-buttons .rz-paginator-element .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-button-md .rzi-grid-sort, .rz-sortable-column .rz-scheduler-nav-views .rz-button.rz-primary .rzi-grid-sort, .rz-scheduler-nav-views .rz-sortable-column .rz-button.rz-primary .rzi-grid-sort, .rz-sortable-column .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rzi-grid-sort, .rz-scheduler-nav-views .rz-sortable-column .rz-primary.rz-paginator-element .rzi-grid-sort, .rz-sortable-column .rz-paginator-element .rzi-grid-sort, .rz-sortable-column .rz-date-filter-buttons .rz-button .rzi-grid-sort, .rz-sortable-column .rz-date-filter-buttons .rz-paginator-element .rzi-grid-sort, .rz-date-filter-buttons .rz-sortable-column .rz-button .rzi-grid-sort, .rz-date-filter-buttons .rz-sortable-column .rz-paginator-element .rzi-grid-sort, .rz-button-md .rz-datatable .rzi-chevron-circle-down, .rz-scheduler-nav-views .rz-button.rz-primary .rz-datatable .rzi-chevron-circle-down, .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rz-datatable .rzi-chevron-circle-down, .rz-paginator-element .rz-datatable .rzi-chevron-circle-down, .rz-date-filter-buttons .rz-button .rz-datatable .rzi-chevron-circle-down, .rz-date-filter-buttons .rz-paginator-element .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-button-md .rzi-chevron-circle-down, .rz-datatable .rz-scheduler-nav-views .rz-button.rz-primary .rzi-chevron-circle-down, .rz-scheduler-nav-views .rz-datatable .rz-button.rz-primary .rzi-chevron-circle-down, .rz-datatable .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rzi-chevron-circle-down, .rz-scheduler-nav-views .rz-datatable .rz-primary.rz-paginator-element .rzi-chevron-circle-down, .rz-datatable .rz-paginator-element .rzi-chevron-circle-down, .rz-datatable .rz-date-filter-buttons .rz-button .rzi-chevron-circle-down, .rz-datatable .rz-date-filter-buttons .rz-paginator-element .rzi-chevron-circle-down, .rz-date-filter-buttons .rz-datatable .rz-button .rzi-chevron-circle-down, .rz-date-filter-buttons .rz-datatable .rz-paginator-element .rzi-chevron-circle-down, .rz-button-md .rz-datatable .rzi-chevron-circle-right, .rz-scheduler-nav-views .rz-button.rz-primary .rz-datatable .rzi-chevron-circle-right, .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rz-datatable .rzi-chevron-circle-right, .rz-paginator-element .rz-datatable .rzi-chevron-circle-right, .rz-date-filter-buttons .rz-button .rz-datatable .rzi-chevron-circle-right, .rz-date-filter-buttons .rz-paginator-element .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-button-md .rzi-chevron-circle-right, .rz-datatable .rz-scheduler-nav-views .rz-button.rz-primary .rzi-chevron-circle-right, .rz-scheduler-nav-views .rz-datatable .rz-button.rz-primary .rzi-chevron-circle-right, .rz-datatable .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rzi-chevron-circle-right, .rz-scheduler-nav-views .rz-datatable .rz-primary.rz-paginator-element .rzi-chevron-circle-right, .rz-datatable .rz-paginator-element .rzi-chevron-circle-right, .rz-datatable .rz-date-filter-buttons .rz-button .rzi-chevron-circle-right, .rz-datatable .rz-date-filter-buttons .rz-paginator-element .rzi-chevron-circle-right, .rz-date-filter-buttons .rz-datatable .rz-button .rzi-chevron-circle-right, .rz-date-filter-buttons .rz-datatable .rz-paginator-element .rzi-chevron-circle-right, .rz-button-md .rz-fileupload-row .rz-button .rzi-close, .rz-scheduler-nav-views .rz-button.rz-primary .rz-fileupload-row .rz-button .rzi-close, .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rz-fileupload-row .rz-button .rzi-close, .rz-paginator-element .rz-fileupload-row .rz-button .rzi-close, .rz-button-md .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-scheduler-nav-views .rz-button.rz-primary .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-paginator-element .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-date-filter-buttons .rz-button .rz-fileupload-row .rz-button .rzi-close, .rz-date-filter-buttons .rz-paginator-element .rz-fileupload-row .rz-button .rzi-close, .rz-date-filter-buttons .rz-button .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-date-filter-buttons .rz-paginator-element .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-button-md .rzi-close, .rz-fileupload-row .rz-button .rz-scheduler-nav-views .rz-button.rz-primary .rzi-close, .rz-scheduler-nav-views .rz-fileupload-row .rz-button .rz-button.rz-primary .rzi-close, .rz-fileupload-row .rz-button .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rzi-close, .rz-scheduler-nav-views .rz-fileupload-row .rz-button .rz-primary.rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-button-md .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-scheduler-nav-views .rz-button.rz-primary .rzi-close, .rz-scheduler-nav-views .rz-fileupload-row .rz-paginator-element .rz-button.rz-primary .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rzi-close, .rz-scheduler-nav-views .rz-fileupload-row .rz-paginator-element .rz-primary.rz-paginator-element .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-date-filter-buttons .rz-button .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-date-filter-buttons .rz-button .rzi-close, .rz-fileupload-row .rz-button .rz-date-filter-buttons .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-date-filter-buttons .rz-paginator-element .rzi-close, .rz-date-filter-buttons .rz-fileupload-row .rz-button .rz-button .rzi-close, .rz-date-filter-buttons .rz-fileupload-row .rz-paginator-element .rz-button .rzi-close, .rz-date-filter-buttons .rz-fileupload-row .rz-button .rz-paginator-element .rzi-close, .rz-date-filter-buttons .rz-fileupload-row .rz-paginator-element .rz-paginator-element .rzi-close,
  2929. .rz-button-md .rz-fileupload-row .rz-button .rzi-times,
  2930. .rz-scheduler-nav-views .rz-button.rz-primary .rz-fileupload-row .rz-button .rzi-times,
  2931. .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rz-fileupload-row .rz-button .rzi-times,
  2932. .rz-paginator-element .rz-fileupload-row .rz-button .rzi-times,
  2933. .rz-button-md .rz-fileupload-row .rz-paginator-element .rzi-times,
  2934. .rz-scheduler-nav-views .rz-button.rz-primary .rz-fileupload-row .rz-paginator-element .rzi-times,
  2935. .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rz-fileupload-row .rz-paginator-element .rzi-times,
  2936. .rz-paginator-element .rz-fileupload-row .rz-paginator-element .rzi-times,
  2937. .rz-date-filter-buttons .rz-button .rz-fileupload-row .rz-button .rzi-times,
  2938. .rz-date-filter-buttons .rz-paginator-element .rz-fileupload-row .rz-button .rzi-times,
  2939. .rz-date-filter-buttons .rz-button .rz-fileupload-row .rz-paginator-element .rzi-times,
  2940. .rz-date-filter-buttons .rz-paginator-element .rz-fileupload-row .rz-paginator-element .rzi-times,
  2941. .rz-fileupload-row .rz-button .rz-button-md .rzi-times,
  2942. .rz-fileupload-row .rz-button .rz-scheduler-nav-views .rz-button.rz-primary .rzi-times,
  2943. .rz-scheduler-nav-views .rz-fileupload-row .rz-button .rz-button.rz-primary .rzi-times,
  2944. .rz-fileupload-row .rz-button .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rzi-times,
  2945. .rz-scheduler-nav-views .rz-fileupload-row .rz-button .rz-primary.rz-paginator-element .rzi-times,
  2946. .rz-fileupload-row .rz-button .rz-paginator-element .rzi-times,
  2947. .rz-fileupload-row .rz-paginator-element .rz-button-md .rzi-times,
  2948. .rz-fileupload-row .rz-paginator-element .rz-scheduler-nav-views .rz-button.rz-primary .rzi-times,
  2949. .rz-scheduler-nav-views .rz-fileupload-row .rz-paginator-element .rz-button.rz-primary .rzi-times,
  2950. .rz-fileupload-row .rz-paginator-element .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rzi-times,
  2951. .rz-scheduler-nav-views .rz-fileupload-row .rz-paginator-element .rz-primary.rz-paginator-element .rzi-times,
  2952. .rz-fileupload-row .rz-paginator-element .rz-paginator-element .rzi-times,
  2953. .rz-fileupload-row .rz-button .rz-date-filter-buttons .rz-button .rzi-times,
  2954. .rz-fileupload-row .rz-paginator-element .rz-date-filter-buttons .rz-button .rzi-times,
  2955. .rz-fileupload-row .rz-button .rz-date-filter-buttons .rz-paginator-element .rzi-times,
  2956. .rz-fileupload-row .rz-paginator-element .rz-date-filter-buttons .rz-paginator-element .rzi-times,
  2957. .rz-date-filter-buttons .rz-fileupload-row .rz-button .rz-button .rzi-times,
  2958. .rz-date-filter-buttons .rz-fileupload-row .rz-paginator-element .rz-button .rzi-times,
  2959. .rz-date-filter-buttons .rz-fileupload-row .rz-button .rz-paginator-element .rzi-times,
  2960. .rz-date-filter-buttons .rz-fileupload-row .rz-paginator-element .rz-paginator-element .rzi-times,
  2961. .rz-button-md .rz-fileupload-row .rz-button .rz-icon-trash,
  2962. .rz-scheduler-nav-views .rz-button.rz-primary .rz-fileupload-row .rz-button .rz-icon-trash,
  2963. .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rz-fileupload-row .rz-button .rz-icon-trash,
  2964. .rz-paginator-element .rz-fileupload-row .rz-button .rz-icon-trash,
  2965. .rz-button-md .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
  2966. .rz-scheduler-nav-views .rz-button.rz-primary .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
  2967. .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
  2968. .rz-paginator-element .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
  2969. .rz-date-filter-buttons .rz-button .rz-fileupload-row .rz-button .rz-icon-trash,
  2970. .rz-date-filter-buttons .rz-paginator-element .rz-fileupload-row .rz-button .rz-icon-trash,
  2971. .rz-date-filter-buttons .rz-button .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
  2972. .rz-date-filter-buttons .rz-paginator-element .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
  2973. .rz-fileupload-row .rz-button .rz-button-md .rz-icon-trash,
  2974. .rz-fileupload-row .rz-button .rz-scheduler-nav-views .rz-button.rz-primary .rz-icon-trash,
  2975. .rz-scheduler-nav-views .rz-fileupload-row .rz-button .rz-button.rz-primary .rz-icon-trash,
  2976. .rz-fileupload-row .rz-button .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rz-icon-trash,
  2977. .rz-scheduler-nav-views .rz-fileupload-row .rz-button .rz-primary.rz-paginator-element .rz-icon-trash,
  2978. .rz-fileupload-row .rz-button .rz-paginator-element .rz-icon-trash,
  2979. .rz-fileupload-row .rz-paginator-element .rz-button-md .rz-icon-trash,
  2980. .rz-fileupload-row .rz-paginator-element .rz-scheduler-nav-views .rz-button.rz-primary .rz-icon-trash,
  2981. .rz-scheduler-nav-views .rz-fileupload-row .rz-paginator-element .rz-button.rz-primary .rz-icon-trash,
  2982. .rz-fileupload-row .rz-paginator-element .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rz-icon-trash,
  2983. .rz-scheduler-nav-views .rz-fileupload-row .rz-paginator-element .rz-primary.rz-paginator-element .rz-icon-trash,
  2984. .rz-fileupload-row .rz-paginator-element .rz-paginator-element .rz-icon-trash,
  2985. .rz-fileupload-row .rz-button .rz-date-filter-buttons .rz-button .rz-icon-trash,
  2986. .rz-fileupload-row .rz-paginator-element .rz-date-filter-buttons .rz-button .rz-icon-trash,
  2987. .rz-fileupload-row .rz-button .rz-date-filter-buttons .rz-paginator-element .rz-icon-trash,
  2988. .rz-fileupload-row .rz-paginator-element .rz-date-filter-buttons .rz-paginator-element .rz-icon-trash,
  2989. .rz-date-filter-buttons .rz-fileupload-row .rz-button .rz-button .rz-icon-trash,
  2990. .rz-date-filter-buttons .rz-fileupload-row .rz-paginator-element .rz-button .rz-icon-trash,
  2991. .rz-date-filter-buttons .rz-fileupload-row .rz-button .rz-paginator-element .rz-icon-trash,
  2992. .rz-date-filter-buttons .rz-fileupload-row .rz-paginator-element .rz-paginator-element .rz-icon-trash, .rz-fileupload-choose .rzi, .rz-fileupload-choose .rz-column-drag, .rz-fileupload-choose .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-fileupload-choose .rzi-circle-o-notch, .rz-fileupload-choose .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-fileupload-choose .rzi-plus, .rz-fileupload-choose .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-fileupload-choose .rzi-grid-sort, .rz-fileupload-choose .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-fileupload-choose .rzi-chevron-circle-down, .rz-fileupload-choose .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-fileupload-choose .rzi-chevron-circle-right, .rz-fileupload-choose .rz-fileupload-row .rz-button .rzi-close, .rz-fileupload-choose .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-fileupload-choose .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-fileupload-choose .rzi-close,
  2993. .rz-fileupload-choose .rz-fileupload-row .rz-button .rzi-times,
  2994. .rz-fileupload-choose .rz-fileupload-row .rz-paginator-element .rzi-times,
  2995. .rz-fileupload-row .rz-button .rz-fileupload-choose .rzi-times,
  2996. .rz-fileupload-row .rz-paginator-element .rz-fileupload-choose .rzi-times,
  2997. .rz-fileupload-choose .rz-fileupload-row .rz-button .rz-icon-trash,
  2998. .rz-fileupload-choose .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
  2999. .rz-fileupload-row .rz-button .rz-fileupload-choose .rz-icon-trash,
  3000. .rz-fileupload-row .rz-paginator-element .rz-fileupload-choose .rz-icon-trash, .rz-selectbutton .rz-button .rzi, .rz-selectbutton .rz-paginator-element .rzi, .rz-selectbutton .rz-button .rz-column-drag, .rz-selectbutton .rz-paginator-element .rz-column-drag, .rz-selectbutton .rz-button .rz-datatable-loading-content .rzi-circle-o-notch, .rz-selectbutton .rz-paginator-element .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-selectbutton .rz-button .rzi-circle-o-notch, .rz-datatable-loading-content .rz-selectbutton .rz-paginator-element .rzi-circle-o-notch, .rz-selectbutton .rz-button .rz-datatable-header .rzi-plus, .rz-selectbutton .rz-paginator-element .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-selectbutton .rz-button .rzi-plus, .rz-datatable-header .rz-selectbutton .rz-paginator-element .rzi-plus, .rz-selectbutton .rz-button .rz-sortable-column .rzi-grid-sort, .rz-selectbutton .rz-paginator-element .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-selectbutton .rz-button .rzi-grid-sort, .rz-sortable-column .rz-selectbutton .rz-paginator-element .rzi-grid-sort, .rz-selectbutton .rz-button .rz-datatable .rzi-chevron-circle-down, .rz-selectbutton .rz-paginator-element .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-selectbutton .rz-button .rzi-chevron-circle-down, .rz-datatable .rz-selectbutton .rz-paginator-element .rzi-chevron-circle-down, .rz-selectbutton .rz-button .rz-datatable .rzi-chevron-circle-right, .rz-selectbutton .rz-paginator-element .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-selectbutton .rz-button .rzi-chevron-circle-right, .rz-datatable .rz-selectbutton .rz-paginator-element .rzi-chevron-circle-right, .rz-selectbutton .rz-fileupload-row .rz-button .rzi-close, .rz-selectbutton .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-selectbutton .rz-button .rzi-close, .rz-fileupload-row .rz-selectbutton .rz-paginator-element .rzi-close,
  3001. .rz-selectbutton .rz-fileupload-row .rz-button .rzi-times,
  3002. .rz-selectbutton .rz-fileupload-row .rz-paginator-element .rzi-times,
  3003. .rz-fileupload-row .rz-selectbutton .rz-button .rzi-times,
  3004. .rz-fileupload-row .rz-selectbutton .rz-paginator-element .rzi-times,
  3005. .rz-selectbutton .rz-fileupload-row .rz-button .rz-icon-trash,
  3006. .rz-selectbutton .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
  3007. .rz-fileupload-row .rz-selectbutton .rz-button .rz-icon-trash,
  3008. .rz-fileupload-row .rz-selectbutton .rz-paginator-element .rz-icon-trash, .rz-splitbutton-menubutton .rzi, .rz-splitbutton-menubutton .rz-column-drag, .rz-splitbutton-menubutton .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-splitbutton-menubutton .rzi-circle-o-notch, .rz-splitbutton-menubutton .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-splitbutton-menubutton .rzi-plus, .rz-splitbutton-menubutton .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-splitbutton-menubutton .rzi-grid-sort, .rz-splitbutton-menubutton .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-splitbutton-menubutton .rzi-chevron-circle-down, .rz-splitbutton-menubutton .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-splitbutton-menubutton .rzi-chevron-circle-right, .rz-splitbutton-menubutton .rz-fileupload-row .rz-button .rzi-close, .rz-splitbutton-menubutton .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-splitbutton-menubutton .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-splitbutton-menubutton .rzi-close,
  3009. .rz-splitbutton-menubutton .rz-fileupload-row .rz-button .rzi-times,
  3010. .rz-splitbutton-menubutton .rz-fileupload-row .rz-paginator-element .rzi-times,
  3011. .rz-fileupload-row .rz-button .rz-splitbutton-menubutton .rzi-times,
  3012. .rz-fileupload-row .rz-paginator-element .rz-splitbutton-menubutton .rzi-times,
  3013. .rz-splitbutton-menubutton .rz-fileupload-row .rz-button .rz-icon-trash,
  3014. .rz-splitbutton-menubutton .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
  3015. .rz-fileupload-row .rz-button .rz-splitbutton-menubutton .rz-icon-trash,
  3016. .rz-fileupload-row .rz-paginator-element .rz-splitbutton-menubutton .rz-icon-trash, .rz-button-md .rz-menuitem .rz-menuitem-icon, .rz-scheduler-nav-views .rz-button.rz-primary .rz-menuitem .rz-menuitem-icon, .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rz-menuitem .rz-menuitem-icon, .rz-paginator-element .rz-menuitem .rz-menuitem-icon, .rz-date-filter-buttons .rz-button .rz-menuitem .rz-menuitem-icon, .rz-date-filter-buttons .rz-paginator-element .rz-menuitem .rz-menuitem-icon, .rz-fileupload-choose .rz-menuitem .rz-menuitem-icon, .rz-selectbutton .rz-button .rz-menuitem .rz-menuitem-icon, .rz-selectbutton .rz-paginator-element .rz-menuitem .rz-menuitem-icon, .rz-splitbutton-menubutton .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-button-md .rz-menuitem-icon, .rz-menuitem .rz-scheduler-nav-views .rz-button.rz-primary .rz-menuitem-icon, .rz-scheduler-nav-views .rz-menuitem .rz-button.rz-primary .rz-menuitem-icon, .rz-menuitem .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rz-menuitem-icon, .rz-scheduler-nav-views .rz-menuitem .rz-primary.rz-paginator-element .rz-menuitem-icon, .rz-menuitem .rz-paginator-element .rz-menuitem-icon, .rz-menuitem .rz-date-filter-buttons .rz-button .rz-menuitem-icon, .rz-menuitem .rz-date-filter-buttons .rz-paginator-element .rz-menuitem-icon, .rz-date-filter-buttons .rz-menuitem .rz-button .rz-menuitem-icon, .rz-date-filter-buttons .rz-menuitem .rz-paginator-element .rz-menuitem-icon, .rz-menuitem .rz-fileupload-choose .rz-menuitem-icon, .rz-menuitem .rz-selectbutton .rz-button .rz-menuitem-icon, .rz-menuitem .rz-selectbutton .rz-paginator-element .rz-menuitem-icon, .rz-selectbutton .rz-menuitem .rz-button .rz-menuitem-icon, .rz-selectbutton .rz-menuitem .rz-paginator-element .rz-menuitem-icon, .rz-menuitem .rz-splitbutton-menubutton .rz-menuitem-icon, .rz-splitbutton .rz-button-text-icon-left .rzi, .rz-splitbutton .rz-button-text-icon-left .rz-column-drag, .rz-splitbutton .rz-button-text-icon-left .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-splitbutton .rz-button-text-icon-left .rzi-circle-o-notch, .rz-splitbutton .rz-button-text-icon-left .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-splitbutton .rz-button-text-icon-left .rzi-plus, .rz-splitbutton .rz-button-text-icon-left .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-splitbutton .rz-button-text-icon-left .rzi-grid-sort, .rz-splitbutton .rz-button-text-icon-left .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-splitbutton .rz-button-text-icon-left .rzi-chevron-circle-down, .rz-splitbutton .rz-button-text-icon-left .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-splitbutton .rz-button-text-icon-left .rzi-chevron-circle-right, .rz-splitbutton .rz-button-text-icon-left .rz-fileupload-row .rz-button .rzi-close, .rz-splitbutton .rz-button-text-icon-left .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-splitbutton .rz-button-text-icon-left .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-splitbutton .rz-button-text-icon-left .rzi-close,
  3017. .rz-splitbutton .rz-button-text-icon-left .rz-fileupload-row .rz-button .rzi-times,
  3018. .rz-splitbutton .rz-button-text-icon-left .rz-fileupload-row .rz-paginator-element .rzi-times,
  3019. .rz-fileupload-row .rz-button .rz-splitbutton .rz-button-text-icon-left .rzi-times,
  3020. .rz-fileupload-row .rz-paginator-element .rz-splitbutton .rz-button-text-icon-left .rzi-times,
  3021. .rz-splitbutton .rz-button-text-icon-left .rz-fileupload-row .rz-button .rz-icon-trash,
  3022. .rz-splitbutton .rz-button-text-icon-left .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
  3023. .rz-fileupload-row .rz-button .rz-splitbutton .rz-button-text-icon-left .rz-icon-trash,
  3024. .rz-fileupload-row .rz-paginator-element .rz-splitbutton .rz-button-text-icon-left .rz-icon-trash, .rz-splitbutton .rz-button-text-icon-left .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-splitbutton .rz-button-text-icon-left .rz-menuitem-icon,
  3025. .rz-splitbutton .rz-button-text-only .rzi,
  3026. .rz-splitbutton .rz-button-text-only .rz-column-drag,
  3027. .rz-splitbutton .rz-button-text-only .rz-datatable-loading-content .rzi-circle-o-notch,
  3028. .rz-datatable-loading-content .rz-splitbutton .rz-button-text-only .rzi-circle-o-notch,
  3029. .rz-splitbutton .rz-button-text-only .rz-datatable-header .rzi-plus,
  3030. .rz-datatable-header .rz-splitbutton .rz-button-text-only .rzi-plus,
  3031. .rz-splitbutton .rz-button-text-only .rz-sortable-column .rzi-grid-sort,
  3032. .rz-sortable-column .rz-splitbutton .rz-button-text-only .rzi-grid-sort,
  3033. .rz-splitbutton .rz-button-text-only .rz-datatable .rzi-chevron-circle-down,
  3034. .rz-datatable .rz-splitbutton .rz-button-text-only .rzi-chevron-circle-down,
  3035. .rz-splitbutton .rz-button-text-only .rz-datatable .rzi-chevron-circle-right,
  3036. .rz-datatable .rz-splitbutton .rz-button-text-only .rzi-chevron-circle-right,
  3037. .rz-splitbutton .rz-button-text-only .rz-fileupload-row .rz-button .rzi-close,
  3038. .rz-splitbutton .rz-button-text-only .rz-fileupload-row .rz-paginator-element .rzi-close,
  3039. .rz-fileupload-row .rz-button .rz-splitbutton .rz-button-text-only .rzi-close,
  3040. .rz-fileupload-row .rz-paginator-element .rz-splitbutton .rz-button-text-only .rzi-close,
  3041. .rz-splitbutton .rz-button-text-only .rz-fileupload-row .rz-button .rzi-times,
  3042. .rz-splitbutton .rz-button-text-only .rz-fileupload-row .rz-paginator-element .rzi-times,
  3043. .rz-fileupload-row .rz-button .rz-splitbutton .rz-button-text-only .rzi-times,
  3044. .rz-fileupload-row .rz-paginator-element .rz-splitbutton .rz-button-text-only .rzi-times,
  3045. .rz-splitbutton .rz-button-text-only .rz-fileupload-row .rz-button .rz-icon-trash,
  3046. .rz-splitbutton .rz-button-text-only .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
  3047. .rz-fileupload-row .rz-button .rz-splitbutton .rz-button-text-only .rz-icon-trash,
  3048. .rz-fileupload-row .rz-paginator-element .rz-splitbutton .rz-button-text-only .rz-icon-trash,
  3049. .rz-splitbutton .rz-button-text-only .rz-menuitem .rz-menuitem-icon,
  3050. .rz-menuitem .rz-splitbutton .rz-button-text-only .rz-menuitem-icon {
  3051. font-size: var(--rz-icon-size);
  3052. line-height: var(--rz-icon-size);
  3053. width: var(--rz-icon-size);
  3054. height: var(--rz-icon-size);
  3055. }
  3056.  
  3057. .rz-button-sm, .rz-fileupload .rz-button, .rz-fileupload .rz-paginator-element {
  3058. font-size: var(--rz-body-font-size);
  3059. padding: 0.25rem 0.75rem;
  3060. height: auto;
  3061. line-height: 1.25rem;
  3062. min-height: 1.75rem;
  3063. min-width: 1.75rem;
  3064. }
  3065.  
  3066. .rz-button-sm .rz-button-box, .rz-fileupload .rz-button .rz-button-box, .rz-fileupload .rz-paginator-element .rz-button-box {
  3067. line-height: 1.25rem;
  3068. }
  3069.  
  3070. .rz-button-sm.rz-button-text-icon-left, .rz-fileupload .rz-button-text-icon-left.rz-button, .rz-fileupload .rz-button-text-icon-left.rz-paginator-element {
  3071. padding: 0.25rem 0.75rem 0.25rem 0.25rem;
  3072. }
  3073.  
  3074. .rz-button-sm.rz-button-icon-only, .rz-button-sm.rz-paginator-element, .rz-fileupload .rz-button-icon-only.rz-button, .rz-fileupload .rz-paginator-element {
  3075. padding: 0.25rem;
  3076. }
  3077.  
  3078. .rz-button-sm .rzi, .rz-button-sm .rz-column-drag, .rz-button-sm .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-button-sm .rzi-circle-o-notch, .rz-button-sm .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-button-sm .rzi-plus, .rz-button-sm .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-button-sm .rzi-grid-sort, .rz-button-sm .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-button-sm .rzi-chevron-circle-down, .rz-button-sm .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-button-sm .rzi-chevron-circle-right, .rz-button-sm .rz-fileupload-row .rz-button .rzi-close, .rz-button-sm .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-button-sm .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-button-sm .rzi-close,
  3079. .rz-button-sm .rz-fileupload-row .rz-button .rzi-times,
  3080. .rz-button-sm .rz-fileupload-row .rz-paginator-element .rzi-times,
  3081. .rz-fileupload-row .rz-button .rz-button-sm .rzi-times,
  3082. .rz-fileupload-row .rz-paginator-element .rz-button-sm .rzi-times,
  3083. .rz-button-sm .rz-fileupload-row .rz-button .rz-icon-trash,
  3084. .rz-button-sm .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
  3085. .rz-fileupload-row .rz-button .rz-button-sm .rz-icon-trash,
  3086. .rz-fileupload-row .rz-paginator-element .rz-button-sm .rz-icon-trash, .rz-fileupload .rz-button .rzi, .rz-fileupload .rz-paginator-element .rzi, .rz-fileupload .rz-button .rz-column-drag, .rz-fileupload .rz-paginator-element .rz-column-drag, .rz-fileupload .rz-button .rz-datatable-loading-content .rzi-circle-o-notch, .rz-fileupload .rz-paginator-element .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-fileupload .rz-button .rzi-circle-o-notch, .rz-datatable-loading-content .rz-fileupload .rz-paginator-element .rzi-circle-o-notch, .rz-fileupload .rz-button .rz-datatable-header .rzi-plus, .rz-fileupload .rz-paginator-element .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-fileupload .rz-button .rzi-plus, .rz-datatable-header .rz-fileupload .rz-paginator-element .rzi-plus, .rz-fileupload .rz-button .rz-sortable-column .rzi-grid-sort, .rz-fileupload .rz-paginator-element .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-fileupload .rz-button .rzi-grid-sort, .rz-sortable-column .rz-fileupload .rz-paginator-element .rzi-grid-sort, .rz-fileupload .rz-button .rz-datatable .rzi-chevron-circle-down, .rz-fileupload .rz-paginator-element .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-fileupload .rz-button .rzi-chevron-circle-down, .rz-datatable .rz-fileupload .rz-paginator-element .rzi-chevron-circle-down, .rz-fileupload .rz-button .rz-datatable .rzi-chevron-circle-right, .rz-fileupload .rz-paginator-element .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-fileupload .rz-button .rzi-chevron-circle-right, .rz-datatable .rz-fileupload .rz-paginator-element .rzi-chevron-circle-right, .rz-fileupload .rz-fileupload-row .rz-button .rzi-close, .rz-fileupload .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-fileupload .rz-button .rzi-close, .rz-fileupload-row .rz-fileupload .rz-paginator-element .rzi-close,
  3087. .rz-fileupload .rz-fileupload-row .rz-button .rzi-times,
  3088. .rz-fileupload .rz-fileupload-row .rz-paginator-element .rzi-times,
  3089. .rz-fileupload-row .rz-fileupload .rz-button .rzi-times,
  3090. .rz-fileupload-row .rz-fileupload .rz-paginator-element .rzi-times,
  3091. .rz-fileupload .rz-fileupload-row .rz-button .rz-icon-trash,
  3092. .rz-fileupload .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
  3093. .rz-fileupload-row .rz-fileupload .rz-button .rz-icon-trash,
  3094. .rz-fileupload-row .rz-fileupload .rz-paginator-element .rz-icon-trash, .rz-button-sm .rz-menuitem .rz-menuitem-icon, .rz-fileupload .rz-button .rz-menuitem .rz-menuitem-icon, .rz-fileupload .rz-paginator-element .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-button-sm .rz-menuitem-icon, .rz-menuitem .rz-fileupload .rz-button .rz-menuitem-icon, .rz-menuitem .rz-fileupload .rz-paginator-element .rz-menuitem-icon, .rz-fileupload .rz-menuitem .rz-button .rz-menuitem-icon, .rz-fileupload .rz-menuitem .rz-paginator-element .rz-menuitem-icon {
  3095. font-size: var(--rz-icon-size);
  3096. line-height: var(--rz-icon-size);
  3097. width: var(--rz-icon-size);
  3098. height: var(--rz-icon-size);
  3099. }
  3100.  
  3101. .rz-button:not(.rz-button-icon-only):not(.rz-paginator-element) .rz-button-icon-left, .rz-paginator-element:not(.rz-button-icon-only):not(.rz-paginator-element) .rz-button-icon-left {
  3102. margin-right: 0.25rem;
  3103. }
  3104.  
  3105. .rz-button:not(.rz-button-icon-only):not(.rz-paginator-element) .rz-button-icon-left, .rz-paginator-element:not(.rz-button-icon-only):not(.rz-paginator-element) .rz-button-icon-left {
  3106. margin-right: 0.25rem;
  3107. }
  3108.  
  3109. @keyframes button-icon-spin {
  3110. from {
  3111. transform: rotate(0deg);
  3112. }
  3113. to {
  3114. transform: rotate(360deg);
  3115. }
  3116. }
  3117.  
  3118. :root {
  3119. --rz-badge-border-radius: var(--rz-border-radius);
  3120. --rz-badge-pill-border-radius: calc(4 * var(--rz-border-radius));
  3121. --rz-badge-padding: 0.125rem 0.25rem;
  3122. --rz-badge-pill-padding: 0.125rem 0.5rem;
  3123. --rz-badge-font-size: 0.75rem;
  3124. --rz-badge-font-weight: 600;
  3125. --rz-badge-line-height: 1rem;
  3126. --rz-badge-text-transform: uppercase;
  3127. --rz-badge-letter-spacing: 0.02rem;
  3128. }
  3129.  
  3130. .rz-badge {
  3131. color: var(--rz-text-contrast-color);
  3132. display: inline-block;
  3133. padding: var(--rz-badge-padding);
  3134. font-size: var(--rz-badge-font-size);
  3135. font-weight: var(--rz-badge-font-weight);
  3136. line-height: var(--rz-badge-line-height);
  3137. text-align: center;
  3138. text-transform: var(--rz-badge-text-transform);
  3139. white-space: nowrap;
  3140. border-radius: var(--rz-badge-border-radius);
  3141. letter-spacing: var(--rz-badge-letter-spacing);
  3142. }
  3143.  
  3144. .rz-button .rz-badge, .rz-paginator-element .rz-badge {
  3145. vertical-align: top;
  3146. }
  3147.  
  3148. .rz-badge-primary {
  3149. background-color: var(--rz-primary);
  3150. }
  3151.  
  3152. .rz-badge-primary.rz-shade-lighter {
  3153. background-color: var(--rz-primary-lighter);
  3154. color: var(--rz-primary);
  3155. }
  3156.  
  3157. .rz-badge-primary.rz-shade-light {
  3158. background-color: var(--rz-primary-light);
  3159. }
  3160.  
  3161. .rz-badge-primary.rz-shade-default {
  3162. background-color: var(--rz-primary);
  3163. }
  3164.  
  3165. .rz-badge-primary.rz-shade-dark {
  3166. background-color: var(--rz-primary-dark);
  3167. }
  3168.  
  3169. .rz-badge-primary.rz-shade-darker {
  3170. background-color: var(--rz-primary-darker);
  3171. }
  3172.  
  3173. .rz-badge-light {
  3174. background-color: var(--rz-base-200);
  3175. color: var(--rz-base-900);
  3176. }
  3177.  
  3178. .rz-badge-dark {
  3179. background-color: var(--rz-base-900);
  3180. }
  3181.  
  3182. .rz-badge-secondary {
  3183. background-color: var(--rz-secondary);
  3184. }
  3185.  
  3186. .rz-badge-secondary.rz-shade-lighter {
  3187. background-color: var(--rz-secondary-lighter);
  3188. color: var(--rz-secondary);
  3189. }
  3190.  
  3191. .rz-badge-secondary.rz-shade-light {
  3192. background-color: var(--rz-secondary-light);
  3193. }
  3194.  
  3195. .rz-badge-secondary.rz-shade-default {
  3196. background-color: var(--rz-secondary);
  3197. }
  3198.  
  3199. .rz-badge-secondary.rz-shade-dark {
  3200. background-color: var(--rz-secondary-dark);
  3201. }
  3202.  
  3203. .rz-badge-secondary.rz-shade-darker {
  3204. background-color: var(--rz-secondary-darker);
  3205. }
  3206.  
  3207. .rz-badge-info {
  3208. background-color: var(--rz-info);
  3209. }
  3210.  
  3211. .rz-badge-info.rz-shade-lighter {
  3212. background-color: var(--rz-info-lighter);
  3213. color: var(--rz-info);
  3214. }
  3215.  
  3216. .rz-badge-info.rz-shade-light {
  3217. background-color: var(--rz-info-light);
  3218. }
  3219.  
  3220. .rz-badge-info.rz-shade-default {
  3221. background-color: var(--rz-info);
  3222. }
  3223.  
  3224. .rz-badge-info.rz-shade-dark {
  3225. background-color: var(--rz-info-dark);
  3226. }
  3227.  
  3228. .rz-badge-info.rz-shade-darker {
  3229. background-color: var(--rz-info-darker);
  3230. }
  3231.  
  3232. .rz-badge-warning {
  3233. background-color: var(--rz-warning);
  3234. }
  3235.  
  3236. .rz-badge-warning.rz-shade-lighter {
  3237. background-color: var(--rz-warning-lighter);
  3238. color: var(--rz-warning);
  3239. }
  3240.  
  3241. .rz-badge-warning.rz-shade-light {
  3242. background-color: var(--rz-warning-light);
  3243. }
  3244.  
  3245. .rz-badge-warning.rz-shade-default {
  3246. background-color: var(--rz-warning);
  3247. }
  3248.  
  3249. .rz-badge-warning.rz-shade-dark {
  3250. background-color: var(--rz-warning-dark);
  3251. }
  3252.  
  3253. .rz-badge-warning.rz-shade-darker {
  3254. background-color: var(--rz-warning-darker);
  3255. }
  3256.  
  3257. .rz-badge-error {
  3258. background-color: var(--rz-danger);
  3259. }
  3260.  
  3261. .rz-badge-error.rz-shade-lighter {
  3262. background-color: var(--rz-error-lighter);
  3263. color: var(--rz-error);
  3264. }
  3265.  
  3266. .rz-badge-error.rz-shade-light {
  3267. background-color: var(--rz-error-light);
  3268. }
  3269.  
  3270. .rz-badge-error.rz-shade-default {
  3271. background-color: var(--rz-error);
  3272. }
  3273.  
  3274. .rz-badge-error.rz-shade-dark {
  3275. background-color: var(--rz-error-dark);
  3276. }
  3277.  
  3278. .rz-badge-error.rz-shade-darker {
  3279. background-color: var(--rz-error-darker);
  3280. }
  3281.  
  3282. .rz-badge-danger {
  3283. background-color: var(--rz-danger);
  3284. }
  3285.  
  3286. .rz-badge-danger.rz-shade-lighter {
  3287. background-color: var(--rz-danger-lighter);
  3288. color: var(--rz-danger);
  3289. }
  3290.  
  3291. .rz-badge-danger.rz-shade-light {
  3292. background-color: var(--rz-danger-light);
  3293. }
  3294.  
  3295. .rz-badge-danger.rz-shade-default {
  3296. background-color: var(--rz-danger);
  3297. }
  3298.  
  3299. .rz-badge-danger.rz-shade-dark {
  3300. background-color: var(--rz-danger-dark);
  3301. }
  3302.  
  3303. .rz-badge-danger.rz-shade-darker {
  3304. background-color: var(--rz-danger-darker);
  3305. }
  3306.  
  3307. .rz-badge-success {
  3308. background-color: var(--rz-success);
  3309. }
  3310.  
  3311. .rz-badge-success.rz-shade-lighter {
  3312. background-color: var(--rz-success-lighter);
  3313. color: var(--rz-success);
  3314. }
  3315.  
  3316. .rz-badge-success.rz-shade-light {
  3317. background-color: var(--rz-success-light);
  3318. }
  3319.  
  3320. .rz-badge-success.rz-shade-default {
  3321. background-color: var(--rz-success);
  3322. }
  3323.  
  3324. .rz-badge-success.rz-shade-dark {
  3325. background-color: var(--rz-success-dark);
  3326. }
  3327.  
  3328. .rz-badge-success.rz-shade-darker {
  3329. background-color: var(--rz-success-darker);
  3330. }
  3331.  
  3332. .rz-variant-outlined.rz-badge-primary {
  3333. outline-style: solid;
  3334. outline-width: var(--rz-border-width);
  3335. outline-offset: calc(var(--rz-border-width) * -1);
  3336. background-color: transparent;
  3337. }
  3338.  
  3339. .rz-variant-outlined.rz-badge-primary.rz-shade-lighter {
  3340. outline-color: var(--rz-primary-lighter);
  3341. color: var(--rz-primary-lighter);
  3342. }
  3343.  
  3344. .rz-variant-outlined.rz-badge-primary.rz-shade-light {
  3345. outline-color: var(--rz-primary-light);
  3346. color: var(--rz-primary-light);
  3347. }
  3348.  
  3349. .rz-variant-outlined.rz-badge-primary.rz-shade-default {
  3350. outline-color: var(--rz-primary);
  3351. color: var(--rz-primary);
  3352. }
  3353.  
  3354. .rz-variant-outlined.rz-badge-primary.rz-shade-dark {
  3355. outline-color: var(--rz-primary-dark);
  3356. color: var(--rz-primary-dark);
  3357. }
  3358.  
  3359. .rz-variant-outlined.rz-badge-primary.rz-shade-darker {
  3360. outline-color: var(--rz-primary-darker);
  3361. color: var(--rz-primary-darker);
  3362. }
  3363.  
  3364. .rz-variant-outlined.rz-badge-light {
  3365. outline-color: var(--rz-base-200);
  3366. color: var(--rz-base-200);
  3367. outline-style: solid;
  3368. outline-width: var(--rz-border-width);
  3369. outline-offset: calc(var(--rz-border-width) * -1);
  3370. background-color: transparent;
  3371. }
  3372.  
  3373. .rz-variant-outlined.rz-badge-dark {
  3374. outline-color: var(--rz-base-900);
  3375. color: var(--rz-base-900);
  3376. outline-style: solid;
  3377. outline-width: var(--rz-border-width);
  3378. outline-offset: calc(var(--rz-border-width) * -1);
  3379. background-color: transparent;
  3380. }
  3381.  
  3382. .rz-variant-outlined.rz-badge-secondary {
  3383. outline-style: solid;
  3384. outline-width: var(--rz-border-width);
  3385. outline-offset: calc(var(--rz-border-width) * -1);
  3386. background-color: transparent;
  3387. }
  3388.  
  3389. .rz-variant-outlined.rz-badge-secondary.rz-shade-lighter {
  3390. outline-color: var(--rz-secondary-lighter);
  3391. color: var(--rz-secondary-lighter);
  3392. }
  3393.  
  3394. .rz-variant-outlined.rz-badge-secondary.rz-shade-light {
  3395. outline-color: var(--rz-secondary-light);
  3396. color: var(--rz-secondary-light);
  3397. }
  3398.  
  3399. .rz-variant-outlined.rz-badge-secondary.rz-shade-default {
  3400. outline-color: var(--rz-secondary);
  3401. color: var(--rz-secondary);
  3402. }
  3403.  
  3404. .rz-variant-outlined.rz-badge-secondary.rz-shade-dark {
  3405. outline-color: var(--rz-secondary-dark);
  3406. color: var(--rz-secondary-dark);
  3407. }
  3408.  
  3409. .rz-variant-outlined.rz-badge-secondary.rz-shade-darker {
  3410. outline-color: var(--rz-secondary-darker);
  3411. color: var(--rz-secondary-darker);
  3412. }
  3413.  
  3414. .rz-variant-outlined.rz-badge-info {
  3415. outline-style: solid;
  3416. outline-width: var(--rz-border-width);
  3417. outline-offset: calc(var(--rz-border-width) * -1);
  3418. background-color: transparent;
  3419. }
  3420.  
  3421. .rz-variant-outlined.rz-badge-info.rz-shade-lighter {
  3422. outline-color: var(--rz-info-lighter);
  3423. color: var(--rz-info-lighter);
  3424. }
  3425.  
  3426. .rz-variant-outlined.rz-badge-info.rz-shade-light {
  3427. outline-color: var(--rz-info-light);
  3428. color: var(--rz-info-light);
  3429. }
  3430.  
  3431. .rz-variant-outlined.rz-badge-info.rz-shade-default {
  3432. outline-color: var(--rz-info);
  3433. color: var(--rz-info);
  3434. }
  3435.  
  3436. .rz-variant-outlined.rz-badge-info.rz-shade-dark {
  3437. outline-color: var(--rz-info-dark);
  3438. color: var(--rz-info-dark);
  3439. }
  3440.  
  3441. .rz-variant-outlined.rz-badge-info.rz-shade-darker {
  3442. outline-color: var(--rz-info-darker);
  3443. color: var(--rz-info-darker);
  3444. }
  3445.  
  3446. .rz-variant-outlined.rz-badge-warning {
  3447. outline-style: solid;
  3448. outline-width: var(--rz-border-width);
  3449. outline-offset: calc(var(--rz-border-width) * -1);
  3450. background-color: transparent;
  3451. }
  3452.  
  3453. .rz-variant-outlined.rz-badge-warning.rz-shade-lighter {
  3454. outline-color: var(--rz-warning-lighter);
  3455. color: var(--rz-warning-lighter);
  3456. }
  3457.  
  3458. .rz-variant-outlined.rz-badge-warning.rz-shade-light {
  3459. outline-color: var(--rz-warning-light);
  3460. color: var(--rz-warning-light);
  3461. }
  3462.  
  3463. .rz-variant-outlined.rz-badge-warning.rz-shade-default {
  3464. outline-color: var(--rz-warning);
  3465. color: var(--rz-warning);
  3466. }
  3467.  
  3468. .rz-variant-outlined.rz-badge-warning.rz-shade-dark {
  3469. outline-color: var(--rz-warning-dark);
  3470. color: var(--rz-warning-dark);
  3471. }
  3472.  
  3473. .rz-variant-outlined.rz-badge-warning.rz-shade-darker {
  3474. outline-color: var(--rz-warning-darker);
  3475. color: var(--rz-warning-darker);
  3476. }
  3477.  
  3478. .rz-variant-outlined.rz-badge-error {
  3479. outline-style: solid;
  3480. outline-width: var(--rz-border-width);
  3481. outline-offset: calc(var(--rz-border-width) * -1);
  3482. background-color: transparent;
  3483. }
  3484.  
  3485. .rz-variant-outlined.rz-badge-error.rz-shade-lighter {
  3486. outline-color: var(--rz-error-lighter);
  3487. color: var(--rz-error-lighter);
  3488. }
  3489.  
  3490. .rz-variant-outlined.rz-badge-error.rz-shade-light {
  3491. outline-color: var(--rz-error-light);
  3492. color: var(--rz-error-light);
  3493. }
  3494.  
  3495. .rz-variant-outlined.rz-badge-error.rz-shade-default {
  3496. outline-color: var(--rz-error);
  3497. color: var(--rz-error);
  3498. }
  3499.  
  3500. .rz-variant-outlined.rz-badge-error.rz-shade-dark {
  3501. outline-color: var(--rz-error-dark);
  3502. color: var(--rz-error-dark);
  3503. }
  3504.  
  3505. .rz-variant-outlined.rz-badge-error.rz-shade-darker {
  3506. outline-color: var(--rz-error-darker);
  3507. color: var(--rz-error-darker);
  3508. }
  3509.  
  3510. .rz-variant-outlined.rz-badge-danger {
  3511. outline-style: solid;
  3512. outline-width: var(--rz-border-width);
  3513. outline-offset: calc(var(--rz-border-width) * -1);
  3514. background-color: transparent;
  3515. }
  3516.  
  3517. .rz-variant-outlined.rz-badge-danger.rz-shade-lighter {
  3518. outline-color: var(--rz-danger-lighter);
  3519. color: var(--rz-danger-lighter);
  3520. }
  3521.  
  3522. .rz-variant-outlined.rz-badge-danger.rz-shade-light {
  3523. outline-color: var(--rz-danger-light);
  3524. color: var(--rz-danger-light);
  3525. }
  3526.  
  3527. .rz-variant-outlined.rz-badge-danger.rz-shade-default {
  3528. outline-color: var(--rz-danger);
  3529. color: var(--rz-danger);
  3530. }
  3531.  
  3532. .rz-variant-outlined.rz-badge-danger.rz-shade-dark {
  3533. outline-color: var(--rz-danger-dark);
  3534. color: var(--rz-danger-dark);
  3535. }
  3536.  
  3537. .rz-variant-outlined.rz-badge-danger.rz-shade-darker {
  3538. outline-color: var(--rz-danger-darker);
  3539. color: var(--rz-danger-darker);
  3540. }
  3541.  
  3542. .rz-variant-outlined.rz-badge-success {
  3543. outline-style: solid;
  3544. outline-width: var(--rz-border-width);
  3545. outline-offset: calc(var(--rz-border-width) * -1);
  3546. background-color: transparent;
  3547. }
  3548.  
  3549. .rz-variant-outlined.rz-badge-success.rz-shade-lighter {
  3550. outline-color: var(--rz-success-lighter);
  3551. color: var(--rz-success-lighter);
  3552. }
  3553.  
  3554. .rz-variant-outlined.rz-badge-success.rz-shade-light {
  3555. outline-color: var(--rz-success-light);
  3556. color: var(--rz-success-light);
  3557. }
  3558.  
  3559. .rz-variant-outlined.rz-badge-success.rz-shade-default {
  3560. outline-color: var(--rz-success);
  3561. color: var(--rz-success);
  3562. }
  3563.  
  3564. .rz-variant-outlined.rz-badge-success.rz-shade-dark {
  3565. outline-color: var(--rz-success-dark);
  3566. color: var(--rz-success-dark);
  3567. }
  3568.  
  3569. .rz-variant-outlined.rz-badge-success.rz-shade-darker {
  3570. outline-color: var(--rz-success-darker);
  3571. color: var(--rz-success-darker);
  3572. }
  3573.  
  3574. .rz-variant-text.rz-badge-primary {
  3575. background-color: transparent;
  3576. }
  3577.  
  3578. .rz-variant-text.rz-badge-primary.rz-shade-lighter {
  3579. color: var(--rz-primary-lighter);
  3580. }
  3581.  
  3582. .rz-variant-text.rz-badge-primary.rz-shade-light {
  3583. color: var(--rz-primary-light);
  3584. }
  3585.  
  3586. .rz-variant-text.rz-badge-primary.rz-shade-default {
  3587. color: var(--rz-primary);
  3588. }
  3589.  
  3590. .rz-variant-text.rz-badge-primary.rz-shade-dark {
  3591. color: var(--rz-primary-dark);
  3592. }
  3593.  
  3594. .rz-variant-text.rz-badge-primary.rz-shade-darker {
  3595. color: var(--rz-primary-darker);
  3596. }
  3597.  
  3598. .rz-variant-text.rz-badge-light {
  3599. color: var(--rz-base-200);
  3600. background-color: transparent;
  3601. }
  3602.  
  3603. .rz-variant-text.rz-badge-dark {
  3604. color: var(--rz-base-900);
  3605. background-color: transparent;
  3606. }
  3607.  
  3608. .rz-variant-text.rz-badge-secondary {
  3609. background-color: transparent;
  3610. }
  3611.  
  3612. .rz-variant-text.rz-badge-secondary.rz-shade-lighter {
  3613. color: var(--rz-secondary-lighter);
  3614. }
  3615.  
  3616. .rz-variant-text.rz-badge-secondary.rz-shade-light {
  3617. color: var(--rz-secondary-light);
  3618. }
  3619.  
  3620. .rz-variant-text.rz-badge-secondary.rz-shade-default {
  3621. color: var(--rz-secondary);
  3622. }
  3623.  
  3624. .rz-variant-text.rz-badge-secondary.rz-shade-dark {
  3625. color: var(--rz-secondary-dark);
  3626. }
  3627.  
  3628. .rz-variant-text.rz-badge-secondary.rz-shade-darker {
  3629. color: var(--rz-secondary-darker);
  3630. }
  3631.  
  3632. .rz-variant-text.rz-badge-info {
  3633. background-color: transparent;
  3634. }
  3635.  
  3636. .rz-variant-text.rz-badge-info.rz-shade-lighter {
  3637. color: var(--rz-info-lighter);
  3638. }
  3639.  
  3640. .rz-variant-text.rz-badge-info.rz-shade-light {
  3641. color: var(--rz-info-light);
  3642. }
  3643.  
  3644. .rz-variant-text.rz-badge-info.rz-shade-default {
  3645. color: var(--rz-info);
  3646. }
  3647.  
  3648. .rz-variant-text.rz-badge-info.rz-shade-dark {
  3649. color: var(--rz-info-dark);
  3650. }
  3651.  
  3652. .rz-variant-text.rz-badge-info.rz-shade-darker {
  3653. color: var(--rz-info-darker);
  3654. }
  3655.  
  3656. .rz-variant-text.rz-badge-warning {
  3657. background-color: transparent;
  3658. }
  3659.  
  3660. .rz-variant-text.rz-badge-warning.rz-shade-lighter {
  3661. color: var(--rz-warning-lighter);
  3662. }
  3663.  
  3664. .rz-variant-text.rz-badge-warning.rz-shade-light {
  3665. color: var(--rz-warning-light);
  3666. }
  3667.  
  3668. .rz-variant-text.rz-badge-warning.rz-shade-default {
  3669. color: var(--rz-warning);
  3670. }
  3671.  
  3672. .rz-variant-text.rz-badge-warning.rz-shade-dark {
  3673. color: var(--rz-warning-dark);
  3674. }
  3675.  
  3676. .rz-variant-text.rz-badge-warning.rz-shade-darker {
  3677. color: var(--rz-warning-darker);
  3678. }
  3679.  
  3680. .rz-variant-text.rz-badge-error {
  3681. background-color: transparent;
  3682. }
  3683.  
  3684. .rz-variant-text.rz-badge-error.rz-shade-lighter {
  3685. color: var(--rz-error-lighter);
  3686. }
  3687.  
  3688. .rz-variant-text.rz-badge-error.rz-shade-light {
  3689. color: var(--rz-error-light);
  3690. }
  3691.  
  3692. .rz-variant-text.rz-badge-error.rz-shade-default {
  3693. color: var(--rz-error);
  3694. }
  3695.  
  3696. .rz-variant-text.rz-badge-error.rz-shade-dark {
  3697. color: var(--rz-error-dark);
  3698. }
  3699.  
  3700. .rz-variant-text.rz-badge-error.rz-shade-darker {
  3701. color: var(--rz-error-darker);
  3702. }
  3703.  
  3704. .rz-variant-text.rz-badge-danger {
  3705. background-color: transparent;
  3706. }
  3707.  
  3708. .rz-variant-text.rz-badge-danger.rz-shade-lighter {
  3709. color: var(--rz-danger-lighter);
  3710. }
  3711.  
  3712. .rz-variant-text.rz-badge-danger.rz-shade-light {
  3713. color: var(--rz-danger-light);
  3714. }
  3715.  
  3716. .rz-variant-text.rz-badge-danger.rz-shade-default {
  3717. color: var(--rz-danger);
  3718. }
  3719.  
  3720. .rz-variant-text.rz-badge-danger.rz-shade-dark {
  3721. color: var(--rz-danger-dark);
  3722. }
  3723.  
  3724. .rz-variant-text.rz-badge-danger.rz-shade-darker {
  3725. color: var(--rz-danger-darker);
  3726. }
  3727.  
  3728. .rz-variant-text.rz-badge-success {
  3729. background-color: transparent;
  3730. }
  3731.  
  3732. .rz-variant-text.rz-badge-success.rz-shade-lighter {
  3733. color: var(--rz-success-lighter);
  3734. }
  3735.  
  3736. .rz-variant-text.rz-badge-success.rz-shade-light {
  3737. color: var(--rz-success-light);
  3738. }
  3739.  
  3740. .rz-variant-text.rz-badge-success.rz-shade-default {
  3741. color: var(--rz-success);
  3742. }
  3743.  
  3744. .rz-variant-text.rz-badge-success.rz-shade-dark {
  3745. color: var(--rz-success-dark);
  3746. }
  3747.  
  3748. .rz-variant-text.rz-badge-success.rz-shade-darker {
  3749. color: var(--rz-success-darker);
  3750. }
  3751.  
  3752. .rz-badge-pill {
  3753. border-radius: var(--rz-badge-pill-border-radius);
  3754. padding: var(--rz-badge-pill-padding);
  3755. }
  3756.  
  3757. :root {
  3758. --rz-chip-background-color: var(--rz-base-200);
  3759. --rz-chip-color: var(--rz-text-color);
  3760. --rz-chip-padding: 0 0 0 0.5rem;
  3761. --rz-chip-gap: 0.5rem;
  3762. --rz-chip-border-radius: var(--rz-border-radius);
  3763. --rz-chip-font-size: 0.875rem;
  3764. }
  3765.  
  3766. :root {
  3767. --rz-input-font-size: var(--rz-body-font-size);
  3768. --rz-input-height: 2.25rem;
  3769. --rz-input-line-height: var(--rz-body-line-height);
  3770. --rz-input-padding: 0.4375rem;
  3771. --rz-input-value-color: var(--rz-text-color);
  3772. --rz-input-placeholder-color: var(--rz-text-tertiary-color);
  3773. --rz-input-background-color: var(--rz-base-background-color);
  3774. --rz-input-border: var(--rz-border-normal);
  3775. --rz-input-border-radius: var(--rz-border-radius);
  3776. --rz-input-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03);
  3777. --rz-input-hover-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03);
  3778. --rz-input-hover-border: var(--rz-border-hover);
  3779. --rz-input-focus-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03);
  3780. --rz-input-focus-border: var(--rz-border-focus);
  3781. --rz-input-disabled-border: var(--rz-border-disabled);
  3782. --rz-input-disabled-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03);
  3783. --rz-input-disabled-background-color: var(--rz-base-100);
  3784. --rz-input-disabled-color: var(--rz-text-tertiary-color);
  3785. --rz-input-disabled-placeholder-color: var(--rz-text-disabled-color);
  3786. --rz-input-disabled-opacity: 1;
  3787. --rz-input-transition: var(--rz-transition-all);
  3788. }
  3789.  
  3790. .rz-autocomplete:hover:not(.rz-state-disabled), .rz-radiobutton-box:hover:not(.rz-state-disabled), .rz-chkbox-box:hover:not(.rz-state-disabled), .rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):hover, .rz-spinner:not(:disabled):not(.rz-state-disabled):hover, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover, .rz-multiselect:not(:disabled):not(.rz-state-disabled):hover, .rz-dropdown:not(:disabled):not(.rz-state-disabled):hover, .mask:not(:disabled):not(.rz-state-disabled):hover, .rz-textarea:not(:disabled):not(.rz-state-disabled):hover, .rz-textbox:not(:disabled):not(.rz-state-disabled):hover {
  3791. box-shadow: var(--rz-input-hover-shadow);
  3792. border: var(--rz-input-hover-border);
  3793. }
  3794.  
  3795. .rz-colorpicker:not(:disabled):not(.rz-state-disabled):focus, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):focus, .rz-spinner:not(:disabled):not(.rz-state-disabled):focus, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus, .rz-multiselect:not(:disabled):not(.rz-state-disabled):focus, .rz-dropdown:not(:disabled):not(.rz-state-disabled):focus, .mask:not(:disabled):not(.rz-state-disabled):focus, .rz-textarea:not(:disabled):not(.rz-state-disabled):focus, .rz-textbox:not(:disabled):not(.rz-state-disabled):focus {
  3796. box-shadow: var(--rz-input-focus-shadow);
  3797. border: var(--rz-input-focus-border);
  3798. }
  3799.  
  3800. .rz-spinner.rz-state-disabled, .rz-calendar.rz-state-disabled .rz-inputtext, .rz-listbox.rz-state-disabled, .rz-autocomplete-input:disabled, .rz-state-disabled.rz-autocomplete, .rz-state-disabled.rz-multiselect, .rz-state-disabled.rz-dropdown, .rz-radiobutton-box.rz-state-disabled, .rz-chkbox-box.rz-state-disabled, .rz-colorpicker:disabled, .rz-lookup-search input:disabled, .rz-spinner:disabled, .rz-calendar .rz-inputtext:disabled, .rz-multiselect:disabled, .rz-dropdown:disabled, .mask:disabled, .rz-textarea:disabled, .rz-textbox:disabled {
  3801. color: var(--rz-input-disabled-color);
  3802. box-shadow: var(--rz-input-disabled-shadow);
  3803. background-color: var(--rz-input-disabled-background-color);
  3804. border: var(--rz-input-disabled-border);
  3805. opacity: var(--rz-input-disabled-opacity);
  3806. }
  3807.  
  3808. .rz-spinner.rz-state-disabled::placeholder, .rz-calendar.rz-state-disabled .rz-inputtext::placeholder, .rz-listbox.rz-state-disabled::placeholder, .rz-autocomplete-input:disabled::placeholder, .rz-state-disabled.rz-autocomplete::placeholder, .rz-state-disabled.rz-multiselect::placeholder, .rz-state-disabled.rz-dropdown::placeholder, .rz-radiobutton-box.rz-state-disabled::placeholder, .rz-chkbox-box.rz-state-disabled::placeholder, .rz-colorpicker:disabled::placeholder, .rz-lookup-search input:disabled::placeholder, .rz-spinner:disabled::placeholder, .rz-calendar .rz-inputtext:disabled::placeholder, .rz-multiselect:disabled::placeholder, .rz-dropdown:disabled::placeholder, .mask:disabled::placeholder, .rz-textarea:disabled::placeholder, .rz-textbox:disabled::placeholder {
  3809. color: var(--rz-input-disabled-placeholder-color);
  3810. }
  3811.  
  3812. .rz-spinner.rz-state-disabled .rz-inputtext, .rz-calendar.rz-state-disabled .rz-inputtext .rz-inputtext, .rz-listbox.rz-state-disabled .rz-inputtext, .rz-autocomplete-input:disabled .rz-inputtext, .rz-state-disabled.rz-autocomplete .rz-inputtext, .rz-state-disabled.rz-multiselect .rz-inputtext, .rz-state-disabled.rz-dropdown .rz-inputtext, .rz-radiobutton-box.rz-state-disabled .rz-inputtext, .rz-chkbox-box.rz-state-disabled .rz-inputtext, .rz-colorpicker:disabled .rz-inputtext, .rz-lookup-search input:disabled .rz-inputtext, .rz-spinner:disabled .rz-inputtext, .rz-calendar .rz-inputtext:disabled .rz-inputtext, .rz-multiselect:disabled .rz-inputtext, .rz-dropdown:disabled .rz-inputtext, .mask:disabled .rz-inputtext, .rz-textarea:disabled .rz-inputtext, .rz-textbox:disabled .rz-inputtext {
  3813. background-color: var(--rz-input-disabled-background-color);
  3814. color: var(--rz-input-disabled-color);
  3815. }
  3816.  
  3817. input {
  3818. color: var(--rz-input-value-color);
  3819. font-size: var(--rz-input-font-size);
  3820. }
  3821.  
  3822. input::placeholder {
  3823. color: var(--rz-input-placeholder-color);
  3824. }
  3825.  
  3826. .rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox {
  3827. padding: var(--rz-input-padding);
  3828. }
  3829.  
  3830. .rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox {
  3831. border: var(--rz-input-border);
  3832. border-radius: var(--rz-input-border-radius);
  3833. box-shadow: var(--rz-input-shadow);
  3834. background-color: var(--rz-input-background-color);
  3835. }
  3836.  
  3837. .rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox {
  3838. height: var(--rz-input-height);
  3839. line-height: var(--rz-input-line-height);
  3840. color: var(--rz-input-value-color);
  3841. font-size: var(--rz-input-font-size);
  3842. transition: var(--rz-input-transition);
  3843. outline: none;
  3844. }
  3845.  
  3846. @media (max-width: 768px) {
  3847. .rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox,
  3848. input {
  3849. font-size: 1rem;
  3850. }
  3851. }
  3852.  
  3853. :root {
  3854. --rz-header-background-color: var(--rz-base-background-color);
  3855. --rz-header-min-height: 3.125rem;
  3856. --rz-header-z: 2;
  3857. --rz-header-border: var(--rz-border-base-200);
  3858. --rz-header-color: var(--rz-text-color);
  3859. --rz-header-shadow: none;
  3860. }
  3861.  
  3862. .header {
  3863. background-color: var(--rz-header-background-color);
  3864. min-height: var(--rz-header-min-height);
  3865. border-bottom: var(--rz-header-border);
  3866. color: var(--rz-header-color);
  3867. box-shadow: var(--rz-header-shadow);
  3868. }
  3869.  
  3870. .header.fixed {
  3871. position: fixed;
  3872. top: 0;
  3873. left: 0;
  3874. right: 0;
  3875. z-index: var(--rz-header-z);
  3876. }
  3877.  
  3878. :root {
  3879. --rz-footer-padding: 1rem;
  3880. --rz-footer-background-color: var(--rz-base-background-color);
  3881. --rz-footer-border: var(--rz-border-base-200);
  3882. --rz-footer-color: var(--rz-text-color);
  3883. --rz-footer-z: 2;
  3884. }
  3885.  
  3886. .footer {
  3887. padding: var(--rz-footer-padding);
  3888. border-top: var(--rz-footer-border);
  3889. background-color: var(--rz-footer-background-color);
  3890. color: var(--rz-footer-color);
  3891. }
  3892.  
  3893. .footer.fixed {
  3894. position: fixed;
  3895. z-index: var(--rz-footer-z);
  3896. bottom: 0;
  3897. left: 0;
  3898. right: 0;
  3899. }
  3900.  
  3901. :root {
  3902. --rz-sidebar-z: 2;
  3903. --rz-sidebar-width: 250px;
  3904. --rz-sidebar-border-right: var(--rz-border-normal);
  3905. --rz-sidebar-background-color: var(--rz-base-800);
  3906. }
  3907.  
  3908. .rz-sidebar {
  3909. background-color: var(--rz-sidebar-background-color);
  3910. border-right: var(--rz-sidebar-border-right);
  3911. position: fixed;
  3912. overflow: auto;
  3913. left: 0;
  3914. top: 0;
  3915. bottom: 0;
  3916. z-index: var(--rz-sidebar-z);
  3917. width: var(--rz-sidebar-width);
  3918. opacity: 1;
  3919. transition: var(--rz-transition-all);
  3920. }
  3921.  
  3922. @media (max-width: 768px) {
  3923. .rz-sidebar-responsive {
  3924. width: 0;
  3925. opacity: 0;
  3926. }
  3927. }
  3928.  
  3929. .rz-sidebar-expanded {
  3930. width: var(--rz-sidebar-width);
  3931. opacity: 1;
  3932. }
  3933.  
  3934. .rz-sidebar-collapsed {
  3935. width: 0 !important;
  3936. opacity: 0;
  3937. }
  3938.  
  3939. .rz-card {
  3940. --rz-card-padding: 1.25rem;
  3941. --rz-card-background-color: var(--rz-base-background-color);
  3942. --rz-card-shadow: var(--rz-shadow-2);
  3943. --rz-card-border-radius: var(--rz-border-radius);
  3944. --rz-card-heading-margin-bottom: 0.5rem;
  3945. padding: var(--rz-card-padding);
  3946. border-radius: var(--rz-card-border-radius);
  3947. box-shadow: var(--rz-card-shadow);
  3948. background-color: var(--rz-card-background-color);
  3949. }
  3950.  
  3951. .rz-card h1,
  3952. .rz-card h2,
  3953. .rz-card h3,
  3954. .rz-card h4,
  3955. .rz-card h5,
  3956. .rz-card h6 {
  3957. margin-bottom: var(--rz-card-heading-margin-bottom);
  3958. }
  3959.  
  3960. .rz-card p {
  3961. margin-bottom: 0;
  3962. }
  3963.  
  3964. :root {
  3965. --rz-body-padding: 1rem;
  3966. }
  3967.  
  3968. .body {
  3969. padding: var(--rz-body-padding);
  3970. }
  3971.  
  3972. .rz-body {
  3973. padding: var(--rz-body-padding);
  3974. }
  3975.  
  3976. .rz-layout .rz-body {
  3977. transform: translateZ(0);
  3978. }
  3979.  
  3980. :root {
  3981. --rz-accordion-item-padding: 0.25rem 0;
  3982. --rz-accordion-item-margin: 0;
  3983. --rz-accordion-item-border: none;
  3984. --rz-accordion-item-background-color: var(--rz-base-background-color);
  3985. --rz-accordion-item-color: var(--rz-text-color);
  3986. --rz-accordion-item-line-height: 1.25rem;
  3987. --rz-accordion-item-font-size: var(--rz-body-font-size);
  3988. --rz-accordion-item-font-weight: normal;
  3989. --rz-accordion-icon-width: var(--rz-icon-size);
  3990. --rz-accordion-icon-height: var(--rz-icon-size);
  3991. --rz-accordion-icon-font-size: var(--rz-icon-size);
  3992. --rz-accordion-icon-margin: 0 0.25rem 0 0;
  3993. --rz-accordion-toggle-icon-margin: 0 0.25rem 0 0;
  3994. --rz-accordion-toggle-icon-order: 0;
  3995. --rz-accordion-selected-color: var(--rz-secondary);
  3996. --rz-accordion-hover-color: var(--rz-secondary);
  3997. --rz-accordion-content-padding: 0.5rem 0.5rem 0.5rem 1.5rem;
  3998. --rz-accordion-content-font-size: var(--rz-body-font-size);
  3999. --rz-accordion-border-radius: var(--rz-border-radius);
  4000. --rz-accordion-shadow: none;
  4001. }
  4002.  
  4003. .rz-accordion {
  4004. box-shadow: var(--rz-accordion-shadow);
  4005. }
  4006.  
  4007. .rz-accordion-header {
  4008. background-color: var(--rz-accordion-item-background-color);
  4009. margin: var(--rz-accordion-item-margin);
  4010. }
  4011.  
  4012. .rz-accordion-header:not(:first-child) {
  4013. border-top: var(--rz-accordion-item-border);
  4014. }
  4015.  
  4016. .rz-accordion-header a[role='tab'] {
  4017. padding: var(--rz-accordion-item-padding);
  4018. color: var(--rz-accordion-item-color);
  4019. line-height: var(--rz-accordion-item-line-height);
  4020. text-decoration: none;
  4021. display: flex;
  4022. align-items: center;
  4023. font-size: var(--rz-accordion-item-font-size);
  4024. font-weight: var(--rz-accordion-item-font-weight);
  4025. }
  4026.  
  4027. .rz-accordion-header a[role='tab']:hover {
  4028. color: var(--rz-accordion-hover-color);
  4029. }
  4030.  
  4031. .rz-accordion-header a[role='tab'] span:not(.rz-accordion-toggle-icon) {
  4032. flex-grow: 1;
  4033. }
  4034.  
  4035. .rz-accordion-header .rzi, .rz-accordion-header .rz-column-drag, .rz-accordion-header .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-accordion-header .rzi-circle-o-notch, .rz-accordion-header .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-accordion-header .rzi-plus, .rz-accordion-header .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-accordion-header .rzi-grid-sort, .rz-accordion-header .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-accordion-header .rzi-chevron-circle-down, .rz-accordion-header .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-accordion-header .rzi-chevron-circle-right, .rz-accordion-header .rz-fileupload-row .rz-button .rzi-close, .rz-accordion-header .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-accordion-header .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-accordion-header .rzi-close,
  4036. .rz-accordion-header .rz-fileupload-row .rz-button .rzi-times,
  4037. .rz-accordion-header .rz-fileupload-row .rz-paginator-element .rzi-times,
  4038. .rz-fileupload-row .rz-button .rz-accordion-header .rzi-times,
  4039. .rz-fileupload-row .rz-paginator-element .rz-accordion-header .rzi-times,
  4040. .rz-accordion-header .rz-fileupload-row .rz-button .rz-icon-trash,
  4041. .rz-accordion-header .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
  4042. .rz-fileupload-row .rz-button .rz-accordion-header .rz-icon-trash,
  4043. .rz-fileupload-row .rz-paginator-element .rz-accordion-header .rz-icon-trash, .rz-accordion-header .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-accordion-header .rz-menuitem-icon {
  4044. font-size: var(--rz-accordion-icon-font-size);
  4045. margin: var(--rz-accordion-icon-margin);
  4046. }
  4047.  
  4048. .rz-accordion-toggle-icon {
  4049. width: var(--rz-accordion-icon-width);
  4050. height: var(--rz-accordion-icon-height);
  4051. font-size: var(--rz-accordion-icon-font-size);
  4052. order: var(--rz-accordion-toggle-icon-order);
  4053. }
  4054.  
  4055. .rz-accordion-toggle-icon.rzi, .rz-accordion-toggle-icon.rz-column-drag, .rz-datatable-loading-content .rz-accordion-toggle-icon.rzi-circle-o-notch, .rz-datatable-header .rz-accordion-toggle-icon.rzi-plus, .rz-sortable-column .rz-accordion-toggle-icon.rzi-grid-sort, .rz-datatable .rz-accordion-toggle-icon.rzi-chevron-circle-down, .rz-datatable .rz-accordion-toggle-icon.rzi-chevron-circle-right, .rz-fileupload-row .rz-button .rz-accordion-toggle-icon.rzi-close, .rz-fileupload-row .rz-paginator-element .rz-accordion-toggle-icon.rzi-close,
  4056. .rz-fileupload-row .rz-button .rz-accordion-toggle-icon.rzi-times,
  4057. .rz-fileupload-row .rz-paginator-element .rz-accordion-toggle-icon.rzi-times,
  4058. .rz-fileupload-row .rz-button .rz-accordion-toggle-icon.rz-icon-trash,
  4059. .rz-fileupload-row .rz-paginator-element .rz-accordion-toggle-icon.rz-icon-trash, .rz-menuitem .rz-accordion-toggle-icon.rz-menuitem-icon {
  4060. margin: var(--rz-accordion-toggle-icon-margin);
  4061. }
  4062.  
  4063. .rz-accordion-toggle-icon.rzi-chevron-right:before {
  4064. content: "arrow_right";
  4065. }
  4066.  
  4067. .rz-accordion-toggle-icon.rzi-chevron-down:before {
  4068. content: "arrow_drop_down";
  4069. }
  4070.  
  4071. .rz-state-active a[role='tab'] {
  4072. color: var(--rz-accordion-selected-color);
  4073. }
  4074.  
  4075. .rz-accordion-content-wrapper-overflown {
  4076. overflow: hidden;
  4077. }
  4078.  
  4079. .rz-accordion-content {
  4080. font-size: var(--rz-accordion-content-font-size);
  4081. background-color: var(--rz-accordion-item-background-color);
  4082. padding: var(--rz-accordion-content-padding);
  4083. }
  4084.  
  4085. :root {
  4086. --rz-panel-background-color: var(--rz-base-background-color);
  4087. --rz-panel-padding: 0.5rem;
  4088. --rz-panel-title-line-height: 1.25rem;
  4089. --rz-panel-title-font-weight: 600;
  4090. --rz-panel-content-margin: 0;
  4091. --rz-panel-toggle-icon-width: var(--rz-icon-size);
  4092. --rz-panel-toggle-icon-height: var(--rz-icon-size);
  4093. --rz-panel-toggle-icon-font-size: var(--rz-icon-size);
  4094. --rz-panel-toggle-icon-border-radius: 2px;
  4095. --rz-panel-toggle-icon-background-color: var(--rz-base-200);
  4096. --rz-panel-hover-color: var(--rz-secondary);
  4097. --rz-panel-border-radius: var(--rz-border-radius);
  4098. --rz-panel-shadow: none;
  4099. }
  4100.  
  4101. .rz-panel {
  4102. background: var(--rz-panel-background-color);
  4103. border-radius: var(--rz-panel-border-radius);
  4104. padding: var(--rz-panel-padding);
  4105. box-shadow: var(--rz-panel-shadow);
  4106. display: flex;
  4107. flex-direction: column;
  4108. }
  4109.  
  4110. .rz-panel-titlebar {
  4111. display: flex;
  4112. justify-content: space-between;
  4113. }
  4114.  
  4115. .rz-panel-content {
  4116. margin: var(--rz-panel-content-margin);
  4117. }
  4118.  
  4119. .rz-panel-content-wrapper[aria-hidden='true'] {
  4120. display: none;
  4121. }
  4122.  
  4123. .rz-panel-title {
  4124. line-height: var(--rz-panel-title-line-height);
  4125. font-weight: var(--rz-panel-title-font-weight);
  4126. }
  4127.  
  4128. .rz-panel-titlebar-toggler {
  4129. width: var(--rz-panel-toggle-icon-width);
  4130. height: var(--rz-panel-toggle-icon-height);
  4131. font-size: var(--rz-panel-toggle-icon-font-size);
  4132. border-radius: var(--rz-panel-toggle-icon-border-radius);
  4133. background-color: var(--rz-panel-toggle-icon-background-color);
  4134. color: inherit;
  4135. display: flex;
  4136. align-items: center;
  4137. justify-content: center;
  4138. }
  4139.  
  4140. .rz-panel-titlebar-toggler:hover {
  4141. text-decoration: none;
  4142. color: var(--rz-panel-hover-color);
  4143. }
  4144.  
  4145. .rz-panel-titlebar-toggler .rzi-minus:before {
  4146. content: 'remove';
  4147. }
  4148.  
  4149. .rz-panel-titlebar-toggler .rzi-plus:before {
  4150. content: 'add';
  4151. }
  4152.  
  4153. :root {
  4154. --rz-sidebar-toggle-icon-width: 1.5rem;
  4155. --rz-sidebar-toggle-icon-height: 1.5rem;
  4156. --rz-sidebar-toggle-margin: 0 1rem 0 0;
  4157. --rz-sidebar-toggle-padding: 0.8125rem;
  4158. --rz-sidebar-toggle-border: var(--rz-border-base-200);
  4159. --rz-sidebar-toggle-color: var(--rz-base-900);
  4160. --rz-sidebar-toggle-background-color: var(--rz-header-background-color);
  4161. --rz-sidebar-toggle-hover-color: var(--rz-secondary);
  4162. --rz-sidebar-toggle-hover-background-color: var(--rz-header-background-color);
  4163. --rz-sidebar-toggle-hover-border-radius: 0;
  4164. }
  4165.  
  4166. .rz-sidebar-toggle {
  4167. -webkit-appearance: none;
  4168. border: none;
  4169. padding: var(--rz-sidebar-toggle-padding);
  4170. margin: var(--rz-sidebar-toggle-margin);
  4171. border-right: var(--rz-sidebar-toggle-border);
  4172. background-color: var(--rz-sidebar-toggle-background-color);
  4173. color: var(--rz-sidebar-toggle-color);
  4174. }
  4175.  
  4176. .rz-sidebar-toggle:focus {
  4177. outline: none;
  4178. }
  4179.  
  4180. .rz-sidebar-toggle:hover {
  4181. color: var(--rz-sidebar-toggle-hover-color);
  4182. background: var(--rz-sidebar-toggle-hover-background-color);
  4183. border-radius: var(--rz-sidebar-toggle-hover-border-radius);
  4184. }
  4185.  
  4186. .rz-sidebar-toggle .rzi, .rz-sidebar-toggle .rz-column-drag, .rz-sidebar-toggle .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-sidebar-toggle .rzi-circle-o-notch, .rz-sidebar-toggle .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-sidebar-toggle .rzi-plus, .rz-sidebar-toggle .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-sidebar-toggle .rzi-grid-sort, .rz-sidebar-toggle .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-sidebar-toggle .rzi-chevron-circle-down, .rz-sidebar-toggle .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-sidebar-toggle .rzi-chevron-circle-right, .rz-sidebar-toggle .rz-fileupload-row .rz-button .rzi-close, .rz-sidebar-toggle .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-sidebar-toggle .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-sidebar-toggle .rzi-close,
  4187. .rz-sidebar-toggle .rz-fileupload-row .rz-button .rzi-times,
  4188. .rz-sidebar-toggle .rz-fileupload-row .rz-paginator-element .rzi-times,
  4189. .rz-fileupload-row .rz-button .rz-sidebar-toggle .rzi-times,
  4190. .rz-fileupload-row .rz-paginator-element .rz-sidebar-toggle .rzi-times,
  4191. .rz-sidebar-toggle .rz-fileupload-row .rz-button .rz-icon-trash,
  4192. .rz-sidebar-toggle .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
  4193. .rz-fileupload-row .rz-button .rz-sidebar-toggle .rz-icon-trash,
  4194. .rz-fileupload-row .rz-paginator-element .rz-sidebar-toggle .rz-icon-trash, .rz-sidebar-toggle .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-sidebar-toggle .rz-menuitem-icon {
  4195. width: var(--rz-sidebar-toggle-icon-width);
  4196. height: var(--rz-sidebar-toggle-icon-height);
  4197. font-size: var(--rz-sidebar-toggle-icon-width);
  4198. }
  4199.  
  4200. .rz-navigation-item-link {
  4201. display: flex;
  4202. align-items: center;
  4203. cursor: pointer;
  4204. }
  4205.  
  4206. .rz-navigation-item-link:hover {
  4207. text-decoration: none;
  4208. }
  4209.  
  4210. .rz-navigation-item-text {
  4211. flex: auto;
  4212. }
  4213.  
  4214. :root {
  4215. --rz-menu-background-color: var(--rz-base-background-color);
  4216. --rz-menu-border: var(--rz-border-normal);
  4217. --rz-menu-border-radius: 2px;
  4218. --rz-menu-item-padding: 0.5rem 1rem 0.5rem 0.5rem;
  4219. --rz-menu-item-border-radius: 0;
  4220. --rz-menu-item-color: var(--rz-text-color);
  4221. --rz-menu-item-hover-color: var(--rz-text-contrast-color);
  4222. --rz-menu-item-hover-background-color: var(--rz-secondary-light);
  4223. --rz-menu-item-selected-color: var(--rz-text-color);
  4224. --rz-menu-item-icon-margin: 0 0.5rem 0 0;
  4225. --rz-menu-item-icon-color: var(--rz-text-color);
  4226. --rz-menu-item-icon-hover-color: var(--rz-text-contrast-color);
  4227. --rz-menu-item-offset: 1rem;
  4228. --rz-menu-item-transition: none;
  4229. --rz-menu-top-item-padding: 0.5rem;
  4230. --rz-menu-top-item-border-radius: 0;
  4231. --rz-menu-top-item-hover-color: var(--rz-secondary);
  4232. --rz-menu-top-item-hover-background-color: transparent;
  4233. --rz-menu-top-item-background-color: var(--rz-base-background-color);
  4234. --rz-menu-top-item-color: var(--rz-text-color);
  4235. --rz-context-menu-padding: 0;
  4236. --rz-context-menu-box-shadow: 0 10px 8px 0 rgba(58, 71, 77, 0.06);
  4237. }
  4238.  
  4239. .rz-context-menu .rz-menu {
  4240. flex-direction: column;
  4241. }
  4242.  
  4243. .rz-context-menu .rz-menu, .rz-context-menu .rz-navigation-menu {
  4244. box-shadow: var(--rz-context-menu-box-shadow);
  4245. border: var(--rz-menu-border);
  4246. border-radius: var(--rz-menu-border-radius);
  4247. }
  4248.  
  4249. .rz-menu:not(.rz-profile-menu) {
  4250. list-style: none;
  4251. margin: 0;
  4252. padding: 0;
  4253. display: flex;
  4254. background-color: var(--rz-menu-top-item-background-color);
  4255. }
  4256.  
  4257. .rz-context-menu .rz-menu:not(.rz-profile-menu) {
  4258. padding: var(--rz-context-menu-padding);
  4259. }
  4260.  
  4261. .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link {
  4262. color: var(--rz-menu-top-item-color);
  4263. white-space: nowrap;
  4264. }
  4265.  
  4266. .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-column-drag:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-datatable-loading-content .rzi-circle-o-notch:not(.rz-navigation-item-icon-children), .rz-datatable-loading-content .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi-circle-o-notch:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-datatable-header .rzi-plus:not(.rz-navigation-item-icon-children), .rz-datatable-header .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi-plus:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-sortable-column .rzi-grid-sort:not(.rz-navigation-item-icon-children), .rz-sortable-column .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi-grid-sort:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-datatable .rzi-chevron-circle-down:not(.rz-navigation-item-icon-children), .rz-datatable .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi-chevron-circle-down:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-datatable .rzi-chevron-circle-right:not(.rz-navigation-item-icon-children), .rz-datatable .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi-chevron-circle-right:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-fileupload-row .rz-button .rzi-close:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-fileupload-row .rz-paginator-element .rzi-close:not(.rz-navigation-item-icon-children), .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi-close:not(.rz-navigation-item-icon-children), .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi-close:not(.rz-navigation-item-icon-children),
  4267. .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-fileupload-row .rz-button .rzi-times:not(.rz-navigation-item-icon-children),
  4268. .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-fileupload-row .rz-paginator-element .rzi-times:not(.rz-navigation-item-icon-children),
  4269. .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi-times:not(.rz-navigation-item-icon-children),
  4270. .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi-times:not(.rz-navigation-item-icon-children),
  4271. .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-fileupload-row .rz-button .rz-icon-trash:not(.rz-navigation-item-icon-children),
  4272. .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-fileupload-row .rz-paginator-element .rz-icon-trash:not(.rz-navigation-item-icon-children),
  4273. .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-icon-trash:not(.rz-navigation-item-icon-children),
  4274. .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-icon-trash:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-menuitem .rz-menuitem-icon:not(.rz-navigation-item-icon-children), .rz-menuitem .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-menuitem-icon:not(.rz-navigation-item-icon-children) {
  4275. color: var(--rz-menu-item-icon-color);
  4276. }
  4277.  
  4278. .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper {
  4279. border-radius: var(--rz-menu-top-item-border-radius);
  4280. }
  4281.  
  4282. .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper .rz-navigation-item-link {
  4283. padding: var(--rz-menu-top-item-padding);
  4284. }
  4285.  
  4286. .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover {
  4287. background-color: var(--rz-menu-top-item-hover-background-color);
  4288. }
  4289.  
  4290. .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link {
  4291. color: var(--rz-menu-top-item-hover-color);
  4292. }
  4293.  
  4294. .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-column-drag:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-datatable-loading-content .rzi-circle-o-notch:not(.rz-navigation-item-icon-children), .rz-datatable-loading-content .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-circle-o-notch:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-datatable-header .rzi-plus:not(.rz-navigation-item-icon-children), .rz-datatable-header .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-plus:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-sortable-column .rzi-grid-sort:not(.rz-navigation-item-icon-children), .rz-sortable-column .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-grid-sort:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-datatable .rzi-chevron-circle-down:not(.rz-navigation-item-icon-children), .rz-datatable .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-chevron-circle-down:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-datatable .rzi-chevron-circle-right:not(.rz-navigation-item-icon-children), .rz-datatable .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-chevron-circle-right:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-fileupload-row .rz-button .rzi-close:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-fileupload-row .rz-paginator-element .rzi-close:not(.rz-navigation-item-icon-children), .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-close:not(.rz-navigation-item-icon-children), .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-close:not(.rz-navigation-item-icon-children),
  4295. .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-fileupload-row .rz-button .rzi-times:not(.rz-navigation-item-icon-children),
  4296. .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-fileupload-row .rz-paginator-element .rzi-times:not(.rz-navigation-item-icon-children),
  4297. .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-times:not(.rz-navigation-item-icon-children),
  4298. .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-times:not(.rz-navigation-item-icon-children),
  4299. .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-fileupload-row .rz-button .rz-icon-trash:not(.rz-navigation-item-icon-children),
  4300. .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-fileupload-row .rz-paginator-element .rz-icon-trash:not(.rz-navigation-item-icon-children),
  4301. .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-icon-trash:not(.rz-navigation-item-icon-children),
  4302. .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-icon-trash:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-menuitem .rz-menuitem-icon:not(.rz-navigation-item-icon-children), .rz-menuitem .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-menuitem-icon:not(.rz-navigation-item-icon-children) {
  4303. color: var(--rz-menu-item-icon-hover-color);
  4304. }
  4305.  
  4306. .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link {
  4307. color: var(--rz-menu-item-selected-color);
  4308. }
  4309.  
  4310. .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rz-column-drag:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rz-datatable-loading-content .rzi-circle-o-notch:not(.rz-navigation-item-icon-children), .rz-datatable-loading-content .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi-circle-o-notch:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rz-datatable-header .rzi-plus:not(.rz-navigation-item-icon-children), .rz-datatable-header .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi-plus:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rz-sortable-column .rzi-grid-sort:not(.rz-navigation-item-icon-children), .rz-sortable-column .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi-grid-sort:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rz-datatable .rzi-chevron-circle-down:not(.rz-navigation-item-icon-children), .rz-datatable .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi-chevron-circle-down:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rz-datatable .rzi-chevron-circle-right:not(.rz-navigation-item-icon-children), .rz-datatable .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi-chevron-circle-right:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rz-fileupload-row .rz-button .rzi-close:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rz-fileupload-row .rz-paginator-element .rzi-close:not(.rz-navigation-item-icon-children), .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi-close:not(.rz-navigation-item-icon-children), .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi-close:not(.rz-navigation-item-icon-children),
  4311. .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rz-fileupload-row .rz-button .rzi-times:not(.rz-navigation-item-icon-children),
  4312. .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rz-fileupload-row .rz-paginator-element .rzi-times:not(.rz-navigation-item-icon-children),
  4313. .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi-times:not(.rz-navigation-item-icon-children),
  4314. .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi-times:not(.rz-navigation-item-icon-children),
  4315. .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rz-fileupload-row .rz-button .rz-icon-trash:not(.rz-navigation-item-icon-children),
  4316. .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rz-fileupload-row .rz-paginator-element .rz-icon-trash:not(.rz-navigation-item-icon-children),
  4317. .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rz-icon-trash:not(.rz-navigation-item-icon-children),
  4318. .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rz-icon-trash:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rz-menuitem .rz-menuitem-icon:not(.rz-navigation-item-icon-children), .rz-menuitem .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rz-menuitem-icon:not(.rz-navigation-item-icon-children) {
  4319. color: var(--rz-menu-item-selected-color);
  4320. }
  4321.  
  4322. .rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before {
  4323. position: absolute;
  4324. content: '';
  4325. bottom: -2px;
  4326. height: 1px;
  4327. left: 0;
  4328. right: 0;
  4329. background-color: var(--rz-menu-item-selected-color);
  4330. margin-left: 0.5rem;
  4331. margin-right: 0.5rem;
  4332. }
  4333.  
  4334. .rz-menu:not(.rz-profile-menu) .rz-navigation-item {
  4335. position: relative;
  4336. }
  4337.  
  4338. .rz-menu:not(.rz-profile-menu) .rz-navigation-menu {
  4339. list-style: none;
  4340. overflow: hidden;
  4341. position: absolute;
  4342. padding: var(--rz-context-menu-padding);
  4343. margin: 0;
  4344. min-width: 100%;
  4345. box-shadow: var(--rz-context-menu-box-shadow);
  4346. z-index: 3;
  4347. border-radius: var(--rz-menu-border-radius);
  4348. background-color: var(--rz-menu-background-color);
  4349. }
  4350.  
  4351. .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper {
  4352. border-radius: var(--rz-menu-item-border-radius);
  4353. }
  4354.  
  4355. .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper .rz-navigation-item-link {
  4356. padding: var(--rz-menu-item-padding);
  4357. }
  4358.  
  4359. .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover {
  4360. background-color: var(--rz-menu-item-hover-background-color);
  4361. }
  4362.  
  4363. .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link {
  4364. color: var(--rz-menu-item-hover-color);
  4365. }
  4366.  
  4367. .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-column-drag:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-datatable-loading-content .rzi-circle-o-notch:not(.rz-navigation-item-icon-children), .rz-datatable-loading-content .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-circle-o-notch:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-datatable-header .rzi-plus:not(.rz-navigation-item-icon-children), .rz-datatable-header .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-plus:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-sortable-column .rzi-grid-sort:not(.rz-navigation-item-icon-children), .rz-sortable-column .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-grid-sort:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-datatable .rzi-chevron-circle-down:not(.rz-navigation-item-icon-children), .rz-datatable .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-chevron-circle-down:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-datatable .rzi-chevron-circle-right:not(.rz-navigation-item-icon-children), .rz-datatable .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-chevron-circle-right:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-fileupload-row .rz-button .rzi-close:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-fileupload-row .rz-paginator-element .rzi-close:not(.rz-navigation-item-icon-children), .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-close:not(.rz-navigation-item-icon-children), .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-close:not(.rz-navigation-item-icon-children),
  4368. .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-fileupload-row .rz-button .rzi-times:not(.rz-navigation-item-icon-children),
  4369. .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-fileupload-row .rz-paginator-element .rzi-times:not(.rz-navigation-item-icon-children),
  4370. .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-times:not(.rz-navigation-item-icon-children),
  4371. .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-times:not(.rz-navigation-item-icon-children),
  4372. .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-fileupload-row .rz-button .rz-icon-trash:not(.rz-navigation-item-icon-children),
  4373. .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-fileupload-row .rz-paginator-element .rz-icon-trash:not(.rz-navigation-item-icon-children),
  4374. .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-icon-trash:not(.rz-navigation-item-icon-children),
  4375. .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-icon-trash:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-menuitem .rz-menuitem-icon:not(.rz-navigation-item-icon-children), .rz-menuitem .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-menuitem-icon:not(.rz-navigation-item-icon-children) {
  4376. color: var(--rz-menu-item-icon-hover-color);
  4377. }
  4378.  
  4379. .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link {
  4380. color: var(--rz-menu-item-color);
  4381. white-space: nowrap;
  4382. }
  4383.  
  4384. .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rz-column-drag:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rz-datatable-loading-content .rzi-circle-o-notch:not(.rz-navigation-item-icon-children), .rz-datatable-loading-content .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi-circle-o-notch:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rz-datatable-header .rzi-plus:not(.rz-navigation-item-icon-children), .rz-datatable-header .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi-plus:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rz-sortable-column .rzi-grid-sort:not(.rz-navigation-item-icon-children), .rz-sortable-column .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi-grid-sort:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rz-datatable .rzi-chevron-circle-down:not(.rz-navigation-item-icon-children), .rz-datatable .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi-chevron-circle-down:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rz-datatable .rzi-chevron-circle-right:not(.rz-navigation-item-icon-children), .rz-datatable .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi-chevron-circle-right:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rz-fileupload-row .rz-button .rzi-close:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rz-fileupload-row .rz-paginator-element .rzi-close:not(.rz-navigation-item-icon-children), .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi-close:not(.rz-navigation-item-icon-children), .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi-close:not(.rz-navigation-item-icon-children),
  4385. .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rz-fileupload-row .rz-button .rzi-times:not(.rz-navigation-item-icon-children),
  4386. .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rz-fileupload-row .rz-paginator-element .rzi-times:not(.rz-navigation-item-icon-children),
  4387. .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi-times:not(.rz-navigation-item-icon-children),
  4388. .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi-times:not(.rz-navigation-item-icon-children),
  4389. .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rz-fileupload-row .rz-button .rz-icon-trash:not(.rz-navigation-item-icon-children),
  4390. .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rz-fileupload-row .rz-paginator-element .rz-icon-trash:not(.rz-navigation-item-icon-children),
  4391. .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rz-icon-trash:not(.rz-navigation-item-icon-children),
  4392. .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rz-icon-trash:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rz-menuitem .rz-menuitem-icon:not(.rz-navigation-item-icon-children), .rz-menuitem .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rz-menuitem-icon:not(.rz-navigation-item-icon-children) {
  4393. color: var(--rz-menu-item-icon-color);
  4394. }
  4395.  
  4396. .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu {
  4397. position: static;
  4398. box-shadow: none;
  4399. }
  4400.  
  4401. .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link {
  4402. color: var(--rz-menu-item-color);
  4403. margin-left: var(--rz-menu-item-offset);
  4404. }
  4405.  
  4406. .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link {
  4407. margin-left: calc(var(--rz-menu-item-offset) * 2);
  4408. }
  4409.  
  4410. .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link {
  4411. margin-left: calc(var(--rz-menu-item-offset) * 3);
  4412. }
  4413.  
  4414. .rz-menu:not(.rz-profile-menu) .rzi:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-column-drag:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-datatable-loading-content .rzi-circle-o-notch:not(.rz-navigation-item-icon-children), .rz-datatable-loading-content .rz-menu:not(.rz-profile-menu) .rzi-circle-o-notch:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-datatable-header .rzi-plus:not(.rz-navigation-item-icon-children), .rz-datatable-header .rz-menu:not(.rz-profile-menu) .rzi-plus:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-sortable-column .rzi-grid-sort:not(.rz-navigation-item-icon-children), .rz-sortable-column .rz-menu:not(.rz-profile-menu) .rzi-grid-sort:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-datatable .rzi-chevron-circle-down:not(.rz-navigation-item-icon-children), .rz-datatable .rz-menu:not(.rz-profile-menu) .rzi-chevron-circle-down:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-datatable .rzi-chevron-circle-right:not(.rz-navigation-item-icon-children), .rz-datatable .rz-menu:not(.rz-profile-menu) .rzi-chevron-circle-right:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-fileupload-row .rz-button .rzi-close:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-fileupload-row .rz-paginator-element .rzi-close:not(.rz-navigation-item-icon-children), .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rzi-close:not(.rz-navigation-item-icon-children), .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rzi-close:not(.rz-navigation-item-icon-children),
  4415. .rz-menu:not(.rz-profile-menu) .rz-fileupload-row .rz-button .rzi-times:not(.rz-navigation-item-icon-children),
  4416. .rz-menu:not(.rz-profile-menu) .rz-fileupload-row .rz-paginator-element .rzi-times:not(.rz-navigation-item-icon-children),
  4417. .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rzi-times:not(.rz-navigation-item-icon-children),
  4418. .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rzi-times:not(.rz-navigation-item-icon-children),
  4419. .rz-menu:not(.rz-profile-menu) .rz-fileupload-row .rz-button .rz-icon-trash:not(.rz-navigation-item-icon-children),
  4420. .rz-menu:not(.rz-profile-menu) .rz-fileupload-row .rz-paginator-element .rz-icon-trash:not(.rz-navigation-item-icon-children),
  4421. .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-icon-trash:not(.rz-navigation-item-icon-children),
  4422. .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-icon-trash:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-menuitem .rz-menuitem-icon:not(.rz-navigation-item-icon-children), .rz-menuitem .rz-menu:not(.rz-profile-menu) .rz-menuitem-icon:not(.rz-navigation-item-icon-children) {
  4423. margin: var(--rz-menu-item-icon-margin);
  4424. }
  4425.  
  4426. .rz-navigation-item-wrapper,
  4427. .rz-navigation-item-link,
  4428. .rz-navigation-item-text {
  4429. transition: var(--rz-menu-item-transition);
  4430. }
  4431.  
  4432. .rz-menu-toggle-item {
  4433. display: none;
  4434. padding: var(--rz-menu-top-item-padding);
  4435. text-align: right;
  4436. width: 100%;
  4437. height: 100%;
  4438. }
  4439.  
  4440. .rz-menu-toggle {
  4441. appearance: none;
  4442. background-color: transparent;
  4443. border: none;
  4444. display: inline-flex;
  4445. align-items: center;
  4446. justify-content: center;
  4447. padding: 0;
  4448. }
  4449.  
  4450. .rz-menu-toggle:active {
  4451. background-color: transparent;
  4452. color: inherit;
  4453. }
  4454.  
  4455. @media (max-width: 768px) {
  4456. .rz-menu.rz-menu-closed:not(.rz-profile-menu) .rz-navigation-item {
  4457. display: none;
  4458. }
  4459. .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rzi, .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rz-column-drag, .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rzi-circle-o-notch, .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rzi-plus, .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rzi-grid-sort, .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rzi-chevron-circle-down, .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rzi-chevron-circle-right, .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rz-fileupload-row .rz-button .rzi-close, .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rzi-close,
  4460. .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rz-fileupload-row .rz-button .rzi-times,
  4461. .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rz-fileupload-row .rz-paginator-element .rzi-times,
  4462. .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rzi-times,
  4463. .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rzi-times,
  4464. .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rz-fileupload-row .rz-button .rz-icon-trash,
  4465. .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
  4466. .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rz-icon-trash,
  4467. .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rz-icon-trash, .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rz-menuitem-icon {
  4468. margin: 0;
  4469. }
  4470. .rz-menu.rz-menu-open:not(.rz-profile-menu) {
  4471. display: block;
  4472. }
  4473. .rz-menu.rz-menu-open:not(.rz-profile-menu) .rz-navigation-item {
  4474. background-color: inherit;
  4475. }
  4476. .rz-menu.rz-menu-open:not(.rz-profile-menu) .rz-navigation-menu {
  4477. position: static;
  4478. box-shadow: none;
  4479. }
  4480. .rz-menu:not(.rz-profile-menu) .rz-menu-toggle-item {
  4481. display: block;
  4482. }
  4483. .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active:before {
  4484. display: none !important;
  4485. }
  4486. }
  4487.  
  4488. :root {
  4489. --rz-panel-menu-font-size: var(--rz-body-font-size);
  4490. --rz-panel-menu-font-weight: 600;
  4491. --rz-panel-menu-color: var(--rz-text-contrast-color);
  4492. --rz-panel-menu-background-color: var(--rz-base-800);
  4493. --rz-panel-menu-hover-background-color: rgba(0, 0, 0, 0.3);
  4494. --rz-panel-menu-hover-color: var(--rz-text-contrast-color);
  4495. --rz-panel-menu-item-line-height: 1.25rem;
  4496. --rz-panel-menu-item-padding: 0.75rem 1rem;
  4497. --rz-panel-menu-item-border: var(--rz-border-base-900);
  4498. --rz-panel-menu-item-active-background-color: var(--rz-base-900);
  4499. --rz-panel-menu-item-background-color: var(--rz-base-900);
  4500. --rz-panel-menu-item-active-color: var(--rz-text-contrast-color);
  4501. --rz-panel-menu-item-active-indicator: var(--rz-secondary);
  4502. --rz-panel-menu-item-offset: 0.75rem;
  4503. --rz-panel-menu-item-transition: var(--rz-transition-all);
  4504. --rz-panel-menu-2nd-level-vertical-offset: 0;
  4505. --rz-panel-menu-item-2nd-level-padding: 0.5rem 1rem;
  4506. --rz-panel-menu-item-2nd-level-margin: 0;
  4507. --rz-panel-menu-item-2nd-level-border-radius: 0;
  4508. --rz-panel-menu-item-2nd-level-offset: 2.75rem;
  4509. --rz-panel-menu-item-2nd-level-font-size: var(--rz-body-font-size);
  4510. --rz-panel-menu-item-2nd-level-font-weight: 400;
  4511. --rz-panel-menu-item-2nd-level-color: inherit;
  4512. --rz-panel-menu-item-2nd-level-hover-background-color: rgba(0, 0, 0, 0.4);
  4513. --rz-panel-menu-item-2nd-level-background-color: rgba(0, 0, 0, 0.4);
  4514. --rz-panel-menu-item-2nd-level-hover-color: inherit;
  4515. --rz-panel-menu-item-2nd-level-active-background-color: rgba(0, 0, 0, 0.4);
  4516. --rz-panel-menu-item-2nd-level-active-color: inherit;
  4517. --rz-panel-menu-item-2nd-level-active-font-weight: inherit;
  4518. --rz-panel-menu-item-3rd-level-hover-background-color: rgba(0, 0, 0, 0.6);
  4519. --rz-panel-menu-item-3rd-level-hover-color: inherit;
  4520. --rz-panel-menu-item-3rd-level-active-background-color: rgba(0, 0, 0, 0.6);
  4521. --rz-panel-menu-item-3rd-level-active-color: inherit;
  4522. --rz-panel-menu-icon-width: var(--rz-icon-size);
  4523. --rz-panel-menu-icon-font-size: var(--rz-icon-size);
  4524. --rz-panel-menu-icon-color: inherit;
  4525. --rz-panel-menu-icon-height: var(--rz-icon-size);
  4526. --rz-panel-menu-icon-margin: 0 0.5rem 0 0;
  4527. --rz-panel-menu-icon-2nd-level-margin: 0 0.625rem 0 -1.625rem;
  4528. --rz-panel-menu-icon-2nd-level-icon-size: calc(var(--rz-icon-size)*0.8);
  4529. --rz-panel-menu-toggle-icon-font-size: var(--rz-icon-size);
  4530. --rz-panel-menu-toggle-icon-opacity: 1;
  4531. }
  4532.  
  4533. .rz-panel-menu {
  4534. list-style: none;
  4535. padding: 0;
  4536. margin-bottom: 0;
  4537. overflow: auto;
  4538. font-size: var(--rz-panel-menu-font-size);
  4539. font-weight: var(--rz-panel-menu-font-weight);
  4540. color: var(--rz-panel-menu-color);
  4541. background-color: var(--rz-panel-menu-background-color);
  4542. }
  4543.  
  4544. .rz-panel-menu .rz-navigation-item {
  4545. border-bottom: var(--rz-panel-menu-item-border);
  4546. }
  4547.  
  4548. .rz-panel-menu .rz-navigation-item-wrapper {
  4549. position: relative;
  4550. line-height: var(--rz-panel-menu-item-line-height);
  4551. transition: var(--rz-panel-menu-item-transition);
  4552. }
  4553.  
  4554. .rz-panel-menu .rz-navigation-item-wrapper:hover {
  4555. background-color: var(--rz-panel-menu-hover-background-color);
  4556. color: var(--rz-panel-menu-hover-color);
  4557. }
  4558.  
  4559. .rz-panel-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-icon {
  4560. color: var(--rz-panel-menu-hover-color);
  4561. }
  4562.  
  4563. .rz-panel-menu .rz-navigation-item-active,
  4564. .rz-panel-menu .rz-navigation-item-wrapper-active {
  4565. background-color: var(--rz-panel-menu-item-active-background-color);
  4566. color: var(--rz-panel-menu-item-active-color);
  4567. }
  4568.  
  4569. .rz-panel-menu .rz-navigation-item-active:before,
  4570. .rz-panel-menu .rz-navigation-item-wrapper-active:before {
  4571. position: absolute;
  4572. content: '';
  4573. top: 0;
  4574. bottom: 0;
  4575. width: 4px;
  4576. background-color: var(--rz-panel-menu-item-active-indicator);
  4577. }
  4578.  
  4579. .rz-panel-menu .rz-navigation-item-active .rz-navigation-item-icon,
  4580. .rz-panel-menu .rz-navigation-item-wrapper-active .rz-navigation-item-icon {
  4581. color: var(--rz-panel-menu-item-active-color);
  4582. }
  4583.  
  4584. .rz-panel-menu .rz-navigation-item-link {
  4585. padding: var(--rz-panel-menu-item-padding);
  4586. color: inherit;
  4587. cursor: pointer;
  4588. }
  4589.  
  4590. .rz-panel-menu a.rz-navigation-item-link {
  4591. cursor: pointer;
  4592. }
  4593.  
  4594. .rz-panel-menu .rz-navigation-item-text {
  4595. flex: auto;
  4596. }
  4597.  
  4598. .rz-panel-menu .rz-navigation-item-icon-children {
  4599. font-size: var(--rz-panel-menu-toggle-icon-font-size);
  4600. opacity: var(--rz-panel-menu-toggle-icon-opacity);
  4601. }
  4602.  
  4603. .rz-panel-menu .rz-navigation-item-icon {
  4604. height: var(--rz-panel-menu-icon-height);
  4605. width: var(--rz-panel-menu-icon-width);
  4606. color: var(--rz-panel-menu-icon-color);
  4607. margin: var(--rz-panel-menu-icon-margin);
  4608. font-size: var(--rz-panel-menu-icon-font-size);
  4609. transition: var(--rz-panel-menu-item-transition);
  4610. }
  4611.  
  4612. .rz-panel-menu .rz-navigation-menu {
  4613. list-style: none;
  4614. padding: 0;
  4615. margin-bottom: 0;
  4616. overflow: hidden;
  4617. }
  4618.  
  4619. .rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper {
  4620. margin: var(--rz-panel-menu-item-2nd-level-margin);
  4621. border-radius: var(--rz-panel-menu-item-2nd-level-border-radius);
  4622. background-color: var(--rz-panel-menu-item-background-color);
  4623. overflow: hidden;
  4624. }
  4625.  
  4626. .rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover {
  4627. background-color: var(--rz-panel-menu-item-2nd-level-hover-background-color);
  4628. color: var(--rz-panel-menu-item-2nd-level-hover-color);
  4629. }
  4630.  
  4631. .rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-icon {
  4632. color: var(--rz-panel-menu-item-2nd-level-hover-color);
  4633. }
  4634.  
  4635. .rz-panel-menu .rz-navigation-menu .rz-navigation-item-active,
  4636. .rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper-active {
  4637. background-color: var(--rz-panel-menu-item-2nd-level-active-background-color);
  4638. color: var(--rz-panel-menu-item-2nd-level-active-color);
  4639. font-weight: var(--rz-panel-menu-item-2nd-level-active-font-weight);
  4640. }
  4641.  
  4642. .rz-panel-menu .rz-navigation-menu .rz-navigation-item-active .rz-navigation-item-icon,
  4643. .rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper-active .rz-navigation-item-icon {
  4644. color: var(--rz-panel-menu-item-2nd-level-active-color);
  4645. }
  4646.  
  4647. .rz-panel-menu .rz-navigation-menu .rz-navigation-item-icon {
  4648. height: var(--rz-panel-menu-icon-2nd-level-icon-size);
  4649. width: var(--rz-panel-menu-icon-2nd-level-icon-size);
  4650. font-size: var(--rz-panel-menu-icon-2nd-level-icon-size);
  4651. margin: var(--rz-panel-menu-icon-2nd-level-margin);
  4652. }
  4653.  
  4654. .rz-panel-menu .rz-navigation-menu .rz-navigation-menu {
  4655. margin: 0;
  4656. }
  4657.  
  4658. .rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link {
  4659. padding-left: var(--rz-panel-menu-item-offset);
  4660. }
  4661.  
  4662. .rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper {
  4663. background-color: var(--rz-panel-menu-item-2nd-level-background-color);
  4664. color: var(--rz-panel-menu-item-2nd-level-color);
  4665. }
  4666.  
  4667. .rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover {
  4668. background-color: var(--rz-panel-menu-item-3rd-level-hover-background-color);
  4669. color: var(--rz-panel-menu-item-3rd-level-hover-color);
  4670. }
  4671.  
  4672. .rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-active,
  4673. .rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper-active {
  4674. background-color: var(--rz-panel-menu-item-3rd-level-active-background-color);
  4675. color: var(--rz-panel-menu-item-3rd-level-active-color);
  4676. }
  4677.  
  4678. .rz-panel-menu .rz-navigation-menu .rz-navigation-item {
  4679. border-bottom: none;
  4680. color: var(--rz-panel-menu-item-2nd-level-color);
  4681. font-size: var(--rz-panel-menu-item-2nd-level-font-size);
  4682. font-weight: var(--rz-panel-menu-item-2nd-level-font-weight);
  4683. }
  4684.  
  4685. .rz-panel-menu .rz-navigation-menu .rz-navigation-item:first-child {
  4686. margin-top: var(--rz-panel-menu-2nd-level-vertical-offset);
  4687. }
  4688.  
  4689. .rz-panel-menu .rz-navigation-menu .rz-navigation-item:last-child {
  4690. margin-bottom: var(--rz-panel-menu-2nd-level-vertical-offset);
  4691. }
  4692.  
  4693. .rz-panel-menu .rz-navigation-menu .rz-navigation-item .rz-navigation-item-link {
  4694. padding: var(--rz-panel-menu-item-2nd-level-padding);
  4695. padding-left: var(--rz-panel-menu-item-2nd-level-offset);
  4696. }
  4697.  
  4698. :root {
  4699. --rz-profile-menu-background-color: var(--rz-base-background-color);
  4700. --rz-profile-menu-top-item-background-color: var(--rz-base-background-color);
  4701. --rz-profile-menu-border: var(--rz-border-base-200);
  4702. --rz-profile-menu-padding: 0.625rem 1rem;
  4703. --rz-profile-menu-border-radius: var(--rz-border-radius);
  4704. --rz-profile-menu-toggle-button-color: var(--rz-secondary);
  4705. --rz-profile-menu-item-hover-background-color: var(--rz-secondary);
  4706. --rz-profile-menu-item-icon-width: var(--rz-icon-size);
  4707. --rz-profile-menu-item-icon-height: var(--rz-icon-size);
  4708. --rz-profile-menu-item-icon-font-size: var(--rz-icon-size);
  4709. --rz-profile-menu-item-icon-margin: 0 0.5rem 0 0;
  4710. }
  4711.  
  4712. ul.rz-profile-menu {
  4713. list-style: none;
  4714. margin-bottom: 0;
  4715. padding: var(--rz-profile-menu-padding);
  4716. display: inline-block;
  4717. background-color: var(--rz-profile-menu-top-item-background-color);
  4718. border-left: var(--rz-profile-menu-border);
  4719. position: relative;
  4720. z-index: 3;
  4721. }
  4722.  
  4723. ul.rz-profile-menu .rz-navigation-item-icon-children {
  4724. color: var(--rz-profile-menu-toggle-button-color);
  4725. }
  4726.  
  4727. ul.rz-profile-menu .rz-navigation-menu {
  4728. border-radius: var(--rz-profile-menu-border-radius);
  4729. background-color: var(--rz-profile-menu-background-color);
  4730. box-shadow: var(--rz-context-menu-box-shadow);
  4731. overflow: hidden;
  4732. margin-bottom: 0;
  4733. padding: var(--rz-context-menu-padding);
  4734. position: absolute;
  4735. text-align: left;
  4736. top: calc(100% - 2px);
  4737. min-width: 100%;
  4738. right: 0;
  4739. white-space: nowrap;
  4740. }
  4741.  
  4742. ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-wrapper .rz-navigation-item-link {
  4743. padding: var(--rz-menu-item-padding);
  4744. }
  4745.  
  4746. ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover {
  4747. background-color: var(--rz-profile-menu-item-hover-background-color);
  4748. color: var(--rz-menu-item-hover-color);
  4749. }
  4750.  
  4751. ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link {
  4752. color: var(--rz-menu-item-hover-color);
  4753. }
  4754.  
  4755. ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-text {
  4756. color: var(--rz-menu-item-hover-color);
  4757. }
  4758.  
  4759. ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-link,
  4760. ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-text {
  4761. color: var(--rz-menu-item-color);
  4762. }
  4763.  
  4764. ul.rz-profile-menu .rz-navigation-menu .rzi, ul.rz-profile-menu .rz-navigation-menu .rz-column-drag, ul.rz-profile-menu .rz-navigation-menu .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content ul.rz-profile-menu .rz-navigation-menu .rzi-circle-o-notch, ul.rz-profile-menu .rz-navigation-menu .rz-datatable-header .rzi-plus, .rz-datatable-header ul.rz-profile-menu .rz-navigation-menu .rzi-plus, ul.rz-profile-menu .rz-navigation-menu .rz-sortable-column .rzi-grid-sort, .rz-sortable-column ul.rz-profile-menu .rz-navigation-menu .rzi-grid-sort, ul.rz-profile-menu .rz-navigation-menu .rz-datatable .rzi-chevron-circle-down, .rz-datatable ul.rz-profile-menu .rz-navigation-menu .rzi-chevron-circle-down, ul.rz-profile-menu .rz-navigation-menu .rz-datatable .rzi-chevron-circle-right, .rz-datatable ul.rz-profile-menu .rz-navigation-menu .rzi-chevron-circle-right, ul.rz-profile-menu .rz-navigation-menu .rz-fileupload-row .rz-button .rzi-close, ul.rz-profile-menu .rz-navigation-menu .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button ul.rz-profile-menu .rz-navigation-menu .rzi-close, .rz-fileupload-row .rz-paginator-element ul.rz-profile-menu .rz-navigation-menu .rzi-close,
  4765. ul.rz-profile-menu .rz-navigation-menu .rz-fileupload-row .rz-button .rzi-times,
  4766. ul.rz-profile-menu .rz-navigation-menu .rz-fileupload-row .rz-paginator-element .rzi-times,
  4767. .rz-fileupload-row .rz-button ul.rz-profile-menu .rz-navigation-menu .rzi-times,
  4768. .rz-fileupload-row .rz-paginator-element ul.rz-profile-menu .rz-navigation-menu .rzi-times,
  4769. ul.rz-profile-menu .rz-navigation-menu .rz-fileupload-row .rz-button .rz-icon-trash,
  4770. ul.rz-profile-menu .rz-navigation-menu .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
  4771. .rz-fileupload-row .rz-button ul.rz-profile-menu .rz-navigation-menu .rz-icon-trash,
  4772. .rz-fileupload-row .rz-paginator-element ul.rz-profile-menu .rz-navigation-menu .rz-icon-trash, ul.rz-profile-menu .rz-navigation-menu .rz-menuitem .rz-menuitem-icon, .rz-menuitem ul.rz-profile-menu .rz-navigation-menu .rz-menuitem-icon {
  4773. width: var(--rz-profile-menu-item-icon-width);
  4774. height: var(--rz-profile-menu-item-icon-height);
  4775. font-size: var(--rz-profile-menu-item-icon-font-size);
  4776. margin: var(--rz-profile-menu-item-icon-margin);
  4777. }
  4778.  
  4779. :root {
  4780. --rz-gravatar-width: 2rem;
  4781. --rz-gravatar-height: 2rem;
  4782. --rz-gravatar-border-radius: 50%;
  4783. --rz-gravatar-box-shadow: none;
  4784. }
  4785.  
  4786. .rz-gravatar {
  4787. width: var(--rz-gravatar-width);
  4788. height: var(--rz-gravatar-height);
  4789. display: inline-block;
  4790. border-radius: var(--rz-gravatar-border-radius);
  4791. box-shadow: var(--rz-gravatar-box-shadow);
  4792. }
  4793.  
  4794. :root {
  4795. --rz-steps-color: var(--rz-text-color);
  4796. --rz-steps-number-border-radius: 50%;
  4797. --rz-steps-number-padding: 0.375rem 0;
  4798. --rz-steps-number-width: 2rem;
  4799. --rz-steps-number-height: 2rem;
  4800. --rz-steps-number-line-height: var(--rz-body-line-height);
  4801. --rz-steps-number-color: var(--rz-text-color);
  4802. --rz-steps-number-background-color: var(--rz-base-200);
  4803. --rz-steps-number-selected-color: var(--rz-text-contrast-color);
  4804. --rz-steps-number-selected-background: var(--rz-secondary);
  4805. --rz-steps-title-selected-color: var(--rz-secondary);
  4806. --rz-steps-title-margin: 0 1rem 0 0.5rem;
  4807. --rz-steps-buttons-padding: 1rem 0;
  4808. --rz-steps-button-color: var(--rz-text-secondary-color);
  4809. }
  4810.  
  4811. .rz-steps {
  4812. display: flex;
  4813. flex-direction: column;
  4814. }
  4815.  
  4816. .rz-steps .rz-widget-content {
  4817. flex: 1;
  4818. overflow: auto;
  4819. }
  4820.  
  4821. .rz-steps ul {
  4822. list-style: none;
  4823. padding: 0;
  4824. }
  4825.  
  4826. .rz-steps .rz-menuitem-link {
  4827. display: inline-flex;
  4828. align-items: center;
  4829. color: var(--rz-steps-color);
  4830. cursor: pointer;
  4831. }
  4832.  
  4833. .rz-steps .rz-menuitem-link:hover {
  4834. text-decoration: none;
  4835. color: var(--rz-steps-title-selected-color) !important;
  4836. }
  4837.  
  4838. .rz-steps .rz-state-disabled .rz-menuitem-link {
  4839. color: var(--rz-text-disabled-color);
  4840. cursor: default;
  4841. }
  4842.  
  4843. .rz-steps .rz-state-disabled .rz-menuitem-link:hover {
  4844. color: var(--rz-text-disabled-color) !important;
  4845. }
  4846.  
  4847. .rz-steps .rz-state-highlight .rz-steps-title {
  4848. color: var(--rz-steps-title-selected-color);
  4849. }
  4850.  
  4851. .rz-steps .rz-state-highlight .rz-steps-number {
  4852. background: var(--rz-steps-number-selected-background);
  4853. color: var(--rz-steps-number-selected-color);
  4854. }
  4855.  
  4856. .rz-steps-item {
  4857. display: inline-block;
  4858. }
  4859.  
  4860. .rz-steps-title {
  4861. margin: var(--rz-steps-title-margin);
  4862. }
  4863.  
  4864. .rz-steps-number {
  4865. text-align: center;
  4866. line-height: var(--rz-steps-number-line-height);
  4867. color: var(--rz-steps-number-color);
  4868. padding: var(--rz-steps-number-padding);
  4869. width: var(--rz-steps-number-width);
  4870. height: var(--rz-steps-number-height);
  4871. background-color: var(--rz-steps-number-background-color);
  4872. border-radius: var(--rz-steps-number-border-radius);
  4873. }
  4874.  
  4875. .rz-steps-buttons {
  4876. display: flex;
  4877. justify-content: space-between;
  4878. padding: var(--rz-steps-buttons-padding);
  4879. }
  4880.  
  4881. .rz-steps-next,
  4882. .rz-steps-prev {
  4883. display: inline-flex;
  4884. align-items: center;
  4885. color: var(--rz-steps-button-color) !important;
  4886. }
  4887.  
  4888. .rz-steps-next:not(.rz-state-disabled):hover,
  4889. .rz-steps-prev:not(.rz-state-disabled):hover {
  4890. cursor: pointer;
  4891. color: var(--rz-steps-title-selected-color) !important;
  4892. }
  4893.  
  4894. .rz-steps-next:hover,
  4895. .rz-steps-prev:hover {
  4896. text-decoration: none;
  4897. }
  4898.  
  4899. .rz-steps-next.rz-state-disabled,
  4900. .rz-steps-prev.rz-state-disabled {
  4901. opacity: 0.5 !important;
  4902. }
  4903.  
  4904. .rz-steps-next .rzi, .rz-steps-next .rz-column-drag, .rz-steps-next .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-steps-next .rzi-circle-o-notch, .rz-steps-next .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-steps-next .rzi-plus, .rz-steps-next .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-steps-next .rzi-grid-sort, .rz-steps-next .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-steps-next .rzi-chevron-circle-down, .rz-steps-next .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-steps-next .rzi-chevron-circle-right, .rz-steps-next .rz-fileupload-row .rz-button .rzi-close, .rz-steps-next .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-steps-next .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-steps-next .rzi-close,
  4905. .rz-steps-next .rz-fileupload-row .rz-button .rzi-times,
  4906. .rz-steps-next .rz-fileupload-row .rz-paginator-element .rzi-times,
  4907. .rz-fileupload-row .rz-button .rz-steps-next .rzi-times,
  4908. .rz-fileupload-row .rz-paginator-element .rz-steps-next .rzi-times,
  4909. .rz-steps-next .rz-fileupload-row .rz-button .rz-icon-trash,
  4910. .rz-steps-next .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
  4911. .rz-fileupload-row .rz-button .rz-steps-next .rz-icon-trash,
  4912. .rz-fileupload-row .rz-paginator-element .rz-steps-next .rz-icon-trash, .rz-steps-next .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-steps-next .rz-menuitem-icon,
  4913. .rz-steps-prev .rzi,
  4914. .rz-steps-prev .rz-column-drag,
  4915. .rz-steps-prev .rz-datatable-loading-content .rzi-circle-o-notch,
  4916. .rz-datatable-loading-content .rz-steps-prev .rzi-circle-o-notch,
  4917. .rz-steps-prev .rz-datatable-header .rzi-plus,
  4918. .rz-datatable-header .rz-steps-prev .rzi-plus,
  4919. .rz-steps-prev .rz-sortable-column .rzi-grid-sort,
  4920. .rz-sortable-column .rz-steps-prev .rzi-grid-sort,
  4921. .rz-steps-prev .rz-datatable .rzi-chevron-circle-down,
  4922. .rz-datatable .rz-steps-prev .rzi-chevron-circle-down,
  4923. .rz-steps-prev .rz-datatable .rzi-chevron-circle-right,
  4924. .rz-datatable .rz-steps-prev .rzi-chevron-circle-right,
  4925. .rz-steps-prev .rz-fileupload-row .rz-button .rzi-close,
  4926. .rz-steps-prev .rz-fileupload-row .rz-paginator-element .rzi-close,
  4927. .rz-fileupload-row .rz-button .rz-steps-prev .rzi-close,
  4928. .rz-fileupload-row .rz-paginator-element .rz-steps-prev .rzi-close,
  4929. .rz-steps-prev .rz-fileupload-row .rz-button .rzi-times,
  4930. .rz-steps-prev .rz-fileupload-row .rz-paginator-element .rzi-times,
  4931. .rz-fileupload-row .rz-button .rz-steps-prev .rzi-times,
  4932. .rz-fileupload-row .rz-paginator-element .rz-steps-prev .rzi-times,
  4933. .rz-steps-prev .rz-fileupload-row .rz-button .rz-icon-trash,
  4934. .rz-steps-prev .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
  4935. .rz-fileupload-row .rz-button .rz-steps-prev .rz-icon-trash,
  4936. .rz-fileupload-row .rz-paginator-element .rz-steps-prev .rz-icon-trash,
  4937. .rz-steps-prev .rz-menuitem .rz-menuitem-icon,
  4938. .rz-menuitem .rz-steps-prev .rz-menuitem-icon {
  4939. font-size: var(--rz-icon-size);
  4940. }
  4941.  
  4942. :root {
  4943. --rz-text-area-padding: var(--rz-input-padding);
  4944. }
  4945.  
  4946. .rz-textarea {
  4947. padding: var(--rz-text-area-padding);
  4948. height: auto;
  4949. }
  4950.  
  4951. :root {
  4952. --rz-checkbox-width: 1.25rem;
  4953. --rz-checkbox-height: 1.25rem;
  4954. --rz-checkbox-border-radius: 2px;
  4955. --rz-checkbox-border-width: inherit;
  4956. --rz-checkbox-label-margin: 0 1rem 0 0.5rem;
  4957. --rz-checkbox-margin: 1rem 0;
  4958. --rz-checkbox-checked-background-color: var(--rz-secondary);
  4959. --rz-checkbox-checked-hover-background-color: var(--rz-secondary-light);
  4960. --rz-checkbox-checked-disabled-background-color: var(--rz-secondary);
  4961. --rz-checkbox-checked-color: var(--rz-text-contrast-color);
  4962. --rz-checkbox-checked-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.2);
  4963. --rz-checkbox-checked-border: var(--rz-input-border);
  4964. --rz-checkbox-checked-hover-border: var(--rz-input-border);
  4965. --rz-checkbox-checked-disabled-border: var(--rz-input-border);
  4966. --rz-checkbox-checked-icon-background-color: transparent;
  4967. --rz-checkbox-checked-icon-border-radius: 0;
  4968. --rz-checkbox-icon-width: var(--rz-body-font-size);
  4969. --rz-checkbox-icon-height: var(--rz-body-font-size);
  4970. --rz-checkbox-icon-font-size: var(--rz-body-font-size);
  4971. --rz-checkbox-tri-icon-width: var(--rz-body-font-size);
  4972. --rz-checkbox-tri-icon-height: var(--rz-body-font-size);
  4973. --rz-checkbox-tri-icon-font-size: var(--rz-body-font-size);
  4974. }
  4975.  
  4976. .rz-checkbox-list-vertical .rz-checkbox {
  4977. display: flex;
  4978. align-items: center;
  4979. margin: var(--rz-checkbox-margin);
  4980. cursor: pointer;
  4981. }
  4982.  
  4983. .rz-checkbox-list-horizontal .rz-checkbox {
  4984. display: inline-flex;
  4985. align-items: center;
  4986. }
  4987.  
  4988. .rz-state-disabled .rz-checkbox {
  4989. cursor: initial;
  4990. }
  4991.  
  4992. .rz-chkbox-label {
  4993. margin: var(--rz-checkbox-label-margin);
  4994. }
  4995.  
  4996. .rz-chkbox {
  4997. display: inline-block;
  4998. vertical-align: middle;
  4999. position: relative;
  5000. width: var(--rz-checkbox-width);
  5001. min-width: var(--rz-checkbox-width);
  5002. height: var(--rz-checkbox-height);
  5003. }
  5004.  
  5005. .rz-chkbox .rz-helper-hidden-accessible {
  5006. opacity: 0;
  5007. height: 0;
  5008. overflow: hidden;
  5009. }
  5010.  
  5011. .rz-chkbox-box {
  5012. position: absolute;
  5013. cursor: pointer;
  5014. top: 0;
  5015. left: 0;
  5016. bottom: 0;
  5017. right: 0;
  5018. display: flex;
  5019. align-items: center;
  5020. justify-content: center;
  5021. border: var(--rz-input-border);
  5022. border-width: var(--rz-checkbox-border-width);
  5023. border-radius: var(--rz-checkbox-border-radius);
  5024. box-shadow: var(--rz-input-shadow);
  5025. background-color: var(--rz-input-background-color);
  5026. transition: var(--rz-transition-all);
  5027. }
  5028.  
  5029. .rz-chkbox-box:hover:not(.rz-state-disabled) {
  5030. border-width: var(--rz-checkbox-border-width);
  5031. }
  5032.  
  5033. .rz-chkbox-box.rz-state-disabled {
  5034. cursor: initial;
  5035. border-width: var(--rz-checkbox-border-width);
  5036. }
  5037.  
  5038. .rz-chkbox-box .rzi, .rz-chkbox-box .rz-column-drag, .rz-chkbox-box .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-chkbox-box .rzi-circle-o-notch, .rz-chkbox-box .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-chkbox-box .rzi-plus, .rz-chkbox-box .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-chkbox-box .rzi-grid-sort, .rz-chkbox-box .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-chkbox-box .rzi-chevron-circle-down, .rz-chkbox-box .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-chkbox-box .rzi-chevron-circle-right, .rz-chkbox-box .rz-fileupload-row .rz-button .rzi-close, .rz-chkbox-box .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-chkbox-box .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-chkbox-box .rzi-close,
  5039. .rz-chkbox-box .rz-fileupload-row .rz-button .rzi-times,
  5040. .rz-chkbox-box .rz-fileupload-row .rz-paginator-element .rzi-times,
  5041. .rz-fileupload-row .rz-button .rz-chkbox-box .rzi-times,
  5042. .rz-fileupload-row .rz-paginator-element .rz-chkbox-box .rzi-times,
  5043. .rz-chkbox-box .rz-fileupload-row .rz-button .rz-icon-trash,
  5044. .rz-chkbox-box .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
  5045. .rz-fileupload-row .rz-button .rz-chkbox-box .rz-icon-trash,
  5046. .rz-fileupload-row .rz-paginator-element .rz-chkbox-box .rz-icon-trash, .rz-chkbox-box .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-chkbox-box .rz-menuitem-icon {
  5047. width: var(--rz-checkbox-icon-width);
  5048. height: var(--rz-checkbox-icon-height);
  5049. font-size: var(--rz-checkbox-icon-font-size);
  5050. color: var(--rz-checkbox-checked-color);
  5051. vertical-align: middle;
  5052. background-color: var(--rz-checkbox-checked-icon-background-color);
  5053. border-radius: var(--rz-checkbox-checked-icon-border-radius);
  5054. }
  5055.  
  5056. .rz-chkbox-box .rzi-check:before {
  5057. content: 'check';
  5058. }
  5059.  
  5060. .rz-chkbox-box .rzi-times {
  5061. width: var(--rz-checkbox-tri-icon-width);
  5062. height: var(--rz-checkbox-tri-icon-height);
  5063. font-size: var(--rz-checkbox-tri-icon-font-size);
  5064. }
  5065.  
  5066. .rz-chkbox-box .rzi-times:before {
  5067. content: 'remove';
  5068. }
  5069.  
  5070. .rz-chkbox-box.rz-state-active {
  5071. background-color: var(--rz-checkbox-checked-background-color);
  5072. border: var(--rz-checkbox-checked-border);
  5073. }
  5074.  
  5075. .rz-chkbox-box.rz-state-active:hover {
  5076. background-color: var(--rz-checkbox-checked-hover-background-color);
  5077. border: var(--rz-checkbox-checked-hover-border);
  5078. }
  5079.  
  5080. .rz-chkbox-box.rz-state-disabled.rz-state-active {
  5081. background-color: var(--rz-checkbox-checked-disabled-background-color);
  5082. border: var(--rz-checkbox-checked-disabled-border);
  5083. opacity: 0.5;
  5084. }
  5085.  
  5086. .rz-chkbox-box.rz-state-disabled.rz-state-active:hover {
  5087. background-color: var(--rz-checkbox-checked-disabled-background-color);
  5088. }
  5089.  
  5090. :root {
  5091. --rz-switch-background-color: var(--rz-base-400);
  5092. --rz-switch-checked-background-color: var(--rz-secondary);
  5093. --rz-switch-box-shadow: none;
  5094. --rz-switch-circle-background-color: var(--rz-text-contrast-color);
  5095. --rz-switch-checked-circle-background-color: var(--rz-text-contrast-color);
  5096. }
  5097.  
  5098. .rz-switch {
  5099. position: relative;
  5100. display: inline-block;
  5101. width: 3rem;
  5102. min-width: 3rem;
  5103. height: 1.8rem;
  5104. }
  5105.  
  5106. .rz-switch-circle {
  5107. position: absolute;
  5108. cursor: pointer;
  5109. top: 0;
  5110. left: 0;
  5111. right: 0;
  5112. bottom: 0;
  5113. }
  5114.  
  5115. .rz-switch-circle.rz-disabled {
  5116. opacity: 0.5;
  5117. cursor: initial;
  5118. }
  5119.  
  5120. .rz-switch .rz-switch-circle {
  5121. background: var(--rz-switch-background-color);
  5122. transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  5123. border-radius: calc(5 * var(--rz-border-radius));
  5124. }
  5125.  
  5126. .rz-switch.rz-switch-checked .rz-switch-circle {
  5127. background: var(--rz-switch-checked-background-color);
  5128. }
  5129.  
  5130. .rz-switch .rz-switch-circle:before {
  5131. background: var(--rz-switch-circle-background-color);
  5132. width: 1.26rem;
  5133. height: 1.26rem;
  5134. left: 0.27rem;
  5135. margin-top: -0.63rem;
  5136. border-radius: calc((5 * var(--rz-border-radius)) - 3px);
  5137. transition: transform 0.2s linear;
  5138. box-shadow: var(--rz-switch-box-shadow);
  5139. }
  5140.  
  5141. .rz-switch-circle:before {
  5142. position: absolute;
  5143. content: "";
  5144. top: 50%;
  5145. }
  5146.  
  5147. .rz-switch-circle.rz-disabled:before {
  5148. box-shadow: none;
  5149. }
  5150.  
  5151. .rz-switch.rz-switch-checked .rz-switch-circle:before {
  5152. background: var(--rz-switch-checked-circle-background-color);
  5153. transform: translateX(1.2rem);
  5154. }
  5155.  
  5156. :root {
  5157. --rz-radio-width: 1.25rem;
  5158. --rz-radio-height: 1.25rem;
  5159. --rz-radio-border-radius: 50%;
  5160. --rz-radio-border-width: inherit;
  5161. --rz-radio-label-margin: 0 1rem 0 0.5rem;
  5162. --rz-radio-margin: 1rem 0;
  5163. --rz-radio-active-background-color: var(--rz-secondary);
  5164. --rz-radio-active-shadow: inset 0 3px 0 0 rgba(0, 0, 0, 0.1);
  5165. --rz-radio-checked-background-color: var(--rz-secondary);
  5166. --rz-radio-checked-hover-background-color: var(--rz-secondary-light);
  5167. --rz-radio-checked-hover-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.2);
  5168. --rz-radio-checked-color: var(--rz-text-contrast-color);
  5169. --rz-radio-circle-background-color: var(--rz-base-background-color);
  5170. --rz-radio-circle-shadow: inset 0 4px 7px 0 rgba(0, 0, 0, 0.03);
  5171. --rz-radio-circle-hover-background-color: var(--rz-base-100);
  5172. --rz-radio-icon-width: 0.5rem;
  5173. --rz-radio-icon-height: 0.5rem;
  5174. --rz-radio-checked-border: var(--rz-input-border);
  5175. }
  5176.  
  5177. .rz-radio-button-list-vertical .rz-radio-btn {
  5178. display: flex;
  5179. margin: var(--rz-radio-margin);
  5180. align-items: center;
  5181. }
  5182.  
  5183. .rz-radio-button-list-horizontal .rz-radio-btn {
  5184. display: inline-flex;
  5185. align-items: center;
  5186. }
  5187.  
  5188. .rz-radiobutton {
  5189. white-space: nowrap;
  5190. display: inline-flex;
  5191. align-items: center;
  5192. cursor: pointer;
  5193. }
  5194.  
  5195. .rz-state-disabled .rz-radiobutton {
  5196. cursor: initial;
  5197. }
  5198.  
  5199. .rz-radiobutton-label {
  5200. margin: var(--rz-radio-label-margin);
  5201. }
  5202.  
  5203. .rz-radiobutton {
  5204. display: inline-block;
  5205. position: relative;
  5206. vertical-align: middle;
  5207. width: var(--rz-radio-width);
  5208. height: var(--rz-radio-height);
  5209. }
  5210.  
  5211. .rz-radiobutton .rz-helper-hidden-accessible {
  5212. opacity: 0;
  5213. height: 0;
  5214. overflow: hidden;
  5215. }
  5216.  
  5217. .rz-radiobutton-box {
  5218. position: absolute;
  5219. top: 0;
  5220. right: 0;
  5221. bottom: 0;
  5222. left: 0;
  5223. display: flex;
  5224. align-items: center;
  5225. justify-content: center;
  5226. width: inherit;
  5227. border: var(--rz-input-border);
  5228. border-width: var(--rz-radio-border-width);
  5229. border-radius: var(--rz-radio-border-radius);
  5230. box-shadow: var(--rz-input-shadow);
  5231. background-color: var(--rz-input-background-color);
  5232. transition: var(--rz-transition-all);
  5233. }
  5234.  
  5235. .rz-radiobutton-box:hover:not(.rz-state-disabled) {
  5236. border-width: var(--rz-radio-border-width);
  5237. }
  5238.  
  5239. .rz-radiobutton-box:active:not(.rz-state-disabled) {
  5240. background-color: var(--rz-radio-active-background-color);
  5241. box-shadow: var(--rz-radio-active-shadow);
  5242. border-width: var(--rz-radio-border-width);
  5243. }
  5244.  
  5245. .rz-radiobutton-box.rz-state-disabled {
  5246. border-width: var(--rz-radio-border-width);
  5247. }
  5248.  
  5249. .rz-radiobutton-box .rzi, .rz-radiobutton-box .rz-column-drag, .rz-radiobutton-box .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-radiobutton-box .rzi-circle-o-notch, .rz-radiobutton-box .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-radiobutton-box .rzi-plus, .rz-radiobutton-box .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-radiobutton-box .rzi-grid-sort, .rz-radiobutton-box .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-radiobutton-box .rzi-chevron-circle-down, .rz-radiobutton-box .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-radiobutton-box .rzi-chevron-circle-right, .rz-radiobutton-box .rz-fileupload-row .rz-button .rzi-close, .rz-radiobutton-box .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-radiobutton-box .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-radiobutton-box .rzi-close,
  5250. .rz-radiobutton-box .rz-fileupload-row .rz-button .rzi-times,
  5251. .rz-radiobutton-box .rz-fileupload-row .rz-paginator-element .rzi-times,
  5252. .rz-fileupload-row .rz-button .rz-radiobutton-box .rzi-times,
  5253. .rz-fileupload-row .rz-paginator-element .rz-radiobutton-box .rzi-times,
  5254. .rz-radiobutton-box .rz-fileupload-row .rz-button .rz-icon-trash,
  5255. .rz-radiobutton-box .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
  5256. .rz-fileupload-row .rz-button .rz-radiobutton-box .rz-icon-trash,
  5257. .rz-fileupload-row .rz-paginator-element .rz-radiobutton-box .rz-icon-trash, .rz-radiobutton-box .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-radiobutton-box .rz-menuitem-icon {
  5258. width: var(--rz-radio-icon-width);
  5259. height: var(--rz-radio-icon-height);
  5260. color: var(--rz-radio-checked-color);
  5261. }
  5262.  
  5263. .rz-radiobutton-box .rzi-circle-on {
  5264. border-radius: var(--rz-radio-border-radius);
  5265. vertical-align: middle;
  5266. background-color: var(--rz-radio-circle-background-color);
  5267. box-shadow: var(--rz-radio-circle-shadow);
  5268. }
  5269.  
  5270. .rz-radiobutton-box .rzi-circle-on:hover {
  5271. background-color: var(--rz-radio-circle-hover-background-color);
  5272. }
  5273.  
  5274. .rz-radiobutton-box.rz-state-active {
  5275. background-color: var(--rz-radio-checked-background-color);
  5276. border: var(--rz-radio-checked-border);
  5277. border-width: var(--rz-radio-border-width);
  5278. }
  5279.  
  5280. .rz-radiobutton-box.rz-state-active:hover {
  5281. background-color: var(--rz-radio-checked-hover-background-color);
  5282. border: var(--rz-radio-checked-border);
  5283. box-shadow: var(--rz-radio-checked-hover-shadow);
  5284. border-width: var(--rz-radio-border-width);
  5285. }
  5286.  
  5287. .rz-radiobutton-box.rz-state-disabled .rzi-circle-on:hover {
  5288. background-color: var(--rz-radio-circle-background-color);
  5289. }
  5290.  
  5291. .rz-radiobutton-box.rz-state-disabled.rz-state-active {
  5292. background-color: var(--rz-radio-checked-background-color);
  5293. border: var(--rz-radio-checked-border);
  5294. border-width: var(--rz-radio-border-width);
  5295. opacity: 0.5;
  5296. }
  5297.  
  5298. .rz-radiobutton-box.rz-state-disabled.rz-state-active:hover {
  5299. background-color: var(--rz-radio-checked-background-color);
  5300. border: var(--rz-radio-checked-border);
  5301. border-width: var(--rz-radio-border-width);
  5302. }
  5303.  
  5304. :root {
  5305. --rz-fieldset-border: var(--rz-border-normal);
  5306. --rz-fieldset-border-radius: 0;
  5307. --rz-fieldset-padding: 1.25rem;
  5308. --rz-fieldset-legend-color: var(--rz-text-tertiary-color);
  5309. --rz-fieldset-legend-font-size: var(--rz-body-font-size);
  5310. --rz-fieldset-legend-margin: 0 0 0 1rem;
  5311. --rz-fieldset-legend-padding: 0 1rem;
  5312. --rz-fieldset-toggle-width: 1.125rem;
  5313. --rz-fieldset-toggle-margin: 0 0.5rem 0 0;
  5314. --rz-fieldset-toggle-height: 1.125rem;
  5315. --rz-fieldset-toggle-background-color: var(--rz-base-200);
  5316. --rz-fieldset-toggle-color: var(--rz-text-tertiary-color);
  5317. --rz-fieldset-toggle-font-size: 1rem;
  5318. --rz-fieldset-toggle-border: none;
  5319. }
  5320.  
  5321. .rz-fieldset {
  5322. border: var(--rz-fieldset-border);
  5323. border-radius: var(--rz-fieldset-border-radius);
  5324. }
  5325.  
  5326. .rz-fieldset-content {
  5327. padding: var(--rz-fieldset-padding);
  5328. }
  5329.  
  5330. .rz-fieldset-content-wrapper {
  5331. overflow: hidden;
  5332. }
  5333.  
  5334. .rz-fieldset-legend-text {
  5335. vertical-align: middle;
  5336. }
  5337.  
  5338. .rz-fieldset-toggler {
  5339. vertical-align: middle;
  5340. width: var(--rz-fieldset-toggle-width);
  5341. height: var(--rz-fieldset-toggle-height);
  5342. background-color: var(--rz-fieldset-toggle-background-color);
  5343. color: var(--rz-fieldset-toggle-color);
  5344. border: var(--rz-fieldset-toggle-border);
  5345. }
  5346.  
  5347. .rz-fieldset-toggler.rzi, .rz-fieldset-toggler.rz-column-drag, .rz-datatable-loading-content .rz-fieldset-toggler.rzi-circle-o-notch, .rz-datatable-header .rz-fieldset-toggler.rzi-plus, .rz-sortable-column .rz-fieldset-toggler.rzi-grid-sort, .rz-datatable .rz-fieldset-toggler.rzi-chevron-circle-down, .rz-datatable .rz-fieldset-toggler.rzi-chevron-circle-right, .rz-fileupload-row .rz-button .rz-fieldset-toggler.rzi-close, .rz-fileupload-row .rz-paginator-element .rz-fieldset-toggler.rzi-close,
  5348. .rz-fileupload-row .rz-button .rz-fieldset-toggler.rzi-times,
  5349. .rz-fileupload-row .rz-paginator-element .rz-fieldset-toggler.rzi-times,
  5350. .rz-fileupload-row .rz-button .rz-fieldset-toggler.rz-icon-trash,
  5351. .rz-fileupload-row .rz-paginator-element .rz-fieldset-toggler.rz-icon-trash, .rz-menuitem .rz-fieldset-toggler.rz-menuitem-icon {
  5352. text-align: center;
  5353. font-size: var(--rz-fieldset-toggle-font-size);
  5354. line-height: var(--rz-fieldset-toggle-height);
  5355. margin: var(--rz-fieldset-toggle-margin);
  5356. }
  5357.  
  5358. .rz-fieldset-toggler.rzi-minus:before {
  5359. content: 'remove';
  5360. }
  5361.  
  5362. .rz-fieldset-toggler.rzi-plus:before {
  5363. content: 'add';
  5364. }
  5365.  
  5366. .rz-fieldset-legend {
  5367. margin: var(--rz-fieldset-legend-margin);
  5368. padding: var(--rz-fieldset-legend-padding);
  5369. width: auto;
  5370. color: var(--rz-fieldset-legend-color);
  5371. font-size: var(--rz-fieldset-legend-font-size);
  5372. }
  5373.  
  5374. .rz-fieldset-legend a {
  5375. color: inherit;
  5376. text-decoration: none;
  5377. }
  5378.  
  5379. :root {
  5380. --rz-dropdown-trigger-icon-width: var(--rz-icon-size);
  5381. --rz-dropdown-trigger-icon-height: var(--rz-icon-size);
  5382. --rz-dropdown-trigger-icon-margin: 0 0.5rem 0 0;
  5383. --rz-dropdown-horizontal-padding: 0.5rem;
  5384. --rz-dropdown-panel-padding: 0 0.5rem;
  5385. --rz-dropdown-items-margin: 0 -0.5rem;
  5386. --rz-dropdown-items-padding: 0;
  5387. --rz-dropdown-item-padding: 0.5rem;
  5388. --rz-dropdown-item-font-size: var(--rz-input-font-size);
  5389. --rz-dropdown-item-hover-background-color: var(--rz-secondary-light);
  5390. --rz-dropdown-item-selected-background-color: var(--rz-secondary-dark);
  5391. --rz-dropdown-item-selected-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
  5392. --rz-dropdown-item-hover-color: var(--rz-text-contrast-color);
  5393. --rz-dropdown-item-selected-color: var(--rz-text-contrast-color);
  5394. --rz-dropdown-item-selected-hover-background-color: var(--rz-secondary);
  5395. --rz-dropdown-item-selected-hover-color: var(--rz-text-contrast-color);
  5396. --rz-dropdown-item-transition: none;
  5397. --rz-dropdown-item-disabled-opacity: 0.2;
  5398. --rz-dropdown-label-padding: 0 var(--rz-icon-size) 0 0;
  5399. --rz-dropdown-filter-border: var(--rz-border-base-100);
  5400. --rz-dropdown-filter-padding: 0.5rem 0;
  5401. --rz-dropdown-open-background-color: var(--rz-base-background-color);
  5402. --rz-dropdown-open-border: var(--rz-input-border);
  5403. --rz-dropdown-panel-border: var(--rz-input-border);
  5404. --rz-dropdown-panel-shadow: none;
  5405. --rz-dropdown-chips-padding: var(--rz-input-padding);
  5406. --rz-multiselect-checkbox-margin: 0 0.5rem 0 0;
  5407. }
  5408.  
  5409. .rz-multiselect, .rz-dropdown {
  5410. display: inline-block;
  5411. position: relative;
  5412. overflow: hidden;
  5413. }
  5414.  
  5415. .rz-multiselect .rz-helper-hidden-accessible, .rz-dropdown .rz-helper-hidden-accessible {
  5416. opacity: 0;
  5417. height: 0;
  5418. overflow: hidden;
  5419. }
  5420.  
  5421. .rz-multiselect .rz-placeholder, .rz-dropdown .rz-placeholder {
  5422. color: var(--rz-input-placeholder-color);
  5423. }
  5424.  
  5425. .rz-dropdown.rz-dropdown-open {
  5426. background-color: var(--rz-dropdown-open-background-color);
  5427. border: var(--rz-dropdown-open-border);
  5428. }
  5429.  
  5430. .rz-multiselect.rz-state-focus {
  5431. background-color: var(--rz-dropdown-open-background-color);
  5432. border: var(--rz-dropdown-open-border);
  5433. }
  5434.  
  5435. .rz-multiselect-trigger, .rz-dropdown-trigger {
  5436. position: absolute;
  5437. display: flex;
  5438. align-items: center;
  5439. right: 0;
  5440. top: 0;
  5441. bottom: 0;
  5442. }
  5443.  
  5444. .rz-multiselect-trigger .rzi, .rz-multiselect-trigger .rz-column-drag, .rz-multiselect-trigger .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-multiselect-trigger .rzi-circle-o-notch, .rz-multiselect-trigger .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-multiselect-trigger .rzi-plus, .rz-multiselect-trigger .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-multiselect-trigger .rzi-grid-sort, .rz-multiselect-trigger .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-multiselect-trigger .rzi-chevron-circle-down, .rz-multiselect-trigger .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-multiselect-trigger .rzi-chevron-circle-right, .rz-multiselect-trigger .rz-fileupload-row .rz-button .rzi-close, .rz-multiselect-trigger .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-multiselect-trigger .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-multiselect-trigger .rzi-close,
  5445. .rz-multiselect-trigger .rz-fileupload-row .rz-button .rzi-times,
  5446. .rz-multiselect-trigger .rz-fileupload-row .rz-paginator-element .rzi-times,
  5447. .rz-fileupload-row .rz-button .rz-multiselect-trigger .rzi-times,
  5448. .rz-fileupload-row .rz-paginator-element .rz-multiselect-trigger .rzi-times,
  5449. .rz-multiselect-trigger .rz-fileupload-row .rz-button .rz-icon-trash,
  5450. .rz-multiselect-trigger .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
  5451. .rz-fileupload-row .rz-button .rz-multiselect-trigger .rz-icon-trash,
  5452. .rz-fileupload-row .rz-paginator-element .rz-multiselect-trigger .rz-icon-trash, .rz-multiselect-trigger .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-multiselect-trigger .rz-menuitem-icon, .rz-dropdown-trigger .rzi, .rz-dropdown-trigger .rz-column-drag, .rz-dropdown-trigger .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-dropdown-trigger .rzi-circle-o-notch, .rz-dropdown-trigger .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-dropdown-trigger .rzi-plus, .rz-dropdown-trigger .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-dropdown-trigger .rzi-grid-sort, .rz-dropdown-trigger .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-dropdown-trigger .rzi-chevron-circle-down, .rz-dropdown-trigger .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-dropdown-trigger .rzi-chevron-circle-right, .rz-dropdown-trigger .rz-fileupload-row .rz-button .rzi-close, .rz-dropdown-trigger .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-dropdown-trigger .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-dropdown-trigger .rzi-close,
  5453. .rz-dropdown-trigger .rz-fileupload-row .rz-button .rzi-times,
  5454. .rz-dropdown-trigger .rz-fileupload-row .rz-paginator-element .rzi-times,
  5455. .rz-fileupload-row .rz-button .rz-dropdown-trigger .rzi-times,
  5456. .rz-fileupload-row .rz-paginator-element .rz-dropdown-trigger .rzi-times,
  5457. .rz-dropdown-trigger .rz-fileupload-row .rz-button .rz-icon-trash,
  5458. .rz-dropdown-trigger .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
  5459. .rz-fileupload-row .rz-button .rz-dropdown-trigger .rz-icon-trash,
  5460. .rz-fileupload-row .rz-paginator-element .rz-dropdown-trigger .rz-icon-trash, .rz-dropdown-trigger .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-dropdown-trigger .rz-menuitem-icon {
  5461. width: var(--rz-dropdown-trigger-icon-width);
  5462. height: var(--rz-dropdown-trigger-icon-height);
  5463. font-size: var(--rz-dropdown-trigger-icon-height);
  5464. margin: var(--rz-dropdown-trigger-icon-margin);
  5465. }
  5466.  
  5467. .rz-multiselect-trigger .rzi-chevron-down:before, .rz-dropdown-trigger .rzi-chevron-down:before {
  5468. content: "arrow_drop_down";
  5469. }
  5470.  
  5471. .rz-dropdown-clear-icon {
  5472. position: absolute;
  5473. right: calc(var(--rz-dropdown-trigger-icon-width) + 0.5rem);
  5474. top: 0;
  5475. height: 100%;
  5476. display: flex;
  5477. align-items: center;
  5478. font-size: var(--rz-dropdown-trigger-icon-height);
  5479. opacity: 0.4;
  5480. }
  5481.  
  5482. .rz-dropdown-clear-icon:before {
  5483. content: 'close';
  5484. }
  5485.  
  5486. .rz-dropdown-clear-icon:hover {
  5487. opacity: 1;
  5488. }
  5489.  
  5490. .rz-html-editor-dropdown-items, .rz-splitbutton-menu, .rz-autocomplete-panel, .rz-multiselect-panel, .rz-dropdown-panel {
  5491. position: absolute;
  5492. background-color: var(--rz-dropdown-open-background-color);
  5493. border-radius: var(--rz-input-border-radius);
  5494. border: var(--rz-dropdown-panel-border);
  5495. box-shadow: var(--rz-dropdown-panel-shadow);
  5496. }
  5497.  
  5498. .rz-dropdown-panel {
  5499. box-sizing: content-box;
  5500. padding: var(--rz-dropdown-panel-padding);
  5501. }
  5502.  
  5503. .rz-multiselect-panel {
  5504. box-sizing: content-box;
  5505. padding: var(--rz-dropdown-panel-padding);
  5506. }
  5507.  
  5508. .rz-multiselect-panel .rz-chkbox {
  5509. margin: var(--rz-multiselect-checkbox-margin);
  5510. }
  5511.  
  5512. .rz-dropdown-items, .rz-autocomplete-items, .rz-multiselect-items {
  5513. list-style: none;
  5514. padding: var(--rz-dropdown-items-padding);
  5515. margin: 0;
  5516. }
  5517.  
  5518. .rz-dropdown-items li, .rz-autocomplete-items li, .rz-multiselect-items li {
  5519. /* The 'No results found' item has no CSS class */
  5520. }
  5521.  
  5522. .rz-dropdown-items-wrapper,
  5523. .rz-multiselect-items-wrapper {
  5524. overflow: auto;
  5525. margin: var(--rz-dropdown-items-margin);
  5526. border-radius: var(--rz-input-border-radius);
  5527. }
  5528.  
  5529. .rz-multiselect-items-wrapper {
  5530. overflow: auto;
  5531. }
  5532.  
  5533. .rz-dropdown-filter-container {
  5534. padding: var(--rz-dropdown-filter-padding);
  5535. border-bottom: var(--rz-dropdown-filter-border);
  5536. }
  5537.  
  5538. .rz-dropdown-filter, .rz-multiselect-filter-container .rz-inputtext {
  5539. background-color: transparent;
  5540. color: var(--rz-text-color);
  5541. }
  5542.  
  5543. .rz-multiselect-header {
  5544. display: flex;
  5545. align-items: center;
  5546. padding: var(--rz-dropdown-item-padding);
  5547. margin: var(--rz-dropdown-items-margin);
  5548. }
  5549.  
  5550. .rz-dropdown-item, .rz-menuitem, .rz-autocomplete-list-item, .rz-multiselect-item, .rz-dropdown-items li, .rz-autocomplete-items li, .rz-multiselect-items li {
  5551. padding: var(--rz-dropdown-item-padding);
  5552. transition: var(--rz-dropdown-item-transition);
  5553. cursor: default;
  5554. font-size: var(--rz-dropdown-item-font-size);
  5555. }
  5556.  
  5557. .rz-dropdown-item.rz-state-highlight, .rz-state-highlight.rz-menuitem, .rz-state-highlight.rz-autocomplete-list-item, .rz-state-highlight.rz-multiselect-item, .rz-dropdown-items li.rz-state-highlight, .rz-autocomplete-items li.rz-state-highlight, .rz-multiselect-items li.rz-state-highlight {
  5558. background-color: var(--rz-dropdown-item-selected-background-color);
  5559. color: var(--rz-dropdown-item-selected-color);
  5560. box-shadow: var(--rz-dropdown-item-selected-shadow);
  5561. border-radius: 0;
  5562. }
  5563.  
  5564. .rz-dropdown-item.rz-state-highlight:hover, .rz-state-highlight.rz-menuitem:hover, .rz-state-highlight.rz-autocomplete-list-item:hover, .rz-state-highlight.rz-multiselect-item:hover, .rz-dropdown-items li.rz-state-highlight:hover, .rz-autocomplete-items li.rz-state-highlight:hover, .rz-multiselect-items li.rz-state-highlight:hover {
  5565. background-color: var(--rz-dropdown-item-selected-hover-background-color);
  5566. color: var(--rz-dropdown-item-selected-hover-color);
  5567. }
  5568.  
  5569. .rz-dropdown-item.rz-state-disabled, .rz-state-disabled.rz-menuitem, .rz-state-disabled.rz-autocomplete-list-item, .rz-state-disabled.rz-multiselect-item, .rz-dropdown-items li.rz-state-disabled, .rz-autocomplete-items li.rz-state-disabled, .rz-multiselect-items li.rz-state-disabled {
  5570. opacity: var(--rz-dropdown-item-disabled-opacity);
  5571. cursor: initial;
  5572. }
  5573.  
  5574. .rz-dropdown-item:hover, .rz-menuitem:hover, .rz-autocomplete-list-item:hover, .rz-multiselect-item:hover, .rz-dropdown-items li:hover, .rz-autocomplete-items li:hover, .rz-multiselect-items li:hover {
  5575. background-color: var(--rz-dropdown-item-hover-background-color);
  5576. color: var(--rz-dropdown-item-hover-color);
  5577. border-radius: 0;
  5578. }
  5579.  
  5580. .rz-multiselect-close {
  5581. display: none;
  5582. }
  5583.  
  5584. .rz-multiselect-filter-container {
  5585. flex: auto;
  5586. border-bottom: var(--rz-dropdown-filter-border);
  5587. }
  5588.  
  5589. .rz-multiselect-filter-container .rz-inputtext {
  5590. padding: 0;
  5591. }
  5592.  
  5593. .rz-multiselect-item {
  5594. display: flex;
  5595. align-items: center;
  5596. }
  5597.  
  5598. .rz-multiselect-label-container,
  5599. .rz-dropdown-label {
  5600. display: block;
  5601. overflow: hidden;
  5602. white-space: nowrap;
  5603. text-overflow: ellipsis;
  5604. padding-right: var(--rz-dropdown-trigger-icon-width);
  5605. }
  5606.  
  5607. .rz-dropdown-chips {
  5608. height: inherit;
  5609. padding: var(--rz-dropdown-chips-padding);
  5610. }
  5611.  
  5612. .rz-dropdown-chips .rz-dropdown-chips-wrapper {
  5613. display: flex;
  5614. flex-wrap: wrap;
  5615. gap: 0.25rem;
  5616. margin-right: 3rem;
  5617. }
  5618.  
  5619. .rz-dropdown-chips .rz-chip {
  5620. display: inline-flex;
  5621. align-items: center;
  5622. gap: var(--rz-chip-gap);
  5623. background-color: var(--rz-chip-background-color);
  5624. color: var(--rz-chip-color);
  5625. border-radius: var(--rz-chip-border-radius);
  5626. padding: var(--rz-chip-padding);
  5627. }
  5628.  
  5629. .rz-dropdown-chips .rz-chip .rz-chip-text {
  5630. font-size: var(--rz-chip-font-size);
  5631. }
  5632.  
  5633. .rz-dropdown-chips .rz-chip .rz-button, .rz-dropdown-chips .rz-chip .rz-paginator-element {
  5634. border-radius: var(--rz-chip-border-radius);
  5635. box-shadow: none;
  5636. align-self: stretch;
  5637. }
  5638.  
  5639. .rz-dropdown-chips .rz-chip .rzi, .rz-dropdown-chips .rz-chip .rz-column-drag, .rz-dropdown-chips .rz-chip .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-dropdown-chips .rz-chip .rzi-circle-o-notch, .rz-dropdown-chips .rz-chip .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-dropdown-chips .rz-chip .rzi-plus, .rz-dropdown-chips .rz-chip .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-dropdown-chips .rz-chip .rzi-grid-sort, .rz-dropdown-chips .rz-chip .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-dropdown-chips .rz-chip .rzi-chevron-circle-down, .rz-dropdown-chips .rz-chip .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-dropdown-chips .rz-chip .rzi-chevron-circle-right, .rz-dropdown-chips .rz-chip .rz-fileupload-row .rz-button .rzi-close, .rz-dropdown-chips .rz-chip .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-dropdown-chips .rz-chip .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-dropdown-chips .rz-chip .rzi-close,
  5640. .rz-dropdown-chips .rz-chip .rz-fileupload-row .rz-button .rzi-times,
  5641. .rz-dropdown-chips .rz-chip .rz-fileupload-row .rz-paginator-element .rzi-times,
  5642. .rz-fileupload-row .rz-button .rz-dropdown-chips .rz-chip .rzi-times,
  5643. .rz-fileupload-row .rz-paginator-element .rz-dropdown-chips .rz-chip .rzi-times,
  5644. .rz-dropdown-chips .rz-chip .rz-fileupload-row .rz-button .rz-icon-trash,
  5645. .rz-dropdown-chips .rz-chip .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
  5646. .rz-fileupload-row .rz-button .rz-dropdown-chips .rz-chip .rz-icon-trash,
  5647. .rz-fileupload-row .rz-paginator-element .rz-dropdown-chips .rz-chip .rz-icon-trash, .rz-dropdown-chips .rz-chip .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-dropdown-chips .rz-chip .rz-menuitem-icon {
  5648. vertical-align: middle;
  5649. font-size: 1rem;
  5650. }
  5651.  
  5652. .rz-clear .rz-multiselect-label-container,
  5653. .rz-clear .rz-dropdown-label {
  5654. padding-right: calc(2 * var(--rz-dropdown-trigger-icon-width));
  5655. }
  5656.  
  5657. .rz-autocomplete {
  5658. display: inline-block;
  5659. border: var(--rz-input-border);
  5660. border-radius: var(--rz-input-border-radius);
  5661. background-color: var(--rz-input-background-color);
  5662. transition: var(--rz-input-transition);
  5663. overflow: hidden;
  5664. }
  5665.  
  5666. .rz-autocomplete-input {
  5667. padding: var(--rz-input-padding);
  5668. background-color: transparent;
  5669. box-shadow: var(--rz-input-shadow);
  5670. border: none;
  5671. height: var(--rz-input-height);
  5672. line-height: var(--rz-input-line-height);
  5673. width: 100%;
  5674. transition: var(--rz-input-transition);
  5675. }
  5676.  
  5677. .rz-autocomplete-input:focus {
  5678. outline: none;
  5679. }
  5680.  
  5681. .rz-autocomplete-input:disabled {
  5682. border: none;
  5683. }
  5684.  
  5685. .rz-autocomplete-panel {
  5686. overflow: auto;
  5687. box-sizing: content-box;
  5688. }
  5689.  
  5690. :root {
  5691. --rz-listbox-background-color: var(--rz-input-background-color);
  5692. --rz-listbox-border-radius: var(--rz-input-border-radius);
  5693. --rz-listbox-border: var(--rz-input-border);
  5694. --rz-listbox-filter-border: var(--rz-border-base-100);
  5695. --rz-listbox-padding: 0;
  5696. --rz-listbox-item-padding: var(--rz-dropdown-item-padding);
  5697. --rz-listbox-item-margin: 0;
  5698. --rz-listbox-checkbox-margin: 0 0.5rem 0 0;
  5699. --rz-listbox-header-padding: 0.5rem;
  5700. --rz-listbox-header-icon-width: var(--rz-icon-size);
  5701. --rz-listbox-header-icon-height: var(--rz-icon-size);
  5702. --rz-listbox-header-icon-margin: 0;
  5703. }
  5704.  
  5705. .rz-listbox {
  5706. display: inline-flex;
  5707. flex-direction: column;
  5708. overflow: hidden;
  5709. background-color: var(--rz-listbox-background-color);
  5710. border: var(--rz-listbox-border);
  5711. border-radius: var(--rz-listbox-border-radius);
  5712. }
  5713.  
  5714. .rz-listbox .rz-chkbox {
  5715. margin: var(--rz-listbox-checkbox-margin);
  5716. }
  5717.  
  5718. .rz-listbox:not(.rz-state-disabled) .rz-listbox-item:hover:hover {
  5719. background-color: var(--rz-dropdown-item-hover-background-color);
  5720. color: var(--rz-dropdown-item-hover-color);
  5721. border-radius: 0;
  5722. }
  5723.  
  5724. .rz-listbox-list {
  5725. margin: 0;
  5726. padding: 0;
  5727. }
  5728.  
  5729. .rz-listbox-item {
  5730. cursor: default;
  5731. padding: var(--rz-listbox-item-padding);
  5732. margin: var(--rz-listbox-item-margin);
  5733. cursor: default;
  5734. font-size: var(--rz-dropdown-item-font-size);
  5735. }
  5736.  
  5737. .rz-listbox-item.rz-state-highlight {
  5738. background-color: var(--rz-dropdown-item-selected-background-color);
  5739. color: var(--rz-dropdown-item-selected-color);
  5740. box-shadow: var(--rz-dropdown-item-selected-shadow);
  5741. border-radius: 0;
  5742. }
  5743.  
  5744. .rz-listbox-item.rz-state-highlight:hover {
  5745. background-color: var(--rz-dropdown-item-selected-hover-background-color);
  5746. color: var(--rz-dropdown-item-selected-hover-color);
  5747. }
  5748.  
  5749. .rz-listbox-item.rz-state-disabled {
  5750. opacity: var(--rz-dropdown-item-disabled-opacity);
  5751. cursor: initial;
  5752. }
  5753.  
  5754. .rz-listbox-header {
  5755. display: flex;
  5756. align-items: center;
  5757. padding: var(--rz-listbox-header-padding);
  5758. border-bottom: var(--rz-listbox-filter-border);
  5759. }
  5760.  
  5761. .rz-listbox-list-wrapper {
  5762. flex: auto;
  5763. overflow: auto;
  5764. padding: var(--rz-listbox-padding);
  5765. }
  5766.  
  5767. .rz-listbox-filter-container, .rz-dropdown-filter-container, .rz-multiselect-filter-container {
  5768. display: flex;
  5769. flex-direction: row-reverse;
  5770. align-items: center;
  5771. }
  5772.  
  5773. .rz-listbox-filter-container .rz-inputtext, .rz-dropdown-filter-container .rz-inputtext, .rz-multiselect-filter-container .rz-inputtext {
  5774. flex: auto;
  5775. width: 0;
  5776. border: none;
  5777. line-height: var(--rz-input-line-height);
  5778. }
  5779.  
  5780. .rz-listbox-filter-container .rz-inputtext:focus, .rz-dropdown-filter-container .rz-inputtext:focus, .rz-multiselect-filter-container .rz-inputtext:focus {
  5781. outline: none;
  5782. }
  5783.  
  5784. .rz-listbox-filter-container .rzi-search, .rz-dropdown-filter-container .rzi-search, .rz-multiselect-filter-container .rzi-search {
  5785. width: var(--rz-listbox-header-icon-width);
  5786. height: var(--rz-listbox-header-icon-height);
  5787. line-height: var(--rz-listbox-header-icon-height);
  5788. font-size: var(--rz-listbox-header-icon-height);
  5789. }
  5790.  
  5791. .rz-listbox-filter-container .rzi-search:before, .rz-dropdown-filter-container .rzi-search:before, .rz-multiselect-filter-container .rzi-search:before {
  5792. content: 'search';
  5793. }
  5794.  
  5795. .rz-listbox-filter-container {
  5796. flex: auto;
  5797. }
  5798.  
  5799. .rz-listbox-filter-container .rz-inputtext {
  5800. background-color: transparent;
  5801. }
  5802.  
  5803. :root {
  5804. --rz-splitbutton-menu-button-width: 1.875rem;
  5805. --rz-splitbutton-menu-button-padding: 0 0 0.375rem 0;
  5806. --rz-splitbutton-menu-button-font-size: 1.0625rem;
  5807. --rz-splitbutton-menu-button-border: var(--rz-border-primary);
  5808. --rz-splitbutton-menu-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.06);
  5809. --rz-splitbutton-menu-min-width: 10rem;
  5810. --rz-splitbutton-padding: 0.5rem;
  5811. --rz-splitbutton-background-color: var(--rz-primary);
  5812. --rz-splitbutton-border-radius: var(--rz-border-radius);
  5813. }
  5814.  
  5815. .rz-splitbutton {
  5816. display: inline-flex;
  5817. }
  5818.  
  5819. .rz-splitbutton .rz-button-text-icon-left,
  5820. .rz-splitbutton .rz-button-text-only {
  5821. border-top-right-radius: 0;
  5822. border-bottom-right-radius: 0;
  5823. padding: var(--rz-splitbutton-padding);
  5824. }
  5825.  
  5826. .rz-splitbutton .rz-button-text-icon-left {
  5827. flex: 1;
  5828. }
  5829.  
  5830. .rz-splitbutton-menu {
  5831. display: none;
  5832. position: absolute;
  5833. min-width: var(--rz-splitbutton-menu-min-width);
  5834. border-top-right-radius: var(--rz-splitbutton-border-radius);
  5835. box-shadow: var(--rz-splitbutton-menu-shadow);
  5836. }
  5837.  
  5838. .rz-menu-list {
  5839. list-style: none;
  5840. padding: 0;
  5841. margin: 0;
  5842. }
  5843.  
  5844. .rz-menuitem:hover:first-child {
  5845. border-top-right-radius: var(--rz-splitbutton-border-radius);
  5846. }
  5847.  
  5848. .rz-menuitem .rz-menuitem-link {
  5849. color: inherit;
  5850. display: block;
  5851. }
  5852.  
  5853. .rz-menuitem .rz-menuitem-link:hover {
  5854. text-decoration: none;
  5855. }
  5856.  
  5857. .rz-menuitem .rz-menuitem-icon {
  5858. vertical-align: top;
  5859. }
  5860.  
  5861. .rz-splitbutton-menubutton {
  5862. border-top-left-radius: 0;
  5863. border-bottom-left-radius: 0;
  5864. border-left: var(--rz-splitbutton-menu-button-border);
  5865. }
  5866.  
  5867. .rz-splitbutton-menubutton .rz-button-text {
  5868. display: none;
  5869. }
  5870.  
  5871. .rz-splitbutton-menubutton .rzi, .rz-splitbutton-menubutton .rz-column-drag, .rz-splitbutton-menubutton .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-splitbutton-menubutton .rzi-circle-o-notch, .rz-splitbutton-menubutton .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-splitbutton-menubutton .rzi-plus, .rz-splitbutton-menubutton .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-splitbutton-menubutton .rzi-grid-sort, .rz-splitbutton-menubutton .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-splitbutton-menubutton .rzi-chevron-circle-down, .rz-splitbutton-menubutton .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-splitbutton-menubutton .rzi-chevron-circle-right, .rz-splitbutton-menubutton .rz-fileupload-row .rz-button .rzi-close, .rz-splitbutton-menubutton .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-splitbutton-menubutton .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-splitbutton-menubutton .rzi-close,
  5872. .rz-splitbutton-menubutton .rz-fileupload-row .rz-button .rzi-times,
  5873. .rz-splitbutton-menubutton .rz-fileupload-row .rz-paginator-element .rzi-times,
  5874. .rz-fileupload-row .rz-button .rz-splitbutton-menubutton .rzi-times,
  5875. .rz-fileupload-row .rz-paginator-element .rz-splitbutton-menubutton .rzi-times,
  5876. .rz-splitbutton-menubutton .rz-fileupload-row .rz-button .rz-icon-trash,
  5877. .rz-splitbutton-menubutton .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
  5878. .rz-fileupload-row .rz-button .rz-splitbutton-menubutton .rz-icon-trash,
  5879. .rz-fileupload-row .rz-paginator-element .rz-splitbutton-menubutton .rz-icon-trash, .rz-splitbutton-menubutton .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-splitbutton-menubutton .rz-menuitem-icon {
  5880. font-size: var(--rz-icon-size);
  5881. height: var(--rz-icon-size);
  5882. line-height: var(--rz-icon-size);
  5883. width: var(--rz-icon-size);
  5884. }
  5885.  
  5886. .rz-splitbutton-menubutton .rzi-chevron-down:before {
  5887. content: 'arrow_drop_down';
  5888. }
  5889.  
  5890. :root {
  5891. --rz-slider-background-color: var(--rz-base-background-color);
  5892. --rz-slider-border: var(--rz-border-normal);
  5893. --rz-slider-border-radius: var(--rz-border-radius);
  5894. --rz-slider-horizontal-height: 0.5rem;
  5895. --rz-slider-horizontal-width: 10rem;
  5896. --rz-slider-range-background-color: var(--rz-secondary-lighter);
  5897. --rz-slider-range-border: var(--rz-border-secondary-light);
  5898. --rz-slider-handle-width: 0.75rem;
  5899. --rz-slider-handle-height: 1.5rem;
  5900. --rz-slider-handle-color: var(--rz-text-contrast-color);
  5901. --rz-slider-handle-background-color: var(--rz-secondary);
  5902. --rz-slider-handle-border: none;
  5903. --rz-slider-handle-border-radius: calc(var(--rz-border-radius) / 2);
  5904. --rz-slider-handle-shadow: none;
  5905. --rz-slider-handle-transition: background-color var(--rz-transition), color var(--rz-transition), border var(--rz-transition), box-shadow var(--rz-transition);
  5906. --rz-slider-handle-hover-background-color: var(--rz-secondary-light);
  5907. --rz-slider-handle-hover-border: none;
  5908. --rz-slider-handle-hover-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.2);
  5909. --rz-slider-disabled-background-color: var(--rz-base-background-color);
  5910. --rz-slider-disabled-border: var(--rz-border-disabled);
  5911. --rz-slider-disabled-range-background-color: var(--rz-base-100);
  5912. --rz-slider-disabled-range-border: var(--rz-border-normal);
  5913. --rz-slider-disabled-handle-border: none;
  5914. --rz-slider-disabled-handle-background-color: var(--rz-base-300);
  5915. }
  5916.  
  5917. .rz-slider {
  5918. position: relative;
  5919. display: inline-block;
  5920. border: var(--rz-slider-border);
  5921. border-radius: var(--rz-slider-border-radius);
  5922. background-color: var(--rz-slider-background-color);
  5923. }
  5924.  
  5925. .rz-slider.rz-state-disabled {
  5926. background-color: var(--rz-slider-disabled-background-color);
  5927. border: var(--rz-slider-disabled-border);
  5928. }
  5929.  
  5930. .rz-slider.rz-state-disabled .rz-slider-range {
  5931. background-color: var(--rz-slider-disabled-range-background-color);
  5932. border: var(--rz-slider-disabled-range-border);
  5933. }
  5934.  
  5935. .rz-slider.rz-state-disabled .rz-slider-handle {
  5936. background-color: var(--rz-slider-disabled-handle-background-color);
  5937. border: var(--rz-slider-disabled-handle-border);
  5938. }
  5939.  
  5940. .rz-slider-horizontal {
  5941. height: var(--rz-slider-horizontal-height);
  5942. width: var(--rz-slider-horizontal-width);
  5943. }
  5944.  
  5945. .rz-slider-range {
  5946. position: absolute;
  5947. top: -1px;
  5948. bottom: -1px;
  5949. left: -1px;
  5950. border-top-left-radius: var(--rz-slider-border-radius);
  5951. border-bottom-left-radius: var(--rz-slider-border-radius);
  5952. background-color: var(--rz-slider-range-background-color);
  5953. border: var(--rz-slider-range-border);
  5954. }
  5955.  
  5956. .rz-slider-handle {
  5957. position: absolute;
  5958. transform: translateY(-50%);
  5959. top: 50%;
  5960. margin-left: calc(var(--rz-slider-handle-width) / -2);
  5961. background-color: var(--rz-slider-handle-background-color);
  5962. border: var(--rz-slider-handle-border);
  5963. border-radius: var(--rz-slider-handle-border-radius);
  5964. box-shadow: var(--rz-slider-handle-shadow);
  5965. width: var(--rz-slider-handle-width);
  5966. height: var(--rz-slider-handle-height);
  5967. transition: var(--rz-slider-handle-transition);
  5968. }
  5969.  
  5970. .rz-slider:not(.rz-state-disabled) .rz-slider-handle:hover, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:active {
  5971. background-color: var(--rz-slider-handle-hover-background-color);
  5972. box-shadow: var(--rz-slider-handle-hover-shadow);
  5973. border: var(--rz-slider-handle-hover-border);
  5974. cursor: pointer;
  5975. }
  5976.  
  5977. :root {
  5978. --rz-rating-color: var(--rz-secondary);
  5979. --rz-rating-opacity: 0.5;
  5980. --rz-rating-font-size: var(--rz-icon-size);
  5981. --rz-rating-selected-color: var(--rz-primary);
  5982. --rz-rating-disabled-color: var(--rz-text-disabled-color);
  5983. --rz-rating-disabled-opacity: 0.3;
  5984. --rz-rating-ban-icon: highlight_off;
  5985. --rz-rating-ban-icon-color: var(--rz-secondary);
  5986. }
  5987.  
  5988. .rz-rating {
  5989. display: inline-flex;
  5990. font-size: var(--rz-rating-font-size);
  5991. height: 1em;
  5992. }
  5993.  
  5994. .rz-rating.rz-state-disabled .rzi, .rz-rating.rz-state-disabled .rz-column-drag, .rz-rating.rz-state-disabled .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-rating.rz-state-disabled .rzi-circle-o-notch, .rz-rating.rz-state-disabled .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-rating.rz-state-disabled .rzi-plus, .rz-rating.rz-state-disabled .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-rating.rz-state-disabled .rzi-grid-sort, .rz-rating.rz-state-disabled .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-rating.rz-state-disabled .rzi-chevron-circle-down, .rz-rating.rz-state-disabled .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-rating.rz-state-disabled .rzi-chevron-circle-right, .rz-rating.rz-state-disabled .rz-fileupload-row .rz-button .rzi-close, .rz-rating.rz-state-disabled .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-rating.rz-state-disabled .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-rating.rz-state-disabled .rzi-close,
  5995. .rz-rating.rz-state-disabled .rz-fileupload-row .rz-button .rzi-times,
  5996. .rz-rating.rz-state-disabled .rz-fileupload-row .rz-paginator-element .rzi-times,
  5997. .rz-fileupload-row .rz-button .rz-rating.rz-state-disabled .rzi-times,
  5998. .rz-fileupload-row .rz-paginator-element .rz-rating.rz-state-disabled .rzi-times,
  5999. .rz-rating.rz-state-disabled .rz-fileupload-row .rz-button .rz-icon-trash,
  6000. .rz-rating.rz-state-disabled .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
  6001. .rz-fileupload-row .rz-button .rz-rating.rz-state-disabled .rz-icon-trash,
  6002. .rz-fileupload-row .rz-paginator-element .rz-rating.rz-state-disabled .rz-icon-trash, .rz-rating.rz-state-disabled .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-rating.rz-state-disabled .rz-menuitem-icon {
  6003. opacity: var(--rz-rating-disabled-opacity);
  6004. color: var(--rz-rating-disabled-color);
  6005. }
  6006.  
  6007. .rz-rating a {
  6008. width: 1em;
  6009. height: 1em;
  6010. text-decoration: none;
  6011. cursor: default;
  6012. outline: none;
  6013. }
  6014.  
  6015. .rz-rating .rzi, .rz-rating .rz-column-drag, .rz-rating .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-rating .rzi-circle-o-notch, .rz-rating .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-rating .rzi-plus, .rz-rating .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-rating .rzi-grid-sort, .rz-rating .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-rating .rzi-chevron-circle-down, .rz-rating .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-rating .rzi-chevron-circle-right, .rz-rating .rz-fileupload-row .rz-button .rzi-close, .rz-rating .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-rating .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-rating .rzi-close,
  6016. .rz-rating .rz-fileupload-row .rz-button .rzi-times,
  6017. .rz-rating .rz-fileupload-row .rz-paginator-element .rzi-times,
  6018. .rz-fileupload-row .rz-button .rz-rating .rzi-times,
  6019. .rz-fileupload-row .rz-paginator-element .rz-rating .rzi-times,
  6020. .rz-rating .rz-fileupload-row .rz-button .rz-icon-trash,
  6021. .rz-rating .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
  6022. .rz-fileupload-row .rz-button .rz-rating .rz-icon-trash,
  6023. .rz-fileupload-row .rz-paginator-element .rz-rating .rz-icon-trash, .rz-rating .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-rating .rz-menuitem-icon {
  6024. color: var(--rz-rating-color);
  6025. font-size: 1em;
  6026. }
  6027.  
  6028. .rz-rating .rzi-ban {
  6029. color: var(--rz-rating-ban-icon-color);
  6030. }
  6031.  
  6032. .rz-rating .rzi-ban:before {
  6033. content: "highlight_off";
  6034. }
  6035.  
  6036. .rz-rating .rzi-star-o {
  6037. opacity: var(--rz-rating-opacity);
  6038. }
  6039.  
  6040. .rz-rating .rzi-star-o:before {
  6041. content: "star_border";
  6042. }
  6043.  
  6044. .rz-rating .rzi-star {
  6045. color: var(--rz-rating-selected-color);
  6046. }
  6047.  
  6048. .rz-rating .rzi-star:before {
  6049. content: "star";
  6050. }
  6051.  
  6052. .rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-star-o {
  6053. cursor: pointer;
  6054. }
  6055.  
  6056. .rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-star-o:hover {
  6057. color: var(--rz-rating-selected-color);
  6058. }
  6059.  
  6060. .rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-star-o:hover:before {
  6061. content: "star";
  6062. }
  6063.  
  6064. .rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-ban {
  6065. cursor: pointer;
  6066. }
  6067.  
  6068. .rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-ban:hover {
  6069. color: var(--rz-rating-selected-color);
  6070. }
  6071.  
  6072. :root {
  6073. --rz-selectbar-background-color: var(--rz-base-backgorund-color);
  6074. --rz-selectbar-color: var(--rz-text-color);
  6075. --rz-selectbar-border: var(--rz-border-normal);
  6076. --rz-selectbar-selected-background-color: var(--rz-secondary);
  6077. --rz-selectbar-selected-color: var(--rz-text-contrast-color);
  6078. --rz-selectbar-selected-border: var(--rz-border-secondary);
  6079. --rz-selectbar-border-radius: var(--rz-border-radius);
  6080. }
  6081.  
  6082. .rz-selectbutton {
  6083. display: inline-block;
  6084. }
  6085.  
  6086. .rz-selectbutton .rz-button, .rz-selectbutton .rz-paginator-element {
  6087. margin-left: -1px;
  6088. display: inline-block;
  6089. background-color: var(--rz-selectbar-background-color);
  6090. color: var(--rz-selectbar-color);
  6091. border: var(--rz-selectbar-border);
  6092. border-radius: 0;
  6093. }
  6094.  
  6095. .rz-selectbutton .rz-button:first-child, .rz-selectbutton .rz-paginator-element:first-child {
  6096. border-top-left-radius: var(--rz-selectbar-border-radius);
  6097. border-bottom-left-radius: var(--rz-selectbar-border-radius);
  6098. }
  6099.  
  6100. .rz-selectbutton .rz-button:last-child, .rz-selectbutton .rz-paginator-element:last-child {
  6101. border-top-right-radius: var(--rz-selectbar-border-radius);
  6102. border-bottom-right-radius: var(--rz-selectbar-border-radius);
  6103. }
  6104.  
  6105. .rz-selectbutton .rz-button.rz-state-active, .rz-selectbutton .rz-state-active.rz-paginator-element {
  6106. background-color: var(--rz-selectbar-selected-background-color);
  6107. color: var(--rz-selectbar-selected-color);
  6108. border: var(--rz-selectbar-selected-border);
  6109. }
  6110.  
  6111. :root {
  6112. --rz-datepicker-trigger-icon-width: var(--rz-icon-size);
  6113. --rz-datepicker-trigger-icon-height: var(--rz-icon-size);
  6114. --rz-datepicker-line-height: 1.25rem;
  6115. --rz-datepicker-trigger-icon-color: var(--rz-text-secondary-color);
  6116. --rz-datepicker-trigger-icon-hover-color: var(--rz-secondary);
  6117. --rz-datepicker-panel-border: var(--rz-border-normal);
  6118. --rz-datepicker-panel-background-color: var(--rz-base-background-color);
  6119. --rz-datepicker-panel-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.06);
  6120. --rz-datepicker-panel-margin: 0;
  6121. --rz-datepicker-header-background-color: var(--rz-base-200);
  6122. --rz-datepicker-header-color: var(--rz-text-secondary-color);
  6123. --rz-datepicker-header-padding: 0 1rem;
  6124. --rz-datepicker-header-line-height: 2.8125rem;
  6125. --rz-datepicker-header-border: none;
  6126. --rz-datepicker-footer-padding: 0 1rem;
  6127. --rz-datepicker-footer-line-height: 2.8125rem;
  6128. --rz-datepicker-calendar-padding: 0.5rem 0.875rem;
  6129. --rz-datepicker-calendar-header-font-size: 0.625rem;
  6130. --rz-datepicker-calendar-header-text-transform: uppercase;
  6131. --rz-datepicker-calendar-header-color: var(--rz-text-tertiary-color);
  6132. --rz-datepicker-calendar-font-size: var(--rz-body-font-size);
  6133. --rz-datepicker-calendar-color: var(--rz-text-color);
  6134. --rz-datepicker-calendar-hover-color: var(--rz-text-contrast-color);
  6135. --rz-datepicker-calendar-hover-background-color: var(--rz-secondary-light);
  6136. --rz-datepicker-calendar-selected-color: var(--rz-text-contrast-color);
  6137. --rz-datepicker-calendar-selected-background-color: var(--rz-secondary-dark);
  6138. --rz-datepicker-calendar-selected-hover-color: var(--rz-text-contrast-color);
  6139. --rz-datepicker-calendar-selected-hover-background-color: var(--rz-secondary);
  6140. --rz-datepicker-calendar-border: var(--rz-border-base-100);
  6141. --rz-datepicker-calendar-border-radius: 0;
  6142. --rz-datepicker-calendar-transition: var(--rz-transition-all);
  6143. --rz-datepicker-title-height: 47px;
  6144. --rz-timepicker-background-color: var(--rz-base-200);
  6145. --rz-timepicker-color: var(--rz-text-color);
  6146. --rz-timepicker-separator-color: var(--rz-text-color);
  6147. --rz-timepicker-padding: 0.5rem;
  6148. --rz-timepicker-hour-padding: 0.5rem;
  6149. --rz-timepicker-button-background-color: var(--rz-secondary);
  6150. --rz-timepicker-button-color: var(--rz-text-contrast-color);
  6151. --rz-timepicker-button-width: 0.875rem;
  6152. --rz-timepicker-button-height: 0.875rem;
  6153. --rz-timepicker-button-border-radius: 2px;
  6154. --rz-timepicker-button-padding: 0.5rem 1rem !important;
  6155. --rz-timepicker-gap: 0.5rem;
  6156. --rz-timepicker-separator-margin: 0 0.5rem;
  6157. --rz-timepicker-border: none;
  6158. }
  6159.  
  6160. .rz-calendar {
  6161. display: inline-block;
  6162. position: relative;
  6163. }
  6164.  
  6165. .rz-calendar .rz-readonly {
  6166. cursor: pointer;
  6167. }
  6168.  
  6169. .rz-calendar .rz-inputtext {
  6170. width: 100%;
  6171. line-height: var(--rz-datepicker-line-height);
  6172. padding-right: calc(1rem + var(--rz-datepicker-trigger-icon-width));
  6173. }
  6174.  
  6175. .rz-calendar:not(.rz-state-disabled):hover .rz-datepicker-trigger {
  6176. box-shadow: none;
  6177. color: var(--rz-datepicker-trigger-icon-hover-color);
  6178. }
  6179.  
  6180. .rz-calendar-inline {
  6181. background-color: var(--rz-datepicker-panel-background-color);
  6182. border: var(--rz-input-border);
  6183. }
  6184.  
  6185. .rz-datepicker-trigger {
  6186. box-shadow: none;
  6187. position: absolute;
  6188. top: 50%;
  6189. transform: translateY(-50%);
  6190. right: 0.625rem;
  6191. background-color: transparent;
  6192. padding: 0;
  6193. vertical-align: text-top;
  6194. color: var(--rz-datepicker-trigger-icon-color);
  6195. width: var(--rz-datepicker-trigger-icon-width);
  6196. height: var(--rz-datepicker-trigger-icon-height);
  6197. font-size: var(--rz-datepicker-trigger-icon-height);
  6198. }
  6199.  
  6200. .rz-datepicker-trigger.rz-state-disabled {
  6201. border: none;
  6202. box-shadow: none;
  6203. cursor: initial;
  6204. }
  6205.  
  6206. .rz-datepicker-trigger:not(.rz-state-disabled):hover:not(:active), .rz-datepicker-trigger:not(.rz-state-disabled):hover:active {
  6207. background-color: transparent;
  6208. }
  6209.  
  6210. .rz-datepicker-trigger:not(.rz-state-disabled):active {
  6211. box-shadow: none !important;
  6212. background-image: none !important;
  6213. }
  6214.  
  6215. .rz-datepicker-trigger .rzi-calendar {
  6216. font-size: inherit;
  6217. vertical-align: top;
  6218. }
  6219.  
  6220. .rz-datepicker-trigger .rzi-calendar:before {
  6221. content: 'calendar_today';
  6222. }
  6223.  
  6224. .rz-datepicker-trigger .rz-button-text {
  6225. display: none;
  6226. }
  6227.  
  6228. .rz-datepicker {
  6229. background-color: var(--rz-datepicker-panel-background-color);
  6230. }
  6231.  
  6232. .rz-datepicker:not(.rz-datepicker-inline) {
  6233. box-sizing: content-box;
  6234. margin: var(--rz-datepicker-panel-margin);
  6235. position: absolute;
  6236. border: var(--rz-datepicker-panel-border);
  6237. box-shadow: var(--rz-datepicker-panel-shadow);
  6238. border-radius: var(--rz-border-radius);
  6239. }
  6240.  
  6241. .rz-calendar {
  6242. display: inline-block;
  6243. }
  6244.  
  6245. .rz-datepicker-inline {
  6246. position: static;
  6247. }
  6248.  
  6249. .rz-datepicker-inline .rz-datepicker-group {
  6250. display: inline-block;
  6251. }
  6252.  
  6253. .rz-datepicker-header {
  6254. position: relative;
  6255. line-height: var(--rz-datepicker-header-line-height);
  6256. background-color: var(--rz-datepicker-header-background-color);
  6257. border-bottom: var(--rz-datepicker-header-border);
  6258. color: var(--rz-datepicker-header-color);
  6259. padding: var(--rz-datepicker-header-padding);
  6260. }
  6261.  
  6262. .rz-datepicker-prev {
  6263. float: left;
  6264. height: var(--rz-datepicker-header-line-height);
  6265. }
  6266.  
  6267. .rz-datepicker-prev .rzi-chevron-left {
  6268. vertical-align: text-top;
  6269. color: var(--rz-datepicker-header-color);
  6270. }
  6271.  
  6272. .rz-datepicker-prev .rzi-chevron-left:before {
  6273. content: 'chevron_left';
  6274. }
  6275.  
  6276. .rz-datepicker-next {
  6277. float: right;
  6278. height: var(--rz-datepicker-header-line-height);
  6279. }
  6280.  
  6281. .rz-datepicker-next .rzi-chevron-right {
  6282. vertical-align: text-top;
  6283. color: var(--rz-datepicker-header-color);
  6284. }
  6285.  
  6286. .rz-datepicker-next .rzi-chevron-right:before {
  6287. content: 'chevron_right';
  6288. }
  6289.  
  6290. .rz-datepicker-title {
  6291. height: var(--rz-datepicker-title-height);
  6292. text-align: center;
  6293. }
  6294.  
  6295. .rz-datepicker-calendar {
  6296. table-layout: fixed;
  6297. border-collapse: collapse;
  6298. }
  6299.  
  6300. .rz-datepicker-calendar th {
  6301. font-weight: normal;
  6302. font-size: var(--rz-datepicker-calendar-header-font-size);
  6303. text-transform: var(--rz-datepicker-calendar-header-text-transform);
  6304. color: var(--rz-datepicker-calendar-header-color);
  6305. padding: var(--rz-datepicker-calendar-padding);
  6306. text-align: center;
  6307. }
  6308.  
  6309. .rz-datepicker-calendar td {
  6310. text-align: center;
  6311. border-top: var(--rz-datepicker-calendar-border);
  6312. padding: 0;
  6313. }
  6314.  
  6315. .rz-datepicker-calendar td .rz-state-default {
  6316. display: block;
  6317. padding: var(--rz-datepicker-calendar-padding);
  6318. color: var(--rz-datepicker-calendar-color);
  6319. font-size: var(--rz-datepicker-calendar-font-size);
  6320. border-radius: var(--rz-datepicker-calendar-border-radius);
  6321. transition: var(--rz-datepicker-calendar-transition);
  6322. }
  6323.  
  6324. .rz-datepicker-calendar td .rz-state-default:hover {
  6325. text-decoration: none;
  6326. color: var(--rz-datepicker-calendar-hover-color);
  6327. background-color: var(--rz-datepicker-calendar-hover-background-color);
  6328. cursor: pointer;
  6329. }
  6330.  
  6331. .rz-datepicker-calendar td .rz-state-active {
  6332. color: var(--rz-datepicker-calendar-selected-color);
  6333. background-color: var(--rz-datepicker-calendar-selected-background-color);
  6334. padding: var(--rz-datepicker-calendar-padding);
  6335. }
  6336.  
  6337. .rz-datepicker-calendar td .rz-state-active:hover {
  6338. color: var(--rz-datepicker-calendar-selected-hover-color);
  6339. background-color: var(--rz-datepicker-calendar-selected-hover-background-color);
  6340. }
  6341.  
  6342. .rz-datepicker-calendar .rz-state-disabled {
  6343. opacity: 0.5;
  6344. }
  6345.  
  6346. .rz-datepicker-calendar .rz-datepicker-other-month {
  6347. opacity: 0.5;
  6348. }
  6349.  
  6350. .rz-datepicker-footer {
  6351. position: relative;
  6352. line-height: var(--rz-datepicker-footer-line-height);
  6353. padding: var(--rz-datepicker-footer-padding);
  6354. }
  6355.  
  6356. .rz-timepicker {
  6357. display: flex;
  6358. align-items: center;
  6359. justify-content: center;
  6360. gap: var(--rz-timepicker-gap);
  6361. border-top: var(--rz-datepicker-calendar-border);
  6362. padding: var(--rz-timepicker-padding);
  6363. color: var(--rz-timepicker-color);
  6364. }
  6365.  
  6366. .rz-timepicker .rzi-chevron-up:before {
  6367. content: 'expand_less';
  6368. }
  6369.  
  6370. .rz-timepicker .rzi-chevron-down:before {
  6371. content: 'expand_more';
  6372. }
  6373.  
  6374. .rz-timepicker .rz-separator {
  6375. color: var(--rz-timepicker-separator-color);
  6376. }
  6377.  
  6378. .rz-timepicker .rz-separator a {
  6379. display: none;
  6380. }
  6381.  
  6382. .rz-timepicker .rz-button-md, .rz-timepicker .rz-scheduler-nav-views .rz-button.rz-primary, .rz-scheduler-nav-views .rz-timepicker .rz-button.rz-primary, .rz-timepicker .rz-scheduler-nav-views .rz-primary.rz-paginator-element, .rz-scheduler-nav-views .rz-timepicker .rz-primary.rz-paginator-element, .rz-timepicker .rz-paginator-element, .rz-timepicker .rz-date-filter-buttons .rz-button, .rz-date-filter-buttons .rz-timepicker .rz-button, .rz-timepicker .rz-fileupload-choose, .rz-timepicker .rz-splitbutton .rz-button-text-icon-left, .rz-splitbutton .rz-timepicker .rz-button-text-icon-left,
  6383. .rz-timepicker .rz-splitbutton .rz-button-text-only,
  6384. .rz-splitbutton .rz-timepicker .rz-button-text-only, .rz-timepicker .rz-splitbutton-menubutton, .rz-timepicker .rz-selectbutton .rz-button, .rz-selectbutton .rz-timepicker .rz-button {
  6385. padding: var(--rz-timepicker-button-padding);
  6386. text-transform: uppercase;
  6387. }
  6388.  
  6389. .rz-hour-picker,
  6390. .rz-minute-picker,
  6391. .rz-second-picker {
  6392. background-color: var(--rz-timepicker-background-color);
  6393. width: 4rem;
  6394. }
  6395.  
  6396. :root {
  6397. --rz-numeric-line-height: 1.25rem;
  6398. --rz-numeric-input-padding: 0.5rem 0.75rem 0.5rem 0.5rem;
  6399. --rz-numeric-button-width: 0.875rem;
  6400. --rz-numeric-button-height: 0.875rem;
  6401. --rz-numeric-button-offset: 2px;
  6402. --rz-numeric-button-border-radius: calc(var(--rz-border-radius) - 2px);
  6403. --rz-numeric-button-background-color: var(--rz-secondary);
  6404. --rz-numeric-button-disabled-background-color: var(--rz-base-300);
  6405. --rz-numeric-button-disabled-color: var(--rz-text-disabled-color);
  6406. --rz-numeric-button-color: var(--rz-text-contrast-color);
  6407. }
  6408.  
  6409. .rz-spinner {
  6410. display: inline-block;
  6411. position: relative;
  6412. padding: 0px;
  6413. }
  6414.  
  6415. .rz-spinner input[type='number'],
  6416. .rz-spinner input[type='text'] {
  6417. -moz-appearance: textfield;
  6418. width: 100%;
  6419. height: 100%;
  6420. border: none;
  6421. background-color: transparent;
  6422. line-height: var(--rz-numeric-line-height);
  6423. text-align: inherit;
  6424. padding: var(--rz-numeric-input-padding);
  6425. outline: none;
  6426. }
  6427.  
  6428. .rz-spinner input[type='number']::-webkit-inner-spin-button, .rz-spinner input[type='number']::-webkit-outer-spin-button,
  6429. .rz-spinner input[type='text']::-webkit-inner-spin-button,
  6430. .rz-spinner input[type='text']::-webkit-outer-spin-button {
  6431. -webkit-appearance: none;
  6432. margin: 0;
  6433. }
  6434.  
  6435. .rz-spinner.rz-state-disabled .rz-spinner-button {
  6436. background-color: var(--rz-numeric-button-disabled-background-color);
  6437. color: var(--rz-numeric-button-disabled-color);
  6438. }
  6439.  
  6440. .rz-spinner.rz-state-disabled .rz-spinner-button:active, .rz-spinner.rz-state-disabled .rz-spinner-button:hover {
  6441. background-color: var(--rz-numeric-button-disabled-background-color);
  6442. color: var(--rz-numeric-button-disabled-color);
  6443. background-image: none;
  6444. box-shadow: none;
  6445. cursor: initial;
  6446. }
  6447.  
  6448. .rz-spinner-button {
  6449. position: absolute;
  6450. right: var(--rz-numeric-button-offset);
  6451. padding: 0;
  6452. width: var(--rz-numeric-button-width);
  6453. height: var(--rz-numeric-button-height);
  6454. border-radius: var(--rz-numeric-button-border-radius);
  6455. background-color: var(--rz-numeric-button-background-color);
  6456. color: var(--rz-numeric-button-color);
  6457. }
  6458.  
  6459. .rz-spinner-button:hover {
  6460. background-color: var(--rz-numeric-button-background-color);
  6461. }
  6462.  
  6463. .rz-spinner-button .rzi, .rz-spinner-button .rz-column-drag, .rz-spinner-button .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-spinner-button .rzi-circle-o-notch, .rz-spinner-button .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-spinner-button .rzi-plus, .rz-spinner-button .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-spinner-button .rzi-grid-sort, .rz-spinner-button .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-spinner-button .rzi-chevron-circle-down, .rz-spinner-button .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-spinner-button .rzi-chevron-circle-right, .rz-spinner-button .rz-fileupload-row .rz-button .rzi-close, .rz-spinner-button .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-spinner-button .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-spinner-button .rzi-close,
  6464. .rz-spinner-button .rz-fileupload-row .rz-button .rzi-times,
  6465. .rz-spinner-button .rz-fileupload-row .rz-paginator-element .rzi-times,
  6466. .rz-fileupload-row .rz-button .rz-spinner-button .rzi-times,
  6467. .rz-fileupload-row .rz-paginator-element .rz-spinner-button .rzi-times,
  6468. .rz-spinner-button .rz-fileupload-row .rz-button .rz-icon-trash,
  6469. .rz-spinner-button .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
  6470. .rz-fileupload-row .rz-button .rz-spinner-button .rz-icon-trash,
  6471. .rz-fileupload-row .rz-paginator-element .rz-spinner-button .rz-icon-trash, .rz-spinner-button .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-spinner-button .rz-menuitem-icon {
  6472. font-size: var(--rz-numeric-button-height);
  6473. vertical-align: top;
  6474. }
  6475.  
  6476. .rz-spinner-button .rzi-caret-up:before {
  6477. content: 'expand_less';
  6478. }
  6479.  
  6480. .rz-spinner-button .rzi-caret-down:before {
  6481. content: 'expand_more';
  6482. }
  6483.  
  6484. .rz-spinner-up {
  6485. top: var(--rz-numeric-button-offset);
  6486. }
  6487.  
  6488. .rz-spinner-down {
  6489. bottom: var(--rz-numeric-button-offset);
  6490. }
  6491.  
  6492. :root {
  6493. --rz-upload-button-bar-background-color: var(--rz-base-200);
  6494. --rz-upload-button-bar-padding: 0.5rem;
  6495. --rz-upload-files-background-color: var(--rz-base-background-color);
  6496. --rz-upload-files-padding: 0.5rem 0;
  6497. --rz-upload-files-remove-background-color: var(--rz-base-300);
  6498. --rz-upload-files-remove-color: var(--rz-text-color);
  6499. --rz-upload-files-margin: 0 0.5rem;
  6500. --rz-upload-choose-background-color: var(--rz-secondary);
  6501. --rz-upload-choose-color: var(--rz-text-contrast-color);
  6502. --rz-upload-choose-hover-background-color: var(--rz-secondary);
  6503. --rz-upload-choose-hover-color: var(--rz-text-contrast-color);
  6504. --rz-upload-choose-active-background-color: var(--rz-secondary-dark);
  6505. --rz-upload-choose-active-color: var(--rz-text-contrast-color);
  6506. --rz-upload-cancel-background-color: var(--rz-base-200);
  6507. --rz-upload-cancel-color: var(--rz-text-color);
  6508. --rz-upload-button-background-color: var(--rz-primary);
  6509. }
  6510.  
  6511. .rz-fileupload {
  6512. display: inline-block;
  6513. }
  6514.  
  6515. .rz-fileupload .rz-button, .rz-fileupload .rz-paginator-element {
  6516. vertical-align: middle;
  6517. -webkit-appearance: none !important;
  6518. }
  6519.  
  6520. .rz-fileupload .rz-button[disabled], .rz-fileupload .rz-paginator-element[disabled] {
  6521. opacity: 0.5;
  6522. }
  6523.  
  6524. .rz-fileupload-choose {
  6525. position: relative;
  6526. display: inline-block;
  6527. overflow: hidden;
  6528. vertical-align: middle;
  6529. background-color: var(--rz-upload-choose-background-color);
  6530. color: var(--rz-upload-choose-color);
  6531. }
  6532.  
  6533. .rz-fileupload-choose input[type='file'] {
  6534. position: absolute;
  6535. top: 0;
  6536. right: 0;
  6537. margin: 0;
  6538. opacity: 0;
  6539. min-height: 100%;
  6540. cursor: pointer;
  6541. }
  6542.  
  6543. .rz-fileupload-choose:not(.rz-state-disabled) {
  6544. background-color: var(--rz-upload-choose-background-color);
  6545. color: var(--rz-upload-choose-color);
  6546. }
  6547.  
  6548. .rz-fileupload-choose:not(.rz-state-disabled):hover {
  6549. background-color: var(--rz-upload-choose-hover-background-color);
  6550. color: var(--rz-upload-choose-hover-color);
  6551. }
  6552.  
  6553. .rz-fileupload-choose:not(.rz-state-disabled):hover:not(:active) {
  6554. background-color: var(--rz-upload-choose-hover-background-color);
  6555. color: var(--rz-upload-choose-hover-color);
  6556. }
  6557.  
  6558. .rz-fileupload-choose:not(.rz-state-disabled):active {
  6559. background-color: var(--rz-upload-choose-active-background-color);
  6560. color: var(--rz-upload-choose-active-color);
  6561. }
  6562.  
  6563. .rz-fileupload-row {
  6564. display: flex;
  6565. align-items: center;
  6566. justify-content: space-between;
  6567. }
  6568.  
  6569. .rz-fileupload-row > div {
  6570. margin: var(--rz-upload-files-margin);
  6571. }
  6572.  
  6573. .rz-fileupload-row .rz-button-text {
  6574. display: none;
  6575. }
  6576.  
  6577. .rz-fileupload-row .rz-button, .rz-fileupload-row .rz-paginator-element {
  6578. background-color: var(--rz-upload-files-remove-background-color);
  6579. color: var(--rz-upload-files-remove-color);
  6580. }
  6581.  
  6582. .rz-fileupload-row .rz-button .rzi-close, .rz-fileupload-row .rz-paginator-element .rzi-close,
  6583. .rz-fileupload-row .rz-button .rzi-times,
  6584. .rz-fileupload-row .rz-paginator-element .rzi-times,
  6585. .rz-fileupload-row .rz-button .rz-icon-trash,
  6586. .rz-fileupload-row .rz-paginator-element .rz-icon-trash {
  6587. display: block;
  6588. }
  6589.  
  6590. .rz-fileupload-row .rz-button .rzi-close:before, .rz-fileupload-row .rz-paginator-element .rzi-close:before,
  6591. .rz-fileupload-row .rz-button .rzi-times:before,
  6592. .rz-fileupload-row .rz-paginator-element .rzi-times:before,
  6593. .rz-fileupload-row .rz-button .rz-icon-trash:before,
  6594. .rz-fileupload-row .rz-paginator-element .rz-icon-trash:before {
  6595. content: 'close';
  6596. }
  6597.  
  6598. .rz-fileupload-buttonbar {
  6599. position: relative;
  6600. background-color: var(--rz-upload-button-bar-background-color);
  6601. padding: var(--rz-upload-button-bar-padding);
  6602. border-radius: var(--rz-border-radius);
  6603. }
  6604.  
  6605. .rz-fileupload-buttonbar .rz-button:nth-child(3), .rz-fileupload-buttonbar .rz-paginator-element:nth-child(3) {
  6606. float: right;
  6607. background-color: var(--rz-upload-cancel-background-color);
  6608. color: var(--rz-upload-cancel-color);
  6609. }
  6610.  
  6611. .rz-fileupload-files {
  6612. background-color: var(--rz-upload-files-background-color);
  6613. padding: var(--rz-upload-files-padding);
  6614. }
  6615.  
  6616. :root {
  6617. --rz-grid-data-border-shadow: none;
  6618. --rz-grid-cell-border: var(--rz-border-normal);
  6619. --rz-grid-right-cell-border: var(--rz-border-normal);
  6620. --rz-grid-bottom-cell-border: var(--rz-border-normal);
  6621. --rz-grid-cell-padding: 0.5rem;
  6622. --rz-grid-cell-color: var(--rz-text-color);
  6623. --rz-grid-cell-font-size: var(--rz-body-font-size);
  6624. --rz-grid-hover-background-color: var(--rz-secondary-lighter);
  6625. --rz-grid-hover-color: var(--rz-secondary-dark);
  6626. --rz-grid-selected-background-color: var(--rz-secondary-dark);
  6627. --rz-grid-selected-color: var(--rz-text-contrast-color);
  6628. --rz-grid-stripe-background-color: var(--rz-base-100);
  6629. --rz-grid-toolbar-background-color: var(--rz-base-background-color);
  6630. --rz-grid-header-cell-border: var(--rz-border-normal);
  6631. --rz-grid-header-cell-border-bottom: none;
  6632. --rz-grid-header-background-color: var(--rz-base-200);
  6633. --rz-grid-header-font-size: 0.75rem;
  6634. --rz-grid-header-line-height: 1rem;
  6635. --rz-grid-header-font-weight: 600;
  6636. --rz-grid-header-text-transform: uppercase;
  6637. --rz-grid-header-color: var(--rz-text-color);
  6638. --rz-grid-header-cell-padding: 0.625rem 0.5rem;
  6639. --rz-grid-header-title-padding: 0 0.25rem 0 0;
  6640. --rz-grid-header-sorted-background-color: var(--rz-base-300);
  6641. --rz-grid-header-padding: 1rem;
  6642. --rz-grid-foot-cell-color: var(--rz-text-color);
  6643. --rz-grid-foot-background-color: var(--rz-base-200);
  6644. --rz-grid-filter-background-color: var(--rz-base-100);
  6645. --rz-grid-filter-padding: 0.5rem;
  6646. --rz-grid-filter-margin: 0;
  6647. --rz-grid-filter-border: var(--rz-border-normal);
  6648. --rz-grid-filter-font-size: var(--rz-body-font-size);
  6649. --rz-grid-filter-icon-width: var(--rz-icon-size);
  6650. --rz-grid-filter-icon-height: var(--rz-icon-size);
  6651. --rz-grid-filter-icon-margin: 0 0.25rem 0 0;
  6652. --rz-grid-filter-icon-font-size: var(--rz-icon-size);
  6653. --rz-grid-filter-color: var(--rz-text-disabled-color);
  6654. --rz-grid-filter-focus-color: var(--rz-secondary);
  6655. --rz-grid-filter-gap: 1rem;
  6656. --rz-grid-filter-buttons-padding: 1rem;
  6657. --rz-grid-filter-buttons-border: var(--rz-border-normal);
  6658. --rz-grid-filter-buttons-background-color: var(--rz-base-200);
  6659. --rz-grid-clear-filter-button-background-color: var(--rz-secondary);
  6660. --rz-grid-clear-filter-button-color: var(--rz-text-contrast-color);
  6661. --rz-grid-clear-filter-button-shadow: inherit;
  6662. --rz-grid-apply-filter-button-background-color: var(--rz-primary);
  6663. --rz-grid-apply-filter-button-color: var(--rz-text-contrast-color);
  6664. --rz-grid-apply-filter-button-shadow: inherit;
  6665. --rz-grid-header-filter-icon-margin: 0 0 0 0.25rem;
  6666. --rz-grid-header-filter-icon-hover-color: var(--rz-text-color);
  6667. --rz-grid-header-filter-icon-active-color: var(--rz-primary);
  6668. --rz-grid-header-filter-icon-font-size: 1rem;
  6669. --rz-grid-border: var(--rz-border-normal);
  6670. --rz-grid-sort-icon-width: 1rem;
  6671. --rz-grid-sort-icon-height: 1rem;
  6672. --rz-grid-sort-icon-color: var(--rz-text-disabled-color);
  6673. --rz-grid-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
  6674. --rz-grid-background-color: var(--rz-base-background-color);
  6675. --rz-grid-column-resizer-width: 0.5rem;
  6676. --rz-grid-column-resizer-helper-width: 0.25rem;
  6677. --rz-grid-column-resizer-helper-background-color: var(--rz-secondary);
  6678. --rz-grid-column-icon-width: 2rem;
  6679. --rz-grid-column-icon-padding: 0;
  6680. --rz-grid-detail-template-border: none;
  6681. --rz-grid-detail-template-border-radius: 0;
  6682. --rz-grid-detail-template-padding: 0;
  6683. --rz-grid-detail-template-background-color: var(--rz-base-background-color);
  6684. --rz-grid-loading-indicator-color: currentColor;
  6685. --rz-grid-loading-indicator-background-color: rgba(var(--rz-base-600), 0.5);
  6686. --rz-grid-button-icon-only-padding: 0 0.25rem;
  6687. --rz-grid-button-text-padding: 0 0.6875rem;
  6688. --rz-grid-button-font-size: 0.75rem;
  6689. --rz-grid-button-icon-width: 0.75rem;
  6690. --rz-grid-button-icon-height: 0.75rem;
  6691. --rz-grid-button-height: 1.25rem;
  6692. --rz-grid-button-line-height: 1.25rem;
  6693. --rz-grid-frozen-cell-border: var(--rz-border-normal);
  6694. --rz-grid-frozen-cell-background-color: var(--rz-base-200);
  6695. --rz-grid-state-transition: var(--rz-transition-all);
  6696. --rz-grid-group-header-padding: 0.5rem;
  6697. --rz-grid-group-header-item-background-color: var(--rz-base-background-color);
  6698. --rz-grid-group-header-item-padding: 0.5rem;
  6699. --rz-grid-group-header-item-margin: 0 0.5rem 0.5rem 0;
  6700. --rz-grid-group-header-item-border: var(--rz-border-normal);
  6701. --rz-grid-group-header-item-border-radius: var(--rz-border-radius);
  6702. --rz-grid-group-header-items-margin: 0 0 -0.5rem 0;
  6703. --rz-column-drag-handle-color: var(--rz-text-color);
  6704. --rz-column-drag-handle-hover-color: var(--rz-text-color);
  6705. --rz-column-drag-handle-margin: 0 0 0 -0.25rem;
  6706. --rz-column-draggable-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.1);
  6707. }
  6708.  
  6709. .rz-datatable {
  6710. position: relative;
  6711. box-shadow: var(--rz-grid-shadow);
  6712. border: var(--rz-grid-cell-border);
  6713. background-color: var(--rz-grid-background-color);
  6714. }
  6715.  
  6716. .rz-datatable .rz-col-icon {
  6717. text-align: center;
  6718. vertical-align: middle;
  6719. width: var(--rz-grid-column-icon-width);
  6720. padding: var(--rz-grid-column-icon-padding);
  6721. }
  6722.  
  6723. .rz-datatable .rzi-chevron-circle-right {
  6724. vertical-align: top;
  6725. }
  6726.  
  6727. .rz-datatable .rzi-chevron-circle-right:before {
  6728. content: 'arrow_right';
  6729. }
  6730.  
  6731. .rz-datatable .rzi-chevron-circle-down {
  6732. vertical-align: top;
  6733. }
  6734.  
  6735. .rz-datatable .rzi-chevron-circle-down:before {
  6736. content: 'arrow_drop_down';
  6737. }
  6738.  
  6739. .rz-datatable.rz-has-template > .rz-datatable-scrollable-wrapper > .rz-datatable-scrollable-view > .rz-datatable-scrollable-body > .rz-datatable-scrollable-table-wrapper > table > .rz-datatable-scrollable-colgroup col:first-child {
  6740. width: var(--rz-grid-column-icon-width);
  6741. }
  6742.  
  6743. .rz-unselectable-text {
  6744. user-select: none;
  6745. }
  6746.  
  6747. .rz-datatable-tablewrapper > table,
  6748. .rz-datatable-scrollable-header-box > table,
  6749. .rz-datatable-scrollable-table-wrapper > table,
  6750. .rz-datatable-scrollable-footer-box > table {
  6751. table-layout: fixed;
  6752. border-collapse: collapse;
  6753. width: 100%;
  6754. }
  6755.  
  6756. .rz-resizable-column {
  6757. position: relative;
  6758. }
  6759.  
  6760. .rz-datatable-reorder-indicator-up {
  6761. position: absolute;
  6762. }
  6763.  
  6764. .rz-datatable-reorder-indicator-up:before {
  6765. content: 'arrow_drop_down';
  6766. }
  6767.  
  6768. .rz-datatable-reorder-indicator-down {
  6769. position: absolute;
  6770. }
  6771.  
  6772. .rz-datatable-reorder-indicator-down:before {
  6773. content: 'arrow_drop_up';
  6774. }
  6775.  
  6776. .rz-column-resizer {
  6777. position: absolute;
  6778. top: 0;
  6779. right: 0;
  6780. height: 100%;
  6781. cursor: col-resize;
  6782. width: var(--rz-grid-column-resizer-width);
  6783. }
  6784.  
  6785. .rz-column-resizer:after {
  6786. content: "";
  6787. position: absolute;
  6788. top: 0;
  6789. right: 0;
  6790. height: 100%;
  6791. width: var(--rz-grid-column-resizer-helper-width);
  6792. background-color: transparent;
  6793. }
  6794.  
  6795. .rz-column-resizer:hover:after, .rz-column-resizer:active:after {
  6796. background-color: var(--rz-grid-column-resizer-helper-background-color);
  6797. }
  6798.  
  6799. .rz-rowgroup-header .fa,
  6800. .rz-row-toggler {
  6801. color: var(--rz-grid-cell-color);
  6802. }
  6803.  
  6804. .rz-datatable-scrollable-footer {
  6805. background-color: var(--rz-grid-header-background-color);
  6806. border-top: var(--rz-grid-cell-border);
  6807. }
  6808.  
  6809. .rz-datatable-thead th, .rz-grid-table thead th {
  6810. background-color: var(--rz-grid-header-background-color);
  6811. padding: 0;
  6812. white-space: nowrap;
  6813. overflow: hidden;
  6814. text-overflow: ellipsis;
  6815. border-bottom: var(--rz-grid-header-cell-border-bottom);
  6816. }
  6817.  
  6818. .rz-datatable-thead th:not(:last-child), .rz-grid-table thead th:not(:last-child) {
  6819. border-right: var(--rz-grid-header-cell-border);
  6820. }
  6821.  
  6822. .rz-datatable-thead th.rz-composite-cell, .rz-grid-table thead th.rz-composite-cell {
  6823. border-right: var(--rz-grid-header-cell-border-bottom);
  6824. }
  6825.  
  6826. .rz-datatable-thead th > div:not(.rz-cell-filter), .rz-grid-table thead th > div:not(.rz-cell-filter) {
  6827. display: flex;
  6828. justify-content: flex-start;
  6829. align-items: center;
  6830. width: 100%;
  6831. outline: none;
  6832. padding: var(--rz-grid-header-cell-padding);
  6833. }
  6834.  
  6835. .rz-datatable-thead th .rz-column-title, .rz-grid-table thead th .rz-column-title {
  6836. display: inline-block;
  6837. font-size: var(--rz-grid-header-font-size);
  6838. line-height: var(--rz-grid-header-line-height);
  6839. text-transform: var(--rz-grid-header-text-transform);
  6840. color: var(--rz-grid-header-color);
  6841. padding: var(--rz-grid-header-title-padding);
  6842. font-weight: var(--rz-grid-header-font-weight);
  6843. white-space: nowrap;
  6844. overflow: hidden;
  6845. text-overflow: ellipsis;
  6846. }
  6847.  
  6848. .rz-datatable-thead th .rz-column-title:has(.rz-chkbox), .rz-grid-table thead th .rz-column-title:has(.rz-chkbox) {
  6849. overflow: visible;
  6850. }
  6851.  
  6852. .rz-datatable-tfoot td, .rz-grid-table tfoot td {
  6853. background-color: var(--rz-grid-foot-background-color);
  6854. font-size: var(--rz-grid-cell-font-size);
  6855. color: var(--rz-grid-foot-cell-color);
  6856. padding: var(--rz-grid-cell-padding);
  6857. white-space: nowrap;
  6858. overflow: hidden;
  6859. text-overflow: ellipsis;
  6860. }
  6861.  
  6862. .rz-datatable-tfoot td:not(:last-child), .rz-grid-table tfoot td:not(:last-child) {
  6863. border-right: var(--rz-grid-right-cell-border);
  6864. }
  6865.  
  6866. .rz-datatable-tfoot td.rz-composite-cell, .rz-grid-table tfoot td.rz-composite-cell {
  6867. border-right: var(--rz-grid-right-cell-border-bottom);
  6868. }
  6869.  
  6870. .rz-datatable-scrollable-header {
  6871. background-color: var(--rz-grid-header-background-color);
  6872. border-bottom: var(--rz-grid-bottom-cell-border);
  6873. }
  6874.  
  6875. .rz-datatable-scrollable-body {
  6876. overflow: auto;
  6877. border-top: none;
  6878. flex: auto;
  6879. border-bottom-right-radius: var(--rz-border-radius);
  6880. border-bottom-left-radius: var(--rz-border-radius);
  6881. }
  6882.  
  6883. .rz-has-paginator .rz-datatable-scrollable-body {
  6884. border-radius: 0;
  6885. }
  6886.  
  6887. .rz-sortable-column {
  6888. cursor: pointer;
  6889. }
  6890.  
  6891. .rz-sortable-column:focus {
  6892. outline: none;
  6893. }
  6894.  
  6895. .rz-sortable-column.rz-state-active {
  6896. background-color: var(--rz-grid-header-sorted-background-color);
  6897. }
  6898.  
  6899. .rz-sortable-column > div:hover .rzi-sort:not(.rzi-sort-asc):not(.rzi-sort-desc) {
  6900. color: var(--rz-grid-sort-icon-color);
  6901. }
  6902.  
  6903. .rz-sortable-column .rzi-grid-sort {
  6904. flex: auto;
  6905. width: var(--rz-grid-sort-icon-width);
  6906. height: var(--rz-grid-sort-icon-height);
  6907. font-size: var(--rz-grid-sort-icon-height);
  6908. text-align: left;
  6909. }
  6910.  
  6911. .rz-sortable-column .rzi-sort {
  6912. color: transparent;
  6913. }
  6914.  
  6915. .rz-sortable-column .rzi-sort:before {
  6916. content: 'sort';
  6917. }
  6918.  
  6919. .rz-sortable-column .rzi-sort-asc {
  6920. color: var(--rz-grid-header-color);
  6921. }
  6922.  
  6923. .rz-sortable-column .rzi-sort-asc:before {
  6924. content: 'arrow_drop_up';
  6925. }
  6926.  
  6927. .rz-sortable-column .rzi-sort-desc {
  6928. color: var(--rz-grid-header-color);
  6929. }
  6930.  
  6931. .rz-sortable-column .rzi-sort-desc:before {
  6932. content: 'arrow_drop_down';
  6933. }
  6934.  
  6935. .rz-datatable-odd > td {
  6936. background-color: var(--rz-grid-stripe-background-color);
  6937. }
  6938.  
  6939. .rz-datatable-even > td {
  6940. background-color: var(--rz-grid-background-color);
  6941. }
  6942.  
  6943. .rz-datatable-data .rz-cell-data .rz-button-sm, .rz-datatable-data .rz-cell-data .rz-fileupload .rz-button, .rz-datatable-data .rz-cell-data .rz-fileupload .rz-paginator-element, .rz-fileupload .rz-datatable-data .rz-cell-data .rz-button, .rz-fileupload .rz-datatable-data .rz-cell-data .rz-paginator-element, .rz-grid-table .rz-cell-data .rz-button-sm, .rz-grid-table .rz-cell-data .rz-fileupload .rz-button, .rz-grid-table .rz-cell-data .rz-fileupload .rz-paginator-element, .rz-fileupload .rz-grid-table .rz-cell-data .rz-button, .rz-fileupload .rz-grid-table .rz-cell-data .rz-paginator-element {
  6944. line-height: var(--rz-grid-button-line-height);
  6945. padding: var(--rz-grid-button-text-padding);
  6946. height: var(--rz-grid-button-line-height);
  6947. font-size: var(--rz-grid-button-font-size);
  6948. }
  6949.  
  6950. .rz-datatable-data .rz-cell-data .rz-button-sm .rz-button-icon-left, .rz-datatable-data .rz-cell-data .rz-fileupload .rz-button .rz-button-icon-left, .rz-datatable-data .rz-cell-data .rz-fileupload .rz-paginator-element .rz-button-icon-left, .rz-fileupload .rz-datatable-data .rz-cell-data .rz-button .rz-button-icon-left, .rz-fileupload .rz-datatable-data .rz-cell-data .rz-paginator-element .rz-button-icon-left, .rz-grid-table .rz-cell-data .rz-button-sm .rz-button-icon-left, .rz-grid-table .rz-cell-data .rz-fileupload .rz-button .rz-button-icon-left, .rz-grid-table .rz-cell-data .rz-fileupload .rz-paginator-element .rz-button-icon-left, .rz-fileupload .rz-grid-table .rz-cell-data .rz-button .rz-button-icon-left, .rz-fileupload .rz-grid-table .rz-cell-data .rz-paginator-element .rz-button-icon-left {
  6951. font-size: var(--rz-grid-button-font-size);
  6952. line-height: var(--rz-grid-button-line-height);
  6953. width: var(--rz-grid-button-icon-width);
  6954. }
  6955.  
  6956. .rz-datatable-data .rz-cell-data .rz-button-sm .rz-button-text, .rz-datatable-data .rz-cell-data .rz-fileupload .rz-button .rz-button-text, .rz-datatable-data .rz-cell-data .rz-fileupload .rz-paginator-element .rz-button-text, .rz-fileupload .rz-datatable-data .rz-cell-data .rz-button .rz-button-text, .rz-fileupload .rz-datatable-data .rz-cell-data .rz-paginator-element .rz-button-text, .rz-grid-table .rz-cell-data .rz-button-sm .rz-button-text, .rz-grid-table .rz-cell-data .rz-fileupload .rz-button .rz-button-text, .rz-grid-table .rz-cell-data .rz-fileupload .rz-paginator-element .rz-button-text, .rz-fileupload .rz-grid-table .rz-cell-data .rz-button .rz-button-text, .rz-fileupload .rz-grid-table .rz-cell-data .rz-paginator-element .rz-button-text {
  6957. line-height: var(--rz-grid-button-line-height);
  6958. }
  6959.  
  6960. .rz-datatable-data .rz-cell-data .rz-button-sm.rz-button-icon-only, .rz-datatable-data .rz-cell-data .rz-button-sm.rz-paginator-element, .rz-datatable-data .rz-cell-data .rz-fileupload .rz-button-icon-only.rz-button, .rz-datatable-data .rz-cell-data .rz-fileupload .rz-paginator-element, .rz-fileupload .rz-datatable-data .rz-cell-data .rz-button-icon-only.rz-button, .rz-fileupload .rz-datatable-data .rz-cell-data .rz-paginator-element, .rz-grid-table .rz-cell-data .rz-button-sm.rz-button-icon-only, .rz-grid-table .rz-cell-data .rz-button-sm.rz-paginator-element, .rz-grid-table .rz-cell-data .rz-fileupload .rz-button-icon-only.rz-button, .rz-grid-table .rz-cell-data .rz-fileupload .rz-paginator-element, .rz-fileupload .rz-grid-table .rz-cell-data .rz-button-icon-only.rz-button, .rz-fileupload .rz-grid-table .rz-cell-data .rz-paginator-element {
  6961. padding: var(--rz-grid-button-icon-only-padding);
  6962. }
  6963.  
  6964. .rz-datatable-data td, .rz-grid-table td {
  6965. padding: var(--rz-grid-cell-padding);
  6966. border-bottom: var(--rz-grid-bottom-cell-border);
  6967. }
  6968.  
  6969. .rz-datatable-data td:not(:last-child), .rz-grid-table td:not(:last-child) {
  6970. border-right: var(--rz-grid-right-cell-border);
  6971. }
  6972.  
  6973. .rz-datatable-data td.rz-composite-cell, .rz-grid-table td.rz-composite-cell {
  6974. border-right: var(--rz-grid-right-cell-border);
  6975. }
  6976.  
  6977. .rz-datatable-data td .rz-cell-data, .rz-grid-table td .rz-cell-data {
  6978. color: var(--rz-grid-cell-color);
  6979. font-size: var(--rz-grid-cell-font-size);
  6980. display: block;
  6981. overflow: hidden;
  6982. text-overflow: ellipsis;
  6983. white-space: nowrap;
  6984. }
  6985.  
  6986. .rz-datatable-data td .rz-cell-data:has(.rz-chkbox), .rz-datatable-data td .rz-cell-data:has(.rz-button, .rz-paginator-element), .rz-grid-table td .rz-cell-data:has(.rz-chkbox), .rz-grid-table td .rz-cell-data:has(.rz-button, .rz-paginator-element) {
  6987. overflow: visible;
  6988. }
  6989.  
  6990. .rz-datatable-data tr td:first-child, .rz-grid-table tr td:first-child {
  6991. border-left: none;
  6992. }
  6993.  
  6994. .rz-datatable-data tr td:last-child:not(.rz-composite-cell), .rz-grid-table tr td:last-child:not(.rz-composite-cell) {
  6995. border-right: none;
  6996. }
  6997.  
  6998. .rz-datatable-data tr:first-child > td, .rz-grid-table tr:first-child > td {
  6999. border-top: none;
  7000. }
  7001.  
  7002. .rz-datatable-data tr:last-child > td, .rz-grid-table tr:last-child > td {
  7003. border-bottom: none;
  7004. }
  7005.  
  7006. .rz-datatable-reflow tbody td > .rz-column-title {
  7007. display: none;
  7008. }
  7009.  
  7010. .rz-datatable-scrollable {
  7011. display: flex;
  7012. flex-direction: column;
  7013. }
  7014.  
  7015. .rz-datatable-scrollable.rz-has-height > .rz-datatable-scrollable-wrapper {
  7016. height: 0;
  7017. }
  7018.  
  7019. .rz-datatable-scrollable.rz-has-height > .rz-datatable-scrollable-wrapper > .rz-datatable-scrollable-view {
  7020. height: 0;
  7021. }
  7022.  
  7023. .rz-datatable-scrollable-wrapper {
  7024. display: flex;
  7025. flex-direction: column;
  7026. flex: auto;
  7027. }
  7028.  
  7029. .rz-datatable-scrollable-view {
  7030. display: flex;
  7031. flex: auto;
  7032. flex-direction: column;
  7033. overflow: hidden;
  7034. }
  7035.  
  7036. .rz-datatable-header {
  7037. background-color: var(--rz-grid-toolbar-background-color);
  7038. padding: var(--rz-grid-header-padding);
  7039. border-bottom: var(--rz-grid-bottom-cell-border);
  7040. }
  7041.  
  7042. .rz-datatable-header .rzi-plus {
  7043. font-size: var(--rz-grid-cell-font-size);
  7044. }
  7045.  
  7046. .rz-datatable-header .rzi-plus:before {
  7047. content: 'add';
  7048. }
  7049.  
  7050. .rz-cell-filter {
  7051. padding: var(--rz-grid-filter-padding);
  7052. margin: var(--rz-grid-filter-margin);
  7053. background-color: var(--rz-grid-filter-background-color);
  7054. border-top: var(--rz-grid-filter-border);
  7055. font-size: var(--rz-grid-filter-font-size);
  7056. font-weight: normal;
  7057. }
  7058.  
  7059. .rz-cell-filter .rz-cell-filter-label {
  7060. display: flex;
  7061. flex: auto;
  7062. align-items: center;
  7063. }
  7064.  
  7065. .rz-cell-filter .rz-cell-filter-label > .rzi, .rz-cell-filter .rz-cell-filter-label > .rz-column-drag, .rz-cell-filter .rz-datatable-loading-content .rz-cell-filter-label > .rzi-circle-o-notch, .rz-datatable-loading-content .rz-cell-filter .rz-cell-filter-label > .rzi-circle-o-notch, .rz-cell-filter .rz-menuitem .rz-cell-filter-label > .rz-menuitem-icon, .rz-menuitem .rz-cell-filter .rz-cell-filter-label > .rz-menuitem-icon, .rz-cell-filter .rz-fileupload-row .rz-button .rz-cell-filter-label > .rzi-close, .rz-cell-filter .rz-fileupload-row .rz-paginator-element .rz-cell-filter-label > .rzi-close, .rz-fileupload-row .rz-button .rz-cell-filter .rz-cell-filter-label > .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-cell-filter .rz-cell-filter-label > .rzi-close,
  7066. .rz-cell-filter .rz-fileupload-row .rz-button .rz-cell-filter-label > .rzi-times,
  7067. .rz-cell-filter .rz-fileupload-row .rz-paginator-element .rz-cell-filter-label > .rzi-times,
  7068. .rz-fileupload-row .rz-button .rz-cell-filter .rz-cell-filter-label > .rzi-times,
  7069. .rz-fileupload-row .rz-paginator-element .rz-cell-filter .rz-cell-filter-label > .rzi-times,
  7070. .rz-cell-filter .rz-fileupload-row .rz-button .rz-cell-filter-label > .rz-icon-trash,
  7071. .rz-cell-filter .rz-fileupload-row .rz-paginator-element .rz-cell-filter-label > .rz-icon-trash,
  7072. .rz-fileupload-row .rz-button .rz-cell-filter .rz-cell-filter-label > .rz-icon-trash,
  7073. .rz-fileupload-row .rz-paginator-element .rz-cell-filter .rz-cell-filter-label > .rz-icon-trash, .rz-cell-filter .rz-datatable .rz-cell-filter-label > .rzi-chevron-circle-right, .rz-datatable .rz-cell-filter .rz-cell-filter-label > .rzi-chevron-circle-right, .rz-cell-filter .rz-datatable .rz-cell-filter-label > .rzi-chevron-circle-down, .rz-datatable .rz-cell-filter .rz-cell-filter-label > .rzi-chevron-circle-down, .rz-cell-filter .rz-sortable-column .rz-cell-filter-label > .rzi-grid-sort, .rz-sortable-column .rz-cell-filter .rz-cell-filter-label > .rzi-grid-sort, .rz-cell-filter .rz-datatable-header .rz-cell-filter-label > .rzi-plus, .rz-datatable-header .rz-cell-filter .rz-cell-filter-label > .rzi-plus {
  7074. width: var(--rz-grid-filter-icon-width);
  7075. height: var(--rz-grid-filter-icon-height);
  7076. font-size: var(--rz-grid-filter-icon-font-size);
  7077. margin: var(--rz-grid-filter-icon-margin);
  7078. color: var(--rz-grid-filter-color);
  7079. }
  7080.  
  7081. .rz-cell-filter .rz-cell-filter-label > .rzi.rz-cell-filter-clear, .rz-cell-filter .rz-cell-filter-label > .rz-cell-filter-clear.rz-column-drag, .rz-cell-filter .rz-datatable-loading-content .rz-cell-filter-label > .rz-cell-filter-clear.rzi-circle-o-notch, .rz-datatable-loading-content .rz-cell-filter .rz-cell-filter-label > .rz-cell-filter-clear.rzi-circle-o-notch, .rz-cell-filter .rz-menuitem .rz-cell-filter-label > .rz-cell-filter-clear.rz-menuitem-icon, .rz-menuitem .rz-cell-filter .rz-cell-filter-label > .rz-cell-filter-clear.rz-menuitem-icon, .rz-cell-filter .rz-fileupload-row .rz-button .rz-cell-filter-label > .rz-cell-filter-clear.rzi-close, .rz-cell-filter .rz-fileupload-row .rz-paginator-element .rz-cell-filter-label > .rz-cell-filter-clear.rzi-close, .rz-fileupload-row .rz-button .rz-cell-filter .rz-cell-filter-label > .rz-cell-filter-clear.rzi-close, .rz-fileupload-row .rz-paginator-element .rz-cell-filter .rz-cell-filter-label > .rz-cell-filter-clear.rzi-close,
  7082. .rz-cell-filter .rz-fileupload-row .rz-button .rz-cell-filter-label > .rz-cell-filter-clear.rzi-times,
  7083. .rz-cell-filter .rz-fileupload-row .rz-paginator-element .rz-cell-filter-label > .rz-cell-filter-clear.rzi-times,
  7084. .rz-fileupload-row .rz-button .rz-cell-filter .rz-cell-filter-label > .rz-cell-filter-clear.rzi-times,
  7085. .rz-fileupload-row .rz-paginator-element .rz-cell-filter .rz-cell-filter-label > .rz-cell-filter-clear.rzi-times,
  7086. .rz-cell-filter .rz-fileupload-row .rz-button .rz-cell-filter-label > .rz-cell-filter-clear.rz-icon-trash,
  7087. .rz-cell-filter .rz-fileupload-row .rz-paginator-element .rz-cell-filter-label > .rz-cell-filter-clear.rz-icon-trash,
  7088. .rz-fileupload-row .rz-button .rz-cell-filter .rz-cell-filter-label > .rz-cell-filter-clear.rz-icon-trash,
  7089. .rz-fileupload-row .rz-paginator-element .rz-cell-filter .rz-cell-filter-label > .rz-cell-filter-clear.rz-icon-trash, .rz-cell-filter .rz-datatable .rz-cell-filter-label > .rz-cell-filter-clear.rzi-chevron-circle-right, .rz-datatable .rz-cell-filter .rz-cell-filter-label > .rz-cell-filter-clear.rzi-chevron-circle-right, .rz-cell-filter .rz-datatable .rz-cell-filter-label > .rz-cell-filter-clear.rzi-chevron-circle-down, .rz-datatable .rz-cell-filter .rz-cell-filter-label > .rz-cell-filter-clear.rzi-chevron-circle-down, .rz-cell-filter .rz-sortable-column .rz-cell-filter-label > .rz-cell-filter-clear.rzi-grid-sort, .rz-sortable-column .rz-cell-filter .rz-cell-filter-label > .rz-cell-filter-clear.rzi-grid-sort, .rz-cell-filter .rz-datatable-header .rz-cell-filter-label > .rz-cell-filter-clear.rzi-plus, .rz-datatable-header .rz-cell-filter .rz-cell-filter-label > .rz-cell-filter-clear.rzi-plus {
  7090. margin-left: auto;
  7091. }
  7092.  
  7093. .rz-cell-filter .rz-cell-filter-label .rz-current-filter {
  7094. margin-left: 0.5rem;
  7095. }
  7096.  
  7097. .rz-selectable .rz-datatable-even td,
  7098. .rz-selectable .rz-datatable-even .rz-cell-data,
  7099. .rz-selectable .rz-datatable-odd td,
  7100. .rz-selectable .rz-datatable-odd .rz-cell-data {
  7101. transition: background-color var(--rz-transition), color var(--rz-transition);
  7102. }
  7103.  
  7104. .rz-selectable .rz-datatable-even.rz-state-highlight > td,
  7105. .rz-selectable .rz-datatable-odd.rz-state-highlight > td {
  7106. background-color: var(--rz-grid-selected-background-color);
  7107. }
  7108.  
  7109. .rz-selectable .rz-datatable-even.rz-state-highlight .rz-cell-data,
  7110. .rz-selectable .rz-datatable-odd.rz-state-highlight .rz-cell-data {
  7111. color: var(--rz-grid-selected-color);
  7112. }
  7113.  
  7114. .rz-selectable .rz-datatable-even.rz-state-highlight > .rzi, .rz-selectable .rz-datatable-even.rz-state-highlight > .rz-column-drag, .rz-selectable .rz-datatable-loading-content .rz-datatable-even.rz-state-highlight > .rzi-circle-o-notch, .rz-datatable-loading-content .rz-selectable .rz-datatable-even.rz-state-highlight > .rzi-circle-o-notch, .rz-selectable .rz-menuitem .rz-datatable-even.rz-state-highlight > .rz-menuitem-icon, .rz-menuitem .rz-selectable .rz-datatable-even.rz-state-highlight > .rz-menuitem-icon, .rz-selectable .rz-fileupload-row .rz-button .rz-datatable-even.rz-state-highlight > .rzi-close, .rz-selectable .rz-fileupload-row .rz-paginator-element .rz-datatable-even.rz-state-highlight > .rzi-close, .rz-fileupload-row .rz-button .rz-selectable .rz-datatable-even.rz-state-highlight > .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-selectable .rz-datatable-even.rz-state-highlight > .rzi-close,
  7115. .rz-selectable .rz-fileupload-row .rz-button .rz-datatable-even.rz-state-highlight > .rzi-times,
  7116. .rz-selectable .rz-fileupload-row .rz-paginator-element .rz-datatable-even.rz-state-highlight > .rzi-times,
  7117. .rz-fileupload-row .rz-button .rz-selectable .rz-datatable-even.rz-state-highlight > .rzi-times,
  7118. .rz-fileupload-row .rz-paginator-element .rz-selectable .rz-datatable-even.rz-state-highlight > .rzi-times,
  7119. .rz-selectable .rz-fileupload-row .rz-button .rz-datatable-even.rz-state-highlight > .rz-icon-trash,
  7120. .rz-selectable .rz-fileupload-row .rz-paginator-element .rz-datatable-even.rz-state-highlight > .rz-icon-trash,
  7121. .rz-fileupload-row .rz-button .rz-selectable .rz-datatable-even.rz-state-highlight > .rz-icon-trash,
  7122. .rz-fileupload-row .rz-paginator-element .rz-selectable .rz-datatable-even.rz-state-highlight > .rz-icon-trash, .rz-selectable .rz-datatable .rz-datatable-even.rz-state-highlight > .rzi-chevron-circle-right, .rz-datatable .rz-selectable .rz-datatable-even.rz-state-highlight > .rzi-chevron-circle-right, .rz-selectable .rz-datatable .rz-datatable-even.rz-state-highlight > .rzi-chevron-circle-down, .rz-datatable .rz-selectable .rz-datatable-even.rz-state-highlight > .rzi-chevron-circle-down, .rz-selectable .rz-sortable-column .rz-datatable-even.rz-state-highlight > .rzi-grid-sort, .rz-sortable-column .rz-selectable .rz-datatable-even.rz-state-highlight > .rzi-grid-sort, .rz-selectable .rz-datatable-header .rz-datatable-even.rz-state-highlight > .rzi-plus, .rz-datatable-header .rz-selectable .rz-datatable-even.rz-state-highlight > .rzi-plus,
  7123. .rz-selectable .rz-datatable-odd.rz-state-highlight > .rzi,
  7124. .rz-selectable .rz-datatable-odd.rz-state-highlight > .rz-column-drag,
  7125. .rz-selectable .rz-datatable-loading-content .rz-datatable-odd.rz-state-highlight > .rzi-circle-o-notch,
  7126. .rz-datatable-loading-content .rz-selectable .rz-datatable-odd.rz-state-highlight > .rzi-circle-o-notch,
  7127. .rz-selectable .rz-menuitem .rz-datatable-odd.rz-state-highlight > .rz-menuitem-icon,
  7128. .rz-menuitem .rz-selectable .rz-datatable-odd.rz-state-highlight > .rz-menuitem-icon,
  7129. .rz-selectable .rz-fileupload-row .rz-button .rz-datatable-odd.rz-state-highlight > .rzi-close,
  7130. .rz-selectable .rz-fileupload-row .rz-paginator-element .rz-datatable-odd.rz-state-highlight > .rzi-close,
  7131. .rz-fileupload-row .rz-button .rz-selectable .rz-datatable-odd.rz-state-highlight > .rzi-close,
  7132. .rz-fileupload-row .rz-paginator-element .rz-selectable .rz-datatable-odd.rz-state-highlight > .rzi-close,
  7133. .rz-selectable .rz-fileupload-row .rz-button .rz-datatable-odd.rz-state-highlight > .rzi-times,
  7134. .rz-selectable .rz-fileupload-row .rz-paginator-element .rz-datatable-odd.rz-state-highlight > .rzi-times,
  7135. .rz-fileupload-row .rz-button .rz-selectable .rz-datatable-odd.rz-state-highlight > .rzi-times,
  7136. .rz-fileupload-row .rz-paginator-element .rz-selectable .rz-datatable-odd.rz-state-highlight > .rzi-times,
  7137. .rz-selectable .rz-fileupload-row .rz-button .rz-datatable-odd.rz-state-highlight > .rz-icon-trash,
  7138. .rz-selectable .rz-fileupload-row .rz-paginator-element .rz-datatable-odd.rz-state-highlight > .rz-icon-trash,
  7139. .rz-fileupload-row .rz-button .rz-selectable .rz-datatable-odd.rz-state-highlight > .rz-icon-trash,
  7140. .rz-fileupload-row .rz-paginator-element .rz-selectable .rz-datatable-odd.rz-state-highlight > .rz-icon-trash,
  7141. .rz-selectable .rz-datatable .rz-datatable-odd.rz-state-highlight > .rzi-chevron-circle-right,
  7142. .rz-datatable .rz-selectable .rz-datatable-odd.rz-state-highlight > .rzi-chevron-circle-right,
  7143. .rz-selectable .rz-datatable .rz-datatable-odd.rz-state-highlight > .rzi-chevron-circle-down,
  7144. .rz-datatable .rz-selectable .rz-datatable-odd.rz-state-highlight > .rzi-chevron-circle-down,
  7145. .rz-selectable .rz-sortable-column .rz-datatable-odd.rz-state-highlight > .rzi-grid-sort,
  7146. .rz-sortable-column .rz-selectable .rz-datatable-odd.rz-state-highlight > .rzi-grid-sort,
  7147. .rz-selectable .rz-datatable-header .rz-datatable-odd.rz-state-highlight > .rzi-plus,
  7148. .rz-datatable-header .rz-selectable .rz-datatable-odd.rz-state-highlight > .rzi-plus {
  7149. color: var(--rz-grid-selected-color);
  7150. }
  7151.  
  7152. .rz-selectable .rz-datatable-even:hover:not(.rz-state-highlight) > td:not(.rz-frozen-cell),
  7153. .rz-selectable .rz-datatable-odd:hover:not(.rz-state-highlight) > td:not(.rz-frozen-cell) {
  7154. background-color: var(--rz-grid-hover-background-color);
  7155. }
  7156.  
  7157. .rz-selectable .rz-datatable-even:hover:not(.rz-state-highlight) .rz-cell-data,
  7158. .rz-selectable .rz-datatable-odd:hover:not(.rz-state-highlight) .rz-cell-data {
  7159. color: var(--rz-grid-hover-color);
  7160. }
  7161.  
  7162. .rz-cell-filter-content {
  7163. display: flex;
  7164. flex: auto;
  7165. align-items: center;
  7166. }
  7167.  
  7168. .rz-cell-filter-content {
  7169. color: var(--rz-grid-filter-color);
  7170. min-height: 1.375rem;
  7171. }
  7172.  
  7173. .rz-date-filter {
  7174. display: flex;
  7175. align-items: stretch;
  7176. background-color: var(--rz-grid-filter-background-color);
  7177. gap: var(--rz-grid-filter-gap);
  7178. padding: var(--rz-grid-filter-gap);
  7179. }
  7180.  
  7181. .rz-date-filter .rz-listbox {
  7182. min-width: 10rem;
  7183. }
  7184.  
  7185. .rz-date-filter .rz-listbox .rz-listbox-item {
  7186. font-size: 0.875rem;
  7187. }
  7188.  
  7189. .rz-date-filter .rz-calendar-inline {
  7190. border-radius: var(--rz-border-radius);
  7191. }
  7192.  
  7193. .rz-expanded-row > td {
  7194. border-bottom: none;
  7195. background-color: var(--rz-grid-hover-background-color);
  7196. }
  7197.  
  7198. .rz-expanded-row > td .rz-cell-data,
  7199. .rz-expanded-row > td .rz-row-toggler {
  7200. color: var(--rz-grid-hover-color);
  7201. }
  7202.  
  7203. .rz-expanded-row-template {
  7204. background-color: var(--rz-grid-detail-template-background-color);
  7205. padding: var(--rz-grid-detail-template-padding);
  7206. border: var(--rz-grid-detail-template-border);
  7207. border-radius: var(--rz-grid-detail-template-border-radius);
  7208. }
  7209.  
  7210. .rz-expanded-row-content > td {
  7211. padding-top: 0;
  7212. background-color: var(--rz-grid-detail-template-background-color);
  7213. }
  7214.  
  7215. .rz-rowgroup-header a:hover {
  7216. text-decoration: none;
  7217. }
  7218.  
  7219. .rz-rowgroup-header td {
  7220. border-top: var(--rz-grid-border);
  7221. border-bottom: var(--rz-grid-border);
  7222. }
  7223.  
  7224. .rz-date-filter-buttons {
  7225. display: flex;
  7226. justify-content: space-between;
  7227. padding: var(--rz-grid-filter-buttons-padding);
  7228. background-color: var(--rz-grid-filter-buttons-background-color);
  7229. border-top: var(--rz-grid-filter-buttons-border);
  7230. }
  7231.  
  7232. .rz-clear-filter {
  7233. background-color: var(--rz-grid-clear-filter-button-background-color);
  7234. color: var(--rz-grid-clear-filter-button-color);
  7235. box-shadow: var(--rz-grid-clear-filter-button-shadow);
  7236. }
  7237.  
  7238. .rz-apply-filter {
  7239. background-color: var(--rz-grid-apply-filter-button-background-color);
  7240. color: var(--rz-grid-apply-filter-button-color);
  7241. box-shadow: var(--rz-grid-apply-filter-button-shadow);
  7242. }
  7243.  
  7244. .rz-datatable-loading {
  7245. position: absolute;
  7246. top: 0;
  7247. left: 0;
  7248. right: 0;
  7249. bottom: 0;
  7250. background-color: var(--rz-grid-loading-indicator-background-color);
  7251. z-index: 2;
  7252. }
  7253.  
  7254. .rz-datatable-loading-content {
  7255. position: absolute;
  7256. left: 50%;
  7257. top: 50%;
  7258. transform: translate(-50%, -50%);
  7259. color: var(--rz-grid-loading-indicator-color);
  7260. z-index: 2;
  7261. }
  7262.  
  7263. .rz-datatable-loading-content .rzi-circle-o-notch {
  7264. animation: rotation .5s linear infinite;
  7265. font-size: 2rem;
  7266. }
  7267.  
  7268. .rz-datatable-loading-content .rzi-circle-o-notch:before {
  7269. content: 'refresh';
  7270. }
  7271.  
  7272. @keyframes rotation {
  7273. from {
  7274. transform: rotate(0deg);
  7275. }
  7276. to {
  7277. transform: rotate(360deg);
  7278. }
  7279. }
  7280.  
  7281. @media (max-width: 768px) {
  7282. .rz-datatable-reflow .rz-data-grid-data > table,
  7283. .rz-datatable-reflow .rz-datatable-tablewrapper > table,
  7284. .rz-datatable-reflow .rz-datatable-scrollable-header-box > table,
  7285. .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table {
  7286. table-layout: auto;
  7287. display: block;
  7288. }
  7289. .rz-datatable-reflow .rz-data-grid-data > table > tbody,
  7290. .rz-datatable-reflow .rz-datatable-tablewrapper > table > tbody,
  7291. .rz-datatable-reflow .rz-datatable-scrollable-header-box > table > tbody,
  7292. .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table > tbody {
  7293. display: block;
  7294. }
  7295. .rz-datatable-reflow thead th {
  7296. display: none;
  7297. }
  7298. .rz-datatable-reflow .rz-datatable-odd,
  7299. .rz-datatable-reflow .rz-datatable-even {
  7300. display: block;
  7301. }
  7302. .rz-datatable-reflow .rz-datatable-odd > td,
  7303. .rz-datatable-reflow .rz-datatable-even > td {
  7304. display: block;
  7305. width: 100% !important;
  7306. text-align: left !important;
  7307. border: none;
  7308. }
  7309. .rz-datatable-reflow .rz-datatable-odd > td .rz-column-title,
  7310. .rz-datatable-reflow .rz-datatable-even > td .rz-column-title {
  7311. display: block;
  7312. }
  7313. }
  7314.  
  7315. .rz-grid-filter {
  7316. display: flex;
  7317. flex-direction: column;
  7318. gap: 0.5rem;
  7319. padding: 1rem;
  7320. }
  7321.  
  7322. .rz-grid-filter .rz-dropdown,
  7323. .rz-grid-filter .rz-spinner,
  7324. .rz-grid-filter .rz-textbox,
  7325. .rz-grid-filter .rz-grid-filter-label {
  7326. display: block;
  7327. width: 100%;
  7328. }
  7329.  
  7330. .rz-grid-filter .rz-grid-filter-label {
  7331. font-weight: 600;
  7332. }
  7333.  
  7334. .rz-grid-filter-buttons {
  7335. display: flex;
  7336. justify-content: space-between;
  7337. padding: var(--rz-grid-filter-buttons-padding);
  7338. }
  7339.  
  7340. .rz-grid-filter-icon {
  7341. justify-self: flex-end;
  7342. color: var(--rz-grid-filter-color);
  7343. margin: var(--rz-grid-header-filter-icon-margin);
  7344. font-size: var(--rz-grid-header-filter-icon-font-size);
  7345. transition: var(--rz-grid-state-transition);
  7346. }
  7347.  
  7348. .rz-grid-filter-icon:hover {
  7349. cursor: pointer;
  7350. color: var(--rz-grid-header-filter-icon-hover-color);
  7351. }
  7352.  
  7353. .rz-grid-filter-icon:after {
  7354. content: 'filter_alt';
  7355. }
  7356.  
  7357. .rz-grid-filter-active {
  7358. color: var(--rz-grid-header-filter-icon-active-color) !important;
  7359. }
  7360.  
  7361. .rz-data-grid {
  7362. display: flex;
  7363. flex-direction: column;
  7364. }
  7365.  
  7366. .rz-data-grid-data {
  7367. overflow: auto;
  7368. flex: 1;
  7369. box-shadow: var(--rz-grid-data-border-shadow);
  7370. }
  7371.  
  7372. .rz-grid-table td, .rz-grid-table th {
  7373. padding: var(--rz-grid-cell-padding);
  7374. }
  7375.  
  7376. .rz-grid-table thead {
  7377. position: sticky;
  7378. top: 0;
  7379. z-index: 2;
  7380. }
  7381.  
  7382. .rz-grid-table thead th {
  7383. position: sticky;
  7384. top: 0;
  7385. z-index: 1;
  7386. }
  7387.  
  7388. .rz-grid-table thead tr:nth-of-type(2) th {
  7389. top: 35px;
  7390. }
  7391.  
  7392. .rz-grid-table-fixed {
  7393. table-layout: fixed;
  7394. }
  7395.  
  7396. .rz-grid-table-fixed .rz-frozen-cell {
  7397. position: -webkit-sticky;
  7398. position: sticky;
  7399. background: var(--rz-grid-frozen-cell-background-color);
  7400. border-right: var(--rz-grid-frozen-cell-border) !important;
  7401. box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.12);
  7402. z-index: 1;
  7403. }
  7404.  
  7405. .rz-grid-table tfoot, .rz-grid-table tfoot td {
  7406. position: sticky;
  7407. bottom: 0;
  7408. z-index: 1;
  7409. }
  7410.  
  7411. .rz-grid-table {
  7412. width: 100%;
  7413. position: relative;
  7414. border-collapse: separate;
  7415. border-spacing: 0;
  7416. }
  7417.  
  7418. .rz-grid-table th {
  7419. white-space: nowrap;
  7420. overflow: hidden;
  7421. }
  7422.  
  7423. .rz-grid-table td {
  7424. white-space: nowrap;
  7425. overflow: hidden;
  7426. }
  7427.  
  7428. .rz-grid-table tbody > div {
  7429. display: table-row;
  7430. }
  7431.  
  7432. .rz-column-drag {
  7433. cursor: grab;
  7434. font-size: inherit;
  7435. color: var(--rz-column-drag-handle-color);
  7436. transition: var(--rz-grid-state-transition);
  7437. margin: var(--rz-column-drag-handle-margin);
  7438. }
  7439.  
  7440. .rz-column-drag:after {
  7441. content: 'more_vert';
  7442. }
  7443.  
  7444. .rz-column-drag:hover {
  7445. color: var(--rz-column-drag-handle-hover-color);
  7446. }
  7447.  
  7448. .rz-column-drag:active {
  7449. color: var(--rz-column-drag-handle-hover-color);
  7450. cursor: grabbing;
  7451. }
  7452.  
  7453. .rz-column-draggable {
  7454. background-color: var(--rz-grid-header-background-color);
  7455. border-radius: var(--rz-border-radius);
  7456. box-shadow: var(--rz-column-draggable-shadow);
  7457. padding: 0;
  7458. }
  7459.  
  7460. .rz-column-draggable > div {
  7461. display: flex;
  7462. justify-content: flex-start;
  7463. align-items: center;
  7464. width: 100%;
  7465. outline: none;
  7466. padding: var(--rz-grid-header-cell-padding);
  7467. }
  7468.  
  7469. .rz-column-draggable .rz-column-title {
  7470. display: inline-block;
  7471. font-size: var(--rz-grid-header-font-size);
  7472. line-height: var(--rz-grid-header-line-height);
  7473. text-transform: var(--rz-grid-header-text-transform);
  7474. color: var(--rz-grid-header-color);
  7475. padding: var(--rz-grid-header-title-padding);
  7476. font-weight: var(--rz-grid-header-font-weight);
  7477. white-space: nowrap;
  7478. overflow: hidden;
  7479. text-overflow: ellipsis;
  7480. }
  7481.  
  7482. .rz-column-draggable .rz-grid-filter-icon {
  7483. display: none;
  7484. }
  7485.  
  7486. .rz-group-header {
  7487. background-color: var(--rz-grid-header-background-color);
  7488. padding: var(--rz-grid-group-header-padding);
  7489. border-bottom: var(--rz-grid-bottom-cell-border);
  7490. display: flex;
  7491. justify-content: space-between;
  7492. align-items: center;
  7493. }
  7494.  
  7495. .rz-group-header-items {
  7496. margin: var(--rz-grid-group-header-items-margin);
  7497. }
  7498.  
  7499. .rz-group-header-item {
  7500. background-color: var(--rz-grid-group-header-item-background-color);
  7501. border: var(--rz-grid-group-header-item-border);
  7502. border-radius: var(--rz-grid-group-header-item-border-radius);
  7503. padding: var(--rz-grid-group-header-item-padding);
  7504. margin: var(--rz-grid-group-header-item-margin);
  7505. width: fit-content;
  7506. float: left;
  7507. }
  7508.  
  7509. .rz-group-header-item-title {
  7510. font-size: var(--rz-grid-header-font-size);
  7511. font-weight: var(--rz-grid-header-font-weight);
  7512. margin-right: 0.5rem;
  7513. }
  7514.  
  7515. .rz-group-header-drop {
  7516. font-size: var(--rz-body-font-size);
  7517. color: var(--rz-text-tertiary-color);
  7518. height: fit-content;
  7519. }
  7520.  
  7521. .rz-column-picker {
  7522. display: flex;
  7523. }
  7524.  
  7525. .rz-filter-menu-symbol {
  7526. width: 1.75rem;
  7527. display: inline-block;
  7528. }
  7529.  
  7530. .rz-filter-button {
  7531. flex: none;
  7532. margin-right: 0.5rem;
  7533. }
  7534.  
  7535. :root {
  7536. --rz-paginator-background-color: var(--rz-base-background-color);
  7537. --rz-paginator-padding: 0.5rem;
  7538. --rz-paginator-border: var(--rz-border-normal);
  7539. --rz-paginator-button-border-radius: var(--rz-border-radius);
  7540. --rz-paginator-numeric-button-background-color: var(--rz-base-200);
  7541. --rz-paginator-numeric-button-color: var(--rz-text-color);
  7542. --rz-paginator-numeric-button-border: 1px solid transparent;
  7543. --rz-paginator-numeric-button-hover-background-color: var(--rz-base-200);
  7544. --rz-paginator-numeric-button-hover-color: var(--rz-text-color);
  7545. --rz-paginator-numeric-button-margin: 0 0.25rem;
  7546. --rz-paginator-numeric-button-padding: 0.4375rem;
  7547. --rz-paginator-numeric-button-selected-background-color: var(--rz-base-background-color);
  7548. --rz-paginator-numeric-button-selected-color: var(--rz-primary);
  7549. --rz-paginator-numeric-button-selected-border: var(--rz-border-base-200);
  7550. --rz-paginator-numeric-button-selected-padding: 0.4375rem;
  7551. --rz-paginator-numeric-button-min-width: 2.25rem;
  7552. --rz-paginator-back-button-background-color: var(--rz-base-200);
  7553. --rz-paginator-back-button-color: var(--rz-text-color);
  7554. --rz-paginator-back-button-hover-background-color: var(--rz-base-200);
  7555. --rz-paginator-back-button-hover-color: var(--rz-text-color);
  7556. --rz-paginator-first-button-margin: 0 0.5rem 0 0;
  7557. --rz-paginator-last-button-margin: 0 0 0 0.5rem;
  7558. --rz-paginator-next-button-background-color: var(--rz-base-200);
  7559. --rz-paginator-next-button-color: var(--rz-text-color);
  7560. --rz-paginator-next-button-hover-background-color: var(--rz-base-200);
  7561. --rz-paginator-next-button-hover-color: var(--rz-text-color);
  7562. --rz-paginator-dropdown-width: 80px;
  7563. --rz-paginator-dropdown-margin: 0 0 0 0.5rem;
  7564. --rz-paginator-summary-padding: 0 1.25rem 0 0;
  7565. --rz-paginator-summary-font-size: var(--rz-body-font-size);
  7566. --rz-paginator-summary-color: var(--rz-text-secondary-color);
  7567. --rz-paginator-button-size: .rz-button-md;
  7568. }
  7569.  
  7570. .rz-paginator {
  7571. display: flex;
  7572. align-items: center;
  7573. justify-content: space-between;
  7574. background-color: var(--rz-paginator-background-color);
  7575. padding: var(--rz-paginator-padding);
  7576. }
  7577.  
  7578. .rz-paginator.rz-align-right {
  7579. justify-content: flex-end;
  7580. }
  7581.  
  7582. .rz-paginator.rz-align-left {
  7583. justify-content: flex-start;
  7584. }
  7585.  
  7586. .rz-paginator.rz-align-center {
  7587. justify-content: center;
  7588. }
  7589.  
  7590. .rz-paginator .rzi-step-backward:before {
  7591. content: 'first_page';
  7592. }
  7593.  
  7594. .rz-paginator .rzi-caret-left:before {
  7595. content: 'navigate_before';
  7596. }
  7597.  
  7598. .rz-paginator .rzi-caret-right:before {
  7599. content: 'navigate_next';
  7600. }
  7601.  
  7602. .rz-paginator .rzi-step-forward:before {
  7603. content: 'last_page';
  7604. }
  7605.  
  7606. .rz-paginator .rz-dropdown {
  7607. order: 2;
  7608. width: var(--rz-paginator-dropdown-width);
  7609. margin-left: 1rem;
  7610. overflow: visible;
  7611. }
  7612.  
  7613. .rz-paginator .rz-pagesize-text {
  7614. order: 2;
  7615. margin: var(--rz-paginator-last-button-margin);
  7616. font-size: var(--rz-paginator-summary-font-size);
  7617. color: var(--rz-paginator-summary-color);
  7618. }
  7619.  
  7620. .rz-paginator .rz-dropdown-items-wrapper {
  7621. width: var(--rz-paginator-dropdown-width-4px);
  7622. }
  7623.  
  7624. .rz-paginator-element:hover,
  7625. .rz-paginator-page:hover {
  7626. background-color: var(--rz-paginator-numeric-button-hover-background-color);
  7627. color: var(--rz-paginator-numeric-button-hover-color);
  7628. }
  7629.  
  7630. .rz-paginator-bottom {
  7631. border-top: var(--rz-paginator-border);
  7632. }
  7633.  
  7634. .rz-paginator-pages {
  7635. display: inline-flex;
  7636. margin: 0 0.5rem;
  7637. }
  7638.  
  7639. .rz-paginator-element {
  7640. letter-spacing: 0;
  7641. }
  7642.  
  7643. .rz-paginator-first {
  7644. margin: var(--rz-paginator-first-button-margin);
  7645. }
  7646.  
  7647. .rz-align-center .rz-paginator-first {
  7648. margin-left: auto;
  7649. }
  7650.  
  7651. .rz-paginator-prev {
  7652. margin-right: auto;
  7653. }
  7654.  
  7655. .rz-align-left .rz-paginator-prev, .rz-align-right .rz-paginator-prev, .rz-align-center .rz-paginator-prev {
  7656. margin: var(--rz-paginator-first-button-margin);
  7657. }
  7658.  
  7659. .rz-paginator-next {
  7660. margin-left: auto;
  7661. }
  7662.  
  7663. .rz-align-left .rz-paginator-next, .rz-align-right .rz-paginator-next, .rz-align-center .rz-paginator-next {
  7664. margin: var(--rz-paginator-last-button-margin);
  7665. }
  7666.  
  7667. .rz-paginator-last {
  7668. margin: var(--rz-paginator-last-button-margin);
  7669. }
  7670.  
  7671. .rz-align-center .rz-paginator-last {
  7672. margin-right: auto;
  7673. }
  7674.  
  7675. .rz-paginator-first,
  7676. .rz-paginator-prev {
  7677. background-color: var(--rz-paginator-back-button-background-color);
  7678. color: var(--rz-paginator-back-button-color);
  7679. border-radius: var(--rz-paginator-button-border-radius);
  7680. }
  7681.  
  7682. .rz-paginator-element:hover {
  7683. text-decoration: none;
  7684. }
  7685.  
  7686. .rz-paginator-last,
  7687. .rz-paginator-next {
  7688. background-color: var(--rz-paginator-next-button-background-color);
  7689. color: var(--rz-paginator-next-button-color);
  7690. border-radius: var(--rz-paginator-button-border-radius);
  7691. }
  7692.  
  7693. .rz-paginator-page {
  7694. display: inline-block;
  7695. min-width: var(--rz-paginator-numeric-button-min-width);
  7696. text-align: center;
  7697. margin: var(--rz-paginator-numeric-button-margin);
  7698. background-color: var(--rz-paginator-numeric-button-background-color);
  7699. border: var(--rz-paginator-numeric-button-border);
  7700. border-radius: var(--rz-paginator-button-border-radius);
  7701. padding: var(--rz-paginator-numeric-button-padding);
  7702. color: var(--rz-paginator-numeric-button-color);
  7703. }
  7704.  
  7705. .rz-paginator-page.rz-state-active {
  7706. background-color: var(--rz-paginator-numeric-button-selected-background-color);
  7707. color: var(--rz-paginator-numeric-button-selected-color);
  7708. border: var(--rz-paginator-numeric-button-selected-border);
  7709. padding: var(--rz-paginator-numeric-button-selected-padding);
  7710. }
  7711.  
  7712. .rz-paginator-summary {
  7713. padding: var(--rz-paginator-summary-padding);
  7714. font-size: var(--rz-paginator-summary-font-size);
  7715. color: var(--rz-paginator-summary-color);
  7716. }
  7717.  
  7718. .rz-align-right .rz-paginator-summary {
  7719. margin-right: auto;
  7720. }
  7721.  
  7722. .rz-align-left .rz-paginator-summary {
  7723. order: 2;
  7724. margin-left: auto;
  7725. padding: 0;
  7726. }
  7727.  
  7728. @media (max-width: 768px) {
  7729. .rz-paginator-page:not(.rz-state-active) {
  7730. display: none;
  7731. }
  7732. .rz-paginator {
  7733. display: grid;
  7734. grid-column-gap: 0.5rem;
  7735. grid-row-gap: 1rem;
  7736. grid-template-columns: repeat(9, 1fr);
  7737. text-align: center;
  7738. }
  7739. .rz-paginator .rz-dropdown {
  7740. grid-column: 1/4;
  7741. width: auto;
  7742. margin: 0 !important;
  7743. text-align: left;
  7744. }
  7745. .rz-paginator .rz-pagesize-text {
  7746. grid-column: 4/10;
  7747. margin: 0 !important;
  7748. text-align: left;
  7749. }
  7750. .rz-paginator-summary {
  7751. grid-column: 1/10;
  7752. padding: 0 !important;
  7753. text-align: left;
  7754. }
  7755. .rz-paginator-first {
  7756. grid-column: 1/3;
  7757. margin: 0 !important;
  7758. }
  7759. .rz-paginator-prev {
  7760. grid-column: 3/5;
  7761. margin: 0 !important;
  7762. }
  7763. .rz-paginator-pages {
  7764. grid-column: 5/6;
  7765. margin: 0 !important;
  7766. }
  7767. .rz-paginator-next {
  7768. grid-column: 6/8;
  7769. margin: 0 !important;
  7770. }
  7771. .rz-paginator-last {
  7772. grid-column: 8/10;
  7773. margin: 0 !important;
  7774. }
  7775. }
  7776.  
  7777. :root {
  7778. --rz-overlay-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.06);
  7779. --rz-overlay-border: var(--rz-border-normal);
  7780. --rz-overlay-background-color: var(--rz-base-100);
  7781. }
  7782.  
  7783. .rz-overlaypanel {
  7784. position: absolute;
  7785. overflow: hidden;
  7786. box-shadow: var(--rz-overlay-shadow);
  7787. border: var(--rz-overlay-border);
  7788. border-radius: var(--rz-border-radius);
  7789. background-color: var(--rz-overlay-background-color);
  7790. }
  7791.  
  7792. :root {
  7793. --rz-tree-background-color: var(--rz-base-background-color);
  7794. --rz-tree-node-padding: 0.25rem;
  7795. --rz-tree-node-selected-background-color: var(--rz-secondary);
  7796. --rz-tree-node-selected-color: var(--rz-text-contrast-color);
  7797. --rz-tree-node-selected-border-radius: calc(var(--rz-border-radius)/2);
  7798. --rz-tree-node-margin: 1px 0;
  7799. --rz-tree-node-hover-background-color: var(--rz-secondary-light);
  7800. --rz-tree-node-hover-color: var(--rz-text-contrast-color);
  7801. --rz-tree-node-toggle-width: 1rem;
  7802. --rz-tree-node-toggle-color: var(--rz-text-tertiary-color);
  7803. --rz-tree-node-toggle-hover-color: var(--rz-text-color);
  7804. --rz-tree-transition: var(--rz-transition-all);
  7805. }
  7806.  
  7807. .rz-tree {
  7808. display: inline-block;
  7809. overflow: auto;
  7810. }
  7811.  
  7812. .rz-tree .rz-treenode.rz-treenode-leaf > .rz-treenode-content > .rz-tree-toggler {
  7813. visibility: hidden;
  7814. }
  7815.  
  7816. .rz-treenode {
  7817. padding-left: var(--rz-tree-node-toggle-width);
  7818. }
  7819.  
  7820. .rz-tree-toggler {
  7821. cursor: pointer;
  7822. margin-left: calc(var(--rz-tree-node-toggle-width) * -1);
  7823. width: var(--rz-tree-node-toggle-width);
  7824. height: 1.5rem;
  7825. font-size: var(--rz-icon-size);
  7826. line-height: 1.5rem;
  7827. text-align: center;
  7828. color: var(--rz-tree-node-toggle-color);
  7829. transition: var(--rz-tree-transition);
  7830. }
  7831.  
  7832. .rz-tree-toggler.rzi-caret-right:before {
  7833. content: "arrow_right";
  7834. margin-left: -0.125rem;
  7835. }
  7836.  
  7837. .rz-tree-toggler.rzi-caret-down:before {
  7838. content: "arrow_drop_down";
  7839. margin-left: -0.125rem;
  7840. }
  7841.  
  7842. .rz-tree-toggler:hover {
  7843. color: var(--rz-tree-node-toggle-hover-color);
  7844. }
  7845.  
  7846. .rz-treenode-content {
  7847. display: flex;
  7848. align-items: center;
  7849. cursor: pointer;
  7850. margin: var(--rz-tree-node-margin);
  7851. }
  7852.  
  7853. .rz-treenode-content .rz-treenode-label {
  7854. display: flex;
  7855. align-items: center;
  7856. padding: var(--rz-tree-node-padding);
  7857. }
  7858.  
  7859. .rz-treenode-content .rz-treenode-label .rzi:first-child, .rz-treenode-content .rz-treenode-label .rz-menuitem .rz-menuitem-icon:first-child, .rz-menuitem .rz-treenode-content .rz-treenode-label .rz-menuitem-icon:first-child, .rz-treenode-content .rz-treenode-label .rz-fileupload-row .rz-button .rzi-close:first-child, .rz-fileupload-row .rz-button .rz-treenode-content .rz-treenode-label .rzi-close:first-child,
  7860. .rz-treenode-content .rz-treenode-label .rz-fileupload-row .rz-button .rzi-times:first-child,
  7861. .rz-fileupload-row .rz-button .rz-treenode-content .rz-treenode-label .rzi-times:first-child,
  7862. .rz-treenode-content .rz-treenode-label .rz-fileupload-row .rz-button .rz-icon-trash:first-child,
  7863. .rz-fileupload-row .rz-button .rz-treenode-content .rz-treenode-label .rz-icon-trash:first-child, .rz-treenode-content .rz-treenode-label .rz-datatable .rzi-chevron-circle-right:first-child, .rz-datatable .rz-treenode-content .rz-treenode-label .rzi-chevron-circle-right:first-child, .rz-treenode-content .rz-treenode-label .rz-datatable .rzi-chevron-circle-down:first-child, .rz-datatable .rz-treenode-content .rz-treenode-label .rzi-chevron-circle-down:first-child, .rz-treenode-content .rz-treenode-label .rz-sortable-column .rzi-grid-sort:first-child, .rz-sortable-column .rz-treenode-content .rz-treenode-label .rzi-grid-sort:first-child, .rz-treenode-content .rz-treenode-label .rz-datatable-header .rzi-plus:first-child, .rz-datatable-header .rz-treenode-content .rz-treenode-label .rzi-plus:first-child, .rz-treenode-content .rz-treenode-label .rz-datatable-loading-content .rzi-circle-o-notch:first-child, .rz-datatable-loading-content .rz-treenode-content .rz-treenode-label .rzi-circle-o-notch:first-child, .rz-treenode-content .rz-treenode-label .rz-column-drag:first-child, .rz-treenode-content .rz-treenode-label .rz-fileupload-row .rz-paginator-element .rzi-close:first-child, .rz-fileupload-row .rz-paginator-element .rz-treenode-content .rz-treenode-label .rzi-close:first-child,
  7864. .rz-treenode-content .rz-treenode-label .rz-fileupload-row .rz-paginator-element .rzi-times:first-child,
  7865. .rz-fileupload-row .rz-paginator-element .rz-treenode-content .rz-treenode-label .rzi-times:first-child,
  7866. .rz-treenode-content .rz-treenode-label .rz-fileupload-row .rz-paginator-element .rz-icon-trash:first-child,
  7867. .rz-fileupload-row .rz-paginator-element .rz-treenode-content .rz-treenode-label .rz-icon-trash:first-child {
  7868. margin-right: 0.25rem;
  7869. }
  7870.  
  7871. .rz-treenode-content:not(.rz-treenode-content-selected):hover .rz-treenode-label {
  7872. background-color: var(--rz-tree-node-hover-background-color);
  7873. color: var(--rz-tree-node-hover-color);
  7874. border-radius: var(--rz-tree-node-selected-border-radius);
  7875. }
  7876.  
  7877. .rz-treenode-content .rz-chkbox {
  7878. margin-right: 0.25rem;
  7879. }
  7880.  
  7881. .rz-tree-container,
  7882. .rz-treenode-children {
  7883. list-style: none;
  7884. padding: 0;
  7885. margin: 0;
  7886. }
  7887.  
  7888. .rz-treenode-label {
  7889. transition: var(--rz-tree-transition);
  7890. }
  7891.  
  7892. .rz-treenode-content-selected .rz-treenode-label {
  7893. border-radius: var(--rz-tree-node-selected-border-radius);
  7894. color: var(--rz-tree-node-selected-color);
  7895. background-color: var(--rz-tree-node-selected-background-color);
  7896. }
  7897.  
  7898. :root {
  7899. --rz-datalist-background-color: var(--rz-base-background-color);
  7900. --rz-datalist-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
  7901. --rz-datalist-padding: 0.5rem;
  7902. --rz-datalist-border: var(--rz-border-base-200);
  7903. --rz-datalist-border-radius: var(--rz-border-radius);
  7904. --rz-datalist-item-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
  7905. --rz-datalist-item-border: var(--rz-border-base-200);
  7906. --rz-datalist-item-vertical-margin: 0.5rem;
  7907. --rz-datalist-item-horizontal-margin: 0.5rem;
  7908. --rz-datalist-item-padding: 1rem;
  7909. --rz-datalist-item-background-color: var(--rz-base-background-color);
  7910. }
  7911.  
  7912. .rz-datalist,
  7913. .rz-datagrid {
  7914. background-color: var(--rz-datalist-background-color);
  7915. border-bottom-right-radius: var(--rz-datalist-border-radius);
  7916. border-bottom-left-radius: var(--rz-datalist-border-radius);
  7917. box-shadow: var(--rz-datalist-shadow);
  7918. border: var(--rz-datalist-border);
  7919. }
  7920.  
  7921. .rz-g > div, .rz-datalist-data > li {
  7922. border-radius: var(--rz-datalist-border-radius);
  7923. border: var(--rz-datalist-item-border);
  7924. box-shadow: var(--rz-datalist-item-shadow);
  7925. padding: var(--rz-datalist-item-padding);
  7926. background-color: var(--rz-datalist-item-background-color);
  7927. }
  7928.  
  7929. .rz-datalist-data {
  7930. list-style: none;
  7931. padding: var(--rz-datalist-padding);
  7932. margin: 0;
  7933. }
  7934.  
  7935. .rz-datalist-data > li {
  7936. margin: var(--rz-datalist-item-vertical-margin);
  7937. }
  7938.  
  7939. .rz-datalist-data > li:first-child {
  7940. margin-top: 0;
  7941. }
  7942.  
  7943. .rz-datalist-data > li:last-child {
  7944. margin-bottom: 0;
  7945. }
  7946.  
  7947. .rz-g {
  7948. display: flex;
  7949. flex-wrap: wrap;
  7950. }
  7951.  
  7952. .rz-g > div {
  7953. flex: auto;
  7954. margin: var(--rz-datalist-item-vertical-margin) var(--rz-datalist-item-horizontal-margin);
  7955. }
  7956.  
  7957. :root {
  7958. --rz-scheduler-border: var(--rz-border-normal);
  7959. --rz-scheduler-border-color: var(--rz-base-300);
  7960. --rz-scheduler-minor-border-color: var(--rz-base-200);
  7961. --rz-scheduler-border-radius: var(--rz-border-radius);
  7962. --rz-scheduler-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
  7963. --rz-scheduler-background-color: var(--rz-base-background-color);
  7964. --rz-scheduler-color: var(--rz-text-tertiary-color);
  7965. --rz-scheduler-toolbar-padding: 0.5rem;
  7966. --rz-scheduler-toolbar-background-color: var(--rz-base-200);
  7967. --rz-scheduler-toolbar-title-font-size: 1rem;
  7968. --rz-scheduler-toolbar-title-font-weight: 700;
  7969. --rz-scheduler-toolbar-title-color: var(--rz-text-title-color);
  7970. --rz-scheduler-prev-next-button-background-color: var(--rz-secondary);
  7971. --rz-scheduler-prev-next-button-color: var(--rz-text-contrast-color);
  7972. --rz-scheduler-prev-next-button-padding: 0.5rem;
  7973. --rz-scheduler-prev-next-button-font-size: var(--rz-icon-size);
  7974. --rz-scheduler-prev-button-border-radius: var(--rz-border-radius) 0 0 var(--rz-border-radius);
  7975. --rz-scheduler-next-button-border-radius: 0 var(--rz-border-radius) var(--rz-border-radius) 0;
  7976. --rz-scheduler-today-button-margin-left: 0.5rem;
  7977. --rz-scheduler-today-button-padding: 0.5rem 1rem;
  7978. --rz-scheduler-today-button-font-size: 0.75rem;
  7979. --rz-scheduler-today-button-text-transform: uppercase;
  7980. --rz-scheduler-view-button-border: var(--rz-border-normal);
  7981. --rz-scheduler-view-button-color: var(--rz-text-secondary-color);
  7982. --rz-scheduler-view-button-background-color: var(--rz-base-background-color);
  7983. --rz-scheduler-view-selected-color: var(--rz-text-contrast-color);
  7984. --rz-scheduler-view-selected-background-color: var(--rz-secondary);
  7985. --rz-scheduler-view-selected-border-color: var(--rz-secondary);
  7986. --rz-scheduler-header-background-color: var(--rz-base-200);
  7987. --rz-scheduler-header-font-size: 0.75rem;
  7988. --rz-scheduler-header-text-transform: uppercase;
  7989. --rz-scheduler-header-color: inherit;
  7990. --rz-scheduler-header-border: var(--rz-border-normal);
  7991. --rz-scheduler-header-padding: 0.5rem 0;
  7992. --rz-scheduler-event-color: var(--rz-text-contrast-color);
  7993. --rz-scheduler-event-background-color: var(--rz-info);
  7994. --rz-scheduler-event-font-size: 0.75rem;
  7995. --rz-scheduler-event-line-height: 1rem;
  7996. --rz-scheduler-event-padding: 0 1px 1px 1px;
  7997. --rz-scheduler-event-content-padding: 0.125rem 0.25rem;
  7998. --rz-scheduler-event-list-button-color: var(--rz-secondary);
  7999. --rz-scheduler-event-list-button-font-size: 0.75rem;
  8000. --rz-scheduler-slot-title-font-size: 0.875rem;
  8001. --rz-scheduler-slot-title-padding: 0 0.25rem;
  8002. --rz-scheduler-day-number-padding: 0 0.5rem;
  8003. }
  8004.  
  8005. .rz-scheduler {
  8006. display: flex;
  8007. height: 400px;
  8008. flex-direction: column;
  8009. border-radius: var(--rz-scheduler-border-radius);
  8010. border: 1px solid var(--rz-scheduler-border-color);
  8011. box-shadow: var(--rz-scheduler-shadow);
  8012. color: var(--rz-scheduler-color);
  8013. background: var(--rz-scheduler-background-color);
  8014. overflow: hidden;
  8015. background-clip: border-box;
  8016. }
  8017.  
  8018. .rz-scheduler a.rz-event-list-btn {
  8019. position: absolute;
  8020. padding-left: 0.25rem;
  8021. color: var(--rz-scheduler-event-list-button-color);
  8022. font-size: var(--rz-scheduler-event-list-button-font-size);
  8023. }
  8024.  
  8025. .rz-scheduler a.rz-event-list-btn:hover {
  8026. cursor: pointer;
  8027. color: var(--rz-scheduler-event-list-button-color);
  8028. text-decoration: underline;
  8029. }
  8030.  
  8031. .rz-slot {
  8032. display: flex;
  8033. height: 1.5em;
  8034. border-top: 1px solid var(--rz-scheduler-border-color);
  8035. border-left: 1px solid var(--rz-scheduler-border-color);
  8036. }
  8037.  
  8038. .rz-slot-hours .rz-slot-header {
  8039. height: 1.5rem;
  8040. text-align: right;
  8041. font-size: var(--rz-scheduler-header-font-size);
  8042. padding: 0 0.25rem;
  8043. width: 5rem;
  8044. border-right: 1px solid var(--rz-scheduler-border-color);
  8045. white-space: nowrap;
  8046. }
  8047.  
  8048. .rz-slot-minor {
  8049. border-top: 1px solid var(--rz-scheduler-minor-border-color);
  8050. }
  8051.  
  8052. .rz-day-view .rz-slot,
  8053. .rz-slots:first-child .rz-slot {
  8054. border-left: none;
  8055. }
  8056.  
  8057. .rz-event {
  8058. position: absolute;
  8059. padding: var(--rz-scheduler-event-padding);
  8060. }
  8061.  
  8062. .rz-event-content {
  8063. background: var(--rz-scheduler-event-background-color);
  8064. border-radius: var(--rz-scheduler-border-radius);
  8065. color: var(--rz-scheduler-event-color);
  8066. height: 100%;
  8067. padding: var(--rz-scheduler-event-content-padding);
  8068. font-size: var(--rz-scheduler-event-font-size);
  8069. line-height: var(--rz-scheduler-event-line-height);
  8070. overflow: hidden;
  8071. }
  8072.  
  8073. .rz-events {
  8074. position: relative;
  8075. }
  8076.  
  8077. .rz-month-view .rz-view-content {
  8078. flex: 1;
  8079. display: flex;
  8080. flex-direction: column;
  8081. }
  8082.  
  8083. .rz-slot-title {
  8084. text-align: right;
  8085. font-size: var(--rz-scheduler-slot-title-font-size);
  8086. padding: var(--rz-scheduler-slot-title-padding);
  8087. }
  8088.  
  8089. .rz-scheduler-nav {
  8090. display: flex;
  8091. flex-wrap: wrap;
  8092. justify-content: space-between;
  8093. padding: var(--rz-scheduler-toolbar-padding);
  8094. background: var(--rz-scheduler-toolbar-background-color);
  8095. }
  8096.  
  8097. .rz-scheduler-nav .rz-scheduler-nav-title {
  8098. display: flex;
  8099. align-self: center;
  8100. font-size: var(--rz-scheduler-toolbar-title-font-size);
  8101. font-weight: var(--rz-scheduler-toolbar-title-font-weight);
  8102. color: var(--rz-scheduler-toolbar-title-color);
  8103. }
  8104.  
  8105. .rz-view-header {
  8106. border-top: var(--rz-scheduler-header-border);
  8107. border-bottom: var(--rz-scheduler-header-border);
  8108. background-color: var(--rz-scheduler-header-background-color);
  8109. text-transform: var(--rz-scheduler-header-text-transform);
  8110. color: var(--rz-scheduler-header-color);
  8111. display: flex;
  8112. }
  8113.  
  8114. .rz-view-header .rz-slot-header {
  8115. flex: 1;
  8116. text-align: center;
  8117. font-size: var(--rz-scheduler-header-font-size);
  8118. padding: var(--rz-scheduler-header-padding);
  8119. }
  8120.  
  8121. .rz-view-header .rz-slot-hour-header {
  8122. flex: none;
  8123. width: 80px;
  8124. }
  8125.  
  8126. .rz-view {
  8127. display: flex;
  8128. flex-direction: column;
  8129. flex: 1;
  8130. }
  8131.  
  8132. .rz-view-content {
  8133. flex: auto;
  8134. display: flex;
  8135. overflow: auto;
  8136. height: 0;
  8137. }
  8138.  
  8139. .rz-week-view-content {
  8140. flex: 1;
  8141. display: flex;
  8142. }
  8143.  
  8144. .rz-slots {
  8145. flex: 1;
  8146. }
  8147.  
  8148. .rz-week {
  8149. flex: 1;
  8150. }
  8151.  
  8152. .rz-week .rz-slots {
  8153. display: flex;
  8154. height: 100%;
  8155. }
  8156.  
  8157. .rz-week:first-child .rz-slot {
  8158. border-top: none;
  8159. }
  8160.  
  8161. .rz-month-view .rz-slot {
  8162. flex: 1;
  8163. height: 100%;
  8164. }
  8165.  
  8166. .rz-month-view .rz-slot:first-child {
  8167. border-left: none;
  8168. }
  8169.  
  8170. .rz-day-view .rz-slot:nth-of-type(2),
  8171. .rz-week-view .rz-slot:nth-of-type(2) {
  8172. border-top: none;
  8173. }
  8174.  
  8175. .rz-week-view .rz-view-header,
  8176. .rz-day-view .rz-view-header {
  8177. padding-right: 15px;
  8178. }
  8179.  
  8180. .rz-scheduler-nav-views {
  8181. display: flex;
  8182. }
  8183.  
  8184. .rz-scheduler-nav-views .rz-button.rz-primary, .rz-scheduler-nav-views .rz-primary.rz-paginator-element {
  8185. background: var(--rz-scheduler-view-button-background-color);
  8186. color: var(--rz-scheduler-view-button-color);
  8187. border: var(--rz-scheduler-view-button-border);
  8188. border-radius: 0;
  8189. }
  8190.  
  8191. .rz-scheduler-nav-views .rz-button.rz-primary:first-child, .rz-scheduler-nav-views .rz-primary.rz-paginator-element:first-child {
  8192. border-top-left-radius: var(--rz-scheduler-border-radius);
  8193. border-bottom-left-radius: var(--rz-scheduler-border-radius);
  8194. border-right: none;
  8195. }
  8196.  
  8197. .rz-scheduler-nav-views .rz-button.rz-primary:last-child, .rz-scheduler-nav-views .rz-primary.rz-paginator-element:last-child {
  8198. border-top-right-radius: var(--rz-scheduler-border-radius);
  8199. border-bottom-right-radius: var(--rz-scheduler-border-radius);
  8200. border-left: none;
  8201. }
  8202.  
  8203. .rz-scheduler-nav-views .rz-button.rz-primary.rz-state-active, .rz-scheduler-nav-views .rz-primary.rz-state-active.rz-paginator-element {
  8204. background-color: var(--rz-scheduler-view-selected-background-color);
  8205. border-color: var(--rz-scheduler-view-selected-border-color);
  8206. color: var(--rz-scheduler-view-selected-color);
  8207. }
  8208.  
  8209. .rz-scheduler-nav-prev-next {
  8210. display: flex;
  8211. }
  8212.  
  8213. .rz-scheduler-nav-prev-next .rz-button, .rz-scheduler-nav-prev-next .rz-paginator-element {
  8214. background-color: var(--rz-scheduler-prev-next-button-background-color);
  8215. color: var(--rz-scheduler-prev-next-button-color);
  8216. padding: var(--rz-scheduler-prev-next-button-padding);
  8217. font-size: var(--rz-scheduler-prev-next-button-font-size);
  8218. }
  8219.  
  8220. .rz-scheduler-nav-prev-next .rz-button.rz-today, .rz-scheduler-nav-prev-next .rz-today.rz-paginator-element {
  8221. margin-left: var(--rz-scheduler-today-button-margin-left);
  8222. padding: var(--rz-scheduler-today-button-padding);
  8223. font-size: var(--rz-scheduler-today-button-font-size);
  8224. text-transform: var(--rz-scheduler-today-button-text-transform);
  8225. }
  8226.  
  8227. .rz-scheduler-nav-prev-next .rz-button.rz-prev, .rz-scheduler-nav-prev-next .rz-prev.rz-paginator-element {
  8228. border-radius: var(--rz-scheduler-prev-button-border-radius);
  8229. }
  8230.  
  8231. .rz-scheduler-nav-prev-next .rz-button.rz-next, .rz-scheduler-nav-prev-next .rz-next.rz-paginator-element {
  8232. border-radius: var(--rz-scheduler-next-button-border-radius);
  8233. }
  8234.  
  8235. .rz-event-list .rz-event {
  8236. position: static;
  8237. }
  8238.  
  8239. @media (max-width: 576px) {
  8240. .rz-scheduler-nav .rz-scheduler-nav-prev-next {
  8241. justify-content: space-between;
  8242. margin-bottom: 0.5rem;
  8243. margin-right: 0.5rem;
  8244. order: 1;
  8245. }
  8246. .rz-scheduler-nav .rz-scheduler-nav-title {
  8247. justify-content: center;
  8248. width: 100%;
  8249. order: 3;
  8250. }
  8251. .rz-scheduler-nav .rz-scheduler-nav-views {
  8252. margin-bottom: 0.5rem;
  8253. justify-content: center;
  8254. flex-grow: 1;
  8255. order: 2;
  8256. }
  8257. .rz-scheduler-nav .rz-scheduler-nav-views .rz-button, .rz-scheduler-nav .rz-scheduler-nav-views .rz-paginator-element {
  8258. flex-grow: 1;
  8259. padding-left: 0.5rem;
  8260. padding-right: 0.5rem;
  8261. }
  8262. .rz-scheduler-nav .rz-scheduler-nav-views .rz-button .rz-button-text, .rz-scheduler-nav .rz-scheduler-nav-views .rz-paginator-element .rz-button-text {
  8263. display: none;
  8264. }
  8265. .rz-slot-hours .rz-slot-header {
  8266. width: auto;
  8267. }
  8268. }
  8269.  
  8270. :root {
  8271. --rz-tabs-padding: 1.25rem;
  8272. --rz-tabs-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
  8273. --rz-tabs-border: var(--rz-border-base-200);
  8274. --rz-tabs-border-radius: var(--rz-border-radius);
  8275. --rz-tabs-background-color: var(--rz-base-background-color);
  8276. --rz-tabs-tab-font-size: var(--rz-body-font-size);
  8277. --rz-tabs-tab-line-height: var(--rz-body-line-height);
  8278. --rz-tabs-tab-font-weight: normal;
  8279. --rz-tabs-tab-text-transform: none;
  8280. --rz-tabs-tab-letter-spacing: 0;
  8281. --rz-tabs-tab-padding: 0.5rem 1rem;
  8282. --rz-tabs-tab-background-color: var(--rz-base-200);
  8283. --rz-tabs-tab-color: var(--rz-secondary);
  8284. --rz-tabs-tab-selected-color: var(--rz-text-title-color);
  8285. --rz-tabs-tab-selected-top-border-color: var(--rz-secondary);
  8286. --rz-tabs-tab-hover-background-color: var(--rz-base-background-color);
  8287. --rz-tabs-tab-hover-color: var(--rz-secondary-light);
  8288. --rz-tabs-icon-font-size: var(--rz-icon-size);
  8289. --rz-tabs-icon-margin: 0 0.25rem 0 -0.25rem;
  8290. --rz-tabs-transition: var(--rz-transition-all);
  8291. }
  8292.  
  8293. .rz-tabview {
  8294. display: flex;
  8295. }
  8296.  
  8297. .rz-tabview.rz-tabview-top {
  8298. flex-direction: column;
  8299. }
  8300.  
  8301. .rz-tabview.rz-tabview-top-right {
  8302. flex-direction: column;
  8303. }
  8304.  
  8305. .rz-tabview.rz-tabview-bottom {
  8306. flex-direction: column-reverse;
  8307. }
  8308.  
  8309. .rz-tabview.rz-tabview-bottom-right {
  8310. flex-direction: column-reverse;
  8311. }
  8312.  
  8313. .rz-tabview.rz-tabview-left {
  8314. flex-direction: row;
  8315. }
  8316.  
  8317. .rz-tabview.rz-tabview-right {
  8318. flex-direction: row-reverse;
  8319. }
  8320.  
  8321. .rz-tabview-nav {
  8322. list-style: none;
  8323. display: flex;
  8324. padding: 0;
  8325. margin: 0;
  8326. }
  8327.  
  8328. .rz-tabview-nav li {
  8329. border: var(--rz-tabs-border);
  8330. background-color: var(--rz-tabs-tab-background-color);
  8331. transition: var(--rz-tabs-transition);
  8332. }
  8333.  
  8334. .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
  8335. background-color: var(--rz-tabs-tab-hover-background-color);
  8336. }
  8337.  
  8338. .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) a {
  8339. color: var(--rz-tabs-tab-hover-color);
  8340. }
  8341.  
  8342. .rz-tabview-nav li a {
  8343. display: flex;
  8344. align-items: center;
  8345. color: var(--rz-tabs-tab-color);
  8346. padding: var(--rz-tabs-tab-padding);
  8347. font-size: var(--rz-tabs-tab-font-size);
  8348. line-height: var(--rz-tabs-tab-line-height);
  8349. font-weight: var(--rz-tabs-tab-font-weight);
  8350. text-transform: var(--rz-tabs-tab-text-transform);
  8351. letter-spacing: var(--rz-tabs-tab-letter-spacing);
  8352. }
  8353.  
  8354. .rz-tabview-nav li a:hover {
  8355. text-decoration: none;
  8356. }
  8357.  
  8358. .rz-tabview-nav li.rz-state-disabled {
  8359. opacity: 0.5;
  8360. }
  8361.  
  8362. .rz-tabview-nav .rz-tabview-selected {
  8363. background-color: var(--rz-tabs-background-color);
  8364. position: relative;
  8365. }
  8366.  
  8367. .rz-tabview-nav .rz-tabview-selected a {
  8368. color: var(--rz-tabs-tab-selected-color);
  8369. }
  8370.  
  8371. .rz-tabview-top > .rz-tabview-nav {
  8372. flex-direction: row;
  8373. }
  8374.  
  8375. .rz-tabview-top > .rz-tabview-nav li {
  8376. border-top-width: 2px;
  8377. border-bottom-color: var(--rz-tabs-tab-background-color);
  8378. border-radius: var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0 0;
  8379. }
  8380.  
  8381. .rz-tabview-top > .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
  8382. border-top-color: var(--rz-tabs-tab-selected-top-border-color);
  8383. }
  8384.  
  8385. .rz-tabview-top > .rz-tabview-nav .rz-tabview-selected {
  8386. border-bottom-color: var(--rz-tabs-background-color);
  8387. margin-bottom: -1px;
  8388. border-top-color: var(--rz-tabs-tab-selected-top-border-color);
  8389. }
  8390.  
  8391. .rz-tabview-top-right > .rz-tabview-nav {
  8392. justify-content: flex-end;
  8393. }
  8394.  
  8395. .rz-tabview-bottom > .rz-tabview-nav {
  8396. flex-direction: row;
  8397. }
  8398.  
  8399. .rz-tabview-bottom > .rz-tabview-nav li {
  8400. border-bottom-width: 2px;
  8401. border-top-color: var(--rz-tabs-tab-background-color);
  8402. border-radius: 0 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius);
  8403. }
  8404.  
  8405. .rz-tabview-bottom > .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
  8406. border-bottom-color: var(--rz-tabs-tab-selected-top-border-color);
  8407. }
  8408.  
  8409. .rz-tabview-bottom > .rz-tabview-nav .rz-tabview-selected {
  8410. border-top-color: var(--rz-tabs-background-color);
  8411. margin-top: -1px;
  8412. padding-top: 1px;
  8413. border-bottom-color: var(--rz-tabs-tab-selected-top-border-color);
  8414. }
  8415.  
  8416. .rz-tabview-bottom-right > .rz-tabview-nav {
  8417. justify-content: flex-end;
  8418. }
  8419.  
  8420. .rz-tabview-left > .rz-tabview-nav {
  8421. flex-direction: column;
  8422. }
  8423.  
  8424. .rz-tabview-left > .rz-tabview-nav li {
  8425. border-left-width: 2px;
  8426. border-right-color: var(--rz-tabs-tab-background-color);
  8427. border-radius: var(--rz-tabs-border-radius) 0 0 var(--rz-tabs-border-radius);
  8428. }
  8429.  
  8430. .rz-tabview-left > .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
  8431. border-left-color: var(--rz-tabs-tab-selected-top-border-color);
  8432. }
  8433.  
  8434. .rz-tabview-left > .rz-tabview-nav .rz-tabview-selected {
  8435. border-right-color: var(--rz-tabs-background-color);
  8436. margin-right: -1px;
  8437. border-left-color: var(--rz-tabs-tab-selected-top-border-color);
  8438. }
  8439.  
  8440. .rz-tabview-right > .rz-tabview-nav {
  8441. flex-direction: column;
  8442. }
  8443.  
  8444. .rz-tabview-right > .rz-tabview-nav li {
  8445. border-right-width: 2px;
  8446. border-left-color: var(--rz-tabs-tab-background-color);
  8447. border-radius: 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0;
  8448. }
  8449.  
  8450. .rz-tabview-right > .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
  8451. border-right-color: var(--rz-tabs-tab-selected-top-border-color);
  8452. }
  8453.  
  8454. .rz-tabview-right > .rz-tabview-nav .rz-tabview-selected {
  8455. border-left-color: var(--rz-tabs-background-color);
  8456. margin-left: -1px;
  8457. padding-left: 1px;
  8458. border-right-color: var(--rz-tabs-tab-selected-top-border-color);
  8459. }
  8460.  
  8461. .rz-tabview-panels {
  8462. background-color: var(--rz-tabs-background-color);
  8463. border: var(--rz-tabs-border);
  8464. box-shadow: var(--rz-tabs-shadow);
  8465. flex: 1;
  8466. overflow: auto;
  8467. }
  8468.  
  8469. .rz-tabview-top > .rz-tabview-panels {
  8470. border-radius: 0 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius);
  8471. }
  8472.  
  8473. .rz-tabview-bottom > .rz-tabview-panels {
  8474. border-radius: var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0 0;
  8475. }
  8476.  
  8477. .rz-tabview-left > .rz-tabview-panels {
  8478. border-radius: 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0;
  8479. }
  8480.  
  8481. .rz-tabview-right > .rz-tabview-panels {
  8482. border-radius: var(--rz-tabs-border-radius) 0 0 var(--rz-tabs-border-radius);
  8483. }
  8484.  
  8485. @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  8486. .rz-tabview-panels {
  8487. flex: auto;
  8488. }
  8489. }
  8490.  
  8491. .rz-tabview-panel {
  8492. padding: var(--rz-tabs-padding);
  8493. }
  8494.  
  8495. .rz-tabview-left-icon {
  8496. font-size: var(--rz-tabs-icon-font-size);
  8497. margin: var(--rz-tabs-icon-margin);
  8498. }
  8499.  
  8500. :root {
  8501. --rz-tooltip-background-color: var(--rz-info);
  8502. --rz-tooltip-color: var(--rz-text-contrast-color);
  8503. --rz-tooltip-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.15);
  8504. --rz-tooltip-padding: 0.25rem 0.5rem;
  8505. --rz-tooltip-border-radius: var(--rz-border-radius);
  8506. --rz-tooltip-font-size: var(--rz-body-font-size);
  8507. }
  8508.  
  8509. .rz-tooltip {
  8510. position: absolute;
  8511. transition: top 0.2s, left 0.2s;
  8512. top: 0;
  8513. left: 0;
  8514. }
  8515.  
  8516. .rz-tooltip-content {
  8517. background: var(--rz-tooltip-background-color);
  8518. color: var(--rz-tooltip-color);
  8519. box-shadow: var(--rz-tooltip-shadow);
  8520. padding: var(--rz-tooltip-padding);
  8521. border-radius: var(--rz-tooltip-border-radius);
  8522. font-size: var(--rz-tooltip-font-size);
  8523. white-space: nowrap;
  8524. }
  8525.  
  8526. .rz-tooltip .rz-top-tooltip-content {
  8527. margin-bottom: 16px;
  8528. }
  8529.  
  8530. .rz-tooltip .rz-top-tooltip-content:after {
  8531. content: ' ';
  8532. position: absolute;
  8533. width: 8px;
  8534. height: 8px;
  8535. bottom: 0;
  8536. left: 12px;
  8537. background-color: inherit;
  8538. transform-origin: center;
  8539. transform: translate(-50%, -12px) rotate(45deg);
  8540. border-bottom: inherit;
  8541. border-right: inherit;
  8542. }
  8543.  
  8544. .rz-tooltip .rz-bottom-tooltip-content {
  8545. margin-top: -8px;
  8546. }
  8547.  
  8548. .rz-tooltip .rz-bottom-tooltip-content:after {
  8549. content: ' ';
  8550. position: absolute;
  8551. width: 8px;
  8552. height: 8px;
  8553. top: 0;
  8554. left: 12px;
  8555. background-color: inherit;
  8556. transform-origin: center;
  8557. transform: translate(-50%, -12px) rotate(45deg);
  8558. border-bottom: inherit;
  8559. border-right: inherit;
  8560. }
  8561.  
  8562. .rz-tooltip .rz-left-tooltip-content {
  8563. margin-right: 8px;
  8564. }
  8565.  
  8566. .rz-tooltip .rz-left-tooltip-content:after {
  8567. content: ' ';
  8568. position: absolute;
  8569. width: 8px;
  8570. height: 8px;
  8571. top: 20px;
  8572. right: 0;
  8573. background-color: inherit;
  8574. transform-origin: center;
  8575. transform: translate(-50%, -10px) rotate(45deg);
  8576. border-bottom: inherit;
  8577. border-right: inherit;
  8578. }
  8579.  
  8580. .rz-tooltip .rz-right-tooltip-content {
  8581. margin-left: 0;
  8582. }
  8583.  
  8584. .rz-tooltip .rz-right-tooltip-content:after {
  8585. content: ' ';
  8586. position: absolute;
  8587. width: 8px;
  8588. height: 8px;
  8589. top: 20px;
  8590. left: 0;
  8591. background-color: inherit;
  8592. transform-origin: center;
  8593. transform: translate(-50%, -10px) rotate(45deg);
  8594. border-bottom: inherit;
  8595. border-right: inherit;
  8596. }
  8597.  
  8598. :root {
  8599. --rz-dialog-background-color: var(--rz-base-background-color);
  8600. --rz-dialog-shadow: 0 22px 64px 0 rgba(0, 0, 0, 0.22);
  8601. --rz-dialog-title-background-color: var(--rz-base-100);
  8602. --rz-dialog-title-border: none;
  8603. --rz-dialog-title-padding: 0.6875rem 1.25rem;
  8604. --rz-dialog-title-font-size: 1.25rem;
  8605. --rz-dialog-title-line-height: 1.875rem;
  8606. --rz-dialog-title-font-weight: 700;
  8607. --rz-dialog-title-letter-spacing: -0.03em;
  8608. --rz-dialog-title-color: var(--rz-text-title-color);
  8609. --rz-dialog-close-font-size: var(--rz-icon-size);
  8610. --rz-dialog-close-color: var(--rz-text-tertiary-color);
  8611. --rz-dialog-close-hover-color: var(--rz-text-color);
  8612. --rz-dialog-close-vertical-align: middle;
  8613. --rz-dialog-content-padding: 1.25rem;
  8614. --rz-dialog-mask-background-color: var(--rz-base-800);
  8615. --rz-dialog-border-radius: var(--rz-border-radius);
  8616. }
  8617.  
  8618. .rz-dialog {
  8619. position: fixed;
  8620. overflow: hidden;
  8621. background-color: var(--rz-dialog-background-color);
  8622. box-shadow: var(--rz-dialog-shadow);
  8623. border-radius: var(--rz-dialog-border-radius);
  8624. }
  8625.  
  8626. .rz-dialog-titlebar {
  8627. background-color: var(--rz-dialog-title-background-color);
  8628. padding: var(--rz-dialog-title-padding);
  8629. font-size: var(--rz-dialog-title-font-size);
  8630. line-height: var(--rz-dialog-title-line-height);
  8631. border-bottom: var(--rz-dialog-title-border);
  8632. }
  8633.  
  8634. .rz-dialog-title {
  8635. font-weight: var(--rz-dialog-title-font-weight);
  8636. letter-spacing: var(--rz-dialog-title-letter-spacing);
  8637. color: var(--rz-dialog-title-color);
  8638. }
  8639.  
  8640. .rz-dialog-titlebar-close {
  8641. float: right;
  8642. }
  8643.  
  8644. .rz-dialog-titlebar-close .rzi-times {
  8645. font-size: var(--rz-dialog-close-font-size);
  8646. color: var(--rz-dialog-close-color);
  8647. vertical-align: var(--rz-dialog-close-vertical-align);
  8648. }
  8649.  
  8650. .rz-dialog-titlebar-close .rzi-times:before {
  8651. content: 'close';
  8652. }
  8653.  
  8654. .rz-dialog-titlebar-close:hover .rzi-times {
  8655. color: var(--rz-dialog-close-hover-color);
  8656. }
  8657.  
  8658. .rz-dialog-content {
  8659. padding: var(--rz-dialog-content-padding);
  8660. overflow: auto;
  8661. }
  8662.  
  8663. .rz-confirmdialog {
  8664. top: 50%;
  8665. left: 50%;
  8666. }
  8667.  
  8668. .rz-dialog-mask {
  8669. position: fixed;
  8670. width: 100%;
  8671. height: 100%;
  8672. top: 0;
  8673. left: 0;
  8674. background-color: var(--rz-dialog-mask-background-color);
  8675. opacity: 0.5;
  8676. }
  8677.  
  8678. .rz-dialog-footer {
  8679. text-align: right;
  8680. border: 0 none;
  8681. padding: 1em;
  8682. }
  8683.  
  8684. .rz-dialog-footer .rz-button, .rz-dialog-footer .rz-paginator-element {
  8685. text-align: left !important;
  8686. padding: 6px;
  8687. }
  8688.  
  8689. .rz-dialog-footer .rz-button:first-child, .rz-dialog-footer .rz-paginator-element:first-child {
  8690. background-color: var(--rz-primary);
  8691. width: 80px;
  8692. }
  8693.  
  8694. .rz-dialog-footer .rz-button:last-child, .rz-dialog-footer .rz-paginator-element:last-child {
  8695. background-color: var(--rz-secondary);
  8696. width: 105px;
  8697. }
  8698.  
  8699. @media (max-width: 768px) {
  8700. .rz-dialog:not(.rz-confirmdialog) {
  8701. width: 100% !important;
  8702. top: 0px !important;
  8703. }
  8704. .rz-dialog-content {
  8705. -webkit-overflow-scrolling: touch;
  8706. }
  8707. .no-scroll {
  8708. padding-right: 0;
  8709. }
  8710. }
  8711.  
  8712. .no-scroll {
  8713. overflow: hidden;
  8714. padding-right: 15px;
  8715. }
  8716.  
  8717. .rz-dialog-wrapper {
  8718. display: flex;
  8719. position: fixed;
  8720. width: 100%;
  8721. height: 100%;
  8722. top: 0;
  8723. bottom: 0;
  8724. z-index: 1001;
  8725. align-items: center;
  8726. justify-content: center;
  8727. }
  8728.  
  8729. .rz-dialog-wrapper .rz-dialog {
  8730. max-height: 100%;
  8731. display: flex;
  8732. flex-direction: column;
  8733. position: static;
  8734. }
  8735.  
  8736. .rz-dialog-wrapper .rz-dialog-content {
  8737. flex: 0 1 auto;
  8738. overflow: auto;
  8739. }
  8740.  
  8741. :root {
  8742. --rz-notification-padding: 1rem 1.25rem;
  8743. --rz-notification-icon-margin: 0 0.625rem 0 0;
  8744. --rz-notification-container-background-color: transparent;
  8745. --rz-notification-success-color: var(--rz-text-contrast-color);
  8746. --rz-notification-success-background-color: var(--rz-success);
  8747. --rz-notification-success-icon-color: var(--rz-text-contrast-color);
  8748. --rz-notification-warning-color: var(--rz-text-contrast-color);
  8749. --rz-notification-warning-background-color: var(--rz-warning);
  8750. --rz-notification-warning-icon-color: var(--rz-text-contrast-color);
  8751. --rz-notification-error-color: var(--rz-text-contrast-color);
  8752. --rz-notification-error-background-color: var(--rz-danger);
  8753. --rz-notification-error-icon-color: var(--rz-text-contrast-color);
  8754. --rz-notification-info-color: var(--rz-text-contrast-color);
  8755. --rz-notification-info-background-color: var(--rz-info);
  8756. --rz-notification-info-icon-color: var(--rz-text-contrast-color);
  8757. }
  8758.  
  8759. .rz-growl {
  8760. position: fixed;
  8761. top: 100px;
  8762. right: 20px;
  8763. min-width: 20rem;
  8764. }
  8765.  
  8766. .rz-growl-item-container {
  8767. background-color: var(--rz-notification-container-background-color);
  8768. }
  8769.  
  8770. .rz-growl-item {
  8771. border-radius: var(--rz-border-radius);
  8772. padding: var(--rz-notification-padding);
  8773. }
  8774.  
  8775. .rz-growl-message-success .rz-growl-item {
  8776. color: var(--rz-notification-success-color);
  8777. background-color: var(--rz-notification-success-background-color);
  8778. }
  8779.  
  8780. .rz-growl-message-warn .rz-growl-item {
  8781. color: var(--rz-notification-warning-color);
  8782. background-color: var(--rz-notification-warning-background-color);
  8783. }
  8784.  
  8785. .rz-growl-message-error .rz-growl-item {
  8786. color: var(--rz-notification-error-color);
  8787. background-color: var(--rz-notification-error-background-color);
  8788. }
  8789.  
  8790. .rz-growl-message-info .rz-growl-item {
  8791. color: var(--rz-notification-info-color);
  8792. background-color: var(--rz-notification-info-background-color);
  8793. }
  8794.  
  8795. .rz-growl-item {
  8796. margin: 1rem 0;
  8797. }
  8798.  
  8799. .rz-growl-item p {
  8800. color: inherit;
  8801. }
  8802.  
  8803. .rz-growl-icon-close {
  8804. float: right;
  8805. }
  8806.  
  8807. .rz-growl-icon-close:before {
  8808. content: "close";
  8809. }
  8810.  
  8811. .rz-growl-image {
  8812. float: left;
  8813. margin: var(--rz-notification-icon-margin);
  8814. }
  8815.  
  8816. .rz-growl-image.rzi-check {
  8817. color: var(--rz-notification-success-icon-color);
  8818. }
  8819.  
  8820. .rz-growl-image.rzi-check:before {
  8821. content: "check";
  8822. }
  8823.  
  8824. .rz-growl-image.rzi-exclamation-triangle {
  8825. color: var(--rz-notification-warning-icon-color);
  8826. }
  8827.  
  8828. .rz-growl-image.rzi-exclamation-triangle:before {
  8829. content: "warning";
  8830. }
  8831.  
  8832. .rz-growl-image.rzi-info-circle {
  8833. color: var(--rz-notification-info-icon-color);
  8834. }
  8835.  
  8836. .rz-growl-image.rzi-info-circle:before {
  8837. content: "info";
  8838. }
  8839.  
  8840. .rz-growl-image.rzi-times {
  8841. color: var(--rz-notification-error-icon-color);
  8842. }
  8843.  
  8844. .rz-growl-image.rzi-times:before {
  8845. content: "error";
  8846. }
  8847.  
  8848. .rz-growl-title {
  8849. font-weight: bold;
  8850. }
  8851.  
  8852. .rz-growl-message p {
  8853. display: inline-block;
  8854. margin-bottom: 0;
  8855. }
  8856.  
  8857. :root {
  8858. --rz-form-error-color: var(--rz-danger);
  8859. --rz-form-error-font-size: 0.75rem;
  8860. --rz-form-group-margin-bottom: 1.5rem;
  8861. --rz-validator-background-color: var(--rz-danger);
  8862. --rz-validator-color: var(--rz-text-contrast-color);
  8863. --rz-validator-shadow: 0 6px 14px 0 rgba(249, 119, 127, 0.3);
  8864. --rz-validator-text-padding: 0;
  8865. --rz-validator-padding: 0.25rem 0.5rem;
  8866. --rz-validator-pointer-size: 0.375rem;
  8867. --rz-validator-transform: translateY(12px);
  8868. }
  8869.  
  8870. .rz-form .rz-textbox,
  8871. .rz-form .rz-lookup,
  8872. .rz-form .rz-dropdown,
  8873. .rz-form .rz-multiselect,
  8874. .rz-form .rz-calendar,
  8875. .rz-form .rz-spinner,
  8876. .rz-form .textarea {
  8877. width: 100%;
  8878. }
  8879.  
  8880. .rz-form .rz-messages-error {
  8881. position: absolute;
  8882. }
  8883.  
  8884. .rz-messages-error {
  8885. display: inline-block;
  8886. color: var(--rz-form-error-color);
  8887. font-size: var(--rz-form-error-font-size);
  8888. padding: var(--rz-validator-text-padding);
  8889. }
  8890.  
  8891. .rz-message-popup {
  8892. position: absolute;
  8893. background-color: var(--rz-validator-background-color);
  8894. transform: var(--rz-validator-transform);
  8895. box-shadow: var(--rz-validator-shadow);
  8896. padding: var(--rz-validator-padding);
  8897. border-radius: var(--rz-border-radius);
  8898. color: var(--rz-validator-color);
  8899. pointer-events: none;
  8900. }
  8901.  
  8902. .rz-message-popup:before {
  8903. content: '';
  8904. border: var(--rz-validator-pointer-size) solid transparent;
  8905. border-bottom-color: var(--rz-validator-background-color);
  8906. position: absolute;
  8907. top: 0;
  8908. left: 0;
  8909. transform: translate(var(--rz-validator-pointer-size), -100%);
  8910. }
  8911.  
  8912. .rz-template-form .row {
  8913. margin: 0;
  8914. }
  8915.  
  8916. :root {
  8917. --rz-scrollbar-background-color: transparent;
  8918. --rz-scrollbar-color: var(--rz-secondary);
  8919. --rz-scrollbar-border-radius: calc(2 * var(--rz-border-radius));
  8920. }
  8921.  
  8922. body:not(.rz-default-scrollbars)::-webkit-scrollbar {
  8923. background-color: var(--rz-scrollbar-background-color);
  8924. }
  8925.  
  8926. body:not(.rz-default-scrollbars)::-webkit-scrollbar-thumb {
  8927. background: var(--rz-scrollbar-color);
  8928. border: 4px solid rgba(0, 0, 0, 0);
  8929. background-clip: padding-box;
  8930. border-radius: var(--rz-scrollbar-border-radius);
  8931. }
  8932.  
  8933. body:not(.rz-default-scrollbars)::-webkit-scrollbar-corner {
  8934. background-color: var(--rz-scrollbar-background-color);
  8935. }
  8936.  
  8937. body:not(.rz-default-scrollbars) ::-webkit-scrollbar {
  8938. background-color: var(--rz-scrollbar-background-color);
  8939. }
  8940.  
  8941. body:not(.rz-default-scrollbars) ::-webkit-scrollbar-thumb {
  8942. background: var(--rz-scrollbar-color);
  8943. border: 4px solid rgba(0, 0, 0, 0);
  8944. background-clip: padding-box;
  8945. border-radius: var(--rz-scrollbar-border-radius);
  8946. }
  8947.  
  8948. body:not(.rz-default-scrollbars) ::-webkit-scrollbar-corner {
  8949. background-color: var(--rz-scrollbar-background-color);
  8950. }
  8951.  
  8952. :root {
  8953. --rz-login-register-background-color: var(--rz-base-background-color);
  8954. --rz-login-register-padding: 1rem;
  8955. --rz-login-register-button-margin: 0 1rem;
  8956. }
  8957.  
  8958. .login {
  8959. display: flex;
  8960. flex-direction: column;
  8961. justify-content: space-between;
  8962. }
  8963.  
  8964. .login .register {
  8965. text-align: center;
  8966. background-color: var(--rz-login-register-background-color);
  8967. padding: var(--rz-login-register-padding);
  8968. }
  8969.  
  8970. .login .register .rz-button, .login .register .rz-paginator-element {
  8971. margin: var(--rz-login-register-button-margin);
  8972. }
  8973.  
  8974. .login .login-buttons {
  8975. display: flex;
  8976. justify-content: space-between;
  8977. align-items: center;
  8978. }
  8979.  
  8980. .login .login-buttons a {
  8981. color: var(--rz-link-color);
  8982. cursor: pointer;
  8983. }
  8984.  
  8985. .login .login-buttons a:hover {
  8986. color: var(--rz-link-hover-color);
  8987. text-decoration: var(--rz-link-hover-decoration);
  8988. }
  8989.  
  8990. :root {
  8991. --rz-lookup-panel-background-color: var(--rz-base-background-color);
  8992. --rz-lookup-panel-padding: 1rem;
  8993. }
  8994.  
  8995. .rz-lookup-panel {
  8996. background-color: var(--rz-lookup-panel-background-color);
  8997. padding: var(--rz-lookup-panel-padding);
  8998. }
  8999.  
  9000. .rz-lookup-search {
  9001. display: flex;
  9002. margin-bottom: 1rem;
  9003. }
  9004.  
  9005. .rz-lookup-search input {
  9006. flex: auto;
  9007. margin-right: 1rem;
  9008. }
  9009.  
  9010. .rz-lookup-select {
  9011. margin-top: 1rem;
  9012. display: flex;
  9013. justify-content: flex-end;
  9014. }
  9015.  
  9016. .rz-lookup {
  9017. display: inline-block;
  9018. }
  9019.  
  9020. .rz-lookup .rz-dropdown {
  9021. width: 100%;
  9022. }
  9023.  
  9024. .ssrsviewer {
  9025. display: flex;
  9026. }
  9027.  
  9028. .ssrsviewer iframe {
  9029. flex: auto;
  9030. }
  9031.  
  9032. :root {
  9033. --rz-map-height: 10rem;
  9034. --rz-map-padding: 1.25rem;
  9035. --rz-map-background-color: var(--rz-base-background-color);
  9036. --rz-map-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
  9037. }
  9038.  
  9039. .rz-map {
  9040. height: var(--rz-map-height);
  9041. padding: var(--rz-map-padding);
  9042. background-color: var(--rz-map-background-color);
  9043. box-shadow: var(--rz-map-shadow);
  9044. border-radius: var(--rz-border-radius);
  9045. }
  9046.  
  9047. .rz-map-container {
  9048. height: 100%;
  9049. }
  9050.  
  9051. :root {
  9052. --rz-gauge-scale-color: var(--rz-base-300);
  9053. --rz-gauge-scale-label-color: var(--rz-text-tertiary-color);
  9054. --rz-gauge-scale-font-size: var(--rz-body-font-size);
  9055. --rz-gauge-pointer-color: var(--rz-text-secondary-color);
  9056. --rz-gauge-arc-scale-color: var(--rz-base-300);
  9057. --rz-gauge-arc-scale-label-color: var(--rz-text-tertiary-color);
  9058. --rz-gauge-arc-value-color: var(--rz-secondary);
  9059. }
  9060.  
  9061. .rz-gauge,
  9062. .rz-arc-gauge {
  9063. position: relative;
  9064. display: inline-block;
  9065. width: 300px;
  9066. height: 300px;
  9067. }
  9068.  
  9069. .rz-gauge .rz-line,
  9070. .rz-gauge .rz-tick {
  9071. stroke: var(--rz-gauge-scale-color);
  9072. }
  9073.  
  9074. .rz-gauge .rz-tick-text {
  9075. font-size: var(--rz-gauge-scale-font-size);
  9076. fill: var(--rz-gauge-scale-label-color);
  9077. }
  9078.  
  9079. .rz-arc-gauge .rz-line,
  9080. .rz-arc-gauge .rz-tick {
  9081. stroke: var(--rz-gauge-arc-scale-color);
  9082. }
  9083.  
  9084. .rz-arc-gauge .rz-tick-text {
  9085. font-size: var(--rz-gauge-scale-font-size);
  9086. fill: var(--rz-gauge-arc-scale-label-color);
  9087. }
  9088.  
  9089. .rz-gauge-value {
  9090. position: absolute;
  9091. transform: translateX(-50%);
  9092. padding: 0.5rem;
  9093. }
  9094.  
  9095. .rz-arc-gauge-value {
  9096. position: absolute;
  9097. transform: translate(-50%, -50%);
  9098. padding: 0.5rem;
  9099. }
  9100.  
  9101. .rz-gauge-pointer {
  9102. fill: var(--rz-gauge-pointer-color);
  9103. }
  9104.  
  9105. .rz-arc-gauge-scale-value {
  9106. fill: var(--rz-gauge-arc-value-color);
  9107. }
  9108.  
  9109. .rz-arc-gauge-scale {
  9110. fill: var(--rz-gauge-arc-scale-color);
  9111. }
  9112.  
  9113. :root {
  9114. --rz-progressbar-value-background-color: var(--rz-secondary);
  9115. --rz-progressbar-background-color: var(--rz-base-200);
  9116. --rz-progressbar-font-size: var(--rz-body-font-size);
  9117. --rz-progressbar-height: 1.25rem;
  9118. --rz-progressbar-border-radius: var(--rz-border-radius);
  9119. }
  9120.  
  9121. .rz-progressbar {
  9122. border-radius: var(--rz-progressbar-border-radius);
  9123. height: var(--rz-progressbar-height);
  9124. position: relative;
  9125. background-color: var(--rz-progressbar-background-color);
  9126. text-align: center;
  9127. display: flex;
  9128. align-items: center;
  9129. }
  9130.  
  9131. .rz-progressbar-value {
  9132. border-radius: var(--rz-progressbar-border-radius);
  9133. position: absolute;
  9134. background-color: var(--rz-progressbar-value-background-color);
  9135. height: 100%;
  9136. width: 100%;
  9137. }
  9138.  
  9139. .rz-progressbar-label {
  9140. position: relative;
  9141. width: 100%;
  9142. text-align: center;
  9143. font-size: var(--rz-progressbar-font-size);
  9144. line-height: var(--rz-progressbar-font-size);
  9145. }
  9146.  
  9147. .rz-progressbar-indeterminate {
  9148. overflow: hidden;
  9149. }
  9150.  
  9151. .rz-progressbar-indeterminate .rz-progressbar-value {
  9152. background-color: transparent;
  9153. }
  9154.  
  9155. .rz-progressbar-indeterminate .rz-progressbar-value:before {
  9156. content: '';
  9157. position: absolute;
  9158. top: 0;
  9159. left: 0;
  9160. bottom: 0;
  9161. background-color: var(--rz-progressbar-value-background-color);
  9162. will-change: left, right;
  9163. animation: 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite rz-progressbar-indeterminate-anim;
  9164. }
  9165.  
  9166. .rz-progressbar-indeterminate .rz-progressbar-value:after {
  9167. content: '';
  9168. position: absolute;
  9169. top: 0;
  9170. left: 0;
  9171. bottom: 0;
  9172. background-color: var(--rz-progressbar-value-background-color);
  9173. will-change: left, right;
  9174. animation: 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite rz-progressbar-indeterminate-anim-short;
  9175. animation-delay: 1.15s;
  9176. }
  9177.  
  9178. @keyframes rz-progressbar-indeterminate-anim {
  9179. 0% {
  9180. left: -35%;
  9181. right: 100%;
  9182. }
  9183. 100%, 60% {
  9184. left: 100%;
  9185. right: -90%;
  9186. }
  9187. }
  9188.  
  9189. @keyframes rz-progressbar-indeterminate-anim-short {
  9190. 0% {
  9191. left: -200%;
  9192. right: 100%;
  9193. }
  9194. 100%, 60% {
  9195. left: 107%;
  9196. right: -8%;
  9197. }
  9198. }
  9199.  
  9200. .rz-progressbar-determinate-primary {
  9201. color: var(--rz-text-contrast-color);
  9202. }
  9203.  
  9204. .rz-progressbar-determinate-primary .rz-progressbar-value {
  9205. background-color: var(--rz-primary);
  9206. }
  9207.  
  9208. .rz-progressbar-indeterminate-primary {
  9209. color: var(--rz-text-contrast-color);
  9210. }
  9211.  
  9212. .rz-progressbar-indeterminate-primary .rz-progressbar-value:before {
  9213. background-color: var(--rz-primary);
  9214. }
  9215.  
  9216. .rz-progressbar-indeterminate-primary .rz-progressbar-value:after {
  9217. background-color: var(--rz-primary);
  9218. }
  9219.  
  9220. .rz-progressbar-determinate-light {
  9221. color: var(--rz-text-title-color);
  9222. }
  9223.  
  9224. .rz-progressbar-determinate-light .rz-progressbar-value {
  9225. background-color: var(--rz-base-400);
  9226. }
  9227.  
  9228. .rz-progressbar-indeterminate-light {
  9229. color: var(--rz-text-title-color);
  9230. }
  9231.  
  9232. .rz-progressbar-indeterminate-light .rz-progressbar-value:before {
  9233. background-color: var(--rz-base-400);
  9234. }
  9235.  
  9236. .rz-progressbar-indeterminate-light .rz-progressbar-value:after {
  9237. background-color: var(--rz-base-400);
  9238. }
  9239.  
  9240. .rz-progressbar-determinate-dark {
  9241. color: var(--rz-text-contrast-color);
  9242. }
  9243.  
  9244. .rz-progressbar-determinate-dark .rz-progressbar-value {
  9245. background-color: var(--rz-base-900);
  9246. }
  9247.  
  9248. .rz-progressbar-indeterminate-dark {
  9249. color: var(--rz-text-contrast-color);
  9250. }
  9251.  
  9252. .rz-progressbar-indeterminate-dark .rz-progressbar-value:before {
  9253. background-color: var(--rz-base-900);
  9254. }
  9255.  
  9256. .rz-progressbar-indeterminate-dark .rz-progressbar-value:after {
  9257. background-color: var(--rz-base-900);
  9258. }
  9259.  
  9260. .rz-progressbar-determinate-secondary {
  9261. color: var(--rz-text-contrast-color);
  9262. }
  9263.  
  9264. .rz-progressbar-determinate-secondary .rz-progressbar-value {
  9265. background-color: var(--rz-secondary);
  9266. }
  9267.  
  9268. .rz-progressbar-indeterminate-secondary {
  9269. color: var(--rz-text-contrast-color);
  9270. }
  9271.  
  9272. .rz-progressbar-indeterminate-secondary .rz-progressbar-value:before {
  9273. background-color: var(--rz-secondary);
  9274. }
  9275.  
  9276. .rz-progressbar-indeterminate-secondary .rz-progressbar-value:after {
  9277. background-color: var(--rz-secondary);
  9278. }
  9279.  
  9280. .rz-progressbar-determinate-info {
  9281. color: var(--rz-text-contrast-color);
  9282. }
  9283.  
  9284. .rz-progressbar-determinate-info .rz-progressbar-value {
  9285. background-color: var(--rz-info);
  9286. }
  9287.  
  9288. .rz-progressbar-indeterminate-info {
  9289. color: var(--rz-text-contrast-color);
  9290. }
  9291.  
  9292. .rz-progressbar-indeterminate-info .rz-progressbar-value:before {
  9293. background-color: var(--rz-info);
  9294. }
  9295.  
  9296. .rz-progressbar-indeterminate-info .rz-progressbar-value:after {
  9297. background-color: var(--rz-info);
  9298. }
  9299.  
  9300. .rz-progressbar-determinate-warning {
  9301. color: var(--rz-text-contrast-color);
  9302. }
  9303.  
  9304. .rz-progressbar-determinate-warning .rz-progressbar-value {
  9305. background-color: var(--rz-warning);
  9306. }
  9307.  
  9308. .rz-progressbar-indeterminate-warning {
  9309. color: var(--rz-text-contrast-color);
  9310. }
  9311.  
  9312. .rz-progressbar-indeterminate-warning .rz-progressbar-value:before {
  9313. background-color: var(--rz-warning);
  9314. }
  9315.  
  9316. .rz-progressbar-indeterminate-warning .rz-progressbar-value:after {
  9317. background-color: var(--rz-warning);
  9318. }
  9319.  
  9320. .rz-progressbar-determinate-danger {
  9321. color: var(--rz-text-contrast-color);
  9322. }
  9323.  
  9324. .rz-progressbar-determinate-danger .rz-progressbar-value {
  9325. background-color: var(--rz-danger);
  9326. }
  9327.  
  9328. .rz-progressbar-indeterminate-danger {
  9329. color: var(--rz-text-contrast-color);
  9330. }
  9331.  
  9332. .rz-progressbar-indeterminate-danger .rz-progressbar-value:before {
  9333. background-color: var(--rz-danger);
  9334. }
  9335.  
  9336. .rz-progressbar-indeterminate-danger .rz-progressbar-value:after {
  9337. background-color: var(--rz-danger);
  9338. }
  9339.  
  9340. .rz-progressbar-determinate-success {
  9341. color: var(--rz-text-contrast-color);
  9342. }
  9343.  
  9344. .rz-progressbar-determinate-success .rz-progressbar-value {
  9345. background-color: var(--rz-success);
  9346. }
  9347.  
  9348. .rz-progressbar-indeterminate-success {
  9349. color: var(--rz-text-contrast-color);
  9350. }
  9351.  
  9352. .rz-progressbar-indeterminate-success .rz-progressbar-value:before {
  9353. background-color: var(--rz-success);
  9354. }
  9355.  
  9356. .rz-progressbar-indeterminate-success .rz-progressbar-value:after {
  9357. background-color: var(--rz-success);
  9358. }
  9359.  
  9360. :root {
  9361. --rz-chart-axis-color: var(--rz-base-300);
  9362. --rz-chart-axis-label-color: var(--rz-text-secondary-color);
  9363. --rz-chart-axis-font-size: var(--rz-body-font-size);
  9364. --rz-chart-tooltip-background: var(--rz-base-background-color);
  9365. --rz-chart-tooltip-color: var(--rz-text-color);
  9366. }
  9367.  
  9368. .chart,
  9369. .pie {
  9370. height: 200px;
  9371. }
  9372.  
  9373. .chart .ngx-charts,
  9374. .pie .ngx-charts {
  9375. overflow: visible !important;
  9376. }
  9377.  
  9378. .chart .ngx-charts .gridline-path,
  9379. .pie .ngx-charts .gridline-path {
  9380. stroke: var(--rz-chart-axis-color);
  9381. }
  9382.  
  9383. .chart .chart-legend .legend-labels,
  9384. .pie .chart-legend .legend-labels {
  9385. background-color: transparent;
  9386. }
  9387.  
  9388. .chart .legend-title,
  9389. .pie .legend-title {
  9390. display: none;
  9391. }
  9392.  
  9393. .chart .tick text,
  9394. .pie .tick text {
  9395. fill: var(--rz-chart-axis-label-color);
  9396. font-size: var(--rz-chart-axis-font-size) !important;
  9397. }
  9398.  
  9399. .rz-chart {
  9400. position: relative;
  9401. height: 300px;
  9402. }
  9403.  
  9404. .rz-area-series {
  9405. fill-opacity: 0.8;
  9406. }
  9407.  
  9408. .rz-scheme-pastel .rz-series-0 {
  9409. fill: var(--rz-series-1);
  9410. stroke: var(--rz-series-1);
  9411. }
  9412.  
  9413. .rz-scheme-pastel .rz-series-0-tooltip .rz-chart-tooltip-content {
  9414. border: 1px solid var(--rz-series-1);
  9415. }
  9416.  
  9417. .rz-scheme-pastel .rz-series-item-0 {
  9418. fill: var(--rz-series-1);
  9419. stroke: var(--rz-series-1);
  9420. }
  9421.  
  9422. .rz-scheme-pastel .rz-series-item-0 .rz-chart-tooltip-content {
  9423. border: 1px solid var(--rz-series-1);
  9424. }
  9425.  
  9426. .rz-scheme-pastel .rz-series-1 {
  9427. fill: var(--rz-series-2);
  9428. stroke: var(--rz-series-2);
  9429. }
  9430.  
  9431. .rz-scheme-pastel .rz-series-1-tooltip .rz-chart-tooltip-content {
  9432. border: 1px solid var(--rz-series-2);
  9433. }
  9434.  
  9435. .rz-scheme-pastel .rz-series-item-1 {
  9436. fill: var(--rz-series-2);
  9437. stroke: var(--rz-series-2);
  9438. }
  9439.  
  9440. .rz-scheme-pastel .rz-series-item-1 .rz-chart-tooltip-content {
  9441. border: 1px solid var(--rz-series-2);
  9442. }
  9443.  
  9444. .rz-scheme-pastel .rz-series-2 {
  9445. fill: var(--rz-series-3);
  9446. stroke: var(--rz-series-3);
  9447. }
  9448.  
  9449. .rz-scheme-pastel .rz-series-2-tooltip .rz-chart-tooltip-content {
  9450. border: 1px solid var(--rz-series-3);
  9451. }
  9452.  
  9453. .rz-scheme-pastel .rz-series-item-2 {
  9454. fill: var(--rz-series-3);
  9455. stroke: var(--rz-series-3);
  9456. }
  9457.  
  9458. .rz-scheme-pastel .rz-series-item-2 .rz-chart-tooltip-content {
  9459. border: 1px solid var(--rz-series-3);
  9460. }
  9461.  
  9462. .rz-scheme-pastel .rz-series-3 {
  9463. fill: var(--rz-series-4);
  9464. stroke: var(--rz-series-4);
  9465. }
  9466.  
  9467. .rz-scheme-pastel .rz-series-3-tooltip .rz-chart-tooltip-content {
  9468. border: 1px solid var(--rz-series-4);
  9469. }
  9470.  
  9471. .rz-scheme-pastel .rz-series-item-3 {
  9472. fill: var(--rz-series-4);
  9473. stroke: var(--rz-series-4);
  9474. }
  9475.  
  9476. .rz-scheme-pastel .rz-series-item-3 .rz-chart-tooltip-content {
  9477. border: 1px solid var(--rz-series-4);
  9478. }
  9479.  
  9480. .rz-scheme-pastel .rz-series-4 {
  9481. fill: var(--rz-series-5);
  9482. stroke: var(--rz-series-5);
  9483. }
  9484.  
  9485. .rz-scheme-pastel .rz-series-4-tooltip .rz-chart-tooltip-content {
  9486. border: 1px solid var(--rz-series-5);
  9487. }
  9488.  
  9489. .rz-scheme-pastel .rz-series-item-4 {
  9490. fill: var(--rz-series-5);
  9491. stroke: var(--rz-series-5);
  9492. }
  9493.  
  9494. .rz-scheme-pastel .rz-series-item-4 .rz-chart-tooltip-content {
  9495. border: 1px solid var(--rz-series-5);
  9496. }
  9497.  
  9498. .rz-scheme-pastel .rz-series-5 {
  9499. fill: var(--rz-series-6);
  9500. stroke: var(--rz-series-6);
  9501. }
  9502.  
  9503. .rz-scheme-pastel .rz-series-5-tooltip .rz-chart-tooltip-content {
  9504. border: 1px solid var(--rz-series-6);
  9505. }
  9506.  
  9507. .rz-scheme-pastel .rz-series-item-5 {
  9508. fill: var(--rz-series-6);
  9509. stroke: var(--rz-series-6);
  9510. }
  9511.  
  9512. .rz-scheme-pastel .rz-series-item-5 .rz-chart-tooltip-content {
  9513. border: 1px solid var(--rz-series-6);
  9514. }
  9515.  
  9516. .rz-scheme-pastel .rz-series-6 {
  9517. fill: var(--rz-series-7);
  9518. stroke: var(--rz-series-7);
  9519. }
  9520.  
  9521. .rz-scheme-pastel .rz-series-6-tooltip .rz-chart-tooltip-content {
  9522. border: 1px solid var(--rz-series-7);
  9523. }
  9524.  
  9525. .rz-scheme-pastel .rz-series-item-6 {
  9526. fill: var(--rz-series-7);
  9527. stroke: var(--rz-series-7);
  9528. }
  9529.  
  9530. .rz-scheme-pastel .rz-series-item-6 .rz-chart-tooltip-content {
  9531. border: 1px solid var(--rz-series-7);
  9532. }
  9533.  
  9534. .rz-scheme-pastel .rz-series-7 {
  9535. fill: var(--rz-series-8);
  9536. stroke: var(--rz-series-8);
  9537. }
  9538.  
  9539. .rz-scheme-pastel .rz-series-7-tooltip .rz-chart-tooltip-content {
  9540. border: 1px solid var(--rz-series-8);
  9541. }
  9542.  
  9543. .rz-scheme-pastel .rz-series-item-7 {
  9544. fill: var(--rz-series-8);
  9545. stroke: var(--rz-series-8);
  9546. }
  9547.  
  9548. .rz-scheme-pastel .rz-series-item-7 .rz-chart-tooltip-content {
  9549. border: 1px solid var(--rz-series-8);
  9550. }
  9551.  
  9552. .rz-scheme-palette .rz-series-0 {
  9553. fill: #003f5c;
  9554. stroke: #003f5c;
  9555. }
  9556.  
  9557. .rz-scheme-palette .rz-series-0-tooltip .rz-chart-tooltip-content {
  9558. border: 1px solid #003f5c;
  9559. }
  9560.  
  9561. .rz-scheme-palette .rz-series-item-0 {
  9562. fill: #003f5c;
  9563. stroke: #003f5c;
  9564. }
  9565.  
  9566. .rz-scheme-palette .rz-series-item-0 .rz-chart-tooltip-content {
  9567. border: 1px solid #003f5c;
  9568. }
  9569.  
  9570. .rz-scheme-palette .rz-series-1 {
  9571. fill: #2f4b7c;
  9572. stroke: #2f4b7c;
  9573. }
  9574.  
  9575. .rz-scheme-palette .rz-series-1-tooltip .rz-chart-tooltip-content {
  9576. border: 1px solid #2f4b7c;
  9577. }
  9578.  
  9579. .rz-scheme-palette .rz-series-item-1 {
  9580. fill: #2f4b7c;
  9581. stroke: #2f4b7c;
  9582. }
  9583.  
  9584. .rz-scheme-palette .rz-series-item-1 .rz-chart-tooltip-content {
  9585. border: 1px solid #2f4b7c;
  9586. }
  9587.  
  9588. .rz-scheme-palette .rz-series-2 {
  9589. fill: #665191;
  9590. stroke: #665191;
  9591. }
  9592.  
  9593. .rz-scheme-palette .rz-series-2-tooltip .rz-chart-tooltip-content {
  9594. border: 1px solid #665191;
  9595. }
  9596.  
  9597. .rz-scheme-palette .rz-series-item-2 {
  9598. fill: #665191;
  9599. stroke: #665191;
  9600. }
  9601.  
  9602. .rz-scheme-palette .rz-series-item-2 .rz-chart-tooltip-content {
  9603. border: 1px solid #665191;
  9604. }
  9605.  
  9606. .rz-scheme-palette .rz-series-3 {
  9607. fill: #a05195;
  9608. stroke: #a05195;
  9609. }
  9610.  
  9611. .rz-scheme-palette .rz-series-3-tooltip .rz-chart-tooltip-content {
  9612. border: 1px solid #a05195;
  9613. }
  9614.  
  9615. .rz-scheme-palette .rz-series-item-3 {
  9616. fill: #a05195;
  9617. stroke: #a05195;
  9618. }
  9619.  
  9620. .rz-scheme-palette .rz-series-item-3 .rz-chart-tooltip-content {
  9621. border: 1px solid #a05195;
  9622. }
  9623.  
  9624. .rz-scheme-palette .rz-series-4 {
  9625. fill: #d45087;
  9626. stroke: #d45087;
  9627. }
  9628.  
  9629. .rz-scheme-palette .rz-series-4-tooltip .rz-chart-tooltip-content {
  9630. border: 1px solid #d45087;
  9631. }
  9632.  
  9633. .rz-scheme-palette .rz-series-item-4 {
  9634. fill: #d45087;
  9635. stroke: #d45087;
  9636. }
  9637.  
  9638. .rz-scheme-palette .rz-series-item-4 .rz-chart-tooltip-content {
  9639. border: 1px solid #d45087;
  9640. }
  9641.  
  9642. .rz-scheme-palette .rz-series-5 {
  9643. fill: #f95d6a;
  9644. stroke: #f95d6a;
  9645. }
  9646.  
  9647. .rz-scheme-palette .rz-series-5-tooltip .rz-chart-tooltip-content {
  9648. border: 1px solid #f95d6a;
  9649. }
  9650.  
  9651. .rz-scheme-palette .rz-series-item-5 {
  9652. fill: #f95d6a;
  9653. stroke: #f95d6a;
  9654. }
  9655.  
  9656. .rz-scheme-palette .rz-series-item-5 .rz-chart-tooltip-content {
  9657. border: 1px solid #f95d6a;
  9658. }
  9659.  
  9660. .rz-scheme-palette .rz-series-6 {
  9661. fill: #ff7c43;
  9662. stroke: #ff7c43;
  9663. }
  9664.  
  9665. .rz-scheme-palette .rz-series-6-tooltip .rz-chart-tooltip-content {
  9666. border: 1px solid #ff7c43;
  9667. }
  9668.  
  9669. .rz-scheme-palette .rz-series-item-6 {
  9670. fill: #ff7c43;
  9671. stroke: #ff7c43;
  9672. }
  9673.  
  9674. .rz-scheme-palette .rz-series-item-6 .rz-chart-tooltip-content {
  9675. border: 1px solid #ff7c43;
  9676. }
  9677.  
  9678. .rz-scheme-palette .rz-series-7 {
  9679. fill: #ffa600;
  9680. stroke: #ffa600;
  9681. }
  9682.  
  9683. .rz-scheme-palette .rz-series-7-tooltip .rz-chart-tooltip-content {
  9684. border: 1px solid #ffa600;
  9685. }
  9686.  
  9687. .rz-scheme-palette .rz-series-item-7 {
  9688. fill: #ffa600;
  9689. stroke: #ffa600;
  9690. }
  9691.  
  9692. .rz-scheme-palette .rz-series-item-7 .rz-chart-tooltip-content {
  9693. border: 1px solid #ffa600;
  9694. }
  9695.  
  9696. .rz-scheme-monochrome .rz-series-0 {
  9697. fill: #004c6d;
  9698. stroke: #004c6d;
  9699. }
  9700.  
  9701. .rz-scheme-monochrome .rz-series-0-tooltip .rz-chart-tooltip-content {
  9702. border: 1px solid #004c6d;
  9703. }
  9704.  
  9705. .rz-scheme-monochrome .rz-series-item-0 {
  9706. fill: #004c6d;
  9707. stroke: #004c6d;
  9708. }
  9709.  
  9710. .rz-scheme-monochrome .rz-series-item-0 .rz-chart-tooltip-content {
  9711. border: 1px solid #004c6d;
  9712. }
  9713.  
  9714. .rz-scheme-monochrome .rz-series-1 {
  9715. fill: #296080;
  9716. stroke: #296080;
  9717. }
  9718.  
  9719. .rz-scheme-monochrome .rz-series-1-tooltip .rz-chart-tooltip-content {
  9720. border: 1px solid #296080;
  9721. }
  9722.  
  9723. .rz-scheme-monochrome .rz-series-item-1 {
  9724. fill: #296080;
  9725. stroke: #296080;
  9726. }
  9727.  
  9728. .rz-scheme-monochrome .rz-series-item-1 .rz-chart-tooltip-content {
  9729. border: 1px solid #296080;
  9730. }
  9731.  
  9732. .rz-scheme-monochrome .rz-series-2 {
  9733. fill: #437594;
  9734. stroke: #437594;
  9735. }
  9736.  
  9737. .rz-scheme-monochrome .rz-series-2-tooltip .rz-chart-tooltip-content {
  9738. border: 1px solid #437594;
  9739. }
  9740.  
  9741. .rz-scheme-monochrome .rz-series-item-2 {
  9742. fill: #437594;
  9743. stroke: #437594;
  9744. }
  9745.  
  9746. .rz-scheme-monochrome .rz-series-item-2 .rz-chart-tooltip-content {
  9747. border: 1px solid #437594;
  9748. }
  9749.  
  9750. .rz-scheme-monochrome .rz-series-3 {
  9751. fill: #5d8ba9;
  9752. stroke: #5d8ba9;
  9753. }
  9754.  
  9755. .rz-scheme-monochrome .rz-series-3-tooltip .rz-chart-tooltip-content {
  9756. border: 1px solid #5d8ba9;
  9757. }
  9758.  
  9759. .rz-scheme-monochrome .rz-series-item-3 {
  9760. fill: #5d8ba9;
  9761. stroke: #5d8ba9;
  9762. }
  9763.  
  9764. .rz-scheme-monochrome .rz-series-item-3 .rz-chart-tooltip-content {
  9765. border: 1px solid #5d8ba9;
  9766. }
  9767.  
  9768. .rz-scheme-monochrome .rz-series-4 {
  9769. fill: #75a1be;
  9770. stroke: #75a1be;
  9771. }
  9772.  
  9773. .rz-scheme-monochrome .rz-series-4-tooltip .rz-chart-tooltip-content {
  9774. border: 1px solid #75a1be;
  9775. }
  9776.  
  9777. .rz-scheme-monochrome .rz-series-item-4 {
  9778. fill: #75a1be;
  9779. stroke: #75a1be;
  9780. }
  9781.  
  9782. .rz-scheme-monochrome .rz-series-item-4 .rz-chart-tooltip-content {
  9783. border: 1px solid #75a1be;
  9784. }
  9785.  
  9786. .rz-scheme-monochrome .rz-series-5 {
  9787. fill: #8eb8d3;
  9788. stroke: #8eb8d3;
  9789. }
  9790.  
  9791. .rz-scheme-monochrome .rz-series-5-tooltip .rz-chart-tooltip-content {
  9792. border: 1px solid #8eb8d3;
  9793. }
  9794.  
  9795. .rz-scheme-monochrome .rz-series-item-5 {
  9796. fill: #8eb8d3;
  9797. stroke: #8eb8d3;
  9798. }
  9799.  
  9800. .rz-scheme-monochrome .rz-series-item-5 .rz-chart-tooltip-content {
  9801. border: 1px solid #8eb8d3;
  9802. }
  9803.  
  9804. .rz-scheme-monochrome .rz-series-6 {
  9805. fill: #a7cfe9;
  9806. stroke: #a7cfe9;
  9807. }
  9808.  
  9809. .rz-scheme-monochrome .rz-series-6-tooltip .rz-chart-tooltip-content {
  9810. border: 1px solid #a7cfe9;
  9811. }
  9812.  
  9813. .rz-scheme-monochrome .rz-series-item-6 {
  9814. fill: #a7cfe9;
  9815. stroke: #a7cfe9;
  9816. }
  9817.  
  9818. .rz-scheme-monochrome .rz-series-item-6 .rz-chart-tooltip-content {
  9819. border: 1px solid #a7cfe9;
  9820. }
  9821.  
  9822. .rz-scheme-monochrome .rz-series-7 {
  9823. fill: #c1e7ff;
  9824. stroke: #c1e7ff;
  9825. }
  9826.  
  9827. .rz-scheme-monochrome .rz-series-7-tooltip .rz-chart-tooltip-content {
  9828. border: 1px solid #c1e7ff;
  9829. }
  9830.  
  9831. .rz-scheme-monochrome .rz-series-item-7 {
  9832. fill: #c1e7ff;
  9833. stroke: #c1e7ff;
  9834. }
  9835.  
  9836. .rz-scheme-monochrome .rz-series-item-7 .rz-chart-tooltip-content {
  9837. border: 1px solid #c1e7ff;
  9838. }
  9839.  
  9840. .rz-scheme-divergent .rz-series-0 {
  9841. fill: #00876c;
  9842. stroke: #00876c;
  9843. }
  9844.  
  9845. .rz-scheme-divergent .rz-series-0-tooltip .rz-chart-tooltip-content {
  9846. border: 1px solid #00876c;
  9847. }
  9848.  
  9849. .rz-scheme-divergent .rz-series-item-0 {
  9850. fill: #00876c;
  9851. stroke: #00876c;
  9852. }
  9853.  
  9854. .rz-scheme-divergent .rz-series-item-0 .rz-chart-tooltip-content {
  9855. border: 1px solid #00876c;
  9856. }
  9857.  
  9858. .rz-scheme-divergent .rz-series-1 {
  9859. fill: #57a18b;
  9860. stroke: #57a18b;
  9861. }
  9862.  
  9863. .rz-scheme-divergent .rz-series-1-tooltip .rz-chart-tooltip-content {
  9864. border: 1px solid #57a18b;
  9865. }
  9866.  
  9867. .rz-scheme-divergent .rz-series-item-1 {
  9868. fill: #57a18b;
  9869. stroke: #57a18b;
  9870. }
  9871.  
  9872. .rz-scheme-divergent .rz-series-item-1 .rz-chart-tooltip-content {
  9873. border: 1px solid #57a18b;
  9874. }
  9875.  
  9876. .rz-scheme-divergent .rz-series-2 {
  9877. fill: #8cbcac;
  9878. stroke: #8cbcac;
  9879. }
  9880.  
  9881. .rz-scheme-divergent .rz-series-2-tooltip .rz-chart-tooltip-content {
  9882. border: 1px solid #8cbcac;
  9883. }
  9884.  
  9885. .rz-scheme-divergent .rz-series-item-2 {
  9886. fill: #8cbcac;
  9887. stroke: #8cbcac;
  9888. }
  9889.  
  9890. .rz-scheme-divergent .rz-series-item-2 .rz-chart-tooltip-content {
  9891. border: 1px solid #8cbcac;
  9892. }
  9893.  
  9894. .rz-scheme-divergent .rz-series-3 {
  9895. fill: #bed6ce;
  9896. stroke: #bed6ce;
  9897. }
  9898.  
  9899. .rz-scheme-divergent .rz-series-3-tooltip .rz-chart-tooltip-content {
  9900. border: 1px solid #bed6ce;
  9901. }
  9902.  
  9903. .rz-scheme-divergent .rz-series-item-3 {
  9904. fill: #bed6ce;
  9905. stroke: #bed6ce;
  9906. }
  9907.  
  9908. .rz-scheme-divergent .rz-series-item-3 .rz-chart-tooltip-content {
  9909. border: 1px solid #bed6ce;
  9910. }
  9911.  
  9912. .rz-scheme-divergent .rz-series-4 {
  9913. fill: #f1f1f1;
  9914. stroke: #f1f1f1;
  9915. }
  9916.  
  9917. .rz-scheme-divergent .rz-series-4-tooltip .rz-chart-tooltip-content {
  9918. border: 1px solid #f1f1f1;
  9919. }
  9920.  
  9921. .rz-scheme-divergent .rz-series-item-4 {
  9922. fill: #f1f1f1;
  9923. stroke: #f1f1f1;
  9924. }
  9925.  
  9926. .rz-scheme-divergent .rz-series-item-4 .rz-chart-tooltip-content {
  9927. border: 1px solid #f1f1f1;
  9928. }
  9929.  
  9930. .rz-scheme-divergent .rz-series-5 {
  9931. fill: #f1c6c6;
  9932. stroke: #f1c6c6;
  9933. }
  9934.  
  9935. .rz-scheme-divergent .rz-series-5-tooltip .rz-chart-tooltip-content {
  9936. border: 1px solid #f1c6c6;
  9937. }
  9938.  
  9939. .rz-scheme-divergent .rz-series-item-5 {
  9940. fill: #f1c6c6;
  9941. stroke: #f1c6c6;
  9942. }
  9943.  
  9944. .rz-scheme-divergent .rz-series-item-5 .rz-chart-tooltip-content {
  9945. border: 1px solid #f1c6c6;
  9946. }
  9947.  
  9948. .rz-scheme-divergent .rz-series-6 {
  9949. fill: #ec9c9d;
  9950. stroke: #ec9c9d;
  9951. }
  9952.  
  9953. .rz-scheme-divergent .rz-series-6-tooltip .rz-chart-tooltip-content {
  9954. border: 1px solid #ec9c9d;
  9955. }
  9956.  
  9957. .rz-scheme-divergent .rz-series-item-6 {
  9958. fill: #ec9c9d;
  9959. stroke: #ec9c9d;
  9960. }
  9961.  
  9962. .rz-scheme-divergent .rz-series-item-6 .rz-chart-tooltip-content {
  9963. border: 1px solid #ec9c9d;
  9964. }
  9965.  
  9966. .rz-scheme-divergent .rz-series-7 {
  9967. fill: #e27076;
  9968. stroke: #e27076;
  9969. }
  9970.  
  9971. .rz-scheme-divergent .rz-series-7-tooltip .rz-chart-tooltip-content {
  9972. border: 1px solid #e27076;
  9973. }
  9974.  
  9975. .rz-scheme-divergent .rz-series-item-7 {
  9976. fill: #e27076;
  9977. stroke: #e27076;
  9978. }
  9979.  
  9980. .rz-scheme-divergent .rz-series-item-7 .rz-chart-tooltip-content {
  9981. border: 1px solid #e27076;
  9982. }
  9983.  
  9984. .rz-scheme-divergent .rz-series-8 {
  9985. fill: #d43d51;
  9986. stroke: #d43d51;
  9987. }
  9988.  
  9989. .rz-scheme-divergent .rz-series-8-tooltip .rz-chart-tooltip-content {
  9990. border: 1px solid #d43d51;
  9991. }
  9992.  
  9993. .rz-scheme-divergent .rz-series-item-8 {
  9994. fill: #d43d51;
  9995. stroke: #d43d51;
  9996. }
  9997.  
  9998. .rz-scheme-divergent .rz-series-item-8 .rz-chart-tooltip-content {
  9999. border: 1px solid #d43d51;
  10000. }
  10001.  
  10002. .rz-marker {
  10003. stroke: #fff;
  10004. }
  10005.  
  10006. .rz-area-series .rz-marker {
  10007. fill-opacity: 1;
  10008. }
  10009.  
  10010. .rz-axis {
  10011. stroke: var(--rz-chart-axis-color);
  10012. font-size: var(--rz-chart-axis-font-size);
  10013. }
  10014.  
  10015. .rz-axis .rz-grid-line {
  10016. stroke: var(--rz-chart-axis-color);
  10017. }
  10018.  
  10019. .rz-tick-text {
  10020. stroke: none;
  10021. fill: var(--rz-chart-axis-label-color);
  10022. }
  10023.  
  10024. .rz-series-data-label {
  10025. fill: var(--rz-chart-axis-label-color);
  10026. }
  10027.  
  10028. .rz-value-axis .rz-tick-text {
  10029. text-anchor: end;
  10030. }
  10031.  
  10032. .rz-category-axis .rz-tick-text {
  10033. text-anchor: middle;
  10034. }
  10035.  
  10036. .rz-axis .rz-axis-title {
  10037. stroke: none;
  10038. text-anchor: middle;
  10039. fill: var(--rz-text-title-color);
  10040. }
  10041.  
  10042. .rz-donut-title {
  10043. text-anchor: middle;
  10044. fill: var(--rz-text-title-color);
  10045. }
  10046.  
  10047. .rz-donut-content {
  10048. height: 100%;
  10049. text-align: center;
  10050. display: flex;
  10051. flex-direction: column;
  10052. justify-content: center;
  10053. }
  10054.  
  10055. .rz-legend {
  10056. position: absolute;
  10057. display: flex;
  10058. }
  10059.  
  10060. .rz-legend-right {
  10061. right: 0;
  10062. top: 0;
  10063. bottom: 0;
  10064. align-items: center;
  10065. }
  10066.  
  10067. .rz-legend-left {
  10068. left: 0;
  10069. top: 0;
  10070. bottom: 0;
  10071. align-items: center;
  10072. }
  10073.  
  10074. .rz-legend-top {
  10075. top: 0;
  10076. left: 0;
  10077. right: 0;
  10078. justify-content: center;
  10079. }
  10080.  
  10081. .rz-legend-bottom {
  10082. bottom: 0;
  10083. left: 0;
  10084. right: 0;
  10085. justify-content: center;
  10086. }
  10087.  
  10088. .rz-legend-items {
  10089. padding: 0;
  10090. margin: 0;
  10091. overflow-y: auto;
  10092. overflow-x: hidden;
  10093. max-height: 100%;
  10094. }
  10095.  
  10096. .rz-legend-item {
  10097. align-items: center;
  10098. display: flex;
  10099. }
  10100.  
  10101. .rz-legend-top .rz-legend-item,
  10102. .rz-legend-bottom .rz-legend-item {
  10103. display: inline-flex;
  10104. }
  10105.  
  10106. .rz-legend-item-text {
  10107. padding: 4px;
  10108. }
  10109.  
  10110. .rz-chart-tooltip {
  10111. position: absolute;
  10112. transform: translate(-50%, -100%);
  10113. transition: top 0.2s, left 0.2s;
  10114. top: 0;
  10115. left: 0;
  10116. }
  10117.  
  10118. .rz-chart-tooltip-content {
  10119. background: var(--rz-chart-tooltip-background);
  10120. color: var(--rz-chart-tooltip-color);
  10121. box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.15);
  10122. padding: 0.25rem 0.5rem;
  10123. border-radius: var(--rz-border-radius);
  10124. white-space: nowrap;
  10125. }
  10126.  
  10127. .rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content {
  10128. margin-bottom: 15px;
  10129. }
  10130.  
  10131. .rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content:after {
  10132. content: ' ';
  10133. position: absolute;
  10134. width: 8px;
  10135. height: 8px;
  10136. left: 50%;
  10137. bottom: 0;
  10138. background-color: inherit;
  10139. transform-origin: center;
  10140. transform: translate(-50%, -11px) rotate(45deg);
  10141. border-bottom: inherit;
  10142. border-right: inherit;
  10143. }
  10144.  
  10145. .rz-link {
  10146. color: var(--rz-link-color);
  10147. text-decoration: none;
  10148. }
  10149.  
  10150. .rz-link .rz-link-text {
  10151. vertical-align: middle;
  10152. text-decoration: var(--rz-link-text-decoration);
  10153. }
  10154.  
  10155. .rz-link .rzi, .rz-link .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-link .rz-menuitem-icon, .rz-link .rz-fileupload-row .rz-button .rzi-close, .rz-fileupload-row .rz-button .rz-link .rzi-close,
  10156. .rz-link .rz-fileupload-row .rz-button .rzi-times,
  10157. .rz-fileupload-row .rz-button .rz-link .rzi-times,
  10158. .rz-link .rz-fileupload-row .rz-button .rz-icon-trash,
  10159. .rz-fileupload-row .rz-button .rz-link .rz-icon-trash, .rz-link .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-link .rzi-chevron-circle-right, .rz-link .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-link .rzi-chevron-circle-down, .rz-link .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-link .rzi-grid-sort, .rz-link .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-link .rzi-plus, .rz-link .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-link .rzi-circle-o-notch, .rz-link .rz-column-drag, .rz-link .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-link .rzi-close,
  10160. .rz-link .rz-fileupload-row .rz-paginator-element .rzi-times,
  10161. .rz-fileupload-row .rz-paginator-element .rz-link .rzi-times,
  10162. .rz-link .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
  10163. .rz-fileupload-row .rz-paginator-element .rz-link .rz-icon-trash {
  10164. font-size: inherit;
  10165. vertical-align: middle;
  10166. }
  10167.  
  10168. .rz-link:hover, .rz-link:focus {
  10169. color: var(--rz-link-hover-color);
  10170. text-decoration: none;
  10171. }
  10172.  
  10173. .rz-link:hover .rz-link-text, .rz-link:focus .rz-link-text {
  10174. text-decoration: var(--rz-link-hover-text-decoration);
  10175. }
  10176.  
  10177. .rz-state-highlight .link {
  10178. color: var(--rz-text-contrast-color);
  10179. }
  10180.  
  10181. :root {
  10182. --rz-editor-border: var(--rz-input-border);
  10183. --rz-editor-border-radius: var(--rz-border-radius);
  10184. --rz-editor-toolbar-background-color: var(--rz-base-background-color);
  10185. --rz-editor-toolbar-item-margin: 0.25rem 0.125rem;
  10186. --rz-editor-button-padding: 0.5rem;
  10187. --rz-editor-button-background-color: var(--rz-base-background-color);
  10188. --rz-editor-button-color: var(--rz-text-color);
  10189. --rz-editor-button-disabled-color: var(--rz-text-disabled-color);
  10190. --rz-editor-button-selected-background-color: var(--rz-secondary);
  10191. --rz-editor-button-selected-color: var(--rz-text-contrast-color);
  10192. --rz-editor-separator-background-color: var(--rz-base-200);
  10193. --rz-editor-content-background-color: var(--rz-base-background-color);
  10194. }
  10195.  
  10196. .rz-html-editor {
  10197. display: flex;
  10198. flex-direction: column;
  10199. border-radius: var(--rz-editor-border-radius);
  10200. border: var(--rz-editor-border);
  10201. }
  10202.  
  10203. .rz-html-editor-content {
  10204. flex: 1;
  10205. overflow: auto;
  10206. padding: 0.5rem;
  10207. outline: none;
  10208. background-color: var(--rz-editor-content-background-color);
  10209. }
  10210.  
  10211. .rz-html-editor-toolbar {
  10212. border-bottom: var(--rz-editor-border);
  10213. display: flex;
  10214. line-height: 1rem;
  10215. flex-wrap: wrap;
  10216. background-color: var(--rz-editor-toolbar-background-color);
  10217. }
  10218.  
  10219. .rz-html-editor-toolbar .rzi, .rz-html-editor-toolbar .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-html-editor-toolbar .rz-menuitem-icon, .rz-html-editor-toolbar .rz-fileupload-row .rz-button .rzi-close, .rz-fileupload-row .rz-button .rz-html-editor-toolbar .rzi-close,
  10220. .rz-html-editor-toolbar .rz-fileupload-row .rz-button .rzi-times,
  10221. .rz-fileupload-row .rz-button .rz-html-editor-toolbar .rzi-times,
  10222. .rz-html-editor-toolbar .rz-fileupload-row .rz-button .rz-icon-trash,
  10223. .rz-fileupload-row .rz-button .rz-html-editor-toolbar .rz-icon-trash, .rz-html-editor-toolbar .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-html-editor-toolbar .rzi-chevron-circle-right, .rz-html-editor-toolbar .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-html-editor-toolbar .rzi-chevron-circle-down, .rz-html-editor-toolbar .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-html-editor-toolbar .rzi-grid-sort, .rz-html-editor-toolbar .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-html-editor-toolbar .rzi-plus, .rz-html-editor-toolbar .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-html-editor-toolbar .rzi-circle-o-notch, .rz-html-editor-toolbar .rz-column-drag, .rz-html-editor-toolbar .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-html-editor-toolbar .rzi-close,
  10224. .rz-html-editor-toolbar .rz-fileupload-row .rz-paginator-element .rzi-times,
  10225. .rz-fileupload-row .rz-paginator-element .rz-html-editor-toolbar .rzi-times,
  10226. .rz-html-editor-toolbar .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
  10227. .rz-fileupload-row .rz-paginator-element .rz-html-editor-toolbar .rz-icon-trash {
  10228. font-size: 1rem;
  10229. }
  10230.  
  10231. .rz-html-editor-toolbar > * {
  10232. margin: var(--rz-editor-toolbar-item-margin);
  10233. }
  10234.  
  10235. .rz-html-editor-colorpicker {
  10236. display: inline-flex;
  10237. align-items: center;
  10238. justify-content: center;
  10239. background: var(--rz-editor-button-background-color);
  10240. padding: var(--rz-editor-button-padding);
  10241. }
  10242.  
  10243. .rz-html-editor-colorpicker .rz-colorpicker-trigger {
  10244. color: inherit;
  10245. background-color: var(--rz-editor-button-background-color);
  10246. }
  10247.  
  10248. .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi, .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-menuitem-icon, .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-fileupload-row .rz-button .rzi-close, .rz-fileupload-row .rz-button .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi-close,
  10249. .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-fileupload-row .rz-button .rzi-times,
  10250. .rz-fileupload-row .rz-button .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi-times,
  10251. .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-fileupload-row .rz-button .rz-icon-trash,
  10252. .rz-fileupload-row .rz-button .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-icon-trash, .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi-chevron-circle-right, .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi-chevron-circle-down, .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi-grid-sort, .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi-plus, .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi-circle-o-notch, .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-column-drag, .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi-close,
  10253. .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-fileupload-row .rz-paginator-element .rzi-times,
  10254. .rz-fileupload-row .rz-paginator-element .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi-times,
  10255. .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
  10256. .rz-fileupload-row .rz-paginator-element .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-icon-trash {
  10257. font-size: 1.25rem;
  10258. height: 1rem;
  10259. }
  10260.  
  10261. .rz-html-editor-colorpicker .rz-colorpicker-value {
  10262. display: none;
  10263. }
  10264.  
  10265. .rz-html-editor-colorpicker .rz-colorpicker {
  10266. border: none;
  10267. box-shadow: none;
  10268. padding: 0;
  10269. height: auto;
  10270. background-color: var(--rz-editor-button-background-color);
  10271. }
  10272.  
  10273. .rz-html-editor-colorpicker .rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover {
  10274. border: none;
  10275. box-shadow: none;
  10276. }
  10277.  
  10278. .rz-html-editor-color {
  10279. border: none;
  10280. display: flex;
  10281. flex-direction: column;
  10282. background: inherit;
  10283. color: inherit;
  10284. appearance: none;
  10285. padding: 0;
  10286. position: relative;
  10287. }
  10288.  
  10289. .rz-html-editor-color:disabled {
  10290. color: var(--rz-input-disabled-color);
  10291. }
  10292.  
  10293. .rz-html-editor-color-value {
  10294. position: absolute;
  10295. bottom: -4px;
  10296. height: 4px;
  10297. width: 100%;
  10298. }
  10299.  
  10300. .rz-html-editor-button {
  10301. color: var(--rz-editor-button-color);
  10302. appearance: none;
  10303. border: none;
  10304. display: inline-flex;
  10305. align-items: center;
  10306. justify-content: center;
  10307. background: var(--rz-editor-button-background-color);
  10308. padding: var(--rz-editor-button-padding);
  10309. }
  10310.  
  10311. .rz-html-editor-button.rz-selected {
  10312. background-color: var(--rz-editor-button-selected-background-color);
  10313. color: var(--rz-editor-button-selected-color);
  10314. border-radius: var(--rz-editor-border-radius);
  10315. }
  10316.  
  10317. .rz-html-editor-button:disabled {
  10318. color: var(--rz-editor-button-disabled-color);
  10319. }
  10320.  
  10321. .rz-html-editor-dropdown {
  10322. display: inline-flex;
  10323. padding: var(--rz-editor-button-padding);
  10324. align-items: center;
  10325. cursor: pointer;
  10326. }
  10327.  
  10328. .rz-html-editor-dropdown.rz-disabled {
  10329. color: var(--rz-input-disabled-color);
  10330. cursor: default;
  10331. }
  10332.  
  10333. .rz-html-editor-dropdown-item {
  10334. cursor: default;
  10335. font-size: var(--rz-dropdown-item-font-size);
  10336. padding: var(--rz-dropdown-item-padding);
  10337. white-space: nowrap;
  10338. }
  10339.  
  10340. .rz-html-editor-dropdown-item:hover {
  10341. background-color: var(--rz-dropdown-item-hover-background-color);
  10342. color: var(--rz-dropdown-item-hover-color);
  10343. border-radius: 0;
  10344. }
  10345.  
  10346. .rz-html-editor-dropdown-item.rz-selected {
  10347. background-color: var(--rz-dropdown-item-selected-background-color);
  10348. color: var(--rz-dropdown-item-selected-color);
  10349. }
  10350.  
  10351. .rz-html-editor-dropdown-trigger {
  10352. border: none;
  10353. appearance: none;
  10354. padding: 0;
  10355. display: inline-flex;
  10356. align-items: center;
  10357. color: inherit;
  10358. background-color: inherit;
  10359. }
  10360.  
  10361. .rz-html-editor-dropdown-trigger .rzi:before, .rz-html-editor-dropdown-trigger .rz-menuitem .rz-menuitem-icon:before, .rz-menuitem .rz-html-editor-dropdown-trigger .rz-menuitem-icon:before, .rz-html-editor-dropdown-trigger .rz-fileupload-row .rz-button .rzi-close:before, .rz-fileupload-row .rz-button .rz-html-editor-dropdown-trigger .rzi-close:before,
  10362. .rz-html-editor-dropdown-trigger .rz-fileupload-row .rz-button .rzi-times:before,
  10363. .rz-fileupload-row .rz-button .rz-html-editor-dropdown-trigger .rzi-times:before,
  10364. .rz-html-editor-dropdown-trigger .rz-fileupload-row .rz-button .rz-icon-trash:before,
  10365. .rz-fileupload-row .rz-button .rz-html-editor-dropdown-trigger .rz-icon-trash:before, .rz-html-editor-dropdown-trigger .rz-datatable .rzi-chevron-circle-right:before, .rz-datatable .rz-html-editor-dropdown-trigger .rzi-chevron-circle-right:before, .rz-html-editor-dropdown-trigger .rz-datatable .rzi-chevron-circle-down:before, .rz-datatable .rz-html-editor-dropdown-trigger .rzi-chevron-circle-down:before, .rz-html-editor-dropdown-trigger .rz-sortable-column .rzi-grid-sort:before, .rz-sortable-column .rz-html-editor-dropdown-trigger .rzi-grid-sort:before, .rz-html-editor-dropdown-trigger .rz-datatable-header .rzi-plus:before, .rz-datatable-header .rz-html-editor-dropdown-trigger .rzi-plus:before, .rz-html-editor-dropdown-trigger .rz-datatable-loading-content .rzi-circle-o-notch:before, .rz-datatable-loading-content .rz-html-editor-dropdown-trigger .rzi-circle-o-notch:before, .rz-html-editor-dropdown-trigger .rz-column-drag:before, .rz-html-editor-dropdown-trigger .rz-fileupload-row .rz-paginator-element .rzi-close:before, .rz-fileupload-row .rz-paginator-element .rz-html-editor-dropdown-trigger .rzi-close:before,
  10366. .rz-html-editor-dropdown-trigger .rz-fileupload-row .rz-paginator-element .rzi-times:before,
  10367. .rz-fileupload-row .rz-paginator-element .rz-html-editor-dropdown-trigger .rzi-times:before,
  10368. .rz-html-editor-dropdown-trigger .rz-fileupload-row .rz-paginator-element .rz-icon-trash:before,
  10369. .rz-fileupload-row .rz-paginator-element .rz-html-editor-dropdown-trigger .rz-icon-trash:before {
  10370. content: 'arrow_drop_down';
  10371. }
  10372.  
  10373. .rz-html-editor-dropdown-items {
  10374. display: none;
  10375. }
  10376.  
  10377. .rz-html-editor-dialog-item {
  10378. margin-bottom: 1rem;
  10379. }
  10380.  
  10381. .rz-html-editor-dialog-item label:first-child {
  10382. display: block;
  10383. }
  10384.  
  10385. .rz-html-editor-dialog-buttons {
  10386. text-align: right;
  10387. }
  10388.  
  10389. .rz-html-editor-separator {
  10390. width: 1px;
  10391. background-color: var(--rz-editor-separator-background-color);
  10392. }
  10393.  
  10394. .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover {
  10395. border: none;
  10396. }
  10397.  
  10398. .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi, .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-menuitem-icon, .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-fileupload-row .rz-button .rzi-close, .rz-fileupload-row .rz-button .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi-close,
  10399. .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-fileupload-row .rz-button .rzi-times,
  10400. .rz-fileupload-row .rz-button .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi-times,
  10401. .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-fileupload-row .rz-button .rz-icon-trash,
  10402. .rz-fileupload-row .rz-button .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-icon-trash, .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi-chevron-circle-right, .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi-chevron-circle-down, .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi-grid-sort, .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi-plus, .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi-circle-o-notch, .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-column-drag, .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi-close,
  10403. .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-fileupload-row .rz-paginator-element .rzi-times,
  10404. .rz-fileupload-row .rz-paginator-element .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi-times,
  10405. .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
  10406. .rz-fileupload-row .rz-paginator-element .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-icon-trash {
  10407. font-size: 1.25rem;
  10408. height: 1rem;
  10409. }
  10410.  
  10411. :root {
  10412. --rz-colorpicker-panel-border: var(--rz-border-normal);
  10413. --rz-colorpicker-panel-background-color: var(--rz-base-background-color);
  10414. --rz-colorpicker-panel-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.06);
  10415. --rz-colorpicker-panel-padding: 0.5rem;
  10416. --rz-colorpicker-panel-max-width: 20rem;
  10417. --rz-colorpicker-saturation-height: 200px;
  10418. --rz-colorpicker-value-border-radius: var(--rz-border-radius);
  10419. --rz-colorpicker-item-size: 1.25rem;
  10420. --rz-colorpicker-item-border-radius: var(--rz-border-radius);
  10421. --rz-colorpicker-item-margin: 0.25rem;
  10422. --rz-colorpicker-item-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.25) 0px 0px 4px inset;
  10423. --rz-colorpicker-handle-size: 12px;
  10424. --rz-colorpicker-handle-border: 2px solid var(--rz-white);
  10425. --rz-colorpicker-handle-shadow: var(--rz-white) 0px 0px 0px 1px, rgba(0, 0, 0, 0.3) 0px 0px 1px 1px inset, rgba(0, 0, 0, 0.4) 0px 0px 1px 2px;
  10426. --rz-colorpicker-hex-input-padding: 0.25rem 0.5rem;
  10427. --rz-colorpicker-hex-input-height: 2rem;
  10428. --rz-colorpicker-rgba-input-padding: 0.25rem 0.5rem;
  10429. --rz-colorpicker-rgba-input-height: 2rem;
  10430. --rz-colorpicker-input-labels-color: var(--rz-text-tertiary-color);
  10431. }
  10432.  
  10433. .rz-colorpicker {
  10434. display: inline-flex;
  10435. align-items: center;
  10436. cursor: pointer;
  10437. }
  10438.  
  10439. .rz-colorpicker.rz-disabled {
  10440. color: var(--rz-text-color);
  10441. cursor: default;
  10442. }
  10443.  
  10444. button.rz-colorpicker-trigger {
  10445. border: none;
  10446. appearance: none;
  10447. padding: 0;
  10448. display: inline-flex;
  10449. align-items: center;
  10450. color: var(--rz-text-color);
  10451. background-color: inherit;
  10452. outline: none;
  10453. }
  10454.  
  10455. button.rz-colorpicker-trigger .rzi, button.rz-colorpicker-trigger .rz-menuitem .rz-menuitem-icon, .rz-menuitem button.rz-colorpicker-trigger .rz-menuitem-icon, button.rz-colorpicker-trigger .rz-fileupload-row .rz-button .rzi-close, .rz-fileupload-row .rz-button button.rz-colorpicker-trigger .rzi-close,
  10456. button.rz-colorpicker-trigger .rz-fileupload-row .rz-button .rzi-times,
  10457. .rz-fileupload-row .rz-button button.rz-colorpicker-trigger .rzi-times,
  10458. button.rz-colorpicker-trigger .rz-fileupload-row .rz-button .rz-icon-trash,
  10459. .rz-fileupload-row .rz-button button.rz-colorpicker-trigger .rz-icon-trash, button.rz-colorpicker-trigger .rz-datatable .rzi-chevron-circle-right, .rz-datatable button.rz-colorpicker-trigger .rzi-chevron-circle-right, button.rz-colorpicker-trigger .rz-datatable .rzi-chevron-circle-down, .rz-datatable button.rz-colorpicker-trigger .rzi-chevron-circle-down, button.rz-colorpicker-trigger .rz-sortable-column .rzi-grid-sort, .rz-sortable-column button.rz-colorpicker-trigger .rzi-grid-sort, button.rz-colorpicker-trigger .rz-datatable-header .rzi-plus, .rz-datatable-header button.rz-colorpicker-trigger .rzi-plus, button.rz-colorpicker-trigger .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content button.rz-colorpicker-trigger .rzi-circle-o-notch, button.rz-colorpicker-trigger .rz-column-drag, button.rz-colorpicker-trigger .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-paginator-element button.rz-colorpicker-trigger .rzi-close,
  10460. button.rz-colorpicker-trigger .rz-fileupload-row .rz-paginator-element .rzi-times,
  10461. .rz-fileupload-row .rz-paginator-element button.rz-colorpicker-trigger .rzi-times,
  10462. button.rz-colorpicker-trigger .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
  10463. .rz-fileupload-row .rz-paginator-element button.rz-colorpicker-trigger .rz-icon-trash {
  10464. font-size: var(--rz-icon-size);
  10465. }
  10466.  
  10467. button.rz-colorpicker-trigger .rzi:before, button.rz-colorpicker-trigger .rz-menuitem .rz-menuitem-icon:before, .rz-menuitem button.rz-colorpicker-trigger .rz-menuitem-icon:before, button.rz-colorpicker-trigger .rz-fileupload-row .rz-button .rzi-close:before, .rz-fileupload-row .rz-button button.rz-colorpicker-trigger .rzi-close:before,
  10468. button.rz-colorpicker-trigger .rz-fileupload-row .rz-button .rzi-times:before,
  10469. .rz-fileupload-row .rz-button button.rz-colorpicker-trigger .rzi-times:before,
  10470. button.rz-colorpicker-trigger .rz-fileupload-row .rz-button .rz-icon-trash:before,
  10471. .rz-fileupload-row .rz-button button.rz-colorpicker-trigger .rz-icon-trash:before, button.rz-colorpicker-trigger .rz-datatable .rzi-chevron-circle-right:before, .rz-datatable button.rz-colorpicker-trigger .rzi-chevron-circle-right:before, button.rz-colorpicker-trigger .rz-datatable .rzi-chevron-circle-down:before, .rz-datatable button.rz-colorpicker-trigger .rzi-chevron-circle-down:before, button.rz-colorpicker-trigger .rz-sortable-column .rzi-grid-sort:before, .rz-sortable-column button.rz-colorpicker-trigger .rzi-grid-sort:before, button.rz-colorpicker-trigger .rz-datatable-header .rzi-plus:before, .rz-datatable-header button.rz-colorpicker-trigger .rzi-plus:before, button.rz-colorpicker-trigger .rz-datatable-loading-content .rzi-circle-o-notch:before, .rz-datatable-loading-content button.rz-colorpicker-trigger .rzi-circle-o-notch:before, button.rz-colorpicker-trigger .rz-column-drag:before, button.rz-colorpicker-trigger .rz-fileupload-row .rz-paginator-element .rzi-close:before, .rz-fileupload-row .rz-paginator-element button.rz-colorpicker-trigger .rzi-close:before,
  10472. button.rz-colorpicker-trigger .rz-fileupload-row .rz-paginator-element .rzi-times:before,
  10473. .rz-fileupload-row .rz-paginator-element button.rz-colorpicker-trigger .rzi-times:before,
  10474. button.rz-colorpicker-trigger .rz-fileupload-row .rz-paginator-element .rz-icon-trash:before,
  10475. .rz-fileupload-row .rz-paginator-element button.rz-colorpicker-trigger .rz-icon-trash:before {
  10476. content: 'arrow_drop_down';
  10477. }
  10478.  
  10479. .rz-colorpicker-popup {
  10480. display: none;
  10481. position: absolute;
  10482. border: var(--rz-colorpicker-panel-border);
  10483. background-color: var(--rz-colorpicker-panel-background-color);
  10484. box-shadow: var(--rz-colorpicker-panel-shadow);
  10485. min-width: 200px;
  10486. max-width: var(--rz-colorpicker-panel-max-width);
  10487. padding: var(--rz-colorpicker-panel-padding);
  10488. border-radius: var(--rz-border-radius);
  10489. }
  10490.  
  10491. .rz-colorpicker-value {
  10492. flex: 1;
  10493. border-radius: var(--rz-colorpicker-value-border-radius);
  10494. border: var(--rz-colorpicker-panel-border);
  10495. min-width: 20px;
  10496. min-height: 20px;
  10497. }
  10498.  
  10499. .rz-saturation-picker {
  10500. height: var(--rz-colorpicker-saturation-height);
  10501. position: relative;
  10502. touch-action: none;
  10503. border-radius: var(--rz-border-radius);
  10504. }
  10505.  
  10506. .rz-saturation-white {
  10507. background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  10508. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
  10509. }
  10510.  
  10511. .rz-saturation-black,
  10512. .rz-saturation-white {
  10513. position: absolute;
  10514. top: 0;
  10515. left: 0;
  10516. right: 0;
  10517. bottom: 0;
  10518. border-radius: var(--rz-border-radius);
  10519. border-top-left-radius: calc(var(--rz-border-radius) - 1px);
  10520. }
  10521.  
  10522. .rz-saturation-black {
  10523. background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
  10524. }
  10525.  
  10526. .rz-saturation-handle {
  10527. position: absolute;
  10528. width: var(--rz-colorpicker-handle-size);
  10529. height: var(--rz-colorpicker-handle-size);
  10530. border: var(--rz-colorpicker-handle-border);
  10531. border-radius: 50%;
  10532. transform: translate(-50%, -50%);
  10533. box-shadow: var(--rz-colorpicker-handle-shadow);
  10534. }
  10535.  
  10536. .rz-hue-picker {
  10537. margin-bottom: 8px;
  10538. touch-action: none;
  10539. position: relative;
  10540. background-image: linear-gradient(to right, red 0%, yellow 17%, lime 33%, cyan 50%, blue 67%, magenta 83%, red 100%);
  10541. border-radius: var(--rz-border-radius);
  10542. height: var(--rz-colorpicker-handle-size);
  10543. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
  10544. }
  10545.  
  10546. .rz-hue-picker:active {
  10547. cursor: none;
  10548. }
  10549.  
  10550. .rz-alpha-picker {
  10551. touch-action: none;
  10552. position: relative;
  10553. border-radius: var(--rz-border-radius);
  10554. height: var(--rz-colorpicker-handle-size);
  10555. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
  10556. }
  10557.  
  10558. .rz-alpha-picker:active {
  10559. cursor: none;
  10560. }
  10561.  
  10562. .rz-hue-handle,
  10563. .rz-alpha-handle {
  10564. position: absolute;
  10565. height: 100%;
  10566. width: 8px;
  10567. border: var(--rz-colorpicker-handle-border);
  10568. border-radius: calc(var(--rz-border-radius) / 2);
  10569. transform: translateX(-50%);
  10570. box-shadow: var(--rz-colorpicker-handle-shadow);
  10571. }
  10572.  
  10573. .rz-colorpicker-preview-area {
  10574. display: flex;
  10575. }
  10576.  
  10577. .rz-hue-and-alpha {
  10578. flex: 1;
  10579. padding-right: 8px;
  10580. }
  10581.  
  10582. .rz-alpha-picker:before,
  10583. .rz-colorpicker-preview:before {
  10584. position: absolute;
  10585. z-index: -1;
  10586. content: '';
  10587. top: 0;
  10588. left: 0;
  10589. bottom: 0;
  10590. right: 0;
  10591. border-radius: var(--rz-border-radius);
  10592. background-image: linear-gradient(45deg, #cccccc 25%, transparent 25%), linear-gradient(-45deg, #cccccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #cccccc 75%), linear-gradient(-45deg, transparent 75%, #cccccc 75%);
  10593. background-size: 8px 8px;
  10594. background-position: 0 0, 0 4px, 4px -4px, -4px 0px;
  10595. }
  10596.  
  10597. .rz-colorpicker-preview {
  10598. position: relative;
  10599. width: 32px;
  10600. height: 32px;
  10601. box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.25) 0px 0px 4px inset;
  10602. border-radius: var(--rz-border-radius);
  10603. }
  10604.  
  10605. .rz-colorpicker-rgba {
  10606. display: flex;
  10607. }
  10608.  
  10609. .rz-color-box {
  10610. display: flex;
  10611. flex-direction: column;
  10612. align-items: center;
  10613. flex: 1;
  10614. color: var(--rz-colorpicker-input-labels-color);
  10615. font-size: 0.75rem;
  10616. text-transform: uppercase;
  10617. }
  10618.  
  10619. .rz-color-box:not(:last-child) {
  10620. margin-right: 4px;
  10621. }
  10622.  
  10623. .rz-color-box .rz-textbox {
  10624. width: 80px;
  10625. margin-right: 4px;
  10626. padding: var(--rz-colorpicker-hex-input-padding);
  10627. height: var(--rz-colorpicker-hex-input-height);
  10628. }
  10629.  
  10630. .rz-color-box .rz-spinner {
  10631. padding: var(--rz-colorpicker-rgba-input-padding);
  10632. height: var(--rz-colorpicker-rgba-input-height);
  10633. }
  10634.  
  10635. .rz-color-box .rz-spinner .rz-spinner-input {
  10636. padding: 0;
  10637. outline: none;
  10638. }
  10639.  
  10640. .rz-color-box .rz-spinner button {
  10641. display: none;
  10642. }
  10643.  
  10644. .rz-color-box .rz-spinner button:hover {
  10645. display: initial;
  10646. }
  10647.  
  10648. .rz-colorpicker-button {
  10649. justify-content: flex-end;
  10650. display: flex;
  10651. }
  10652.  
  10653. .rz-colorpicker-section:not(:last-child) {
  10654. margin-bottom: 8px;
  10655. }
  10656.  
  10657. .rz-colorpicker-colors {
  10658. display: flex;
  10659. flex-wrap: wrap;
  10660. margin-left: -4px;
  10661. margin-right: -4px;
  10662. }
  10663.  
  10664. .rz-colorpicker-item {
  10665. width: var(--rz-colorpicker-item-size);
  10666. height: var(--rz-colorpicker-item-size);
  10667. border-radius: var(--rz-colorpicker-item-border-radius);
  10668. margin: var(--rz-colorpicker-item-margin);
  10669. box-shadow: var(--rz-colorpicker-item-shadow);
  10670. cursor: pointer;
  10671. }
  10672.  
  10673. :root {
  10674. --rz-splitter-bar-color: var(--rz-text-secondary-color);
  10675. --rz-splitter-bar-color-active: var(--rz-text-contrast-color);
  10676. --rz-splitter-bar-background-color: var(--rz-base-200);
  10677. --rz-splitter-bar-background-color-active: var(--rz-secondary);
  10678. --rz-splitter-bar-hover-opacity: 1;
  10679. }
  10680.  
  10681. .rz-splitter {
  10682. display: flex;
  10683. flex-wrap: nowrap;
  10684. width: 100%;
  10685. height: 100%;
  10686. }
  10687.  
  10688. .rz-splitter > .rz-splitter-bar {
  10689. flex: 0 0 auto;
  10690. position: relative;
  10691. text-align: center;
  10692. display: inline-flex;
  10693. align-items: center;
  10694. justify-content: center;
  10695. color: var(--rz-splitter-bar-color);
  10696. background-color: var(--rz-splitter-bar-background-color);
  10697. opacity: 0.4;
  10698. user-select: none;
  10699. }
  10700.  
  10701. .rz-splitter > .rz-splitter-bar > .rz-collapse {
  10702. display: table;
  10703. }
  10704.  
  10705. .rz-splitter > .rz-splitter-bar > .rz-collapse:before {
  10706. font-family: 'Material Icons';
  10707. line-height: normal;
  10708. display: table-cell;
  10709. }
  10710.  
  10711. .rz-splitter > .rz-splitter-bar > .rz-collapse:hover {
  10712. cursor: pointer;
  10713. }
  10714.  
  10715. .rz-splitter > .rz-splitter-bar > .rz-resize {
  10716. border: 1px solid var(--rz-splitter-bar-color);
  10717. border-radius: 1px;
  10718. }
  10719.  
  10720. .rz-splitter > .rz-splitter-bar > .rz-expand {
  10721. display: table;
  10722. }
  10723.  
  10724. .rz-splitter > .rz-splitter-bar > .rz-expand:before {
  10725. font-family: 'Material Icons';
  10726. line-height: normal;
  10727. display: table-cell;
  10728. }
  10729.  
  10730. .rz-splitter > .rz-splitter-bar > .rz-expand:hover {
  10731. cursor: pointer;
  10732. }
  10733.  
  10734. .rz-splitter > .rz-splitter-bar-resizable:hover {
  10735. background-color: var(--rz-splitter-bar-background-color);
  10736. opacity: var(--rz-splitter-bar-hover-opacity);
  10737. }
  10738.  
  10739. .rz-splitter > .rz-splitter-bar-resizable:active {
  10740. background-color: var(--rz-splitter-bar-background-color-active);
  10741. opacity: var(--rz-splitter-bar-hover-opacity);
  10742. }
  10743.  
  10744. .rz-splitter > .rz-splitter-bar-resizable:active > .rz-expand, .rz-splitter > .rz-splitter-bar-resizable:active > .rz-resize, .rz-splitter > .rz-splitter-bar-resizable:active > .rz-collapse {
  10745. color: var(--rz-splitter-bar-color-active);
  10746. }
  10747.  
  10748. .rz-splitter > .rz-splitter-bar-resizable:active > .rz-resize {
  10749. border: 1px solid var(--rz-splitter-bar-color-active);
  10750. }
  10751.  
  10752. .rz-splitter > .rz-splitter-bar-resizable:disabled {
  10753. opacity: 0.2;
  10754. }
  10755.  
  10756. .rz-splitter-horizontal {
  10757. flex-direction: row;
  10758. }
  10759.  
  10760. .rz-splitter-horizontal > .rz-splitter-bar {
  10761. flex-direction: column;
  10762. width: 8px;
  10763. }
  10764.  
  10765. .rz-splitter-horizontal > .rz-splitter-bar > .rz-collapse:before {
  10766. content: 'arrow_left';
  10767. }
  10768.  
  10769. .rz-splitter-horizontal > .rz-splitter-bar > .rz-resize {
  10770. height: 16px;
  10771. margin: 2px 0;
  10772. }
  10773.  
  10774. .rz-splitter-horizontal > .rz-splitter-bar > .rz-expand:before {
  10775. content: 'arrow_right';
  10776. }
  10777.  
  10778. .rz-splitter-horizontal > .rz-splitter-bar-resizable:hover {
  10779. cursor: col-resize;
  10780. }
  10781.  
  10782. .rz-splitter-vertical {
  10783. flex-direction: column;
  10784. }
  10785.  
  10786. .rz-splitter-vertical > .rz-splitter-bar {
  10787. flex-direction: row;
  10788. height: 8px;
  10789. }
  10790.  
  10791. .rz-splitter-vertical > .rz-splitter-bar > .rz-collapse:before {
  10792. content: 'arrow_drop_up';
  10793. }
  10794.  
  10795. .rz-splitter-vertical > .rz-splitter-bar > .rz-resize {
  10796. width: 16px;
  10797. margin: 0 2px;
  10798. }
  10799.  
  10800. .rz-splitter-vertical > .rz-splitter-bar > .rz-expand:before {
  10801. content: 'arrow_drop_down';
  10802. }
  10803.  
  10804. .rz-splitter-vertical > .rz-splitter-bar-resizable:hover {
  10805. cursor: row-resize;
  10806. }
  10807.  
  10808. .rz-splitter-pane {
  10809. overflow: hidden;
  10810. position: relative;
  10811. flex: 0 0 auto;
  10812. }
  10813.  
  10814. .rz-splitter-pane-collapsed {
  10815. flex: 0 1 0% !important;
  10816. overflow: hidden !important;
  10817. display: block !important;
  10818. }
  10819.  
  10820. .rz-splitter-pane-lastresizable {
  10821. flex: 1 1 auto;
  10822. }
  10823.  
  10824. .rz-layout {
  10825. height: 100vh;
  10826. overflow: hidden;
  10827. display: grid;
  10828. grid-template-columns: auto 1fr;
  10829. grid-template-rows: auto 1fr auto;
  10830. grid-template-areas: "rz-header rz-header" "rz-sidebar rz-body" "rz-footer rz-footer";
  10831. }
  10832.  
  10833. .rz-layout .rz-body {
  10834. grid-area: rz-body;
  10835. overflow: auto;
  10836. }
  10837.  
  10838. .rz-layout .rz-sidebar {
  10839. grid-area: rz-sidebar;
  10840. position: static;
  10841. }
  10842.  
  10843. .rz-layout .rz-header {
  10844. grid-area: rz-header;
  10845. z-index: 2;
  10846. }
  10847.  
  10848. .rz-layout .rz-footer {
  10849. grid-area: rz-footer;
  10850. }
  10851.  
  10852. .rz-breadcrumb {
  10853. display: flex;
  10854. align-items: center;
  10855. }
  10856.  
  10857. .rz-breadcrumb-item + .rz-breadcrumb-item::before {
  10858. content: 'ยป';
  10859. display: inline-block;
  10860. padding-left: 0.5rem;
  10861. padding-right: 0.5rem;
  10862. font-size: 1rem;
  10863. line-height: 1.25rem;
  10864. }
  10865.  
  10866. .rz-breadcrumb-item {
  10867. display: inline-flex;
  10868. align-items: center;
  10869. }
  10870.  
  10871. .rz-breadcrumb-item .rz-link {
  10872. display: inline-flex;
  10873. align-items: center;
  10874. }
Add Comment
Please, Sign In to add comment