@linzjs/lui 12.1.4 → 12.2.0-roll-up.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (326) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/package.json +14 -10
  3. package/dist/assets/docs/lui-workflow-visual.png +0 -0
  4. package/dist/assets/docs/mountain-broken.svg +0 -119
  5. package/dist/assets/docs/simple-components and grids.svg +0 -1
  6. package/dist/assets/fonts/OpenSans-Bold.woff2 +0 -0
  7. package/dist/assets/fonts/OpenSans-Italic.woff2 +0 -0
  8. package/dist/assets/fonts/OpenSans-Light.woff2 +0 -0
  9. package/dist/assets/fonts/OpenSans-Regular.woff2 +0 -0
  10. package/dist/assets/fonts/OpenSans-SemiBold.woff2 +0 -0
  11. package/dist/assets/icons/account_circle.svg +0 -1
  12. package/dist/assets/icons/add_circle.svg +0 -1
  13. package/dist/assets/icons/add_circle_outline.svg +0 -1
  14. package/dist/assets/icons/arrow_back.svg +0 -1
  15. package/dist/assets/icons/arrow_back_ios.svg +0 -1
  16. package/dist/assets/icons/arrow_drop_down.svg +0 -1
  17. package/dist/assets/icons/arrow_drop_up.svg +0 -1
  18. package/dist/assets/icons/arrow_forward_ios.svg +0 -1
  19. package/dist/assets/icons/attachment.svg +0 -1
  20. package/dist/assets/icons/border_color.svg +0 -1
  21. package/dist/assets/icons/check.svg +0 -1
  22. package/dist/assets/icons/check_circle.svg +0 -1
  23. package/dist/assets/icons/check_circle_outline.svg +0 -1
  24. package/dist/assets/icons/clear.svg +0 -1
  25. package/dist/assets/icons/corporate_fare.svg +0 -1
  26. package/dist/assets/icons/create.svg +0 -1
  27. package/dist/assets/icons/error.svg +0 -1
  28. package/dist/assets/icons/error_outline.svg +0 -1
  29. package/dist/assets/icons/expand_less.svg +0 -1
  30. package/dist/assets/icons/expand_more.svg +0 -1
  31. package/dist/assets/icons/filter_list.svg +0 -1
  32. package/dist/assets/icons/flag.svg +0 -1
  33. package/dist/assets/icons/forward.svg +0 -1
  34. package/dist/assets/icons/insert_invitation.svg +0 -1
  35. package/dist/assets/icons/insert_photo.svg +0 -1
  36. package/dist/assets/icons/keyboard_arrow_down.svg +0 -1
  37. package/dist/assets/icons/keyboard_arrow_left.svg +0 -1
  38. package/dist/assets/icons/keyboard_arrow_right.svg +0 -1
  39. package/dist/assets/icons/keyboard_arrow_up.svg +0 -1
  40. package/dist/assets/icons/lock.svg +0 -1
  41. package/dist/assets/icons/navigate_before.svg +0 -1
  42. package/dist/assets/icons/navigate_next.svg +0 -1
  43. package/dist/assets/icons/people_outline.svg +0 -1
  44. package/dist/assets/icons/person.svg +0 -1
  45. package/dist/assets/icons/person_add.svg +0 -1
  46. package/dist/assets/icons/remove_circle.svg +0 -1
  47. package/dist/assets/icons/remove_circle_outline.svg +0 -1
  48. package/dist/assets/icons/send.svg +0 -1
  49. package/dist/assets/icons/tick.svg +0 -3
  50. package/dist/assets/icons/view_week.svg +0 -1
  51. package/dist/assets/icons/warning.svg +0 -1
  52. package/dist/assets/images/dummy-map.png +0 -0
  53. package/dist/assets/images/icon-guaranteed-title-on.svg +0 -1
  54. package/dist/assets/images/icon-guaranteed-title.svg +0 -1
  55. package/dist/assets/images/icon-historic-title-on.svg +0 -1
  56. package/dist/assets/images/icon-historic-title.svg +0 -1
  57. package/dist/assets/images/icon-title-diagram-on.svg +0 -1
  58. package/dist/assets/images/icon-title-diagram.svg +0 -1
  59. package/dist/assets/images/linz-logo-col-n-white-txt.svg +0 -256
  60. package/dist/assets/images/linz-logo-footer.svg +0 -166
  61. package/dist/assets/images/linz-motif.svg +0 -124
  62. package/dist/assets/images/logo-cc-visa-mc.png +0 -0
  63. package/dist/assets/images/lui-icon-logout.svg +0 -1
  64. package/dist/assets/images/lui-icon-maori-land-rev.svg +0 -1
  65. package/dist/assets/images/lui-icon-maori-land.svg +0 -1
  66. package/dist/assets/images/lui-icon-noc-app-link-active.svg +0 -1
  67. package/dist/assets/images/lui-icon-noc-app-link.svg +0 -1
  68. package/dist/assets/images/lui-icon-open-externally.svg +0 -1
  69. package/dist/assets/images/lui-icon-search-app-link-active.svg +0 -1
  70. package/dist/assets/images/lui-icon-search-app-link.svg +0 -1
  71. package/dist/assets/images/lui-icon-survey-app-link-active.svg +0 -1
  72. package/dist/assets/images/lui-icon-survey-app-link.svg +0 -1
  73. package/dist/assets/images/lui-icon-titles-app-link-active.svg +0 -1
  74. package/dist/assets/images/lui-icon-titles-app-link.svg +0 -1
  75. package/dist/assets/images/mountain-broken.svg +0 -1
  76. package/dist/assets/images/nz-govt-logo-rev.svg +0 -11
  77. package/dist/assets/images/search-feature-img-lg.png +0 -0
  78. package/dist/assets/images/search-feature-img-mob.png +0 -0
  79. package/dist/assets/images/title-on.svg +0 -1
  80. package/dist/assets/images/title.svg +0 -1
  81. package/dist/assets/lui-worm.png +0 -0
  82. package/dist/assets/svg-content.d.ts +0 -41
  83. package/dist/assets/svg-content.tsx +0 -249
  84. package/dist/components/LuiBadge/LuiBadge.d.ts +0 -8
  85. package/dist/components/LuiBadge/LuiBadge.stories.d.ts +0 -9
  86. package/dist/components/LuiBadge/LuiBadge.test.d.ts +0 -1
  87. package/dist/components/LuiBanner/LuiBanner.d.ts +0 -9
  88. package/dist/components/LuiBanner/LuiBanner.stories.d.ts +0 -11
  89. package/dist/components/LuiBanner/LuiBanner.test.d.ts +0 -1
  90. package/dist/components/LuiBearingInput/LuiBearingInput.d.ts +0 -19
  91. package/dist/components/LuiButton/LuiButton.d.ts +0 -26
  92. package/dist/components/LuiButton/LuiButton.stories.d.ts +0 -28
  93. package/dist/components/LuiButton/LuiButton.test.d.ts +0 -1
  94. package/dist/components/LuiButton/LuiButtonGroup.stories.d.ts +0 -6
  95. package/dist/components/LuiError/LuiError.d.ts +0 -8
  96. package/dist/components/LuiErrorPage/LuiErrorPage.d.ts +0 -6
  97. package/dist/components/LuiErrorPage/LuiErrorPage.stories.d.ts +0 -7
  98. package/dist/components/LuiExpandableBanner/LuiExpandableBanner.d.ts +0 -7
  99. package/dist/components/LuiExpandableBanner/LuiExpandableBanner.stories.d.ts +0 -7
  100. package/dist/components/LuiExpandableBanner/LuiExpandableBanner.test.d.ts +0 -1
  101. package/dist/components/LuiFilterContainer/LuiFilterContainer.d.ts +0 -13
  102. package/dist/components/LuiFilterContainer/LuiFilterContainer.stories.d.ts +0 -18
  103. package/dist/components/LuiFilterContainer/LuiFilterContainer.test.d.ts +0 -1
  104. package/dist/components/LuiFilterMenu/LuiFilterMenu.d.ts +0 -16
  105. package/dist/components/LuiFilterMenu/LuiFilterMenu.test.d.ts +0 -1
  106. package/dist/components/LuiFooter/LuiFooter.d.ts +0 -10
  107. package/dist/components/LuiFooter/LuiFooter.stories.d.ts +0 -7
  108. package/dist/components/LuiFooter/LuiFooter.test.d.ts +0 -1
  109. package/dist/components/LuiFormElements/LuiCheckboxInput/LuiCheckboxInput.d.ts +0 -11
  110. package/dist/components/LuiFormElements/LuiCheckboxInput/LuiCheckboxInput.stories.d.ts +0 -21
  111. package/dist/components/LuiFormElements/LuiCheckboxInput/LuiCheckboxInputWithFormik.stories.d.ts +0 -18
  112. package/dist/components/LuiFormElements/LuiFileInputBox/LuiFileInputBox.d.ts +0 -32
  113. package/dist/components/LuiFormElements/LuiFileInputBox/LuiFileInputBox.stories.d.ts +0 -8
  114. package/dist/components/LuiFormElements/LuiFileInputBox/LuiFileInputBox.test.d.ts +0 -1
  115. package/dist/components/LuiFormElements/LuiRadioInput/LuiRadioInput.d.ts +0 -12
  116. package/dist/components/LuiFormElements/LuiRadioInput/LuiRadioInput.stories.d.ts +0 -24
  117. package/dist/components/LuiFormElements/LuiRadioInput/LuiRadioInputWithFormik.stories.d.ts +0 -18
  118. package/dist/components/LuiFormElements/LuiSelectInput/LuiSelectInput.d.ts +0 -18
  119. package/dist/components/LuiFormElements/LuiSelectInput/LuiSelectInput.stories.d.ts +0 -35
  120. package/dist/components/LuiFormElements/LuiTextAreaInput/LuiTextAreaInput.d.ts +0 -10
  121. package/dist/components/LuiFormElements/LuiTextAreaInput/LuiTextAreaInput.stories.d.ts +0 -34
  122. package/dist/components/LuiFormElements/LuiTextAreaInput/LuiTextAreaInput.test.d.ts +0 -2
  123. package/dist/components/LuiFormElements/LuiTextAreaInput/LuiTextAreaInputWithFormik.stories.d.ts +0 -22
  124. package/dist/components/LuiFormElements/LuiTextInput/LuiTextInput.d.ts +0 -19
  125. package/dist/components/LuiFormElements/LuiTextInput/LuiTextInput.stories.d.ts +0 -39
  126. package/dist/components/LuiFormElements/LuiTextInput/LuiTextInput.test.d.ts +0 -2
  127. package/dist/components/LuiFormElements/LuiTextInput/LuiTextInputWithFormik.stories.d.ts +0 -22
  128. package/dist/components/LuiFormikForms/LuiFormikCheckbox/LuiFormikCheckbox.d.ts +0 -9
  129. package/dist/components/LuiFormikForms/LuiFormikCheckbox/LuiFormikCheckbox.test.d.ts +0 -5
  130. package/dist/components/LuiFormikForms/LuiFormikForm.d.ts +0 -10
  131. package/dist/components/LuiFormikForms/LuiFormikFormLabel/LuiFormikFormLabel.d.ts +0 -8
  132. package/dist/components/LuiFormikForms/LuiFormikFormSubmitButton/LuiFormikFormSubmitButton.d.ts +0 -6
  133. package/dist/components/LuiFormikForms/LuiFormikForms.integration.test.d.ts +0 -1
  134. package/dist/components/LuiFormikForms/LuiFormikForms.stories.d.ts +0 -20
  135. package/dist/components/LuiFormikForms/LuiFormikRadioButton/LuiFormikRadioButton.d.ts +0 -8
  136. package/dist/components/LuiFormikForms/LuiFormikRadioButton/LuiFormikRadioButton.test.d.ts +0 -1
  137. package/dist/components/LuiFormikForms/LuiFormikRadioGroup/LuiFormikRadioGroup.d.ts +0 -7
  138. package/dist/components/LuiFormikForms/LuiFormikSelect/LuiFormikSelect.d.ts +0 -11
  139. package/dist/components/LuiFormikForms/LuiFormikSelect/LuiFormikSelect.test.d.ts +0 -1
  140. package/dist/components/LuiFormikForms/LuiFormikTextInput/LuiFormikTextInput.d.ts +0 -17
  141. package/dist/components/LuiFormikForms/LuiFormikTextInput/LuiFormikTextInput.test.d.ts +0 -1
  142. package/dist/components/LuiForms/LuiComboSelect/LuiComboSelect.d.ts +0 -21
  143. package/dist/components/LuiForms/LuiComboSelect/LuiComboSelect.stories.d.ts +0 -112
  144. package/dist/components/LuiForms/LuiFormSection/LuiFormSectionHeader.d.ts +0 -7
  145. package/dist/components/LuiForms/LuiFormSection/LuiFormSectionHeader.stories.d.ts +0 -5
  146. package/dist/components/LuiForms/LuiFormSection/LuiFormSectionHeader.test.d.ts +0 -1
  147. package/dist/components/LuiForms/LuiFormSection/LuiHelpInfo/LuiHelpInfo.d.ts +0 -6
  148. package/dist/components/LuiHeader/LuiHeader.d.ts +0 -64
  149. package/dist/components/LuiHeader/LuiHeader.stories.d.ts +0 -49
  150. package/dist/components/LuiHeader/LuiHeader.test.d.ts +0 -1
  151. package/dist/components/LuiHeaderMenu/LuiHeaderMenus.d.ts +0 -39
  152. package/dist/components/LuiHeaderMenu/LuiHeaderMenus.test.d.ts +0 -1
  153. package/dist/components/LuiIcon/LuiIcon.d.ts +0 -76
  154. package/dist/components/LuiIcon/LuiIcon.stories.d.ts +0 -11
  155. package/dist/components/LuiIcon/LuiIcon.test.d.ts +0 -1
  156. package/dist/components/LuiLoadingSpinner/LuiLoadingSpinner.d.ts +0 -15
  157. package/dist/components/LuiLoadingSpinner/LuiLoadingSpinner.stories.d.ts +0 -13
  158. package/dist/components/LuiLoadingSpinner/LuiLoadingSpinner.test.d.ts +0 -1
  159. package/dist/components/LuiMenu/LuiMenu.d.ts +0 -44
  160. package/dist/components/LuiMenu/LuiMenu.stories.d.ts +0 -19
  161. package/dist/components/LuiMenu/LuiMenu.test.d.ts +0 -1
  162. package/dist/components/LuiModal/LuiModal.d.ts +0 -21
  163. package/dist/components/LuiModal/LuiModal.stories.d.ts +0 -12
  164. package/dist/components/LuiModal/LuiModal.test.d.ts +0 -1
  165. package/dist/components/LuiModal/LuiModalContext.d.ts +0 -6
  166. package/dist/components/LuiModal/LuiModalContext.test.d.ts +0 -1
  167. package/dist/components/LuiShadow/LuiShadow.d.ts +0 -5
  168. package/dist/components/LuiShadow/LuiShadow.stories.d.ts +0 -7
  169. package/dist/components/LuiStaticMessage/LuiStaticMessage.d.ts +0 -5
  170. package/dist/components/LuiStaticMessage/LuiStaticMessage.stories.d.ts +0 -12
  171. package/dist/components/LuiStaticMessage/LuiStaticMessage.test.d.ts +0 -1
  172. package/dist/components/LuiTabs/LuiTab/LuiTab.d.ts +0 -10
  173. package/dist/components/LuiTabs/LuiTabs.d.ts +0 -10
  174. package/dist/components/LuiTabs/LuiTabs.stories.d.ts +0 -7
  175. package/dist/components/LuiTabs/LuiTabs.test.d.ts +0 -1
  176. package/dist/components/LuiTabs/LuiTabsGroup/LuiTabsGroup.d.ts +0 -5
  177. package/dist/components/LuiTabs/LuiTabsPanel/LuiTabsPanel.d.ts +0 -6
  178. package/dist/components/LuiTabs/LuiTabsPanelSwitch/LuiTabsPanelSwitch.d.ts +0 -7
  179. package/dist/components/LuiToastMessage/LuiToastMessage.auto.stories.d.ts +0 -19
  180. package/dist/components/LuiToastMessage/LuiToastMessage.d.ts +0 -18
  181. package/dist/components/LuiToastMessage/LuiToastMessage.test.d.ts +0 -1
  182. package/dist/components/LuiTooltip/LuiTooltip.d.ts +0 -12
  183. package/dist/components/LuiTooltip/LuiTooltip.stories.d.ts +0 -10
  184. package/dist/components/LuiUpdateSplashModal/LuiUpdateSplashModal.stories.d.ts +0 -7
  185. package/dist/components/LuiUpdateSplashModal/LuiUpdatesSplashModal.d.ts +0 -8
  186. package/dist/components/LuiUpdateSplashModal/LuiUpdatesSplashModal.test.d.ts +0 -1
  187. package/dist/components/common/Hooks.d.ts +0 -16
  188. package/dist/components/common/ResponsiveUtils.d.ts +0 -7
  189. package/dist/components/common/ResponsiveUtils.test.d.ts +0 -1
  190. package/dist/components/common/StorybookSupport.d.ts +0 -6
  191. package/dist/components/lol/LOLActiveFirmMessage.d.ts +0 -5
  192. package/dist/components/lol/LOLActiveFirmMessage.test.d.ts +0 -1
  193. package/dist/components/lol/LOLAppLauncherMenu.d.ts +0 -11
  194. package/dist/components/lol/LOLAppLauncherMenu.test.d.ts +0 -56
  195. package/dist/components/lol/LOLAuthorisedLink.d.ts +0 -13
  196. package/dist/components/lol/LOLAuthorisedLink.test.d.ts +0 -43
  197. package/dist/components/lol/LOLCommonDrawerMenu.d.ts +0 -17
  198. package/dist/components/lol/LOLCommonDrawerMenu.test.d.ts +0 -43
  199. package/dist/components/lol/LOLComponents.stories.d.ts +0 -55
  200. package/dist/components/lol/LOLDrawerMenuFirmSwitcher.d.ts +0 -5
  201. package/dist/components/lol/LOLDrawerMenuFirmSwitcher.test.d.ts +0 -1
  202. package/dist/components/lol/LOLFirmSwitcher.d.ts +0 -23
  203. package/dist/components/lol/LOLFirmSwitcher.test.d.ts +0 -43
  204. package/dist/components/lol/LOLLogoutLink.d.ts +0 -4
  205. package/dist/components/lol/LOLLogoutLink.test.d.ts +0 -1
  206. package/dist/components/lol/LOLUserLastLogin.d.ts +0 -2
  207. package/dist/components/lol/LOLUserLastLogin.test.d.ts +0 -1
  208. package/dist/components/lol/MockBackendUtils.d.ts +0 -141
  209. package/dist/components/lol/contexts/LOLGlobalClientRefContext.d.ts +0 -19
  210. package/dist/components/lol/contexts/LOLGlobalClientRefContext.test.d.ts +0 -1
  211. package/dist/components/lol/contexts/LOLUserContext.d.ts +0 -37
  212. package/dist/components/lol/contexts/LOLUserContext.test.d.ts +0 -1
  213. package/dist/components/lol/contexts/LOLUserContextSupport.d.ts +0 -3
  214. package/dist/components/lol/handlers.d.ts +0 -13
  215. package/dist/contexts/LuiMessagingContextProvider.d.ts +0 -14
  216. package/dist/contexts/UIMessagingContextProvider.tests.d.ts +0 -1
  217. package/dist/fonts.d.ts +0 -10
  218. package/dist/fonts.ts +0 -10
  219. package/dist/govNZ-DS/FlexColumn.scss +0 -646
  220. package/dist/govNZ-DS/FlexContainer.scss +0 -28
  221. package/dist/govNZ-DS/FlexRow.scss +0 -22
  222. package/dist/govNZ-DS/FooterStandard.scss +0 -107
  223. package/dist/govNZ-DS/FooterWrapper.scss +0 -4
  224. package/dist/govNZ-DS/_index.scss +0 -5
  225. package/dist/hooks/__tests__/useClickedOutsideElement.test.d.ts +0 -1
  226. package/dist/hooks/index.d.ts +0 -1
  227. package/dist/hooks/useClickedOutsideElement.d.ts +0 -14
  228. package/dist/index.d.ts +0 -51
  229. package/dist/index.js +0 -8
  230. package/dist/lui.cjs.development.js +0 -20537
  231. package/dist/lui.cjs.development.js.map +0 -1
  232. package/dist/lui.cjs.production.min.js +0 -2
  233. package/dist/lui.cjs.production.min.js.map +0 -1
  234. package/dist/lui.css +0 -4956
  235. package/dist/lui.css.map +0 -1
  236. package/dist/lui.esm.js +0 -20447
  237. package/dist/lui.esm.js.map +0 -1
  238. package/dist/needs-revision/LuiHtml.stories.d.ts +0 -32
  239. package/dist/scss/Components/ContextMenu/context-menu.scss +0 -7
  240. package/dist/scss/Components/ExpandingSection/expanding-section.scss +0 -61
  241. package/dist/scss/Components/Footer/footer.scss +0 -136
  242. package/dist/scss/Components/Header/header.scss +0 -193
  243. package/dist/scss/Components/HelpSection/help-section.scss +0 -43
  244. package/dist/scss/Components/LOLCommonMenu/LOLAuthorisedLink.scss +0 -37
  245. package/dist/scss/Components/LOLCommonMenu/LOLDrawerMenu.scss +0 -32
  246. package/dist/scss/Components/LOLCommonMenu/LOLFirmSwitcherMenu.scss +0 -42
  247. package/dist/scss/Components/LOLCommonMenu/LOLUserLastLogin.scss +0 -13
  248. package/dist/scss/Components/LuiBadge/LuiBadge.scss +0 -51
  249. package/dist/scss/Components/LuiError/LuiError.scss +0 -14
  250. package/dist/scss/Components/LuiErrorPage/LuiErrorPage.scss +0 -34
  251. package/dist/scss/Components/LuiFilterContainer/LuiFilterContainer.scss +0 -5
  252. package/dist/scss/Components/LuiFormElements/LuiCheckboxInput/LuiCheckboxInput.scss +0 -155
  253. package/dist/scss/Components/LuiFormElements/LuiFileInputBox.scss +0 -78
  254. package/dist/scss/Components/LuiFormElements/LuiRadioInput/LuiRadioInput.scss +0 -86
  255. package/dist/scss/Components/LuiFormElements/LuiSelectInput/LuiSelectInput.scss +0 -113
  256. package/dist/scss/Components/LuiFormElements/LuiTextAreaInput/LuiTextAreaInput.scss +0 -115
  257. package/dist/scss/Components/LuiFormElements/LuiTextInput/LuiTextInput.scss +0 -150
  258. package/dist/scss/Components/LuiFormSection/LuiFormSectionHeader.scss +0 -46
  259. package/dist/scss/Components/LuiFormSection/LuiHelpInfo/LuiHelpInfo.scss +0 -16
  260. package/dist/scss/Components/LuiForms/LuiComboSelect/LuiComboSelect.scss +0 -35
  261. package/dist/scss/Components/LuiIcon/LuiIcons.scss +0 -91
  262. package/dist/scss/Components/LuiShadow/LuiShadow.scss +0 -16
  263. package/dist/scss/Components/LuiTabs/LuiTab/LuiTab.scss +0 -45
  264. package/dist/scss/Components/LuiTabs/LuiTabs.scss +0 -3
  265. package/dist/scss/Components/LuiTabs/LuiTabsGroup/LuiTabsGroup.scss +0 -10
  266. package/dist/scss/Components/LuiTabs/LuiTabsPanel/LuiTabsPanel.scss +0 -9
  267. package/dist/scss/Components/Menu/menu.scss +0 -145
  268. package/dist/scss/Components/Messaging/messaging.scss +0 -210
  269. package/dist/scss/Components/Modal/modal.scss +0 -104
  270. package/dist/scss/Components/NavDrawer/nav-drawer.scss +0 -9
  271. package/dist/scss/Components/Notifications/notifications.scss +0 -63
  272. package/dist/scss/Components/Scrim/scrim.scss +0 -28
  273. package/dist/scss/Components/Spinner/spinner.scss +0 -7
  274. package/dist/scss/Core.scss +0 -1
  275. package/dist/scss/Elements/Buttons/buttons-linz.scss +0 -36
  276. package/dist/scss/Elements/Buttons/buttons.scss +0 -760
  277. package/dist/scss/Elements/Forms/FormComponents/FormSpacing.scss +0 -32
  278. package/dist/scss/Elements/Forms/FormComponents/Inputs.scss +0 -173
  279. package/dist/scss/Elements/Forms/FormComponents/RadiosCheckboxes.scss +0 -123
  280. package/dist/scss/Elements/Forms/forms.scss +0 -51
  281. package/dist/scss/Elements/Forms/plain-form-common.scss +0 -4
  282. package/dist/scss/Elements/Icons/icons.scss +0 -50
  283. package/dist/scss/Elements/Tables/tables.scss +0 -147
  284. package/dist/scss/Elements/Tooltips/tippy.scss +0 -85
  285. package/dist/scss/Foundation/Utilities/Appearance.scss +0 -12
  286. package/dist/scss/Foundation/Utilities/AspectRatio.scss +0 -25
  287. package/dist/scss/Foundation/Utilities/Borders.scss +0 -23
  288. package/dist/scss/Foundation/Utilities/BoxShadow.scss +0 -7
  289. package/dist/scss/Foundation/Utilities/Breakpoint.scss +0 -29
  290. package/dist/scss/Foundation/Utilities/DLColumns.scss +0 -52
  291. package/dist/scss/Foundation/Utilities/Ease.scss +0 -41
  292. package/dist/scss/Foundation/Utilities/FitMedia.scss +0 -53
  293. package/dist/scss/Foundation/Utilities/FluidType.scss +0 -85
  294. package/dist/scss/Foundation/Utilities/Hover.scss +0 -23
  295. package/dist/scss/Foundation/Utilities/LuiStandardHeaderBackground.scss +0 -32
  296. package/dist/scss/Foundation/Utilities/Placeholder.scss +0 -43
  297. package/dist/scss/Foundation/Utilities/REM.scss +0 -13
  298. package/dist/scss/Foundation/Utilities/ScreenReadersOnly.scss +0 -15
  299. package/dist/scss/Foundation/Utilities/_index.scss +0 -14
  300. package/dist/scss/Foundation/Variables/BreakpointVars.scss +0 -19
  301. package/dist/scss/Foundation/Variables/ColorVars.scss +0 -7
  302. package/dist/scss/Foundation/Variables/FontVars.scss +0 -66
  303. package/dist/scss/Foundation/Variables/FormVars.scss +0 -44
  304. package/dist/scss/Foundation/Variables/MiscVars.scss +0 -20
  305. package/dist/scss/Foundation/Variables/SpacingVars.scss +0 -34
  306. package/dist/scss/Foundation/Variables/_ExportCSS.scss +0 -121
  307. package/dist/scss/Foundation/Variables/_ExportColors.scss +0 -87
  308. package/dist/scss/Foundation/Variables/_LuiColors.scss +0 -139
  309. package/dist/scss/Foundation/Variables/_index.scss +0 -6
  310. package/dist/scss/Foundation/_index.scss +0 -2
  311. package/dist/scss/Global/GenericElements/Buttons.scss +0 -75
  312. package/dist/scss/Global/GenericElements/Icon.scss +0 -45
  313. package/dist/scss/Global/GenericElements/Link.scss +0 -80
  314. package/dist/scss/Global/GenericElements/Lists.scss +0 -28
  315. package/dist/scss/Global/GenericElements/Todo.scss +0 -76
  316. package/dist/scss/Global/GenericElements/Typography.scss +0 -185
  317. package/dist/scss/Global/GenericElements/_index.scss +0 -7
  318. package/dist/scss/Global/Layout/Container.scss +0 -60
  319. package/dist/scss/Global/Layout/Layout.scss +0 -67
  320. package/dist/scss/Global/Layout/_index.scss +0 -2
  321. package/dist/scss/Global/_index.scss +0 -2
  322. package/dist/scss/Global/helpers.scss +0 -862
  323. package/dist/scss/Vendor/_index.scss +0 -1
  324. package/dist/scss/Vendor/naturalize.scss +0 -209
  325. package/dist/scss/Vendor/print.scss +0 -34
  326. package/dist/scss/base.scss +0 -80
package/dist/lui.css DELETED
@@ -1,4956 +0,0 @@
1
- html {
2
- box-sizing: border-box;
3
- }
4
-
5
- *,
6
- *::before,
7
- *::after {
8
- box-sizing: inherit;
9
- }
10
-
11
- * {
12
- -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
13
- }
14
-
15
- /*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css// ============ */
16
- html {
17
- -ms-text-size-adjust: 100%;
18
- -webkit-text-size-adjust: 100%;
19
- }
20
-
21
- body {
22
- margin: 0;
23
- }
24
-
25
- h1 {
26
- margin-top: 0.67em;
27
- margin-bottom: 0.67em;
28
- }
29
-
30
- hr {
31
- box-sizing: content-box;
32
- overflow: visible;
33
- }
34
-
35
- a {
36
- background-color: transparent;
37
- -webkit-text-decoration-skip: objects;
38
- }
39
-
40
- a:active,
41
- a:hover {
42
- outline-width: 0;
43
- }
44
-
45
- img {
46
- border-style: none;
47
- max-width: 100%;
48
- }
49
-
50
- svg:not(:root) {
51
- overflow: hidden;
52
- }
53
-
54
- button,
55
- figure,
56
- input,
57
- optgroup,
58
- select,
59
- textarea {
60
- font-style: normal;
61
- font-size: 100%;
62
- line-height: 1.15;
63
- margin: 0;
64
- }
65
-
66
- button,
67
- input {
68
- overflow: visible;
69
- }
70
-
71
- button,
72
- select {
73
- text-transform: none;
74
- }
75
-
76
- button,
77
- html [type=button],
78
- [type=reset],
79
- [type=submit] {
80
- -webkit-appearance: button;
81
- }
82
-
83
- button::-moz-focus-inner,
84
- [type=button]::-moz-focus-inner,
85
- [type=reset]::-moz-focus-inner,
86
- [type=submit]::-moz-focus-inner {
87
- border-style: none;
88
- padding: 0;
89
- }
90
-
91
- [role=button]:not([disabled]),
92
- button:not([disabled]) {
93
- cursor: pointer;
94
- }
95
-
96
- button[disabled] {
97
- cursor: not-allowed;
98
- }
99
-
100
- button:-moz-focusring,
101
- [type=button]:-moz-focusring,
102
- [type=reset]:-moz-focusring,
103
- [type=submit]:-moz-focusring {
104
- outline: 1px dotted ButtonText;
105
- }
106
-
107
- textarea {
108
- overflow: auto;
109
- }
110
-
111
- [type=checkbox],
112
- [type=radio] {
113
- box-sizing: border-box;
114
- padding: 0;
115
- }
116
-
117
- [type=number]::-webkit-inner-spin-button,
118
- [type=number]::-webkit-outer-spin-button {
119
- height: auto;
120
- }
121
-
122
- [type=search] {
123
- -webkit-appearance: textfield;
124
- outline-offset: -2px;
125
- }
126
-
127
- [type=search]::-webkit-search-cancel-button,
128
- [type=search]::-webkit-search-decoration {
129
- -webkit-appearance: none;
130
- }
131
-
132
- ::-webkit-file-upload-button {
133
- -webkit-appearance: button;
134
- font: inherit;
135
- }
136
-
137
- ::-ms-clear,
138
- ::-ms-reveal {
139
- display: none;
140
- }
141
-
142
- :root {
143
- --grey-80: #2a292c;
144
- --grey-60: #6b6966;
145
- --$gray: #989189;
146
- --grey-20: #beb9b4;
147
- --grey-10: #eaeaea;
148
- --grey-05: #f9f9f9;
149
- --teal: #00425d;
150
- --sea: #007198;
151
- --electric: #0096cc;
152
- --spray: #73c8e1;
153
- --polar: #e2f3f7;
154
- --sherpa: #004b50;
155
- --surfie: #017a76;
156
- --persian: #00a599;
157
- --downy: #73cdc8;
158
- --iceberg: #dcf5f0;
159
- --sacramento: #004e32;
160
- --salem: #08814d;
161
- --pigment: #0aa245;
162
- --granny: #9bd79b;
163
- --panache: #e9fae7;
164
- --brand-primary: #004b50;
165
- --brand-secondary: #017a76;
166
- --success: #0aa245;
167
- --success-bg: #e9fae7;
168
- --info: #3a7cdf;
169
- --info-bg: #d8e5f9;
170
- --warning: #ea6a2e;
171
- --warning-bg: #fbdfd2;
172
- --error: #cc0000;
173
- --error-focus: #5a0000;
174
- --error-bg: #f5cccc;
175
- --visited: #00425d;
176
- --green-hover: #08814d;
177
- --color-green-active: #004e32;
178
- --green-btn: #0aa245;
179
- --txt-link: #0096cc;
180
- --color-primary-hover-btn: #007198;
181
- --color-selection: #c7e9f3;
182
- --heading-color: #017a76;
183
- --heading-color--secondary: #2a292c;
184
- --base-type-color: #2a292c;
185
- --base-icon-color: #007198;
186
- --disabled-color: #989189;
187
- --disabled-color-dark: #6b6966;
188
- --linz-color-primary: #023d48;
189
- --linz-color-primary-hover: #01818a;
190
- --linz-color-tertiary: #e1e44a;
191
- --linz-color-tertiary-hover: #cdcf59;
192
- --color-test-pink: #f09;
193
- --linz-linear-gradient-blue: linear-gradient(70deg, #00425d 12%, #007198 100%);
194
- --linz-linear-gradient-teal: linear-gradient(270deg, #00a599 1%, #73cdc8 100%);
195
- }
196
-
197
- :export {
198
- charcoal: #2a292c;
199
- fuscous: #6b6966;
200
- gray: #989189;
201
- silver: #beb9b4;
202
- lily: #eaeaea;
203
- hint: #f9f9f9;
204
- snow: #ffffff;
205
- white: #ffffff;
206
- teal: #00425d;
207
- sea: #007198;
208
- electric: #0096cc;
209
- spray: #73c8e1;
210
- polar: #e2f3f7;
211
- sherpa: #004b50;
212
- surfie: #017a76;
213
- persian: #00a599;
214
- downy: #73cdc8;
215
- iceberg: #dcf5f0;
216
- sacramento: #004e32;
217
- salem: #08814d;
218
- pigment: #0aa245;
219
- granny: #9bd79b;
220
- panache: #e9fae7;
221
- brand-primary: #004b50;
222
- brand-secondary: #017a76;
223
- error: #cc0000;
224
- error-bg: #f5cccc;
225
- error-focus: #5a0000;
226
- warning: #ea6a2e;
227
- warning-bg: #fbdfd2;
228
- warning-focus: #b33a01;
229
- success: #0aa245;
230
- success-bg: #e9fae7;
231
- info: #3a7cdf;
232
- info-bg: #d8e5f9;
233
- visited: #00425d;
234
- green-hover: #08814d;
235
- green-active: #004e32;
236
- green-btn: #0aa245;
237
- txt-link: #0096cc;
238
- primary-hover-btn: #007198;
239
- selection: #c7e9f3;
240
- heading-color: #017a76;
241
- heading-color--secondary: #2a292c;
242
- base-type-color: #2a292c;
243
- input-text: #2a292c;
244
- input-placeholder: #6b6966;
245
- input-placeholder-when-disabled: #989189;
246
- base-icon-color: #007198;
247
- disabled-color: #989189;
248
- disabled-color-dark: #6b6966;
249
- linz-color-primary: #023d48;
250
- linz-color-primary-hover: #01818a;
251
- linz-color-tertiary: #e1e44a;
252
- linz-color-tertiary-hover: #cdcf59;
253
- color-test-pink: #f09;
254
- linz-linear-gradient-blue: linear-gradient(70deg, #00425d 12%, #007198 100%);
255
- linz-linear-gradient-teal: linear-gradient(270deg, #00a599 1%, #73cdc8 100%);
256
- }
257
-
258
- a {
259
- color: #0096cc;
260
- font-family: "Open Sans", system-ui, sans-serif;
261
- font-style: normal;
262
- font-weight: normal;
263
- display: inline-block;
264
- position: relative;
265
- transition: all 0.3s ease(expo-in-out);
266
- text-underline-offset: 0em;
267
- text-underline-position: under;
268
- }
269
- a:visited {
270
- color: #00425d;
271
- }
272
- a:hover {
273
- color: #004b50;
274
- }
275
- a:hover:before {
276
- background-color: #004b50;
277
- }
278
- a:disabled {
279
- color: #989189;
280
- box-shadow: none;
281
- }
282
- a:disabled:hover {
283
- cursor: not-allowed;
284
- }
285
- a.lui-link-icon {
286
- box-shadow: none;
287
- }
288
- a.lui-link-icon-disabled {
289
- box-shadow: none;
290
- color: #989189;
291
- }
292
- a.lui-link-icon-disabled:hover {
293
- cursor: not-allowed;
294
- }
295
- a.lui-button:before {
296
- display: none;
297
- }
298
-
299
- .Link {
300
- color: #0096cc;
301
- }
302
- .Link:focus, .Link:hover, .Link:active {
303
- color: #0096cc;
304
- }
305
- .Link.is-active {
306
- color: #0096cc;
307
- }
308
-
309
- .Link--reversed {
310
- color: #ffffff;
311
- }
312
- .Link--reversed:focus, .Link--reversed:hover, .Link--reversed:active {
313
- color: #2a292c;
314
- }
315
- .Link--reversed.is-active {
316
- color: #2a292c;
317
- }
318
-
319
- .lui-external-link {
320
- padding-right: 26px;
321
- position: relative;
322
- }
323
- .lui-external-link i {
324
- position: absolute;
325
- right: 0;
326
- width: 24px;
327
- height: 24px;
328
- }
329
-
330
- /**
331
- @deprecated
332
- */
333
- /**
334
- @deprecated
335
- */
336
- /**
337
- @deprecated
338
- */
339
- ul {
340
- margin: 0;
341
- padding: 0;
342
- list-style-type: none;
343
- }
344
- ul ul,
345
- ul li {
346
- margin: 0;
347
- padding: 0;
348
- }
349
-
350
- .lui-list-bullet {
351
- list-style-type: disc;
352
- padding-left: 1.5rem;
353
- }
354
- .lui-list-bullet li {
355
- margin-top: 0.75rem;
356
- }
357
-
358
- @keyframes border-throb {
359
- 100% {
360
- box-shadow: 0 0 4px 3px rgba(255, 0, 153, 0.3);
361
- }
362
- }
363
- @keyframes throb-fade {
364
- 100% {
365
- opacity: 0.3;
366
- }
367
- }
368
- .u-todo {
369
- position: relative;
370
- box-shadow: 0 0 4px 3px #f09;
371
- border-collapse: separate;
372
- border-radius: 5px;
373
- opacity: 0.8;
374
- animation: border-throb 1.2s alternate linear infinite;
375
- }
376
- .u-todo::before {
377
- content: "Todo";
378
- position: absolute;
379
- padding: 4px 8px;
380
- border-radius: 4px;
381
- white-space: nowrap;
382
- background-color: #f09;
383
- color: #ffffff;
384
- opacity: 0.8;
385
- left: 0;
386
- top: 0;
387
- transform: translate(-50%, -50%) scale(1) rotate(-45deg);
388
- animation: throb-fade 1.2s alternate linear infinite;
389
- }
390
- .u-todo[data-todo]::before {
391
- content: attr(data-todo);
392
- }
393
-
394
- html {
395
- font-family: "Open Sans", system-ui, sans-serif;
396
- font-style: normal;
397
- font-weight: 300;
398
- font-size: 16px;
399
- line-height: 1.5;
400
- color: #2a292c;
401
- font-feature-settings: "kern" 1;
402
- font-kerning: normal;
403
- text-rendering: optimizeLegibility;
404
- -webkit-font-smoothing: antialiased;
405
- -moz-osx-font-smoothing: grayscale;
406
- }
407
-
408
- ::selection {
409
- background: #c7e9f3;
410
- /* WebKit/Blink Browsers */
411
- color: #004b50;
412
- }
413
-
414
- ::-moz-selection {
415
- background: #c7e9f3;
416
- /* Gecko Browsers */
417
- color: #004b50;
418
- }
419
-
420
- em,
421
- i {
422
- font-family: "Open Sans", system-ui, sans-serif;
423
- font-style: italic;
424
- font-weight: normal;
425
- }
426
-
427
- strong,
428
- b {
429
- font-family: "Open Sans", system-ui, sans-serif;
430
- font-style: normal;
431
- font-weight: 600;
432
- }
433
-
434
- sub,
435
- sup {
436
- line-height: 0;
437
- }
438
-
439
- hr {
440
- border: none;
441
- margin: 0;
442
- background-color: #2a292c;
443
- height: 1px;
444
- }
445
-
446
- [href=tel] {
447
- white-space: nowrap;
448
- }
449
-
450
- h1,
451
- h2,
452
- h3,
453
- h4,
454
- h5,
455
- h6,
456
- p {
457
- line-height: 1.5;
458
- margin-bottom: 0;
459
- }
460
-
461
- h1,
462
- .h1,
463
- h2,
464
- .h2,
465
- h3,
466
- .h3,
467
- h4,
468
- .h4,
469
- h5,
470
- .h5,
471
- h6,
472
- .h6 {
473
- color: #017a76;
474
- }
475
-
476
- h1,
477
- .h1 {
478
- font-family: "Open Sans", system-ui, sans-serif;
479
- font-style: normal;
480
- font-weight: 300;
481
- font-size: 2.75rem;
482
- }
483
- h1 + p,
484
- .h1 + p {
485
- margin-top: 0.75rem;
486
- }
487
-
488
- h2,
489
- .h2 {
490
- font-family: "Open Sans", system-ui, sans-serif;
491
- font-style: normal;
492
- font-weight: 300;
493
- font-size: 2rem;
494
- margin-top: 3rem;
495
- }
496
- h2 + p,
497
- .h2 + p {
498
- margin-top: 0.75rem;
499
- }
500
-
501
- h3,
502
- .h3 {
503
- font-family: "Open Sans", system-ui, sans-serif;
504
- font-style: normal;
505
- font-weight: normal;
506
- font-size: 1.625rem;
507
- margin-top: 2rem;
508
- }
509
- h3 + p,
510
- .h3 + p {
511
- margin-top: 0.75rem;
512
- }
513
-
514
- h4,
515
- .h4 {
516
- font-family: "Open Sans", system-ui, sans-serif;
517
- font-style: normal;
518
- font-weight: normal;
519
- font-size: 1.375rem;
520
- margin-top: 2rem;
521
- }
522
- h4 + p,
523
- .h4 + p {
524
- margin-top: 0.75rem;
525
- }
526
-
527
- h5,
528
- .h5 {
529
- font-family: "Open Sans", system-ui, sans-serif;
530
- font-style: normal;
531
- font-weight: 600;
532
- font-size: 1.125rem;
533
- }
534
-
535
- h6,
536
- .h6 {
537
- font-family: "Open Sans", system-ui, sans-serif;
538
- font-style: normal;
539
- font-weight: 600;
540
- font-size: 1rem;
541
- }
542
-
543
- p,
544
- .p {
545
- font-family: "Open Sans", system-ui, sans-serif;
546
- font-style: normal;
547
- font-weight: 300;
548
- font-size: 1rem;
549
- margin-top: 2rem;
550
- }
551
-
552
- p.lui-small {
553
- font-family: "Open Sans", system-ui, sans-serif;
554
- font-style: normal;
555
- font-weight: 300;
556
- font-size: 0.8125rem;
557
- line-height: 1.25rem;
558
- margin-top: 2rem;
559
- }
560
-
561
- .Container--noPadding, .Container {
562
- display: block;
563
- margin: 0 auto;
564
- }
565
-
566
- .Container--noPadding, .Container {
567
- padding: 0 2.5%;
568
- max-width: calc(480px + (2.5% * 2));
569
- }
570
- @media screen and (min-width: 480px) {
571
- .Container--noPadding, .Container {
572
- max-width: calc(768px + (2.5% * 2));
573
- }
574
- }
575
- @media screen and (min-width: 768px) {
576
- .Container--noPadding, .Container {
577
- max-width: calc(1024px + (2.5% * 2));
578
- }
579
- }
580
- @media screen and (min-width: 1024px) {
581
- .Container--noPadding, .Container {
582
- max-width: calc(1280px + (2.5% * 2));
583
- }
584
- }
585
-
586
- html {
587
- height: 100%;
588
- overflow: visible;
589
- min-height: auto;
590
- scroll-behavior: smooth;
591
- }
592
-
593
- body {
594
- height: 100%;
595
- min-height: 100vh;
596
- overflow-y: auto;
597
- -webkit-overflow-scrolling: touch;
598
- margin: 0;
599
- }
600
-
601
- *,
602
- *:before,
603
- *:after {
604
- box-sizing: inherit;
605
- }
606
-
607
- #root {
608
- height: 100%;
609
- }
610
-
611
- .Main {
612
- display: grid;
613
- min-height: 100%;
614
- grid-template-areas: "Header" "Content" "Footer";
615
- grid-template-rows: auto 1fr auto;
616
- }
617
-
618
- .Content {
619
- grid-area: Content;
620
- }
621
-
622
- .lui-header-primary {
623
- grid-area: Header;
624
- }
625
-
626
- .lui-footer {
627
- grid-area: Footer;
628
- }
629
-
630
- .lui-section-dark {
631
- background-color: #f9f9f9;
632
- border-top: 1px solid #eaeaea;
633
- border-bottom: 1px solid #eaeaea;
634
- }
635
-
636
- .lui-box-shadow {
637
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
638
- }
639
-
640
- .lui-full-width {
641
- width: 100%;
642
- }
643
-
644
- .lui-half-width {
645
- width: 50%;
646
- }
647
-
648
- .lui-width-xxs {
649
- width: 44px;
650
- }
651
-
652
- .lui-width-xs {
653
- width: 122px;
654
- }
655
-
656
- .lui-width-sm {
657
- width: 220px;
658
- }
659
-
660
- .lui-width-md {
661
- width: 360px;
662
- }
663
-
664
- .lui-width-lg {
665
- width: 480px;
666
- }
667
-
668
- .lui-width-xl {
669
- width: 620px;
670
- }
671
-
672
- .lui-max-width {
673
- max-width: 100% !important;
674
- }
675
-
676
- .lui-remove-border-bottom {
677
- border-bottom: none !important;
678
- }
679
-
680
- .LuiScreenReadersOnly {
681
- position: absolute !important;
682
- width: 1px !important;
683
- height: 1px !important;
684
- margin: 0 !important;
685
- padding: 0 !important;
686
- overflow: hidden !important;
687
- clip: rect(0 0 0 0) !important;
688
- -webkit-clip-path: inset(50%) !important;
689
- clip-path: inset(50%) !important;
690
- border: 0 !important;
691
- white-space: nowrap !important;
692
- }
693
-
694
- .lui-align-right {
695
- text-align: right;
696
- }
697
-
698
- .lui-align-top {
699
- vertical-align: top;
700
- }
701
-
702
- .lui-align-bottom {
703
- vertical-align: bottom;
704
- }
705
-
706
- .lui-align-baseline {
707
- vertical-align: baseline;
708
- }
709
-
710
- .lui-align-baseline {
711
- vertical-align: middle;
712
- }
713
-
714
- .lui-content-buffer {
715
- padding-bottom: 3rem;
716
- }
717
-
718
- .lui-content-buffer-lg {
719
- padding-bottom: 2rem;
720
- }
721
-
722
- .lui-content-buffer-xl {
723
- padding-bottom: 3rem;
724
- }
725
-
726
- .lui-remove-margin-all {
727
- margin: 0 !important;
728
- }
729
-
730
- .lui-remove-margin-x {
731
- margin-left: 0 !important;
732
- margin-right: 0 !important;
733
- }
734
-
735
- .lui-remove-margin-y {
736
- margin-top: 0 !important;
737
- margin-bottom: 0 !important;
738
- }
739
-
740
- .lui-remove-padding-all {
741
- padding: 0 !important;
742
- }
743
-
744
- .lui-remove-padding-x {
745
- padding-left: 0 !important;
746
- padding-right: 0 !important;
747
- }
748
-
749
- .lui-remove-padding-y {
750
- padding-top: 0 !important;
751
- padding-bottom: 0 !important;
752
- }
753
-
754
- @media only screen and (max-width: 480px) {
755
- .lui-hide-xs {
756
- display: none !important;
757
- }
758
- }
759
-
760
- @media only screen and (min-width: 480.1px) and (max-width: 768px) {
761
- .lui-hide-sm {
762
- display: none !important;
763
- }
764
- }
765
-
766
- @media only screen and (min-width: 768.1px) and (max-width: 1024px) {
767
- .lui-hide-md {
768
- display: none !important;
769
- }
770
- }
771
-
772
- @media only screen and (min-width: 1024.1px) and (max-width: 1280px) {
773
- .lui-hide-lg {
774
- display: none !important;
775
- }
776
- }
777
-
778
- @media only screen and (min-width: 1280.1px) {
779
- .lui-hide-xl {
780
- display: none !important;
781
- }
782
- }
783
-
784
- .lui-hide {
785
- display: none;
786
- }
787
-
788
- @media only screen and (max-width: 480px) {
789
- .lui-show-xs {
790
- display: block !important;
791
- }
792
- }
793
-
794
- @media only screen and (min-width: 480.1px) and (max-width: 768px) {
795
- .lui-show-sm {
796
- display: block !important;
797
- }
798
- }
799
-
800
- @media only screen and (min-width: 768.1px) and (max-width: 1024px) {
801
- .lui-show-md {
802
- display: block !important;
803
- }
804
- }
805
-
806
- @media only screen and (min-width: 1024.1px) and (max-width: 1280px) {
807
- .lui-show-lg {
808
- display: block !important;
809
- }
810
- }
811
-
812
- @media only screen and (min-width: 1280.1px) {
813
- .lui-show-xl {
814
- display: block !important;
815
- }
816
- }
817
-
818
- .lui-show-block {
819
- display: block;
820
- }
821
-
822
- .lui-show-inline-block {
823
- display: inline-block;
824
- }
825
-
826
- .lui-margin-y-xxs {
827
- margin-top: 0.25rem !important;
828
- margin-bottom: 0.25rem !important;
829
- }
830
-
831
- .lui-margin-y-xs {
832
- margin-top: 0.5rem !important;
833
- margin-bottom: 0.5rem !important;
834
- }
835
-
836
- .lui-margin-y-sm {
837
- margin-top: 0.75rem !important;
838
- margin-bottom: 0.75rem !important;
839
- }
840
-
841
- .lui-margin-y-md {
842
- margin-top: 1.5rem !important;
843
- margin-bottom: 1.5rem !important;
844
- }
845
-
846
- .lui-margin-y-lg {
847
- margin-top: 2rem !important;
848
- margin-bottom: 2rem !important;
849
- }
850
-
851
- .lui-margin-y-xl {
852
- margin-top: 3rem !important;
853
- margin-bottom: 3rem !important;
854
- }
855
-
856
- .lui-margin-y-xxl {
857
- margin-top: 5rem !important;
858
- margin-bottom: 5rem !important;
859
- }
860
-
861
- .lui-margin-x-xxs {
862
- margin-left: 0.25rem !important;
863
- margin-right: 0.25rem !important;
864
- }
865
-
866
- .lui-margin-x-xs {
867
- margin-left: 0.5rem !important;
868
- margin-right: 0.5rem !important;
869
- }
870
-
871
- .lui-margin-x-sm {
872
- margin-left: 0.75rem !important;
873
- margin-right: 0.75rem !important;
874
- }
875
-
876
- .lui-margin-x-md {
877
- margin-left: 1.5rem !important;
878
- margin-right: 1.5rem !important;
879
- }
880
-
881
- .lui-margin-x-lg {
882
- margin-left: 2rem !important;
883
- margin-right: 2rem !important;
884
- }
885
-
886
- .lui-margin-x-xl {
887
- margin-left: 3rem !important;
888
- margin-right: 3rem !important;
889
- }
890
-
891
- .lui-margin-x-xxl {
892
- margin-left: 5rem !important;
893
- margin-right: 5rem !important;
894
- }
895
-
896
- .lui-margin-top-xxs {
897
- margin-top: 0.25rem !important;
898
- }
899
-
900
- .lui-margin-top-xs {
901
- margin-top: 0.5rem !important;
902
- }
903
-
904
- .lui-margin-top-sm {
905
- margin-top: 0.75rem !important;
906
- }
907
-
908
- .lui-margin-top-md {
909
- margin-top: 1.5rem !important;
910
- }
911
-
912
- .lui-margin-top-lg {
913
- margin-top: 2rem !important;
914
- }
915
-
916
- .lui-margin-top-xl {
917
- margin-top: 3rem !important;
918
- }
919
-
920
- .lui-margin-top-xxl {
921
- margin-top: 5rem !important;
922
- }
923
-
924
- .lui-margin-bottom-xxs {
925
- margin-bottom: 0.25rem !important;
926
- }
927
-
928
- .lui-margin-bottom-xs {
929
- margin-bottom: 0.5rem !important;
930
- }
931
-
932
- .lui-margin-bottom-sm {
933
- margin-bottom: 0.75rem !important;
934
- }
935
-
936
- .lui-margin-bottom-md {
937
- margin-bottom: 1.5rem !important;
938
- }
939
-
940
- .lui-margin-bottom-lg {
941
- margin-bottom: 2rem !important;
942
- }
943
-
944
- .lui-margin-bottom-xl {
945
- margin-bottom: 3rem !important;
946
- }
947
-
948
- .lui-margin-bottom-xxl {
949
- margin-bottom: 5rem !important;
950
- }
951
-
952
- .lui-margin-left-xxs {
953
- margin-left: 0.25rem !important;
954
- }
955
-
956
- .lui-margin-left-xs {
957
- margin-left: 0.5rem !important;
958
- }
959
-
960
- .lui-margin-left-sm {
961
- margin-left: 0.75rem !important;
962
- }
963
-
964
- .lui-margin-left-md {
965
- margin-left: 1.5rem !important;
966
- }
967
-
968
- .lui-margin-left-lg {
969
- margin-left: 2rem !important;
970
- }
971
-
972
- .lui-margin-left-xl {
973
- margin-left: 3rem !important;
974
- }
975
-
976
- .lui-margin-left-xxl {
977
- margin-left: 5rem !important;
978
- }
979
-
980
- .lui-margin-right-xxs {
981
- margin-right: 0.25rem !important;
982
- }
983
-
984
- .lui-margin-right-xs {
985
- margin-right: 0.5rem !important;
986
- }
987
-
988
- .lui-margin-right-sm {
989
- margin-right: 0.75rem !important;
990
- }
991
-
992
- .lui-margin-right-md {
993
- margin-right: 1.5rem !important;
994
- }
995
-
996
- .lui-margin-right-lg {
997
- margin-right: 2rem !important;
998
- }
999
-
1000
- .lui-margin-right-xl {
1001
- margin-right: 3rem !important;
1002
- }
1003
-
1004
- .lui-margin-right-xxl {
1005
- margin-right: 5rem !important;
1006
- }
1007
-
1008
- .lui-remove-margin-all {
1009
- margin: 0 !important;
1010
- }
1011
-
1012
- .lui-remove-margin-x {
1013
- margin-left: 0 !important;
1014
- margin-right: 0 !important;
1015
- }
1016
-
1017
- .lui-remove-margin-y {
1018
- margin-top: 0 !important;
1019
- margin-bottom: 0 !important;
1020
- }
1021
-
1022
- .lui-padding-xxs {
1023
- padding: 0.25rem !important;
1024
- }
1025
-
1026
- .lui-padding-xs {
1027
- padding: 0.5rem !important;
1028
- }
1029
-
1030
- .lui-padding-sm {
1031
- padding: 0.75rem !important;
1032
- }
1033
-
1034
- .lui-padding-md {
1035
- padding: 1.5rem !important;
1036
- }
1037
-
1038
- .lui-padding-lg {
1039
- padding: 2rem !important;
1040
- }
1041
-
1042
- .lui-padding-xl {
1043
- padding: 3rem !important;
1044
- }
1045
-
1046
- .lui-padding-xxl {
1047
- padding: 5rem !important;
1048
- }
1049
-
1050
- .lui-padding-y-xxs {
1051
- padding-top: 0.25rem !important;
1052
- padding-bottom: 0.25rem !important;
1053
- }
1054
-
1055
- .lui-padding-y-xs {
1056
- padding-top: 0.5rem !important;
1057
- padding-bottom: 0.5rem !important;
1058
- }
1059
-
1060
- .lui-padding-y-sm {
1061
- padding-top: 0.75rem !important;
1062
- padding-bottom: 0.75rem !important;
1063
- }
1064
-
1065
- .lui-padding-y-md {
1066
- padding-top: 1.5rem !important;
1067
- padding-bottom: 1.5rem !important;
1068
- }
1069
-
1070
- .lui-padding-y-lg {
1071
- padding-top: 2rem !important;
1072
- padding-bottom: 2rem !important;
1073
- }
1074
-
1075
- .lui-padding-y-xl {
1076
- padding-top: 3rem !important;
1077
- padding-bottom: 3rem !important;
1078
- }
1079
-
1080
- .lui-padding-y-xxl {
1081
- padding-top: 5rem !important;
1082
- padding-bottom: 5rem !important;
1083
- }
1084
-
1085
- .lui-padding-x-xxs {
1086
- padding-left: 0.25rem !important;
1087
- padding-right: 0.25rem !important;
1088
- }
1089
-
1090
- .lui-padding-x-xs {
1091
- padding-left: 0.5rem !important;
1092
- padding-right: 0.5rem !important;
1093
- }
1094
-
1095
- .lui-padding-x-sm {
1096
- padding-left: 0.75rem !important;
1097
- padding-right: 0.75rem !important;
1098
- }
1099
-
1100
- .lui-padding-x-md {
1101
- padding-left: 1.5rem !important;
1102
- padding-right: 1.5rem !important;
1103
- }
1104
-
1105
- .lui-padding-x-lg {
1106
- padding-left: 2rem !important;
1107
- padding-right: 2rem !important;
1108
- }
1109
-
1110
- .lui-padding-x-xl {
1111
- padding-left: 3rem !important;
1112
- padding-right: 3rem !important;
1113
- }
1114
-
1115
- .lui-padding-x-xxl {
1116
- padding-left: 5rem !important;
1117
- padding-right: 5rem !important;
1118
- }
1119
-
1120
- .lui-padding-top-xxs {
1121
- padding-top: 0.25rem !important;
1122
- }
1123
-
1124
- .lui-padding-top-xs {
1125
- padding-top: 0.5rem !important;
1126
- }
1127
-
1128
- .lui-padding-top-sm {
1129
- padding-top: 0.75rem !important;
1130
- }
1131
-
1132
- .lui-padding-top-md {
1133
- padding-top: 1.5rem !important;
1134
- }
1135
-
1136
- .lui-padding-top-lg {
1137
- padding-top: 2rem !important;
1138
- }
1139
-
1140
- .lui-padding-top-xl {
1141
- padding-top: 3rem !important;
1142
- }
1143
-
1144
- .lui-padding-top-xxl {
1145
- padding-top: 5rem !important;
1146
- }
1147
-
1148
- .lui-padding-bottom-xxs {
1149
- padding-bottom: 0.25rem !important;
1150
- }
1151
-
1152
- .lui-padding-bottom-xs {
1153
- padding-bottom: 0.5rem !important;
1154
- }
1155
-
1156
- .lui-padding-bottom-sm {
1157
- padding-bottom: 0.75rem !important;
1158
- }
1159
-
1160
- .lui-padding-bottom-md {
1161
- padding-bottom: 1.5rem !important;
1162
- }
1163
-
1164
- .lui-padding-bottom-lg {
1165
- padding-bottom: 2rem !important;
1166
- }
1167
-
1168
- .lui-padding-bottom-xl {
1169
- padding-bottom: 3rem !important;
1170
- }
1171
-
1172
- .lui-padding-bottom-xxl {
1173
- padding-bottom: 5rem !important;
1174
- }
1175
-
1176
- .lui-padding-left-xxs {
1177
- padding-left: 0.25rem !important;
1178
- }
1179
-
1180
- .lui-padding-left-xs {
1181
- padding-left: 0.5rem !important;
1182
- }
1183
-
1184
- .lui-padding-left-sm {
1185
- padding-left: 0.75rem !important;
1186
- }
1187
-
1188
- .lui-padding-left-md {
1189
- padding-left: 1.5rem !important;
1190
- }
1191
-
1192
- .lui-padding-left-lg {
1193
- padding-left: 2rem !important;
1194
- }
1195
-
1196
- .lui-padding-left-xl {
1197
- padding-left: 3rem !important;
1198
- }
1199
-
1200
- .lui-padding-left-xxl {
1201
- padding-left: 5rem !important;
1202
- }
1203
-
1204
- .lui-padding-right-xxs {
1205
- padding-right: 0.25rem !important;
1206
- }
1207
-
1208
- .lui-padding-right-xs {
1209
- padding-right: 0.5rem !important;
1210
- }
1211
-
1212
- .lui-padding-right-sm {
1213
- padding-right: 0.75rem !important;
1214
- }
1215
-
1216
- .lui-padding-right-md {
1217
- padding-right: 1.5rem !important;
1218
- }
1219
-
1220
- .lui-padding-right-lg {
1221
- padding-right: 2rem !important;
1222
- }
1223
-
1224
- .lui-padding-right-xl {
1225
- padding-right: 3rem !important;
1226
- }
1227
-
1228
- .lui-padding-right-xxl {
1229
- padding-right: 5rem !important;
1230
- }
1231
-
1232
- .lui-remove-padding-all {
1233
- padding: 0 !important;
1234
- }
1235
-
1236
- .lui-remove-padding-x {
1237
- padding-left: 0 !important;
1238
- padding-right: 0 !important;
1239
- }
1240
-
1241
- .lui-remove-padding-y {
1242
- padding-top: 0 !important;
1243
- padding-bottom: 0 !important;
1244
- }
1245
-
1246
- .lui-row-divider {
1247
- border-top: 1px solid;
1248
- margin-top: 1.5rem;
1249
- padding-top: 1.5rem;
1250
- }
1251
- @media only screen and (max-width: 480px) {
1252
- .lui-row-divider-xs {
1253
- border-top: 1px solid;
1254
- margin-top: 1.5rem;
1255
- padding-top: 1.5rem;
1256
- }
1257
- }
1258
- @media only screen and (min-width: 480px) and (max-width: 768px) {
1259
- .lui-row-divider-sm {
1260
- border-top: 1px solid;
1261
- margin-top: 1.5rem;
1262
- padding-top: 1.5rem;
1263
- }
1264
- }
1265
- @media only screen and (min-width: 768px) and (max-width: 1024px) {
1266
- .lui-row-divider-md {
1267
- border-top: 1px solid;
1268
- margin-top: 1.5rem;
1269
- padding-top: 1.5rem;
1270
- }
1271
- }
1272
- @media only screen and (min-width: 1024px) and (max-width: 1280px) {
1273
- .lui-row-divider-lg {
1274
- border-top: 1px solid;
1275
- margin-top: 1.5rem;
1276
- padding-top: 1.5rem;
1277
- }
1278
- }
1279
- @media only screen and (min-width: 1280px) and (max-width: 1600px) {
1280
- .lui-row-divider-xl {
1281
- border-top: 1px solid;
1282
- margin-top: 1.5rem;
1283
- padding-top: 1.5rem;
1284
- }
1285
- }
1286
-
1287
- button {
1288
- font-family: "Open Sans", system-ui, sans-serif;
1289
- font-style: normal;
1290
- font-weight: 700;
1291
- font-size: 1rem;
1292
- line-height: 40px;
1293
- margin: 0;
1294
- padding: 0 2rem;
1295
- border: none;
1296
- border-radius: 3px;
1297
- transition: background-color 0.3s, color 0.3s, height 0.3s, border 0.3s, fill 0.3s;
1298
- }
1299
- button i,
1300
- button svg * {
1301
- transition: color 0.3s, fill 0.3s;
1302
- }
1303
- button:hover {
1304
- cursor: pointer;
1305
- }
1306
-
1307
- a.lui-button {
1308
- font-family: "Open Sans", system-ui, sans-serif;
1309
- font-style: normal;
1310
- font-weight: 700;
1311
- font-size: 1rem;
1312
- line-height: 40px;
1313
- margin: 0;
1314
- padding: 0 2rem;
1315
- border: none;
1316
- border-radius: 3px;
1317
- transition: background-color 0.3s, color 0.3s, height 0.3s, border 0.3s, fill 0.3s;
1318
- display: inline-block;
1319
- text-decoration: none;
1320
- }
1321
- a.lui-button i,
1322
- a.lui-button svg * {
1323
- transition: color 0.3s, fill 0.3s;
1324
- }
1325
- a.lui-button:hover {
1326
- cursor: pointer;
1327
- }
1328
-
1329
- .lui-button,
1330
- a.lui-button {
1331
- text-align: center;
1332
- }
1333
- .lui-button.lui-button-icon-right,
1334
- a.lui-button.lui-button-icon-right {
1335
- padding: 0 14px 0 0.75rem;
1336
- }
1337
- .lui-button.lui-button-icon-right i,
1338
- .lui-button.lui-button-icon-right .LuiIcon,
1339
- a.lui-button.lui-button-icon-right i,
1340
- a.lui-button.lui-button-icon-right .LuiIcon {
1341
- position: relative;
1342
- top: 6px;
1343
- margin: 0 0 0 12px;
1344
- }
1345
- .lui-button.lui-button-icon,
1346
- a.lui-button.lui-button-icon {
1347
- padding: 0 0.75rem 0 14px;
1348
- }
1349
- .lui-button.lui-button-icon i,
1350
- .lui-button.lui-button-icon .LuiIcon,
1351
- a.lui-button.lui-button-icon i,
1352
- a.lui-button.lui-button-icon .LuiIcon {
1353
- position: relative;
1354
- top: 6px;
1355
- margin: 0 12px 0 0;
1356
- }
1357
- .lui-button-primary,
1358
- a.lui-button-primary {
1359
- background-color: #007198;
1360
- border: 2px solid #007198;
1361
- color: #fff;
1362
- line-height: 40px;
1363
- }
1364
- .lui-button-primary i,
1365
- .lui-button-primary svg *,
1366
- a.lui-button-primary i,
1367
- a.lui-button-primary svg * {
1368
- color: #fff;
1369
- fill: #fff;
1370
- }
1371
- .lui-button-primary:visited,
1372
- a.lui-button-primary:visited {
1373
- color: #fff;
1374
- }
1375
- .lui-button-primary:hover,
1376
- a.lui-button-primary:hover {
1377
- background-color: #004b50;
1378
- cursor: pointer;
1379
- color: #fff;
1380
- border: 2px solid #004b50;
1381
- }
1382
- .lui-button-primary:hover i,
1383
- .lui-button-primary:hover svg *,
1384
- a.lui-button-primary:hover i,
1385
- a.lui-button-primary:hover svg * {
1386
- color: #fff;
1387
- fill: #fff;
1388
- }
1389
- .lui-button-primary:disabled,
1390
- a.lui-button-primary:disabled {
1391
- color: #989189;
1392
- background: #eaeaea;
1393
- border-color: #eaeaea;
1394
- }
1395
- .lui-button-primary:disabled i,
1396
- .lui-button-primary:disabled svg *,
1397
- a.lui-button-primary:disabled i,
1398
- a.lui-button-primary:disabled svg * {
1399
- color: #989189;
1400
- fill: #989189;
1401
- }
1402
- .lui-button-primary:disabled:hover,
1403
- a.lui-button-primary:disabled:hover {
1404
- cursor: not-allowed;
1405
- }
1406
- .lui-button-primary:active:enabled,
1407
- a.lui-button-primary:active:enabled {
1408
- background-color: #00425d;
1409
- cursor: pointer;
1410
- color: rgba(255, 255, 255, 0.6);
1411
- border: 2px solid #00425d;
1412
- -moz-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.2);
1413
- -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.2);
1414
- box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.2);
1415
- }
1416
- .lui-button-primary:active:enabled i,
1417
- .lui-button-primary:active:enabled svg *,
1418
- a.lui-button-primary:active:enabled i,
1419
- a.lui-button-primary:active:enabled svg * {
1420
- color: rgba(255, 255, 255, 0.6);
1421
- fill: rgba(255, 255, 255, 0.6);
1422
- }
1423
- .lui-button-secondary,
1424
- a.lui-button-secondary {
1425
- background-color: #fff;
1426
- border: 2px solid #007198;
1427
- color: #007198;
1428
- line-height: 40px;
1429
- }
1430
- .lui-button-secondary i,
1431
- .lui-button-secondary svg *,
1432
- a.lui-button-secondary i,
1433
- a.lui-button-secondary svg * {
1434
- color: #007198;
1435
- fill: #007198;
1436
- }
1437
- .lui-button-secondary:visited,
1438
- a.lui-button-secondary:visited {
1439
- color: #007198;
1440
- }
1441
- .lui-button-secondary:hover,
1442
- a.lui-button-secondary:hover {
1443
- background-color: #004b50;
1444
- cursor: pointer;
1445
- color: #fff;
1446
- border: 2px solid #004b50;
1447
- }
1448
- .lui-button-secondary:hover i,
1449
- .lui-button-secondary:hover svg *,
1450
- a.lui-button-secondary:hover i,
1451
- a.lui-button-secondary:hover svg * {
1452
- color: #fff;
1453
- fill: #fff;
1454
- }
1455
- .lui-button-secondary:disabled,
1456
- a.lui-button-secondary:disabled {
1457
- color: #989189;
1458
- background: #eaeaea;
1459
- border-color: #eaeaea;
1460
- }
1461
- .lui-button-secondary:disabled i,
1462
- .lui-button-secondary:disabled svg *,
1463
- a.lui-button-secondary:disabled i,
1464
- a.lui-button-secondary:disabled svg * {
1465
- color: #989189;
1466
- fill: #989189;
1467
- }
1468
- .lui-button-secondary:disabled:hover,
1469
- a.lui-button-secondary:disabled:hover {
1470
- cursor: not-allowed;
1471
- }
1472
- .lui-button-secondary:active:enabled,
1473
- a.lui-button-secondary:active:enabled {
1474
- background-color: #00425d;
1475
- cursor: pointer;
1476
- color: rgba(255, 255, 255, 0.6);
1477
- border: 2px solid #00425d;
1478
- -moz-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.2);
1479
- -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.2);
1480
- box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.2);
1481
- }
1482
- .lui-button-secondary:active:enabled i,
1483
- .lui-button-secondary:active:enabled svg *,
1484
- a.lui-button-secondary:active:enabled i,
1485
- a.lui-button-secondary:active:enabled svg * {
1486
- color: rgba(255, 255, 255, 0.6);
1487
- fill: rgba(255, 255, 255, 0.6);
1488
- }
1489
- .lui-button-secondary i,
1490
- .lui-button-secondary svg *,
1491
- a.lui-button-secondary i,
1492
- a.lui-button-secondary svg * {
1493
- color: #007198;
1494
- }
1495
- .lui-button-secondary:hover i,
1496
- a.lui-button-secondary:hover i {
1497
- color: #fff;
1498
- }
1499
- .lui-button-tertiary,
1500
- a.lui-button-tertiary {
1501
- background-color: #0aa245;
1502
- border: 2px solid #0aa245;
1503
- color: #fff;
1504
- line-height: 40px;
1505
- }
1506
- .lui-button-tertiary i,
1507
- .lui-button-tertiary svg *,
1508
- a.lui-button-tertiary i,
1509
- a.lui-button-tertiary svg * {
1510
- color: #fff;
1511
- fill: #fff;
1512
- }
1513
- .lui-button-tertiary:visited,
1514
- a.lui-button-tertiary:visited {
1515
- color: #fff;
1516
- }
1517
- .lui-button-tertiary:hover,
1518
- a.lui-button-tertiary:hover {
1519
- background-color: #08814d;
1520
- cursor: pointer;
1521
- color: #fff;
1522
- border: 2px solid #08814d;
1523
- }
1524
- .lui-button-tertiary:hover i,
1525
- .lui-button-tertiary:hover svg *,
1526
- a.lui-button-tertiary:hover i,
1527
- a.lui-button-tertiary:hover svg * {
1528
- color: #fff;
1529
- fill: #fff;
1530
- }
1531
- .lui-button-tertiary:disabled,
1532
- a.lui-button-tertiary:disabled {
1533
- color: #989189;
1534
- background: #eaeaea;
1535
- border-color: #eaeaea;
1536
- }
1537
- .lui-button-tertiary:disabled i,
1538
- .lui-button-tertiary:disabled svg *,
1539
- a.lui-button-tertiary:disabled i,
1540
- a.lui-button-tertiary:disabled svg * {
1541
- color: #989189;
1542
- fill: #989189;
1543
- }
1544
- .lui-button-tertiary:disabled:hover,
1545
- a.lui-button-tertiary:disabled:hover {
1546
- cursor: not-allowed;
1547
- }
1548
- .lui-button-tertiary:active:enabled,
1549
- a.lui-button-tertiary:active:enabled {
1550
- background-color: #004e32;
1551
- cursor: pointer;
1552
- color: rgba(255, 255, 255, 0.6);
1553
- border: 2px solid #004e32;
1554
- -moz-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.2);
1555
- -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.2);
1556
- box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.2);
1557
- }
1558
- .lui-button-tertiary:active:enabled i,
1559
- .lui-button-tertiary:active:enabled svg *,
1560
- a.lui-button-tertiary:active:enabled i,
1561
- a.lui-button-tertiary:active:enabled svg * {
1562
- color: rgba(255, 255, 255, 0.6);
1563
- fill: rgba(255, 255, 255, 0.6);
1564
- }
1565
- .lui-button-error,
1566
- a.lui-button-error {
1567
- background-color: #cc0000;
1568
- border: 2px solid #cc0000;
1569
- color: #fff;
1570
- line-height: 40px;
1571
- }
1572
- .lui-button-error i,
1573
- .lui-button-error svg *,
1574
- a.lui-button-error i,
1575
- a.lui-button-error svg * {
1576
- color: #fff;
1577
- fill: #fff;
1578
- }
1579
- .lui-button-error:visited,
1580
- a.lui-button-error:visited {
1581
- color: #fff;
1582
- }
1583
- .lui-button-error:hover,
1584
- a.lui-button-error:hover {
1585
- background-color: #5a0000;
1586
- cursor: pointer;
1587
- color: #fff;
1588
- border: 2px solid #5a0000;
1589
- }
1590
- .lui-button-error:hover i,
1591
- .lui-button-error:hover svg *,
1592
- a.lui-button-error:hover i,
1593
- a.lui-button-error:hover svg * {
1594
- color: #fff;
1595
- fill: #fff;
1596
- }
1597
- .lui-button-error:disabled,
1598
- a.lui-button-error:disabled {
1599
- color: #989189;
1600
- background: #eaeaea;
1601
- border-color: #eaeaea;
1602
- }
1603
- .lui-button-error:disabled i,
1604
- .lui-button-error:disabled svg *,
1605
- a.lui-button-error:disabled i,
1606
- a.lui-button-error:disabled svg * {
1607
- color: #989189;
1608
- fill: #989189;
1609
- }
1610
- .lui-button-error:disabled:hover,
1611
- a.lui-button-error:disabled:hover {
1612
- cursor: not-allowed;
1613
- }
1614
- .lui-button-error:active:enabled,
1615
- a.lui-button-error:active:enabled {
1616
- background-color: #5a0000;
1617
- cursor: pointer;
1618
- color: rgba(255, 255, 255, 0.6);
1619
- border: 2px solid #5a0000;
1620
- -moz-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.2);
1621
- -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.2);
1622
- box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.2);
1623
- }
1624
- .lui-button-error:active:enabled i,
1625
- .lui-button-error:active:enabled svg *,
1626
- a.lui-button-error:active:enabled i,
1627
- a.lui-button-error:active:enabled svg * {
1628
- color: rgba(255, 255, 255, 0.6);
1629
- fill: rgba(255, 255, 255, 0.6);
1630
- }
1631
- .lui-button-reversed-no-bg,
1632
- a.lui-button-reversed-no-bg {
1633
- background-color: transparent;
1634
- border: 2px solid transparent;
1635
- color: #fff;
1636
- line-height: 40px;
1637
- }
1638
- .lui-button-reversed-no-bg i,
1639
- .lui-button-reversed-no-bg svg *,
1640
- a.lui-button-reversed-no-bg i,
1641
- a.lui-button-reversed-no-bg svg * {
1642
- color: #fff;
1643
- fill: #fff;
1644
- }
1645
- .lui-button-reversed-no-bg:visited,
1646
- a.lui-button-reversed-no-bg:visited {
1647
- color: #fff;
1648
- }
1649
- .lui-button-reversed-no-bg:hover,
1650
- a.lui-button-reversed-no-bg:hover {
1651
- background-color: transparent;
1652
- cursor: pointer;
1653
- color: rgba(255, 255, 255, 0.8);
1654
- border: 2px solid transparent;
1655
- }
1656
- .lui-button-reversed-no-bg:hover i,
1657
- .lui-button-reversed-no-bg:hover svg *,
1658
- a.lui-button-reversed-no-bg:hover i,
1659
- a.lui-button-reversed-no-bg:hover svg * {
1660
- color: rgba(255, 255, 255, 0.8);
1661
- fill: rgba(255, 255, 255, 0.8);
1662
- }
1663
- .lui-button-reversed-no-bg:disabled,
1664
- a.lui-button-reversed-no-bg:disabled {
1665
- color: #989189;
1666
- background: #eaeaea;
1667
- border-color: #eaeaea;
1668
- }
1669
- .lui-button-reversed-no-bg:disabled i,
1670
- .lui-button-reversed-no-bg:disabled svg *,
1671
- a.lui-button-reversed-no-bg:disabled i,
1672
- a.lui-button-reversed-no-bg:disabled svg * {
1673
- color: #989189;
1674
- fill: #989189;
1675
- }
1676
- .lui-button-reversed-no-bg:disabled:hover,
1677
- a.lui-button-reversed-no-bg:disabled:hover {
1678
- cursor: not-allowed;
1679
- }
1680
- .lui-button-reversed-no-bg:active:enabled,
1681
- a.lui-button-reversed-no-bg:active:enabled {
1682
- background-color: transparent;
1683
- cursor: pointer;
1684
- color: rgba(255, 255, 255, 0.6);
1685
- border: 2px solid transparent;
1686
- -moz-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.2);
1687
- -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.2);
1688
- box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.2);
1689
- }
1690
- .lui-button-reversed-no-bg:active:enabled i,
1691
- .lui-button-reversed-no-bg:active:enabled svg *,
1692
- a.lui-button-reversed-no-bg:active:enabled i,
1693
- a.lui-button-reversed-no-bg:active:enabled svg * {
1694
- color: rgba(255, 255, 255, 0.6);
1695
- fill: rgba(255, 255, 255, 0.6);
1696
- }
1697
- .lui-button-reversed-no-bg i,
1698
- a.lui-button-reversed-no-bg i {
1699
- font-size: 2.5rem;
1700
- top: 13px !important;
1701
- }
1702
- .lui-button-reversed-no-bg:disabled,
1703
- a.lui-button-reversed-no-bg:disabled {
1704
- color: rgba(255, 255, 255, 0.4);
1705
- background: none;
1706
- border: 0;
1707
- }
1708
- .lui-button-reversed-no-bg:disabled i,
1709
- .lui-button-reversed-no-bg:disabled svg *,
1710
- a.lui-button-reversed-no-bg:disabled i,
1711
- a.lui-button-reversed-no-bg:disabled svg * {
1712
- color: rgba(255, 255, 255, 0.4);
1713
- fill: rgba(255, 255, 255, 0.4);
1714
- }
1715
- .lui-button-reversed-no-bg:disabled:hover,
1716
- a.lui-button-reversed-no-bg:disabled:hover {
1717
- cursor: not-allowed;
1718
- }
1719
- .lui-button-text,
1720
- a.lui-button-text {
1721
- background-color: transparent;
1722
- border: 0 solid #fff;
1723
- color: #0096cc;
1724
- line-height: 24px;
1725
- border-bottom: 1px solid;
1726
- font-family: "Open Sans", system-ui, sans-serif;
1727
- font-style: normal;
1728
- font-weight: normal;
1729
- padding: 0;
1730
- margin: 0;
1731
- border-radius: 0;
1732
- }
1733
- .lui-button-text i,
1734
- .lui-button-text svg *,
1735
- a.lui-button-text i,
1736
- a.lui-button-text svg * {
1737
- color: #0096cc;
1738
- fill: #0096cc;
1739
- }
1740
- .lui-button-text:visited,
1741
- a.lui-button-text:visited {
1742
- color: #0096cc;
1743
- }
1744
- .lui-button-text:hover,
1745
- a.lui-button-text:hover {
1746
- background-color: transparent;
1747
- cursor: pointer;
1748
- color: #00425d;
1749
- border: 2px solid none;
1750
- }
1751
- .lui-button-text:hover i,
1752
- .lui-button-text:hover svg *,
1753
- a.lui-button-text:hover i,
1754
- a.lui-button-text:hover svg * {
1755
- color: #00425d;
1756
- fill: #00425d;
1757
- }
1758
- .lui-button-text:disabled,
1759
- a.lui-button-text:disabled {
1760
- color: #989189;
1761
- background: #eaeaea;
1762
- border-color: #eaeaea;
1763
- }
1764
- .lui-button-text:disabled i,
1765
- .lui-button-text:disabled svg *,
1766
- a.lui-button-text:disabled i,
1767
- a.lui-button-text:disabled svg * {
1768
- color: #989189;
1769
- fill: #989189;
1770
- }
1771
- .lui-button-text:disabled:hover,
1772
- a.lui-button-text:disabled:hover {
1773
- cursor: not-allowed;
1774
- }
1775
- .lui-button-text:active:enabled,
1776
- a.lui-button-text:active:enabled {
1777
- background-color: none;
1778
- cursor: pointer;
1779
- color: rgba(0, 66, 93, 0.6);
1780
- border: 2px solid none;
1781
- -moz-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.2);
1782
- -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.2);
1783
- box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.2);
1784
- }
1785
- .lui-button-text:active:enabled i,
1786
- .lui-button-text:active:enabled svg *,
1787
- a.lui-button-text:active:enabled i,
1788
- a.lui-button-text:active:enabled svg * {
1789
- color: #00425d;
1790
- fill: #00425d;
1791
- }
1792
- .lui-button-text:hover,
1793
- a.lui-button-text:hover {
1794
- border-bottom: 2px solid;
1795
- }
1796
- .lui-button-text:disabled,
1797
- a.lui-button-text:disabled {
1798
- color: #989189;
1799
- background: none;
1800
- border: 0;
1801
- text-decoration: none;
1802
- }
1803
- .lui-button-text:disabled:hover,
1804
- a.lui-button-text:disabled:hover {
1805
- cursor: not-allowed;
1806
- }
1807
- .lui-button-text:disabled i,
1808
- .lui-button-text:disabled svg *,
1809
- a.lui-button-text:disabled i,
1810
- a.lui-button-text:disabled svg * {
1811
- color: #989189;
1812
- fill: #989189;
1813
- }
1814
- .lui-button-plain-text,
1815
- a.lui-button-plain-text {
1816
- background-color: transparent;
1817
- border: 2px solid #fff;
1818
- color: inherit;
1819
- line-height: 40px;
1820
- padding: 0;
1821
- margin: 0;
1822
- font-family: inherit;
1823
- font-size: inherit;
1824
- line-height: inherit;
1825
- color: inherit;
1826
- font-weight: inherit;
1827
- }
1828
- .lui-button-plain-text i,
1829
- .lui-button-plain-text svg *,
1830
- a.lui-button-plain-text i,
1831
- a.lui-button-plain-text svg * {
1832
- color: inherit;
1833
- fill: inherit;
1834
- }
1835
- .lui-button-plain-text:visited,
1836
- a.lui-button-plain-text:visited {
1837
- color: inherit;
1838
- }
1839
- .lui-button-plain-text:disabled,
1840
- a.lui-button-plain-text:disabled {
1841
- color: #989189;
1842
- background: none;
1843
- border: 0;
1844
- text-decoration: none;
1845
- }
1846
- .lui-button-plain-text:disabled i,
1847
- .lui-button-plain-text:disabled svg *,
1848
- a.lui-button-plain-text:disabled i,
1849
- a.lui-button-plain-text:disabled svg * {
1850
- color: #989189;
1851
- fill: #989189;
1852
- }
1853
- .lui-button-icon-only, .lui-button-icon-only-rev, .lui-button-icon-only-link,
1854
- a.lui-button-icon-only,
1855
- a.lui-button-icon-only-rev,
1856
- a.lui-button-icon-only-link {
1857
- background-color: transparent;
1858
- border: 2px solid transparent;
1859
- color: #007198;
1860
- line-height: 40px;
1861
- line-height: 44px;
1862
- padding: 0;
1863
- width: 36px;
1864
- height: 36px;
1865
- }
1866
- .lui-button-icon-only i,
1867
- .lui-button-icon-only svg *, .lui-button-icon-only-rev i,
1868
- .lui-button-icon-only-rev svg *, .lui-button-icon-only-link i,
1869
- .lui-button-icon-only-link svg *,
1870
- a.lui-button-icon-only i,
1871
- a.lui-button-icon-only svg *,
1872
- a.lui-button-icon-only-rev i,
1873
- a.lui-button-icon-only-rev svg *,
1874
- a.lui-button-icon-only-link i,
1875
- a.lui-button-icon-only-link svg * {
1876
- color: #007198;
1877
- fill: #007198;
1878
- }
1879
- .lui-button-icon-only:visited, .lui-button-icon-only-rev:visited, .lui-button-icon-only-link:visited,
1880
- a.lui-button-icon-only:visited,
1881
- a.lui-button-icon-only-rev:visited,
1882
- a.lui-button-icon-only-link:visited {
1883
- color: #007198;
1884
- }
1885
- .lui-button-icon-only:hover, .lui-button-icon-only-rev:hover, .lui-button-icon-only-link:hover,
1886
- a.lui-button-icon-only:hover,
1887
- a.lui-button-icon-only-rev:hover,
1888
- a.lui-button-icon-only-link:hover {
1889
- background-color: transparent;
1890
- cursor: pointer;
1891
- color: #007198;
1892
- border: 2px solid transparent;
1893
- }
1894
- .lui-button-icon-only:hover i,
1895
- .lui-button-icon-only:hover svg *, .lui-button-icon-only-rev:hover i,
1896
- .lui-button-icon-only-rev:hover svg *, .lui-button-icon-only-link:hover i,
1897
- .lui-button-icon-only-link:hover svg *,
1898
- a.lui-button-icon-only:hover i,
1899
- a.lui-button-icon-only:hover svg *,
1900
- a.lui-button-icon-only-rev:hover i,
1901
- a.lui-button-icon-only-rev:hover svg *,
1902
- a.lui-button-icon-only-link:hover i,
1903
- a.lui-button-icon-only-link:hover svg * {
1904
- color: #007198;
1905
- fill: #007198;
1906
- }
1907
- .lui-button-icon-only:disabled, .lui-button-icon-only-rev:disabled, .lui-button-icon-only-link:disabled,
1908
- a.lui-button-icon-only:disabled,
1909
- a.lui-button-icon-only-rev:disabled,
1910
- a.lui-button-icon-only-link:disabled {
1911
- color: #989189;
1912
- background: #eaeaea;
1913
- border-color: #eaeaea;
1914
- }
1915
- .lui-button-icon-only:disabled i,
1916
- .lui-button-icon-only:disabled svg *, .lui-button-icon-only-rev:disabled i,
1917
- .lui-button-icon-only-rev:disabled svg *, .lui-button-icon-only-link:disabled i,
1918
- .lui-button-icon-only-link:disabled svg *,
1919
- a.lui-button-icon-only:disabled i,
1920
- a.lui-button-icon-only:disabled svg *,
1921
- a.lui-button-icon-only-rev:disabled i,
1922
- a.lui-button-icon-only-rev:disabled svg *,
1923
- a.lui-button-icon-only-link:disabled i,
1924
- a.lui-button-icon-only-link:disabled svg * {
1925
- color: #989189;
1926
- fill: #989189;
1927
- }
1928
- .lui-button-icon-only:disabled:hover, .lui-button-icon-only-rev:disabled:hover, .lui-button-icon-only-link:disabled:hover,
1929
- a.lui-button-icon-only:disabled:hover,
1930
- a.lui-button-icon-only-rev:disabled:hover,
1931
- a.lui-button-icon-only-link:disabled:hover {
1932
- cursor: not-allowed;
1933
- }
1934
- .lui-button-icon-only:active:enabled, .lui-button-icon-only-rev:active:enabled, .lui-button-icon-only-link:active:enabled,
1935
- a.lui-button-icon-only:active:enabled,
1936
- a.lui-button-icon-only-rev:active:enabled,
1937
- a.lui-button-icon-only-link:active:enabled {
1938
- background-color: transparent;
1939
- cursor: pointer;
1940
- color: rgba(0, 150, 204, 0.6);
1941
- border: 2px solid transparent;
1942
- -moz-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.2);
1943
- -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.2);
1944
- box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.2);
1945
- }
1946
- .lui-button-icon-only:active:enabled i,
1947
- .lui-button-icon-only:active:enabled svg *, .lui-button-icon-only-rev:active:enabled i,
1948
- .lui-button-icon-only-rev:active:enabled svg *, .lui-button-icon-only-link:active:enabled i,
1949
- .lui-button-icon-only-link:active:enabled svg *,
1950
- a.lui-button-icon-only:active:enabled i,
1951
- a.lui-button-icon-only:active:enabled svg *,
1952
- a.lui-button-icon-only-rev:active:enabled i,
1953
- a.lui-button-icon-only-rev:active:enabled svg *,
1954
- a.lui-button-icon-only-link:active:enabled i,
1955
- a.lui-button-icon-only-link:active:enabled svg * {
1956
- color: #0096cc;
1957
- fill: #0096cc;
1958
- }
1959
- .lui-button-icon-only:disabled, .lui-button-icon-only-rev:disabled, .lui-button-icon-only-link:disabled,
1960
- a.lui-button-icon-only:disabled,
1961
- a.lui-button-icon-only-rev:disabled,
1962
- a.lui-button-icon-only-link:disabled {
1963
- background-color: transparent;
1964
- border: 0;
1965
- }
1966
- .lui-button-icon-only-rev,
1967
- a.lui-button-icon-only-rev {
1968
- color: #fff;
1969
- }
1970
- .lui-button-icon-only-rev i,
1971
- .lui-button-icon-only-rev svg *,
1972
- a.lui-button-icon-only-rev i,
1973
- a.lui-button-icon-only-rev svg * {
1974
- color: #fff;
1975
- }
1976
- .lui-button-icon-only-rev:disabled,
1977
- a.lui-button-icon-only-rev:disabled {
1978
- color: rgba(255, 255, 255, 0.4);
1979
- }
1980
- .lui-button-icon-only-rev:disabled i,
1981
- .lui-button-icon-only-rev:disabled svg *,
1982
- a.lui-button-icon-only-rev:disabled i,
1983
- a.lui-button-icon-only-rev:disabled svg * {
1984
- color: rgba(255, 255, 255, 0.4);
1985
- fill: rgba(255, 255, 255, 0.4);
1986
- }
1987
- .lui-button-icon-only-link,
1988
- a.lui-button-icon-only-link {
1989
- color: #0096cc;
1990
- }
1991
- .lui-button.lui-button-sm,
1992
- a.lui-button.lui-button-sm {
1993
- line-height: 30px;
1994
- padding: 0 0.75rem;
1995
- font-size: 0.875rem;
1996
- }
1997
- .lui-button.lui-button-sm.lui-button-icon,
1998
- a.lui-button.lui-button-sm.lui-button-icon {
1999
- padding: 0 0.75rem 0 12px;
2000
- }
2001
- .lui-button.lui-button-sm.lui-button-icon i,
2002
- .lui-button.lui-button-sm.lui-button-icon .LuiIcon,
2003
- a.lui-button.lui-button-sm.lui-button-icon i,
2004
- a.lui-button.lui-button-sm.lui-button-icon .LuiIcon {
2005
- margin: 0 0.5rem 0 0;
2006
- font-size: 1.3rem;
2007
- }
2008
- .lui-button.lui-button-sm.lui-button-icon-right,
2009
- a.lui-button.lui-button-sm.lui-button-icon-right {
2010
- padding: 0 12px 0 0.75rem;
2011
- }
2012
- .lui-button.lui-button-sm.lui-button-icon-right i,
2013
- .lui-button.lui-button-sm.lui-button-icon-right .LuiIcon,
2014
- a.lui-button.lui-button-sm.lui-button-icon-right i,
2015
- a.lui-button.lui-button-sm.lui-button-icon-right .LuiIcon {
2016
- margin: 0 0 0 0.5rem;
2017
- font-size: 1.3rem;
2018
- }
2019
- .lui-button.lui-button-sm.lui-button-reversed-no-bg i,
2020
- .lui-button.lui-button-sm.lui-button-reversed-no-bg .LuiIcon,
2021
- a.lui-button.lui-button-sm.lui-button-reversed-no-bg i,
2022
- a.lui-button.lui-button-sm.lui-button-reversed-no-bg .LuiIcon {
2023
- font-size: 1.8rem;
2024
- top: 9px !important;
2025
- }
2026
- .lui-button.lui-button-lg,
2027
- a.lui-button.lui-button-lg {
2028
- line-height: 50px;
2029
- padding: 0 2rem;
2030
- font-size: 1.125rem;
2031
- }
2032
- .lui-button.lui-button-lg.lui-button-icon,
2033
- a.lui-button.lui-button-lg.lui-button-icon {
2034
- padding: 0 2rem 0 28px;
2035
- }
2036
- .lui-button.lui-button-lg.lui-button-icon i,
2037
- a.lui-button.lui-button-lg.lui-button-icon i {
2038
- margin: 0 0.75rem 0 0;
2039
- }
2040
- .lui-button.lui-button-lg.lui-button-icon-right,
2041
- a.lui-button.lui-button-lg.lui-button-icon-right {
2042
- padding: 0 28px 0 2rem;
2043
- }
2044
- .lui-button.lui-button-lg.lui-button-icon-right i,
2045
- a.lui-button.lui-button-lg.lui-button-icon-right i {
2046
- margin: 0 0 0 0.75rem;
2047
- }
2048
- .lui-button + .lui-button,
2049
- a.lui-button + .lui-button {
2050
- margin-left: 0.5rem;
2051
- }
2052
- .lui-button + a.lui-button,
2053
- a.lui-button + a.lui-button {
2054
- margin-left: 0.5rem;
2055
- }
2056
-
2057
- .lui-button-group {
2058
- display: flex;
2059
- align-content: stretch;
2060
- flex-direction: row;
2061
- }
2062
- .lui-button-group .lui-button-wrapper {
2063
- flex: 1 1 0;
2064
- }
2065
- .lui-button-group .lui-button-wrapper:first-child button {
2066
- border-left: 1px solid #004b50;
2067
- border-top-left-radius: 3px;
2068
- border-bottom-left-radius: 3px;
2069
- }
2070
- .lui-button-group .lui-button-wrapper:last-child button {
2071
- border-top-right-radius: 3px;
2072
- border-bottom-right-radius: 3px;
2073
- }
2074
- .lui-button-group.lui-input-error {
2075
- border-radius: 4.5px;
2076
- }
2077
- .lui-button-group-text-sizing {
2078
- display: inline-block;
2079
- font-size: 0;
2080
- }
2081
- .lui-button-group-text-sizing .lui-button-wrapper {
2082
- width: auto;
2083
- float: left;
2084
- }
2085
- @media screen and (min-width: 768px) {
2086
- .lui-button-group-text-sizing .lui-button-wrapper .lui-button {
2087
- padding: 0 0.75rem;
2088
- }
2089
- }
2090
- @media screen and (min-width: 1024px) {
2091
- .lui-button-group-text-sizing .lui-button-wrapper .lui-button {
2092
- padding: 0 2rem;
2093
- }
2094
- }
2095
- .lui-button-group .lui-button {
2096
- padding: 0 0.5rem;
2097
- background-color: #fff;
2098
- border-radius: 0;
2099
- border: 1px solid #004b50;
2100
- color: #004b50;
2101
- border-left: none;
2102
- width: 100%;
2103
- }
2104
- .lui-button-group .lui-button.lui-button-active {
2105
- background-color: #007198;
2106
- -moz-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.4);
2107
- -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.4);
2108
- box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.4);
2109
- color: #ffffff;
2110
- text-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);
2111
- }
2112
- .lui-button-group .lui-button:hover {
2113
- background: #007198;
2114
- cursor: pointer;
2115
- color: #ffffff;
2116
- }
2117
- .lui-button-group .lui-button:focus {
2118
- outline: 2px solid #004b50;
2119
- position: relative;
2120
- }
2121
- .lui-button-group--radio {
2122
- margin-top: 1.5rem;
2123
- }
2124
- .lui-button-group--radio .lui-radio-container {
2125
- margin-top: 0.75rem;
2126
- }
2127
- @media screen and (min-width: 768px) {
2128
- .lui-button-group--radio {
2129
- display: grid;
2130
- grid-template-columns: repeat(24, 1fr);
2131
- font-size: 0 !important;
2132
- }
2133
- .LuiDeprecatedForms .lui-button-group--radio {
2134
- display: grid;
2135
- }
2136
- .lui-button-group--radio input {
2137
- position: absolute !important;
2138
- width: 1px !important;
2139
- height: 1px !important;
2140
- margin: 0 !important;
2141
- padding: 0 !important;
2142
- overflow: hidden !important;
2143
- clip: rect(0 0 0 0) !important;
2144
- -webkit-clip-path: inset(50%) !important;
2145
- clip-path: inset(50%) !important;
2146
- border: 0 !important;
2147
- white-space: nowrap !important;
2148
- }
2149
- .lui-button-group--radio input:checked + label {
2150
- background-color: #007198;
2151
- box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.5);
2152
- color: #ffffff;
2153
- text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
2154
- }
2155
- .LuiDeprecatedForms .lui-button-group--radio input:checked + label {
2156
- color: #ffffff;
2157
- }
2158
- .lui-button-group--radio input:checked:disabled + label, .lui-button-group--radio input:disabled:checked + label:hover {
2159
- background-color: #989189;
2160
- color: #ffffff;
2161
- }
2162
- .LuiDeprecatedForms .lui-button-group--radio input:checked:disabled + label, .LuiDeprecatedForms .lui-button-group--radio input:disabled:checked + label:hover {
2163
- color: #ffffff;
2164
- }
2165
- .lui-button-group--radio input:focus:not([disabled]) + label {
2166
- color: #ffffff;
2167
- background: #007198;
2168
- cursor: pointer;
2169
- }
2170
- .lui-button-group--radio input:disabled + label {
2171
- border-color: #989189 !important;
2172
- }
2173
- .lui-button-group--radio input:disabled + label:hover {
2174
- background-color: #ffffff;
2175
- cursor: default;
2176
- }
2177
- }
2178
- .lui-button-group--radio label {
2179
- margin-left: 0.5rem;
2180
- }
2181
- @media screen and (min-width: 768px) {
2182
- .lui-button-group--radio label {
2183
- display: inline-block;
2184
- font-family: "Open Sans", system-ui, sans-serif;
2185
- font-weight: 700 !important;
2186
- line-height: 40px;
2187
- transition: background-color 0.3s, color 0.3s, height 0.3s, border 0.3s;
2188
- text-align: center;
2189
- border: 2px solid #007198;
2190
- color: #007198;
2191
- border-radius: 0;
2192
- border-right: none;
2193
- width: 100%;
2194
- margin: 0;
2195
- }
2196
- .lui-button-group--radio label:hover {
2197
- color: #ffffff;
2198
- background: #007198;
2199
- cursor: pointer;
2200
- }
2201
- }
2202
-
2203
- .LuiDeprecatedForms .radio-btn-group-pair {
2204
- display: grid;
2205
- grid-template-columns: repeat(24, 1fr);
2206
- font-size: 0 !important;
2207
- }
2208
- .LuiDeprecatedForms .radio-btn-group-pair input {
2209
- position: absolute !important;
2210
- width: 1px !important;
2211
- height: 1px !important;
2212
- margin: 0 !important;
2213
- padding: 0 !important;
2214
- overflow: hidden !important;
2215
- clip: rect(0 0 0 0) !important;
2216
- -webkit-clip-path: inset(50%) !important;
2217
- clip-path: inset(50%) !important;
2218
- border: 0 !important;
2219
- white-space: nowrap !important;
2220
- }
2221
- .LuiDeprecatedForms .radio-btn-group-pair input:checked + label {
2222
- background-color: #007198;
2223
- box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.5);
2224
- color: #ffffff;
2225
- text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
2226
- }
2227
- .LuiDeprecatedForms .radio-btn-group-pair input:focus + label {
2228
- color: #ffffff;
2229
- background: #007198;
2230
- cursor: pointer;
2231
- }
2232
- .LuiDeprecatedForms .radio-btn-group-pair label {
2233
- display: inline-block;
2234
- font-family: "Open Sans", system-ui, sans-serif;
2235
- font-style: normal;
2236
- font-weight: 700;
2237
- line-height: 40px;
2238
- transition: background-color 0.3s, color 0.3s, height 0.3s, border 0.3s;
2239
- text-align: center;
2240
- border: 2px solid #007198;
2241
- color: #007198;
2242
- border-radius: 0;
2243
- border-right: none;
2244
- width: 100%;
2245
- margin: 0;
2246
- }
2247
- .LuiDeprecatedForms .radio-btn-group-pair label:hover {
2248
- color: #ffffff;
2249
- background: #007198;
2250
- cursor: pointer;
2251
- }
2252
- .LuiDeprecatedForms .radio-btn-group-pair .grid-cell-1 {
2253
- grid-column: span 12;
2254
- }
2255
- .LuiDeprecatedForms .radio-btn-group-pair .grid-cell-1 label {
2256
- border-radius: 0.5rem 0 0 0.5rem;
2257
- }
2258
- .LuiDeprecatedForms .radio-btn-group-pair .grid-cell-2 {
2259
- grid-column: span 12;
2260
- }
2261
- .LuiDeprecatedForms .radio-btn-group-pair .grid-cell-2 label {
2262
- border-right: 2px solid #007198;
2263
- border-radius: 0 0.5rem 0.5rem 0;
2264
- }
2265
- @media screen and (min-width: 768px) {
2266
- .LuiDeprecatedForms .radio-btn-group-pair .grid-cell-1 {
2267
- grid-column: span 6;
2268
- }
2269
- .LuiDeprecatedForms .radio-btn-group-pair .grid-cell-2 {
2270
- grid-column: span 6;
2271
- }
2272
- }
2273
- @media screen and (min-width: 1024px) {
2274
- .LuiDeprecatedForms .radio-btn-group-pair .grid-cell-1 {
2275
- grid-column: span 5;
2276
- }
2277
- .LuiDeprecatedForms .radio-btn-group-pair .grid-cell-2 {
2278
- grid-column: span 5;
2279
- }
2280
- }
2281
- @media screen and (min-width: 1280px) {
2282
- .LuiDeprecatedForms .radio-btn-group-pair .grid-cell-1 {
2283
- grid-column: span 4;
2284
- }
2285
- .LuiDeprecatedForms .radio-btn-group-pair .grid-cell-2 {
2286
- grid-column: span 4;
2287
- }
2288
- }
2289
-
2290
- @media screen and (min-width: 768px) {
2291
- .exampleOfGridForButtons .grid-cell-1 {
2292
- grid-column: span 3;
2293
- }
2294
- .exampleOfGridForButtons .grid-cell-1 label {
2295
- border-radius: 0.5rem 0 0 0.5rem;
2296
- }
2297
- .exampleOfGridForButtons .grid-cell-2 {
2298
- grid-column: span 5;
2299
- }
2300
- .exampleOfGridForButtons .grid-cell-3 {
2301
- grid-column: span 8;
2302
- }
2303
- .exampleOfGridForButtons .grid-cell-4 {
2304
- grid-column: span 8;
2305
- }
2306
- .exampleOfGridForButtons .grid-cell-4 label {
2307
- border-right: 2px solid #007198;
2308
- border-radius: 0 0.5rem 0.5rem 0;
2309
- }
2310
- }
2311
- @media screen and (min-width: 1024px) {
2312
- .exampleOfGridForButtons .grid-cell-1 {
2313
- grid-column: span 4;
2314
- }
2315
- .exampleOfGridForButtons .grid-cell-2 {
2316
- grid-column: span 5;
2317
- }
2318
- .exampleOfGridForButtons .grid-cell-3 {
2319
- grid-column: span 5;
2320
- }
2321
- .exampleOfGridForButtons .grid-cell-4 {
2322
- grid-column: span 5;
2323
- }
2324
- }
2325
- @media screen and (min-width: 1280px) {
2326
- .exampleOfGridForButtons .grid-cell-1 {
2327
- grid-column: span 3;
2328
- }
2329
- .exampleOfGridForButtons .grid-cell-2 {
2330
- grid-column: span 4;
2331
- }
2332
- .exampleOfGridForButtons .grid-cell-3 {
2333
- grid-column: span 4;
2334
- }
2335
- .exampleOfGridForButtons .grid-cell-4 {
2336
- grid-column: span 4;
2337
- }
2338
- }
2339
-
2340
- .linz-button-primary {
2341
- border: 2px solid #023d48;
2342
- background-color: #023d48;
2343
- border-color: #023d48;
2344
- color: #fff;
2345
- }
2346
- .linz-button-primary:hover {
2347
- background-color: #01818a;
2348
- border-color: #01818a;
2349
- cursor: pointer;
2350
- }
2351
-
2352
- .linz-button-secondary {
2353
- border: 2px solid #023d48;
2354
- color: #023d48;
2355
- }
2356
- .linz-button-secondary:hover {
2357
- background-color: #01818a;
2358
- border-color: #01818a;
2359
- color: #fff;
2360
- cursor: pointer;
2361
- }
2362
-
2363
- .linz-button-tertiary {
2364
- border: 2px solid #e1e44a;
2365
- background-color: #e1e44a;
2366
- color: #023d48;
2367
- }
2368
- .linz-button-tertiary:hover {
2369
- background-color: #cdcf59;
2370
- border-color: #cdcf59;
2371
- cursor: pointer;
2372
- }
2373
-
2374
- .LuiDeprecatedForms .LuiFormLabel-wrapper {
2375
- margin-bottom: 4px;
2376
- }
2377
-
2378
- .LuiDeprecatedForms .lui-checkbox-container,
2379
- .LuiDeprecatedForms .lui-radio-container {
2380
- display: flex;
2381
- position: relative;
2382
- }
2383
- .LuiDeprecatedForms .lui-checkbox-container input,
2384
- .LuiDeprecatedForms .lui-radio-container input {
2385
- height: 1.5rem;
2386
- min-width: 1.5rem;
2387
- width: 1.5rem;
2388
- appearance: none;
2389
- -webkit-appearance: none;
2390
- -moz-appearance: none;
2391
- -o-appearance: none;
2392
- border: 0.13rem solid #007198;
2393
- background-color: #ffffff;
2394
- position: relative;
2395
- margin: 0;
2396
- }
2397
- .LuiDeprecatedForms .lui-checkbox-container input:disabled,
2398
- .LuiDeprecatedForms .lui-radio-container input:disabled {
2399
- border: 0.06rem solid #989189;
2400
- background-color: #eaeaea;
2401
- }
2402
- .LuiDeprecatedForms .lui-checkbox-container input:disabled + label,
2403
- .LuiDeprecatedForms .lui-radio-container input:disabled + label {
2404
- color: #989189;
2405
- }
2406
- .LuiDeprecatedForms .lui-checkbox-container label,
2407
- .LuiDeprecatedForms .lui-radio-container label {
2408
- font-family: "Open Sans", system-ui, sans-serif;
2409
- font-style: normal;
2410
- font-weight: 300;
2411
- font-size: 16px;
2412
- }
2413
- .LuiDeprecatedForms .lui-radio-container input {
2414
- border-radius: 50%;
2415
- }
2416
- .LuiDeprecatedForms .lui-radio-container input:checked:before {
2417
- display: block;
2418
- position: absolute;
2419
- left: 50%;
2420
- content: "";
2421
- top: 50%;
2422
- transform: translate(-50%, -50%);
2423
- width: 14px;
2424
- height: 14px;
2425
- border-radius: 50%;
2426
- background: #004b50;
2427
- }
2428
- .LuiDeprecatedForms .lui-radio-container input:checked:disabled:before {
2429
- background: #989189;
2430
- }
2431
- .LuiDeprecatedForms .lui-checkbox-container input[type=checkbox] {
2432
- box-sizing: border-box;
2433
- border-radius: 3px;
2434
- position: relative;
2435
- }
2436
- .LuiDeprecatedForms .lui-checkbox-container input[type=checkbox]:checked {
2437
- border: 0.13rem solid #004b50;
2438
- background-color: #004b50;
2439
- }
2440
- .LuiDeprecatedForms .lui-checkbox-container input[type=checkbox]:checked:before {
2441
- display: block;
2442
- position: absolute;
2443
- width: 1.24rem;
2444
- height: 1.24rem;
2445
- font-family: "Material Icons Round";
2446
- left: 0;
2447
- top: -1px;
2448
- content: "\e876";
2449
- text-align: center;
2450
- color: #fff;
2451
- font-size: 1.13rem;
2452
- line-height: 1.5rem;
2453
- vertical-align: middle;
2454
- }
2455
- .LuiDeprecatedForms .lui-checkbox-container input[type=checkbox]:checked:disabled {
2456
- background: #989189;
2457
- border-color: #989189;
2458
- }
2459
- .LuiDeprecatedForms .lui-input-error .lui-input-group-wrapper, .LuiDeprecatedForms .lui-input-error.lui-button-group {
2460
- position: relative;
2461
- border: 0.06rem solid #cc0000;
2462
- border-left: 48px solid #cc0000;
2463
- padding: 0.25rem 0.5rem 0.5rem;
2464
- margin-top: 1.5rem;
2465
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
2466
- }
2467
- .LuiDeprecatedForms .lui-input-error .lui-input-group-wrapper .lui-form-status-icon, .LuiDeprecatedForms .lui-input-error.lui-button-group .lui-form-status-icon {
2468
- left: -2.5rem;
2469
- font-size: 2rem;
2470
- }
2471
- .LuiDeprecatedForms .lui-input-error.lui-button-group {
2472
- padding: 0;
2473
- }
2474
- .LuiDeprecatedForms .lui-input-error.lui-button-group .lui-button-wrapper button {
2475
- border: 0.06rem solid #cc0000;
2476
- }
2477
-
2478
- .LuiDeprecatedForms input:not([type=checkbox]):not([type=radio]),
2479
- .LuiDeprecatedForms textarea,
2480
- .LuiDeprecatedForms select {
2481
- font-family: "Open Sans", system-ui, sans-serif;
2482
- font-style: normal;
2483
- font-weight: normal;
2484
- font-size: 16px;
2485
- color: #2a292c;
2486
- border: 0.06rem solid #beb9b4;
2487
- border-radius: 3px;
2488
- line-height: 48px;
2489
- width: 100%;
2490
- margin: 0;
2491
- transition: border 0.3s cubic-bezier(1, 0, 0, 1);
2492
- box-sizing: border-box;
2493
- min-height: 48px;
2494
- }
2495
- .LuiDeprecatedForms input:not([type=checkbox]):not([type=radio])::placeholder,
2496
- .LuiDeprecatedForms textarea::placeholder,
2497
- .LuiDeprecatedForms select::placeholder {
2498
- font-family: "Open Sans", system-ui, sans-serif;
2499
- font-style: italic;
2500
- font-weight: normal;
2501
- color: #6b6966;
2502
- }
2503
- .LuiDeprecatedForms textarea {
2504
- font-family: "Open Sans", system-ui, sans-serif;
2505
- font-style: normal;
2506
- font-weight: normal;
2507
- line-height: 1.5;
2508
- padding: 0.5rem 0.5rem 0.5rem 0.75rem;
2509
- }
2510
- .LuiDeprecatedForms select {
2511
- appearance: none;
2512
- -webkit-appearance: none;
2513
- -moz-appearance: none;
2514
- -o-appearance: none;
2515
- font-family: "Open Sans", system-ui, sans-serif;
2516
- font-style: normal;
2517
- font-weight: normal;
2518
- cursor: pointer;
2519
- -webkit-font-smoothing: antialiased;
2520
- -moz-osx-font-smoothing: grayscale;
2521
- background-repeat: no-repeat;
2522
- background-position: right 0.7em top 50%;
2523
- background-size: 1.5rem auto;
2524
- background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%20%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%3Cpath%20d%3D%22M7%2010l5%205%205-5z%22%20fill%3D%22%23414042%22%20%2F%3E%20%0A%20%3C%2Fsvg%3E");
2525
- }
2526
- .LuiDeprecatedForms input:not([type=checkbox]):not([type=radio]),
2527
- .LuiDeprecatedForms select {
2528
- padding: 0 0.75rem;
2529
- }
2530
- .LuiDeprecatedForms .lui-input-error {
2531
- position: relative;
2532
- }
2533
- .LuiDeprecatedForms .lui-input-error .lui-form-status-icon {
2534
- position: absolute;
2535
- top: 0.5rem;
2536
- left: 0.5rem;
2537
- color: white;
2538
- z-index: 1;
2539
- font-size: 2rem;
2540
- }
2541
- .LuiDeprecatedForms .lui-input-error input:not([type=checkbox]):not([type=radio]),
2542
- .LuiDeprecatedForms .lui-input-error textarea,
2543
- .LuiDeprecatedForms .lui-input-error select {
2544
- border: 0.06rem solid #cc0000;
2545
- border-left: 48px solid #cc0000;
2546
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
2547
- }
2548
- .LuiDeprecatedForms .lui-input-error input:not([type=checkbox]):not([type=radio]):focus,
2549
- .LuiDeprecatedForms .lui-input-error textarea:focus,
2550
- .LuiDeprecatedForms .lui-input-error select:focus {
2551
- outline: 0.06rem solid #5a0000;
2552
- }
2553
- .LuiDeprecatedForms .lui-input-error p {
2554
- font-size: 0.875rem;
2555
- }
2556
- .LuiDeprecatedForms .lui-input-warning {
2557
- position: relative;
2558
- }
2559
- .LuiDeprecatedForms .lui-input-warning .lui-form-status-icon {
2560
- position: absolute;
2561
- top: 0.5rem;
2562
- left: 0.5rem;
2563
- color: white;
2564
- z-index: 100;
2565
- font-size: 2rem;
2566
- }
2567
- .LuiDeprecatedForms .lui-input-warning input:not([type=checkbox]):not([type=radio]),
2568
- .LuiDeprecatedForms .lui-input-warning textarea,
2569
- .LuiDeprecatedForms .lui-input-warning select {
2570
- border: 0.06rem solid #ea6a2e;
2571
- border-left: 48px solid #ea6a2e;
2572
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
2573
- }
2574
- .LuiDeprecatedForms .lui-input-warning input:not([type=checkbox]):not([type=radio]):focus,
2575
- .LuiDeprecatedForms .lui-input-warning textarea:focus,
2576
- .LuiDeprecatedForms .lui-input-warning select:focus {
2577
- outline: 0.06rem solid #b33a01;
2578
- }
2579
- .LuiDeprecatedForms .lui-input-warning p {
2580
- font-size: 0.875rem;
2581
- }
2582
- .LuiDeprecatedForms label,
2583
- .LuiDeprecatedForms fieldset,
2584
- .LuiDeprecatedForms legend {
2585
- display: block;
2586
- }
2587
- .LuiDeprecatedForms label,
2588
- .LuiDeprecatedForms legend {
2589
- font-size: 0.875rem;
2590
- font-family: "Open Sans", system-ui, sans-serif;
2591
- font-style: normal;
2592
- font-weight: 600;
2593
- }
2594
- .LuiDeprecatedForms fieldset {
2595
- border: none;
2596
- padding: 0;
2597
- }
2598
- .LuiDeprecatedForms .lui-required-input-icon {
2599
- display: inline-block;
2600
- width: 10px;
2601
- margin: 0 0 0 -10px;
2602
- color: #cc0000;
2603
- }
2604
- @media screen and (min-width: 768px) {
2605
- .LuiDeprecatedForms .lui-required-input-icon {
2606
- margin: 0 5px 0 -15px;
2607
- }
2608
- }
2609
- .LuiDeprecatedForms .lui-error-msg {
2610
- font-family: "Open Sans", system-ui, sans-serif;
2611
- font-style: normal;
2612
- font-weight: 600;
2613
- color: #cc0000;
2614
- }
2615
- .LuiDeprecatedForms .lui-bearing-input-wrapper {
2616
- max-width: 750px;
2617
- position: relative;
2618
- }
2619
- .LuiDeprecatedForms .lui-bearing-input-wrapper .lui-bearing-display {
2620
- position: absolute;
2621
- right: 14px;
2622
- top: 0;
2623
- line-height: 48px;
2624
- color: #beb9b4;
2625
- }
2626
- .LuiDeprecatedForms .lui-input-group-wrapper {
2627
- margin-top: 0.5rem;
2628
- }
2629
- .LuiDeprecatedForms p.lui-fieldset-support-txt {
2630
- margin-top: 0.5rem;
2631
- }
2632
- .LuiDeprecatedForms .lui-error-msg {
2633
- margin-top: 5px;
2634
- }
2635
-
2636
- .lui-icon {
2637
- display: inline-block;
2638
- width: 24px;
2639
- height: 24px;
2640
- }
2641
- .lui-icon-lg {
2642
- width: 48px;
2643
- height: 48px;
2644
- font-size: 3rem;
2645
- }
2646
- .lui-icon-maori-land {
2647
- background-size: cover;
2648
- }
2649
-
2650
- *:not[button] i[class^=material-icons],
2651
- *:not[button] .lui-link-icon {
2652
- color: #007198;
2653
- transition: color 0.3s cubic-bezier(1, 0, 0, 1);
2654
- }
2655
- *:not[button] i[class^=material-icons]:hover,
2656
- *:not[button] .lui-link-icon:hover {
2657
- cursor: pointer;
2658
- color: #004b50;
2659
- }
2660
- *:not[button] i[class^=material-icons]:visited,
2661
- *:not[button] .lui-link-icon:visited {
2662
- color: #00425d;
2663
- }
2664
- *:not[button] .lui-link-icon-disabled i {
2665
- color: #989189;
2666
- }
2667
- *:not[button] .lui-link-icon-disabled i:hover {
2668
- cursor: not-allowed;
2669
- }
2670
-
2671
- .lui-inactive-icon {
2672
- color: #989189;
2673
- }
2674
-
2675
- td,
2676
- th {
2677
- vertical-align: top;
2678
- }
2679
-
2680
- table {
2681
- width: 100%;
2682
- border-collapse: collapse;
2683
- margin-top: 2rem;
2684
- }
2685
- table caption {
2686
- padding: 0.5rem 0.5rem 0.5rem 0;
2687
- text-align: left;
2688
- font-size: rem(14px);
2689
- }
2690
- table caption.lui-table-caption-bottom {
2691
- caption-side: bottom;
2692
- }
2693
- table thead {
2694
- border-top: 1px solid #989189;
2695
- }
2696
- table thead th,
2697
- table thead .lui-table-head-cell {
2698
- color: #017a76;
2699
- font-family: "Open Sans", system-ui, sans-serif;
2700
- font-style: normal;
2701
- font-weight: 600;
2702
- }
2703
- table tbody {
2704
- border-top: 1px solid #989189;
2705
- border-bottom: 1px solid #989189;
2706
- }
2707
- table tr {
2708
- border-bottom: 1px solid #eaeaea;
2709
- }
2710
- table tr:not(:first-child) {
2711
- border-top: 1px solid #fff;
2712
- }
2713
- table .lui-table-row-selected {
2714
- background-color: #e2f3f7 !important;
2715
- }
2716
- table th {
2717
- font-weight: 500;
2718
- }
2719
- table th,
2720
- table td {
2721
- padding: 0.75rem 0.5rem;
2722
- text-align: left;
2723
- border-spacing: 0;
2724
- border: none;
2725
- margin: 0;
2726
- }
2727
- table label {
2728
- display: inline-block;
2729
- margin: 0;
2730
- font-family: "Open Sans", system-ui, sans-serif;
2731
- font-style: normal;
2732
- font-weight: 300;
2733
- }
2734
- .LuiDeprecatedForms table label {
2735
- font-family: "Open Sans", system-ui, sans-serif;
2736
- font-style: normal;
2737
- font-weight: 300;
2738
- display: inline-block;
2739
- }
2740
- table label:hover {
2741
- cursor: pointer;
2742
- }
2743
- table .lui-checkbox-container {
2744
- margin-top: 0;
2745
- }
2746
- table .lui-checkbox-container input {
2747
- top: 0;
2748
- }
2749
-
2750
- .lui-table-column-headers th {
2751
- font-family: "Open Sans", system-ui, sans-serif;
2752
- font-style: normal;
2753
- font-weight: normal;
2754
- }
2755
-
2756
- .lui-table-zebra tr:nth-child(even) {
2757
- background-color: #f9f9f9;
2758
- }
2759
- .lui-row-zebra {
2760
- background-color: #f9f9f9;
2761
- }
2762
- .lui-table-first-level-row-zebra > tr:nth-child(even) {
2763
- background-color: #f9f9f9;
2764
- }
2765
-
2766
- .lui-table-col-icon-row1 td:first-child {
2767
- width: 1.5rem;
2768
- }
2769
-
2770
- .lui-table-col-icon-last-row td:last-child {
2771
- width: 1.5rem;
2772
- text-align: right;
2773
- }
2774
-
2775
- .lui-table-icon-cell {
2776
- width: 1.5rem;
2777
- }
2778
-
2779
- .tippy-box[data-theme~=LUI] {
2780
- border: solid 2px #007198;
2781
- border-radius: 5px;
2782
- background: #ffffff;
2783
- box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
2784
- }
2785
- .tippy-box[data-theme~=LUI] > .tippy-content {
2786
- font-size: 16px;
2787
- font-family: "Open Sans", system-ui, sans-serif;
2788
- font-style: normal;
2789
- font-weight: normal;
2790
- color: #363636;
2791
- padding: 12px 20px;
2792
- background: #ffffff;
2793
- }
2794
- .tippy-box[data-theme~=LUI] > .tippy-arrow {
2795
- color: #007198;
2796
- transform-style: preserve-3d;
2797
- }
2798
- .tippy-box[data-theme~=LUI] > .tippy-arrow::before {
2799
- border-left: 12px solid transparent;
2800
- border-right: 12px solid transparent;
2801
- }
2802
- .tippy-box[data-theme~=LUI] > .tippy-arrow::after {
2803
- content: "";
2804
- position: absolute;
2805
- left: 0;
2806
- transform: translateZ(-1px);
2807
- border-left: 12px solid transparent;
2808
- border-right: 12px solid transparent;
2809
- }
2810
- .tippy-box[data-theme~=LUI][data-placement^=top] > .tippy-arrow::before {
2811
- border-top: 21px solid #ffffff;
2812
- bottom: -19px;
2813
- }
2814
- .tippy-box[data-theme~=LUI][data-placement^=top] > .tippy-arrow::after {
2815
- border-top: 22px solid #007198;
2816
- bottom: -23px;
2817
- }
2818
- .tippy-box[data-theme~=LUI][data-placement^=bottom] > .tippy-arrow::before {
2819
- border-bottom: 21px solid #ffffff;
2820
- top: -19px;
2821
- }
2822
- .tippy-box[data-theme~=LUI][data-placement^=bottom] > .tippy-arrow::after {
2823
- border-bottom: 22px solid #007198;
2824
- top: -23px;
2825
- }
2826
- .tippy-box[data-theme~=LUI][data-placement^=left] > .tippy-arrow::before {
2827
- border-left: 21px solid #ffffff;
2828
- left: 12px;
2829
- }
2830
- .tippy-box[data-theme~=LUI][data-placement^=left] > .tippy-arrow::after {
2831
- border-left: 22px solid #007198;
2832
- left: 16px;
2833
- }
2834
- .tippy-box[data-theme~=LUI][data-placement^=right] > .tippy-arrow::before {
2835
- border-right: 21px solid #ffffff;
2836
- left: -30px;
2837
- }
2838
- .tippy-box[data-theme~=LUI][data-placement^=right] > .tippy-arrow::after {
2839
- border-right: 22px solid #007198;
2840
- left: -34px;
2841
- }
2842
-
2843
- /**
2844
- * Here is where we can override the styles of react-menu
2845
- */
2846
- .lui-expand-container {
2847
- display: flex;
2848
- align-items: center;
2849
- }
2850
- .lui-expand-header {
2851
- cursor: pointer;
2852
- user-select: none;
2853
- padding: 0.75rem 0 0.75rem 0;
2854
- display: flex;
2855
- justify-content: space-between;
2856
- }
2857
- .lui-expand-header h2,
2858
- .lui-expand-header h3,
2859
- .lui-expand-header h4,
2860
- .lui-expand-header h5,
2861
- .lui-expand-header h6 {
2862
- font-family: "Open Sans", system-ui, sans-serif;
2863
- font-style: normal;
2864
- font-weight: 600;
2865
- width: auto;
2866
- font-size: 1.25rem;
2867
- margin: 0;
2868
- }
2869
- .lui-expand-header:hover {
2870
- cursor: pointer;
2871
- }
2872
- .lui-expand-icon {
2873
- align-self: center;
2874
- color: #007198;
2875
- user-select: none;
2876
- transform: rotate(0deg);
2877
- transition: transform 0.3s cubic-bezier(1, 0, 0, 1);
2878
- }
2879
- .lui-expand-icon:hover {
2880
- cursor: pointer;
2881
- }
2882
- .lui-expand-icon.lui-expand-icon-transform {
2883
- transform: rotate(180deg);
2884
- }
2885
- .lui-collapse-text {
2886
- overflow: hidden;
2887
- transition: height 0.3s cubic-bezier(1, 0, 0, 1);
2888
- height: 0;
2889
- }
2890
- .lui-collapse-text *:first-child {
2891
- margin-top: 0;
2892
- }
2893
-
2894
- .lui-footer {
2895
- padding-top: 2rem;
2896
- padding-bottom: 1.5rem;
2897
- padding-left: 1.5rem;
2898
- padding-right: 1.5rem;
2899
- background-color: #004b50;
2900
- }
2901
- .lui-footer div[class*=row-divider] {
2902
- border-color: #017a76;
2903
- }
2904
- @media screen and (min-width: 768px) {
2905
- .lui-footer .lui-footer-columns {
2906
- display: flex;
2907
- justify-content: space-between;
2908
- }
2909
- }
2910
- @media screen and (min-width: 768px) {
2911
- .lui-footer .lui-footer-columns {
2912
- flex-direction: row;
2913
- justify-content: space-between;
2914
- flex: 0 1 auto;
2915
- }
2916
- }
2917
- @media screen and (min-width: 768px) {
2918
- .lui-footer .lui-footer-container-right {
2919
- text-align: right;
2920
- }
2921
- }
2922
- .lui-footer h1,
2923
- .lui-footer h2,
2924
- .lui-footer h3,
2925
- .lui-footer h4,
2926
- .lui-footer p,
2927
- .lui-footer li,
2928
- .lui-footer a {
2929
- color: #dcf5f0;
2930
- }
2931
- .lui-footer h1,
2932
- .lui-footer h2,
2933
- .lui-footer h3,
2934
- .lui-footer h4 {
2935
- margin-top: 0;
2936
- font-family: "Open Sans", system-ui, sans-serif;
2937
- font-style: normal;
2938
- font-weight: normal;
2939
- }
2940
- .lui-footer a {
2941
- text-decoration: underline;
2942
- }
2943
- .lui-footer a:before {
2944
- display: none;
2945
- }
2946
- .lui-footer a:hover {
2947
- color: #ffffff;
2948
- }
2949
- .lui-footer a:visited {
2950
- color: #beb9b4;
2951
- }
2952
- .lui-footer .lui-footer-list {
2953
- list-style-type: none;
2954
- padding: 0;
2955
- margin: 0;
2956
- }
2957
- .lui-footer .lui-footer-list li {
2958
- margin-top: 0.75rem;
2959
- }
2960
- .lui-footer .lui-footer-list li a {
2961
- color: #dcf5f0;
2962
- }
2963
- .lui-footer .lui-footer-inline-list-item {
2964
- display: block;
2965
- margin-right: 2.5rem;
2966
- margin-bottom: 1.5rem;
2967
- }
2968
- @media screen and (min-width: 768px) {
2969
- .lui-footer .lui-footer-inline-list-item {
2970
- display: inline-block;
2971
- }
2972
- }
2973
- .lui-footer .lui-footer-logo-row {
2974
- margin-top: 0;
2975
- }
2976
- @media screen and (min-width: 768px) {
2977
- .lui-footer .lui-footer-logo-row {
2978
- margin-top: 3rem;
2979
- }
2980
- }
2981
- .lui-footer .lui-footer-nz-govt-logo,
2982
- .lui-footer .lui-footer-copyright {
2983
- text-align: left;
2984
- }
2985
- @media screen and (min-width: 768px) {
2986
- .lui-footer .lui-footer-nz-govt-logo,
2987
- .lui-footer .lui-footer-copyright {
2988
- text-align: right;
2989
- }
2990
- }
2991
- .lui-footer .lui-footer-nz-govt-logo {
2992
- margin-top: 3rem;
2993
- }
2994
- @media screen and (min-width: 768px) {
2995
- .lui-footer .lui-footer-nz-govt-logo {
2996
- text-align: right;
2997
- margin-top: 0.75rem;
2998
- }
2999
- }
3000
- .lui-footer .lui-small {
3001
- text-align: left;
3002
- }
3003
- @media screen and (min-width: 768px) {
3004
- .lui-footer .lui-small {
3005
- text-align: right;
3006
- }
3007
- }
3008
- .lui-footer.lui-footer-small {
3009
- padding: 0.5rem 0.75rem;
3010
- }
3011
-
3012
- .lui-header {
3013
- background: linear-gradient(70deg, #00425d 12%, #007198 100%);
3014
- color: #fff;
3015
- }
3016
- .lui-header:after {
3017
- width: 100%;
3018
- content: "";
3019
- display: block;
3020
- height: 6px;
3021
- overflow: hidden;
3022
- background: linear-gradient(270deg, #00a599 1%, #73cdc8 100%);
3023
- }
3024
- .lui-header.lui-header-transparent {
3025
- background: transparent;
3026
- color: #007198;
3027
- }
3028
- .lui-header.lui-header-transparent:after {
3029
- content: none;
3030
- }
3031
- .lui-header.lui-header-transparent .lui-header-menu-icon {
3032
- color: #017a76;
3033
- }
3034
-
3035
- .lui-header-row {
3036
- display: flex;
3037
- justify-content: space-between;
3038
- align-items: center;
3039
- height: 85px;
3040
- padding-left: 1.5rem;
3041
- padding-right: 1.5rem;
3042
- padding-top: 0.5rem;
3043
- padding-bottom: 0.5rem;
3044
- }
3045
- @media screen and (min-width: 768px) {
3046
- .lui-header-row {
3047
- padding-left: 2.25rem;
3048
- padding-right: 2.25rem;
3049
- height: 110px;
3050
- }
3051
- }
3052
- @media screen and (min-width: 1280px) {
3053
- .lui-header-row {
3054
- padding-left: 3rem;
3055
- padding-right: 3rem;
3056
- }
3057
- }
3058
-
3059
- .lui-header-col {
3060
- display: flex;
3061
- align-items: center;
3062
- flex-wrap: nowrap;
3063
- flex: 0 1 auto;
3064
- height: 100%;
3065
- }
3066
-
3067
- .lui-header-menu-item {
3068
- margin-left: 2rem;
3069
- }
3070
-
3071
- .lui-header-title {
3072
- padding-left: 2rem;
3073
- white-space: nowrap;
3074
- }
3075
- .lui-header-title h1 {
3076
- color: #ffffff;
3077
- }
3078
- @media only screen {
3079
- .lui-header-title h1 {
3080
- display: none;
3081
- }
3082
- }
3083
- @media screen and (min-width: 480px) {
3084
- .lui-header-title h1 {
3085
- display: block;
3086
- font-size: 2rem;
3087
- line-height: 2rem;
3088
- font-family: "Open Sans", system-ui, sans-serif;
3089
- font-style: normal;
3090
- font-weight: 300;
3091
- margin: 0;
3092
- }
3093
- }
3094
- @media screen and (min-width: 768px) {
3095
- .lui-header-title h1 {
3096
- font-size: 2.25rem;
3097
- line-height: 2.25rem;
3098
- }
3099
- }
3100
-
3101
- .lui-header-logo {
3102
- margin-left: 0.5rem;
3103
- }
3104
- .lui-header-logo a:before {
3105
- display: none;
3106
- }
3107
- @media screen and (min-width: 480px) {
3108
- .lui-header-logo {
3109
- margin-left: 0;
3110
- padding-right: 2rem;
3111
- border-right: 1px solid #00a599;
3112
- }
3113
- }
3114
- .lui-header-logo .clickable {
3115
- cursor: pointer;
3116
- }
3117
-
3118
- .linz-logo {
3119
- width: 170px;
3120
- }
3121
- @media screen and (min-width: 480px) {
3122
- .linz-logo {
3123
- width: 200px;
3124
- }
3125
- }
3126
-
3127
- .lui-header-small .lui-header-row {
3128
- height: 60px;
3129
- }
3130
- .lui-header-small .lui-header-row .lui-header-col {
3131
- height: 40px;
3132
- }
3133
- .lui-header-small .lui-header-row .lui-header-col .lui-header-logo {
3134
- border: none;
3135
- }
3136
- .lui-header-small .lui-header-row .lui-header-col .linz-motif {
3137
- height: 32px;
3138
- }
3139
- .lui-header-small:after {
3140
- height: 3px;
3141
- }
3142
-
3143
- .lui-header-sticky {
3144
- position: fixed;
3145
- z-index: 50;
3146
- top: 0;
3147
- left: 0;
3148
- width: 100%;
3149
- }
3150
- .lui-header-sticky + div, .lui-header-sticky + main {
3151
- margin-top: 91px;
3152
- }
3153
- @media screen and (min-width: 768px) {
3154
- .lui-header-sticky + div, .lui-header-sticky + main {
3155
- margin-top: 116px;
3156
- }
3157
- }
3158
- .lui-header-sticky.lui-header-small + div, .lui-header-sticky.lui-header-small + main {
3159
- margin-top: 63px;
3160
- }
3161
-
3162
- .lui-header-menu-item {
3163
- position: relative;
3164
- }
3165
- .lui-header-menu-item .lui-header-menu-icon {
3166
- font-family: "Open Sans", system-ui, sans-serif;
3167
- font-style: normal;
3168
- font-weight: 600;
3169
- position: relative;
3170
- display: flex;
3171
- align-items: center;
3172
- color: #ffffff;
3173
- cursor: default;
3174
- user-select: none;
3175
- }
3176
- .lui-header-menu-item .lui-header-menu-icon.clickable:hover {
3177
- cursor: pointer;
3178
- }
3179
- .lui-header-menu-item .lui-header-menu-icon .lui-menu-label {
3180
- text-align: left;
3181
- padding-left: 10px;
3182
- }
3183
- .lui-header-menu-item .lui-header-menu-icon i {
3184
- font-size: 2rem;
3185
- }
3186
- .lui-header-menu-item .lui-header-menu-icon .badge {
3187
- position: absolute;
3188
- top: -0.3rem;
3189
- left: 1.2rem;
3190
- width: 1.3rem;
3191
- height: 1.3rem;
3192
- font-size: 0.8em;
3193
- }
3194
-
3195
- .badge {
3196
- display: block;
3197
- text-align: center;
3198
- border-radius: 50%;
3199
- background: #cc0000;
3200
- color: white;
3201
- }
3202
-
3203
- .lui-help-section ol.lui-help-numbering {
3204
- list-style: none;
3205
- margin: 0;
3206
- padding: 0;
3207
- }
3208
- .lui-help-section ol.lui-help-numbering li {
3209
- counter-increment: lui-list-counter;
3210
- position: relative;
3211
- margin: 3rem 0 0 3rem;
3212
- }
3213
- .lui-help-section ol.lui-help-numbering li p:first-child {
3214
- font-family: "Open Sans", system-ui, sans-serif;
3215
- font-style: normal;
3216
- font-weight: normal;
3217
- }
3218
- .lui-help-section ol.lui-help-numbering li:before {
3219
- content: counter(lui-list-counter);
3220
- position: absolute;
3221
- top: 0;
3222
- left: -3rem;
3223
- font-size: 1.5rem;
3224
- font-weight: 500;
3225
- color: #017a76;
3226
- width: 20px;
3227
- height: 32px;
3228
- border-right: 1px solid #beb9b4;
3229
- font-size: 1.125rem;
3230
- }
3231
- @media screen and (min-width: 768px) {
3232
- .lui-help-section ol.lui-help-numbering li:before {
3233
- width: 30px;
3234
- }
3235
- }
3236
- .lui-help-section img {
3237
- margin: 0.75rem 0 0 0;
3238
- height: auto;
3239
- width: 75%;
3240
- }
3241
-
3242
- .lui-menu-close-button:hover {
3243
- cursor: pointer;
3244
- }
3245
-
3246
- .lui-menu.rc-menu {
3247
- z-index: 900;
3248
- color: #2a292c;
3249
- font-family: "Open Sans", system-ui, sans-serif;
3250
- font-style: normal;
3251
- font-weight: 300;
3252
- }
3253
- .lui-menu.rc-menu a[role=menuitem] {
3254
- text-decoration: none;
3255
- color: #2a292c;
3256
- font-family: "Open Sans", system-ui, sans-serif;
3257
- font-style: normal;
3258
- font-weight: 300;
3259
- }
3260
-
3261
- body.lui-menu-drawer-open {
3262
- overflow-y: hidden;
3263
- }
3264
-
3265
- .lui-menu-drawer {
3266
- text-align: left;
3267
- background-color: white;
3268
- color: #2a292c;
3269
- height: 100%;
3270
- width: 300px;
3271
- max-width: 100%;
3272
- position: fixed;
3273
- z-index: 1;
3274
- top: 0;
3275
- right: 0;
3276
- overflow-x: hidden;
3277
- border-left: 2px solid #eaeaea;
3278
- transition: right 0.5s, visibility 0.6s;
3279
- }
3280
- .lui-header .lui-menu-drawer {
3281
- top: 91px;
3282
- height: calc(100% - 91px);
3283
- }
3284
- @media screen and (min-width: 768px) {
3285
- .lui-header .lui-menu-drawer {
3286
- top: 116px;
3287
- height: calc(100% - 116px);
3288
- }
3289
- }
3290
- .lui-header-small .lui-menu-drawer {
3291
- top: 63px;
3292
- height: calc(100% - 63px);
3293
- }
3294
- .lui-menu-drawer-closed {
3295
- right: -300px;
3296
- visibility: hidden;
3297
- }
3298
- .lui-menu-drawer-options hr {
3299
- background-color: #eaeaea;
3300
- }
3301
- .lui-menu-drawer-option {
3302
- display: flex;
3303
- justify-content: space-between;
3304
- padding: 12px 16px;
3305
- }
3306
- .lui-menu-drawer-option:hover {
3307
- cursor: pointer;
3308
- background-color: #e2f3f7;
3309
- }
3310
- .lui-menu-drawer-option-label {
3311
- display: flex;
3312
- align-items: center;
3313
- }
3314
- .lui-menu-drawer-option-label :first-child {
3315
- margin-right: 10px;
3316
- }
3317
- .lui-menu-drawer-option-label i {
3318
- color: #017a76;
3319
- font-size: 1.5rem;
3320
- }
3321
- .lui-menu-drawer-option .badge {
3322
- width: 24px;
3323
- height: 24px;
3324
- }
3325
-
3326
- .lui-menu-dropdown {
3327
- text-align: left;
3328
- background-color: white;
3329
- color: #2a292c;
3330
- position: absolute;
3331
- width: 350px;
3332
- border-radius: 3px;
3333
- right: 0;
3334
- top: 2rem;
3335
- z-index: 900;
3336
- }
3337
- .lui-menu-dropdown-closed {
3338
- display: none;
3339
- }
3340
-
3341
- .LuiDrawerMenuSection-header {
3342
- font-family: "Open Sans", system-ui, sans-serif;
3343
- font-style: normal;
3344
- font-weight: 600;
3345
- background-color: #f9f9f9;
3346
- white-space: nowrap;
3347
- padding-left: 16px;
3348
- padding-right: 8px;
3349
- }
3350
-
3351
- .LuiDrawerMenuSection-header .lui-expand-header {
3352
- padding-top: 8px;
3353
- padding-bottom: 8px;
3354
- display: flex;
3355
- }
3356
-
3357
- .LuiDrawerMenuSection-header h3 {
3358
- font-family: "Open Sans", system-ui, sans-serif;
3359
- font-style: normal;
3360
- font-weight: 600;
3361
- font-size: 16px;
3362
- color: #2a292c;
3363
- margin-top: 0;
3364
- line-height: 32px;
3365
- }
3366
-
3367
- .LuiDrawerMenuDivider {
3368
- height: 1px;
3369
- background-color: #eaeaea;
3370
- }
3371
-
3372
- .lui-msg-success {
3373
- border-left: 50px solid #ccc;
3374
- padding: 0.75rem 50px 16px 0.75rem;
3375
- margin: 2rem 0;
3376
- color: #6b6966;
3377
- background: #eaeaea;
3378
- position: relative;
3379
- border-color: #0aa245;
3380
- background: #e9fae7;
3381
- }
3382
- .lui-msg-success p {
3383
- margin: 0;
3384
- font-family: "Open Sans", system-ui, sans-serif;
3385
- font-style: normal;
3386
- font-weight: normal;
3387
- }
3388
- .lui-msg-success h2 {
3389
- font-size: 16px;
3390
- font-family: "Open Sans", system-ui, sans-serif;
3391
- font-style: normal;
3392
- font-weight: 600;
3393
- color: #6b6966;
3394
- margin: 0;
3395
- }
3396
- .lui-msg-success h2 + p {
3397
- margin-top: 0.5rem;
3398
- }
3399
- .lui-msg-success button {
3400
- position: absolute;
3401
- top: 14px;
3402
- right: 13px;
3403
- background: none;
3404
- padding: 0;
3405
- border: none;
3406
- color: #6b6966;
3407
- }
3408
- .lui-msg-success button:hover {
3409
- cursor: pointer;
3410
- }
3411
-
3412
- .lui-msg-info {
3413
- border-left: 50px solid #ccc;
3414
- padding: 0.75rem 50px 16px 0.75rem;
3415
- margin: 2rem 0;
3416
- color: #6b6966;
3417
- background: #eaeaea;
3418
- position: relative;
3419
- background: #d8e5f9;
3420
- border-color: #3a7cdf;
3421
- }
3422
- .lui-msg-info p {
3423
- margin: 0;
3424
- font-family: "Open Sans", system-ui, sans-serif;
3425
- font-style: normal;
3426
- font-weight: normal;
3427
- }
3428
- .lui-msg-info h2 {
3429
- font-size: 16px;
3430
- font-family: "Open Sans", system-ui, sans-serif;
3431
- font-style: normal;
3432
- font-weight: 600;
3433
- color: #6b6966;
3434
- margin: 0;
3435
- }
3436
- .lui-msg-info h2 + p {
3437
- margin-top: 0.5rem;
3438
- }
3439
- .lui-msg-info button {
3440
- position: absolute;
3441
- top: 14px;
3442
- right: 13px;
3443
- background: none;
3444
- padding: 0;
3445
- border: none;
3446
- color: #6b6966;
3447
- }
3448
- .lui-msg-info button:hover {
3449
- cursor: pointer;
3450
- }
3451
-
3452
- .lui-msg-warning {
3453
- border-left: 50px solid #ccc;
3454
- padding: 0.75rem 50px 16px 0.75rem;
3455
- margin: 2rem 0;
3456
- color: #6b6966;
3457
- background: #eaeaea;
3458
- position: relative;
3459
- background: #fbdfd2;
3460
- border-color: #ea6a2e;
3461
- }
3462
- .lui-msg-warning p {
3463
- margin: 0;
3464
- font-family: "Open Sans", system-ui, sans-serif;
3465
- font-style: normal;
3466
- font-weight: normal;
3467
- }
3468
- .lui-msg-warning h2 {
3469
- font-size: 16px;
3470
- font-family: "Open Sans", system-ui, sans-serif;
3471
- font-style: normal;
3472
- font-weight: 600;
3473
- color: #6b6966;
3474
- margin: 0;
3475
- }
3476
- .lui-msg-warning h2 + p {
3477
- margin-top: 0.5rem;
3478
- }
3479
- .lui-msg-warning button {
3480
- position: absolute;
3481
- top: 14px;
3482
- right: 13px;
3483
- background: none;
3484
- padding: 0;
3485
- border: none;
3486
- color: #6b6966;
3487
- }
3488
- .lui-msg-warning button:hover {
3489
- cursor: pointer;
3490
- }
3491
-
3492
- .lui-msg-error {
3493
- border-left: 50px solid #ccc;
3494
- padding: 0.75rem 50px 16px 0.75rem;
3495
- margin: 2rem 0;
3496
- color: #6b6966;
3497
- background: #eaeaea;
3498
- position: relative;
3499
- border-color: #cc0000;
3500
- background: #f5cccc;
3501
- }
3502
- .lui-msg-error p {
3503
- margin: 0;
3504
- font-family: "Open Sans", system-ui, sans-serif;
3505
- font-style: normal;
3506
- font-weight: normal;
3507
- }
3508
- .lui-msg-error h2 {
3509
- font-size: 16px;
3510
- font-family: "Open Sans", system-ui, sans-serif;
3511
- font-style: normal;
3512
- font-weight: 600;
3513
- color: #6b6966;
3514
- margin: 0;
3515
- }
3516
- .lui-msg-error h2 + p {
3517
- margin-top: 0.5rem;
3518
- }
3519
- .lui-msg-error button {
3520
- position: absolute;
3521
- top: 14px;
3522
- right: 13px;
3523
- background: none;
3524
- padding: 0;
3525
- border: none;
3526
- color: #6b6966;
3527
- }
3528
- .lui-msg-error button:hover {
3529
- cursor: pointer;
3530
- }
3531
-
3532
- .lui-msg-link {
3533
- display: inline-block;
3534
- margin-top: 0.5rem;
3535
- }
3536
-
3537
- .lui-msg-toast {
3538
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
3539
- background: #fff;
3540
- display: block;
3541
- box-sizing: border-box;
3542
- position: fixed;
3543
- width: 320px;
3544
- right: 2rem;
3545
- top: 0;
3546
- z-index: 1200;
3547
- }
3548
- @media screen and (min-width: 768px) {
3549
- .lui-msg-toast {
3550
- width: 400px;
3551
- min-height: 100px;
3552
- }
3553
- }
3554
-
3555
- .lui-msg-dynamic-banner {
3556
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
3557
- background: #fff;
3558
- min-height: 55px;
3559
- }
3560
-
3561
- .lui-msg-status-icon {
3562
- content: "";
3563
- position: absolute;
3564
- top: 12px;
3565
- left: -41.5px;
3566
- font-size: 2rem !important;
3567
- color: white;
3568
- }
3569
-
3570
- .lui-msg-banner-container {
3571
- width: 100%;
3572
- background: #eaeaea;
3573
- padding: 0.25rem;
3574
- }
3575
- @media screen and (min-width: 768px) {
3576
- .lui-msg-banner-container {
3577
- padding: 2rem;
3578
- }
3579
- }
3580
- @media screen and (min-width: 768px) {
3581
- .lui-msg-banner-container--reducedSpacing {
3582
- padding: 0.75rem;
3583
- }
3584
- }
3585
-
3586
- .lui-msg-banner-container {
3587
- text-align: center;
3588
- }
3589
- .lui-msg-banner-container .lui-msg-dynamic-banner {
3590
- margin: 0;
3591
- }
3592
-
3593
- .lui-msg-toast-dismissable {
3594
- animation-name: toast-ani;
3595
- animation-duration: 0.6s;
3596
- animation-timing-function: ease-out;
3597
- animation-fill-mode: forwards;
3598
- }
3599
-
3600
- .lui-msg-toast-transition {
3601
- animation-name: toast-ani-auto;
3602
- animation-duration: 4s;
3603
- animation-timing-function: ease-out;
3604
- animation-fill-mode: forwards;
3605
- }
3606
-
3607
- .lui-msg-toast-show {
3608
- animation-name: toast-ani-show;
3609
- animation-duration: 0.6s;
3610
- animation-timing-function: ease-out;
3611
- animation-fill-mode: forwards;
3612
- }
3613
-
3614
- .lui-msg-toast-hide {
3615
- animation-name: toast-ani-hide;
3616
- animation-duration: 0.6s;
3617
- animation-timing-function: ease-out;
3618
- animation-fill-mode: forwards;
3619
- }
3620
-
3621
- @keyframes toast-ani {
3622
- 0% {
3623
- right: -400px;
3624
- }
3625
- 100% {
3626
- right: 2rem;
3627
- }
3628
- }
3629
- @keyframes toast-ani-auto {
3630
- 0% {
3631
- right: -400px;
3632
- opacity: 0;
3633
- }
3634
- 25% {
3635
- right: 2rem;
3636
- opacity: 1;
3637
- }
3638
- 75% {
3639
- right: 2rem;
3640
- opacity: 1;
3641
- }
3642
- 100% {
3643
- right: -400px;
3644
- opacity: 0;
3645
- }
3646
- }
3647
- @keyframes toast-ani-show {
3648
- 0% {
3649
- right: -400px;
3650
- opacity: 0;
3651
- }
3652
- 100% {
3653
- right: 2rem;
3654
- opacity: 1;
3655
- }
3656
- }
3657
- @keyframes toast-ani-hide {
3658
- 0% {
3659
- right: 2rem;
3660
- opacity: 1;
3661
- }
3662
- 100% {
3663
- right: -400px;
3664
- opacity: 0;
3665
- }
3666
- }
3667
- .lui-modal {
3668
- padding: 2rem;
3669
- border-left: 0px solid transparent;
3670
- margin: 2rem 0;
3671
- color: #6b6966;
3672
- background: #fff;
3673
- position: relative;
3674
- max-width: 600px;
3675
- }
3676
- .lui-modal h2 {
3677
- font-size: 1.25rem;
3678
- font-family: "Open Sans", system-ui, sans-serif;
3679
- font-style: normal;
3680
- font-weight: 600;
3681
- color: #6b6966;
3682
- margin: 0;
3683
- }
3684
- .lui-modal h2 + p {
3685
- margin-top: 0.75rem;
3686
- }
3687
- .lui-modal-success {
3688
- border-color: #0aa245;
3689
- border-width: 50px;
3690
- }
3691
- .lui-modal-info {
3692
- border-color: #3a7cdf;
3693
- border-width: 50px;
3694
- }
3695
- .lui-modal-warning {
3696
- border-color: #ea6a2e;
3697
- border-width: 50px;
3698
- }
3699
- .lui-modal-error {
3700
- border-color: #cc0000;
3701
- border-width: 50px;
3702
- }
3703
- .lui-modal .modal-btn-row {
3704
- margin-top: 2rem;
3705
- }
3706
- .lui-modal-no-padding {
3707
- padding: 0;
3708
- }
3709
- .lui-modal-header {
3710
- background: linear-gradient(70deg, #00425d 12%, #007198 100%);
3711
- color: #fff;
3712
- color: #fff;
3713
- }
3714
- .lui-modal-header:after {
3715
- width: 100%;
3716
- content: "";
3717
- display: block;
3718
- height: 5px;
3719
- overflow: hidden;
3720
- background: linear-gradient(270deg, #00a599 1%, #73cdc8 100%);
3721
- }
3722
- .lui-modal-header.lui-header-transparent {
3723
- background: transparent;
3724
- color: #007198;
3725
- }
3726
- .lui-modal-header.lui-header-transparent:after {
3727
- content: none;
3728
- }
3729
- .lui-modal-header.lui-header-transparent .lui-header-menu-icon {
3730
- color: #017a76;
3731
- }
3732
- .lui-modal-header-title {
3733
- display: flex;
3734
- justify-content: space-between;
3735
- align-items: center;
3736
- height: 85px;
3737
- width: 100%;
3738
- padding: 0 2rem;
3739
- }
3740
- .lui-modal-header-title h1 {
3741
- display: inline;
3742
- font-size: 2rem;
3743
- line-height: 2rem;
3744
- font-family: "Open Sans", system-ui, sans-serif;
3745
- font-style: normal;
3746
- font-weight: 300;
3747
- margin: 0;
3748
- }
3749
- @media screen and (min-width: 768px) {
3750
- .lui-modal-header-title h1 {
3751
- font-size: 2.25rem;
3752
- line-height: 2.25rem;
3753
- }
3754
- }
3755
- .lui-modal-header-title button {
3756
- font-size: unset;
3757
- }
3758
- .lui-modal-header-title button i {
3759
- vertical-align: middle;
3760
- }
3761
- .lui-modal-header-close-btn {
3762
- border-bottom: none !important;
3763
- color: rgba(255, 255, 255, 0.7);
3764
- border: none;
3765
- outline: none;
3766
- padding: 0;
3767
- border-radius: 50%;
3768
- background-color: transparent;
3769
- text-align: center;
3770
- float: right;
3771
- }
3772
- .lui-modal-header-btn-size {
3773
- font-size: 32px;
3774
- }
3775
- .lui-modal-container {
3776
- margin: 2rem;
3777
- }
3778
- .lui-modal-modal-positioning {
3779
- padding: 0.5rem;
3780
- display: flex;
3781
- align-items: center;
3782
- justify-content: center;
3783
- }
3784
-
3785
- .lui-modal-header-title h1 {
3786
- color: #ffffff;
3787
- }
3788
-
3789
- .MuiDrawer-paper {
3790
- min-width: 310px;
3791
- }
3792
- @media screen and (min-width: 480px) {
3793
- .MuiDrawer-paper {
3794
- min-width: 400px;
3795
- }
3796
- }
3797
-
3798
- .lui-large-feature-notification {
3799
- width: 100%;
3800
- display: block;
3801
- background-color: #fff;
3802
- position: relative;
3803
- }
3804
- @media screen and (min-width: 480px) {
3805
- .lui-large-feature-notification {
3806
- padding-bottom: 2rem;
3807
- min-width: 700px;
3808
- max-width: 800px;
3809
- min-height: 300px;
3810
- }
3811
- }
3812
- @media screen and (min-width: 768px) {
3813
- .lui-large-feature-notification {
3814
- max-width: 900px;
3815
- }
3816
- }
3817
- .lui-large-feature-notification button {
3818
- color: #007198;
3819
- }
3820
-
3821
- .lui-feature-img {
3822
- background: #00a1a1;
3823
- background: linear-gradient(62deg, #00a1a1 0%, #bfedf6 100%);
3824
- min-height: 100px;
3825
- padding: 2rem 2rem 0 2rem;
3826
- border-bottom: 1px solid #007198;
3827
- }
3828
- .lui-feature-img h1 {
3829
- color: #fff;
3830
- margin: 0 0 2rem 0;
3831
- text-shadow: 1.5px 1.5px 1px #004b50;
3832
- }
3833
- @media only screen and (max-width: sm) {
3834
- .lui-feature-img h1 {
3835
- text-shadow: 1px 1px 1px #004b50;
3836
- font-size: 2.06rem;
3837
- }
3838
- }
3839
- .lui-feature-img img {
3840
- width: 100%;
3841
- height: auto;
3842
- display: block;
3843
- }
3844
- .lui-feature-text {
3845
- padding-left: 1.5rem;
3846
- padding-right: 1.5rem;
3847
- }
3848
-
3849
- .lui-scrim,
3850
- .lui-scrim-low-contrast {
3851
- position: fixed;
3852
- top: 0;
3853
- left: 0;
3854
- right: 0;
3855
- bottom: 0;
3856
- z-index: 1000;
3857
- padding: 0.5rem;
3858
- display: flex;
3859
- align-items: center;
3860
- justify-content: center;
3861
- }
3862
-
3863
- .lui-scrim {
3864
- background: rgba(0, 0, 0, 0.6);
3865
- }
3866
- .lui-scrim-low-contrast {
3867
- background: rgba(255, 255, 255, 0.75);
3868
- }
3869
-
3870
- .LuiError {
3871
- font-family: "Open Sans", system-ui, sans-serif;
3872
- font-style: normal;
3873
- font-weight: 600;
3874
- margin-bottom: 0.5rem;
3875
- font-size: 0.875rem;
3876
- line-height: 1.5rem;
3877
- color: #2a292c;
3878
- }
3879
- .LuiError-errorIcon {
3880
- vertical-align: middle;
3881
- display: inline-block;
3882
- }
3883
- .LuiError-errorText {
3884
- margin-left: 0.5rem;
3885
- }
3886
-
3887
- .LuiErrorPage {
3888
- display: flex;
3889
- flex-direction: column;
3890
- }
3891
-
3892
- .LuiErrorPage-wrapper {
3893
- margin-top: 32px;
3894
- margin-bottom: 96px;
3895
- display: grid;
3896
- grid-template-columns: repeat(12, 1fr);
3897
- gap: 24px;
3898
- }
3899
-
3900
- .LuiErrorPage-content {
3901
- grid-column: span 12;
3902
- }
3903
- @media screen and (min-width: 480px) {
3904
- .LuiErrorPage-content {
3905
- grid-column: span 7;
3906
- }
3907
- }
3908
- @media screen and (min-width: 768px) {
3909
- .LuiErrorPage-content {
3910
- grid-column: span 6;
3911
- }
3912
- }
3913
-
3914
- .LuiErrorPage-image {
3915
- grid-column: span 12;
3916
- }
3917
- @media screen and (min-width: 480px) {
3918
- .LuiErrorPage-image {
3919
- grid-column: span 5;
3920
- }
3921
- }
3922
- @media screen and (min-width: 768px) {
3923
- .LuiErrorPage-image {
3924
- grid-column: span 6;
3925
- }
3926
- }
3927
-
3928
- .LuiFilterContainer-filter-container {
3929
- padding: 8px 12px;
3930
- }
3931
-
3932
- .LOLAuthorisedLink .lui-menu-drawer-option {
3933
- font-family: "Open Sans", system-ui, sans-serif;
3934
- font-style: normal;
3935
- font-weight: 600;
3936
- padding-bottom: 8px;
3937
- padding-top: 8px;
3938
- line-height: 1;
3939
- user-select: none;
3940
- }
3941
- .LOLAuthorisedLink .lui-menu-drawer-option-label :first-child {
3942
- margin-right: 8px;
3943
- }
3944
- .LOLAuthorisedLink.active {
3945
- color: #017a76;
3946
- }
3947
-
3948
- .LOLAuthorisedLink-icon img {
3949
- border-color: #017a76;
3950
- border-width: 2px;
3951
- border-radius: 12px;
3952
- border-style: solid;
3953
- padding: 8px;
3954
- }
3955
-
3956
- .LOLAuthorisedLink-icon-active img {
3957
- background-color: #017a76;
3958
- border-color: #017a76;
3959
- border-width: 2px;
3960
- border-radius: 12px;
3961
- border-style: solid;
3962
- padding: 8px;
3963
- }
3964
-
3965
- .LOLDrawerMenu {
3966
- display: flex;
3967
- flex-direction: column;
3968
- flex-wrap: nowrap;
3969
- overflow-x: hidden;
3970
- overflow-y: hidden;
3971
- height: 100%;
3972
- }
3973
- .LOLDrawerMenu-contents {
3974
- flex-grow: 1;
3975
- flex-shrink: 1;
3976
- flex-basis: auto;
3977
- overflow-y: auto;
3978
- }
3979
- .LOLDrawerMenu-footer {
3980
- flex-grow: 0;
3981
- flex-shrink: 0;
3982
- position: relative;
3983
- height: 68px;
3984
- }
3985
- .LOLDrawerMenu .lui-menu-drawer-option {
3986
- font-family: "Open Sans", system-ui, sans-serif;
3987
- font-style: normal;
3988
- font-weight: 600;
3989
- user-select: none;
3990
- }
3991
-
3992
- .LOLUserLastLogin {
3993
- width: 100%;
3994
- height: 68px;
3995
- background-color: #eaeaea;
3996
- position: absolute;
3997
- bottom: 0;
3998
- text-align: center;
3999
- font-size: 16px;
4000
- padding: 10px;
4001
- }
4002
-
4003
- .LOLFirmSwitcherMenu {
4004
- user-select: none;
4005
- padding: 0;
4006
- }
4007
- .LOLFirmSwitcherMenu-header {
4008
- font-family: "Open Sans", system-ui, sans-serif;
4009
- font-style: normal;
4010
- font-weight: normal;
4011
- font-size: 16px;
4012
- line-height: 1.3;
4013
- text-align: right;
4014
- padding-right: 32px;
4015
- border-right: 1px solid #00a599;
4016
- }
4017
- .LOLFirmSwitcherMenu-header span:first-child {
4018
- font-family: "Open Sans", system-ui, sans-serif;
4019
- font-style: normal;
4020
- font-weight: 600;
4021
- }
4022
- .LOLFirmSwitcherMenu-option {
4023
- padding: 8px 16px;
4024
- display: flex;
4025
- align-items: center;
4026
- justify-content: space-between;
4027
- min-height: 3rem;
4028
- }
4029
- .LOLFirmSwitcherMenu-option:hover {
4030
- background-color: #e2f3f7;
4031
- cursor: pointer;
4032
- }
4033
- .LOLFirmSwitcherMenu li {
4034
- padding-left: 16px;
4035
- padding-right: 16px;
4036
- }
4037
-
4038
- .LOLFirmSwitcherMenu .material-icons-round {
4039
- color: #017a76;
4040
- }
4041
-
4042
- .LuiStatusSpinner p {
4043
- margin-top: 0.5rem;
4044
- }
4045
-
4046
- .LuiCheckboxInput {
4047
- margin-bottom: 24px;
4048
- box-sizing: border-box;
4049
- }
4050
-
4051
- .LuiCheckboxInput-group {
4052
- display: block;
4053
- user-select: none;
4054
- cursor: pointer;
4055
- }
4056
-
4057
- .LuiCheckboxInput-label {
4058
- position: relative;
4059
- display: flex;
4060
- flex-direction: row;
4061
- align-items: flex-start;
4062
- padding: 2px;
4063
- font-family: "Open Sans", system-ui, sans-serif;
4064
- font-style: normal;
4065
- font-weight: 600;
4066
- margin-bottom: 0.5rem;
4067
- font-size: 0.875rem;
4068
- line-height: 1.5rem;
4069
- color: #2a292c;
4070
- margin-bottom: 0;
4071
- }
4072
- .isDisabled .LuiCheckboxInput-label {
4073
- cursor: not-allowed;
4074
- color: #989189;
4075
- }
4076
-
4077
- .LuiCheckboxInput-input {
4078
- width: 0.1px;
4079
- height: 0.1px;
4080
- opacity: 0;
4081
- overflow: hidden;
4082
- position: absolute;
4083
- z-index: -1;
4084
- }
4085
-
4086
- .LuiCheckboxInput-label::before {
4087
- font-size: 18px;
4088
- line-height: 10px;
4089
- content: " ";
4090
- display: block;
4091
- text-align: center;
4092
- color: transparent;
4093
- width: 23px;
4094
- height: 23px;
4095
- border: 2px solid #007198;
4096
- margin-right: 0.5rem;
4097
- border-radius: 5px;
4098
- transition: all 0.2s ease-in-out;
4099
- }
4100
- .hasError .LuiCheckboxInput-label::before {
4101
- border-color: #eb5757;
4102
- }
4103
-
4104
- .LuiCheckboxInput-error {
4105
- margin-top: 2px;
4106
- text-align: left;
4107
- }
4108
-
4109
- .LuiCheckboxInput-errorIcon {
4110
- margin-left: 2rem;
4111
- }
4112
-
4113
- .LuiCheckboxInput-input:checked + .LuiCheckboxInput-label::before,
4114
- .LuiCheckboxInput--isChecked .LuiCheckboxInput-label::before {
4115
- color: white;
4116
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNCAxMSI+CiAgICA8cGF0aCBmaWxsPSIjRkZGIiBkPSJNLjI5NyA0LjkzNGExLjAxMyAxLjAxMyAwIDAgMSAxLjM0NC0uMDc4bC4wODguMDc4TDUuMjU0IDguNDYgMTIuMjE5LjM1M2ExLjAxMyAxLjAxMyAwIDAgMSAxLjMzNC0uMThsLjA5NC4wNzJjLjM5NC4zMzguNDY0LjkxNC4xOCAxLjMzNGwtLjA3Mi4wOTQtNy42NzYgOC45MzVhMS4wMTMgMS4wMTMgMCAwIDEtMS4zOTguMTM0bC0uMDg3LS4wNzhMLjI5NyA2LjM2N2ExLjAxMyAxLjAxMyAwIDAgMSAwLTEuNDMzWiIvPgo8L3N2Zz4=");
4117
- background-color: #007198;
4118
- background-repeat: no-repeat;
4119
- background-position: 50% 50%;
4120
- background-size: 15px;
4121
- }
4122
-
4123
- .LuiCheckboxInput--hasError .LuiCheckboxInput-label::before {
4124
- border-color: #cc0000;
4125
- }
4126
-
4127
- .LuiCheckboxInput--hasError.LuiCheckboxInput--isChecked .LuiCheckboxInput-label::before {
4128
- background-color: #cc0000;
4129
- border-color: #cc0000;
4130
- }
4131
-
4132
- .LuiCheckboxInput-input:disabled + .LuiCheckboxInput-label::before,
4133
- .LuiCheckboxInput--isDisabled .LuiCheckboxInput-label::before {
4134
- background-color: #989189;
4135
- border-color: #989189;
4136
- }
4137
-
4138
- .LuiCheckboxInput-input:checked:disabled + .LuiCheckboxInput-label::before,
4139
- .LuiCheckboxInput--isChecked.LuiCheckboxInput--isDisabled .LuiCheckboxInput-label::before {
4140
- color: white;
4141
- background-color: #989189;
4142
- border-color: #989189;
4143
- }
4144
-
4145
- .LuiCheckboxInput--inline {
4146
- display: inline-block;
4147
- }
4148
- .LuiCheckboxInput--inline:not(:last-child) {
4149
- margin-bottom: 0;
4150
- margin-right: 24px;
4151
- }
4152
-
4153
- .LuiRadioInput-fieldset {
4154
- border: none;
4155
- padding: 0;
4156
- }
4157
-
4158
- .LuiRadioInput-input {
4159
- position: absolute !important;
4160
- width: 1px !important;
4161
- height: 1px !important;
4162
- margin: 0 !important;
4163
- padding: 0 !important;
4164
- overflow: hidden !important;
4165
- clip: rect(0 0 0 0) !important;
4166
- -webkit-clip-path: inset(50%) !important;
4167
- clip-path: inset(50%) !important;
4168
- border: 0 !important;
4169
- white-space: nowrap !important;
4170
- }
4171
-
4172
- .LuiRadioInput-legend {
4173
- font-family: "Open Sans", system-ui, sans-serif;
4174
- font-style: normal;
4175
- font-weight: 600;
4176
- }
4177
-
4178
- .LuiRadioInput-label {
4179
- position: relative;
4180
- display: flex;
4181
- justify-content: flex-start;
4182
- align-items: flex-start;
4183
- cursor: pointer;
4184
- padding: 0.5rem 0 0.5rem 2rem;
4185
- }
4186
- .LuiRadioInput-label:before {
4187
- content: "";
4188
- height: 1.5rem;
4189
- min-width: 1.5rem;
4190
- width: 1.5rem;
4191
- border: 2px solid #007198;
4192
- border-radius: 50%;
4193
- background-color: transparent;
4194
- position: absolute;
4195
- left: 0;
4196
- top: 8px;
4197
- margin-right: 0.75rem;
4198
- }
4199
- .LuiRadioInput-label:after {
4200
- content: "";
4201
- position: absolute;
4202
- left: 5px;
4203
- top: 13px;
4204
- background-color: #007198;
4205
- height: 14px;
4206
- min-width: 14px;
4207
- width: 14px;
4208
- border-radius: 50%;
4209
- opacity: 0;
4210
- transition: opacity 0.3s ease-in-out;
4211
- }
4212
- .LuiRadioInput-label--isSelected:after {
4213
- opacity: 1;
4214
- }
4215
- .LuiRadioInput-label--isDisabled {
4216
- color: #989189;
4217
- }
4218
- .LuiRadioInput-label--isDisabled:before {
4219
- background-color: #eaeaea;
4220
- border-color: #989189;
4221
- }
4222
-
4223
- .LuiRadioInput--hasError .LuiRadioInput-label:before {
4224
- border-color: #cc0000;
4225
- }
4226
-
4227
- .LuiRadioInput-errorMsg {
4228
- display: flex;
4229
- margin-top: 0.5rem;
4230
- }
4231
- .LuiRadioInput-errorMsg .LuiIcon--error {
4232
- margin-right: 0.5rem;
4233
- }
4234
- .LuiRadioInput-errorMsg p {
4235
- margin: 0;
4236
- }
4237
-
4238
- .LuiSelect-label-text {
4239
- font-family: "Open Sans", system-ui, sans-serif;
4240
- font-style: normal;
4241
- font-weight: 600;
4242
- margin-bottom: 0.5rem;
4243
- font-size: 0.875rem;
4244
- line-height: 1.5rem;
4245
- color: #2a292c;
4246
- }
4247
-
4248
- .LuiSelect-select {
4249
- font-family: "Open Sans", system-ui, sans-serif;
4250
- font-style: normal;
4251
- font-weight: normal;
4252
- margin-bottom: 0;
4253
- border: 1px solid #beb9b4;
4254
- border-radius: 3px;
4255
- display: block;
4256
- height: 3rem;
4257
- color: #2a292c;
4258
- caret-color: #2a292c;
4259
- padding-right: 2rem;
4260
- padding-left: 1rem;
4261
- width: 100%;
4262
- transition: all 0.15 ease-in-out;
4263
- appearance: none;
4264
- }
4265
- .LuiSelect-select:hover, .LuiSelect-select:active {
4266
- border-color: #00425d;
4267
- cursor: pointer;
4268
- }
4269
- .LuiSelect-select:focus {
4270
- outline: none;
4271
- border-color: #00425d;
4272
- }
4273
- .hasError .LuiSelect-select {
4274
- border-color: #cc0000;
4275
- }
4276
- .isDisabled .LuiSelect-select {
4277
- border-color: #beb9b4;
4278
- background-color: #eaeaea;
4279
- color: #2a292c;
4280
- cursor: not-allowed;
4281
- }
4282
- .hasPlaceholder .LuiSelect-select {
4283
- color: #b2b2b2;
4284
- }
4285
- .hasValue .LuiSelect-select {
4286
- color: #2a292c;
4287
- }
4288
-
4289
- .LuiSelect-wrapper {
4290
- position: relative;
4291
- }
4292
- .hasError .LuiSelect-wrapper:before {
4293
- content: "";
4294
- display: block;
4295
- position: absolute;
4296
- width: 0.75rem;
4297
- top: 0;
4298
- bottom: 0;
4299
- left: -6px;
4300
- background-color: #cc0000;
4301
- border-radius: 3px 0 0 3px;
4302
- z-index: -1;
4303
- }
4304
-
4305
- .LuiSelect-chevron-icon {
4306
- position: absolute;
4307
- right: 7px;
4308
- top: 50%;
4309
- transform: translateY(-50%);
4310
- pointer-events: none;
4311
- }
4312
-
4313
- .LuiSelect-error {
4314
- position: relative;
4315
- display: flex;
4316
- font-family: "Open Sans", system-ui, sans-serif;
4317
- font-style: normal;
4318
- font-weight: 600;
4319
- color: #cc0000;
4320
- text-align: left;
4321
- padding-left: 1.5rem;
4322
- font-size: 0.875rem;
4323
- line-height: 1.25rem;
4324
- margin-top: 0.25rem;
4325
- }
4326
-
4327
- .LuiSelect-error-icon {
4328
- position: absolute;
4329
- left: 0;
4330
- top: 2px;
4331
- }
4332
-
4333
- .LuiSelect-mandatory {
4334
- display: inline-block;
4335
- width: 10px;
4336
- margin: 0 0 0 -10px;
4337
- color: #cc0000;
4338
- }
4339
-
4340
- .LuiTextAreaInput {
4341
- width: 100%;
4342
- position: relative;
4343
- }
4344
- .LuiTextAreaInput textarea {
4345
- font-family: "Open Sans", system-ui, sans-serif;
4346
- font-style: normal;
4347
- font-weight: normal;
4348
- border: solid 1px #beb9b4;
4349
- border-radius: 3px;
4350
- background: #ffffff;
4351
- padding-top: 0.75rem;
4352
- padding-right: 2rem;
4353
- padding-bottom: 0.75rem;
4354
- padding-left: 1rem;
4355
- box-sizing: border-box;
4356
- width: 100%;
4357
- resize: vertical;
4358
- min-height: 100px;
4359
- position: relative;
4360
- }
4361
- .LuiTextAreaInput textarea {
4362
- font-size: 14px;
4363
- }
4364
- @media screen and (min-width: 1px) {
4365
- .LuiTextAreaInput textarea {
4366
- font-size: calc(
4367
- 14px + 2 *
4368
- (
4369
- (100vw - 1px) / 1279
4370
- )
4371
- );
4372
- }
4373
- }
4374
- @media screen and (min-width: 1280px) {
4375
- .LuiTextAreaInput textarea {
4376
- font-size: 16px;
4377
- }
4378
- }
4379
- .LuiTextAreaInput textarea::placeholder {
4380
- font-weight: normal;
4381
- font-style: italic;
4382
- color: #6b6966;
4383
- opacity: 1;
4384
- }
4385
- .isDisabled .LuiTextAreaInput textarea::placeholder {
4386
- color: #989189;
4387
- }
4388
- .LuiTextAreaInput textarea:focus {
4389
- outline: none;
4390
- border-color: #00425d;
4391
- }
4392
- .LuiTextAreaInput label,
4393
- .LuiTextAreaInput textarea {
4394
- display: block;
4395
- }
4396
- .LuiTextAreaInput.hasError textarea {
4397
- border: 1px solid #cc0000;
4398
- }
4399
- .LuiTextAreaInput.hasError .LuiTextAreaInput-wrapper {
4400
- position: relative;
4401
- }
4402
- .LuiTextAreaInput.hasError .LuiTextAreaInput-wrapper:before {
4403
- content: "";
4404
- display: block;
4405
- position: absolute;
4406
- width: 0.75rem;
4407
- top: 0;
4408
- bottom: 0;
4409
- left: -6px;
4410
- background-color: #cc0000;
4411
- border-radius: 3px 0 0 3px;
4412
- }
4413
- .LuiTextAreaInput.isDisabled textarea {
4414
- border-color: #beb9b4;
4415
- background-color: #eaeaea;
4416
- cursor: not-allowed;
4417
- }
4418
-
4419
- .LuiTextAreaInput-label {
4420
- font-family: "Open Sans", system-ui, sans-serif;
4421
- font-style: normal;
4422
- font-weight: 600;
4423
- margin-bottom: 0.5rem;
4424
- font-size: 0.875rem;
4425
- line-height: 1.5rem;
4426
- color: #2a292c;
4427
- }
4428
-
4429
- .LuiTextAreaInput-error {
4430
- position: relative;
4431
- display: flex;
4432
- color: #cc0000;
4433
- font-family: "Open Sans", system-ui, sans-serif;
4434
- font-style: normal;
4435
- font-weight: 600;
4436
- text-align: left;
4437
- padding-left: 1.5rem;
4438
- font-size: 0.875rem;
4439
- line-height: 1.25rem;
4440
- margin-top: 0.25rem;
4441
- }
4442
-
4443
- .LuiTextAreaInput-error-icon {
4444
- position: absolute;
4445
- left: 0;
4446
- top: 2px;
4447
- }
4448
-
4449
- .LuiTextAreaInput-mandatory {
4450
- display: inline-block;
4451
- font-family: "Open Sans", system-ui, sans-serif;
4452
- font-style: normal;
4453
- font-weight: 600;
4454
- font-size: 0.875rem;
4455
- width: 10px;
4456
- margin: 0 0 0 -10px;
4457
- color: #cc0000;
4458
- }
4459
-
4460
- .LuiTextInput {
4461
- margin-bottom: 24px;
4462
- }
4463
-
4464
- .LuiTextInput-label {
4465
- margin-bottom: 0.5rem;
4466
- line-height: 1.5rem;
4467
- }
4468
-
4469
- .LuiTextInput-label-text {
4470
- font-family: "Open Sans", system-ui, sans-serif;
4471
- font-style: normal;
4472
- font-weight: 600;
4473
- margin-bottom: 0.5rem;
4474
- font-size: 0.875rem;
4475
- line-height: 1.5rem;
4476
- color: #2a292c;
4477
- }
4478
-
4479
- .LuiTextInput-inputWrapper {
4480
- position: relative;
4481
- display: block;
4482
- box-shadow: -1px 0 0 0 transparent;
4483
- border-radius: 4px;
4484
- transition: box-shadow 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s, border-color 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s;
4485
- }
4486
- .hasError .LuiTextInput-inputWrapper {
4487
- box-shadow: -8px 0px 0 0 #cc0000;
4488
- border-radius: 4px;
4489
- }
4490
-
4491
- .LuiTextInput-passwordReveal {
4492
- position: absolute;
4493
- background: transparent;
4494
- min-height: 0;
4495
- min-width: 0;
4496
- margin: 0;
4497
- padding: 12px;
4498
- top: 50%;
4499
- right: 0;
4500
- transform: translateY(-50%);
4501
- }
4502
- .LuiTextInput-passwordReveal:hover {
4503
- background: transparent;
4504
- }
4505
-
4506
- .LuiTextInput-input {
4507
- font-family: "Open Sans", system-ui, sans-serif;
4508
- font-style: normal;
4509
- font-weight: normal;
4510
- margin-bottom: 0;
4511
- border: 1px solid #beb9b4;
4512
- border-radius: 3px;
4513
- height: 3rem;
4514
- color: #2a292c;
4515
- caret-color: #2a292c;
4516
- padding-top: 0.75rem;
4517
- padding-right: 2rem;
4518
- padding-bottom: 0.75rem;
4519
- padding-left: 1rem;
4520
- width: 100%;
4521
- transition: all 0.15 ease-in-out;
4522
- transition: border 0.2s ease;
4523
- }
4524
- .LuiTextInput-input::placeholder {
4525
- font-weight: normal;
4526
- font-style: italic;
4527
- color: #6b6966;
4528
- opacity: 1;
4529
- }
4530
- .isDisabled .LuiTextInput-input::placeholder {
4531
- color: #989189;
4532
- }
4533
- .LuiTextInput-input:hover, .LuiTextInput-input:active {
4534
- border-color: #00425d;
4535
- }
4536
- .LuiTextInput-input:focus {
4537
- outline: none;
4538
- border-color: #00425d;
4539
- }
4540
- .hasError .LuiTextInput-input {
4541
- border-color: #cc0000;
4542
- }
4543
- .isDisabled .LuiTextInput-input {
4544
- border-color: #beb9b4;
4545
- background-color: #eaeaea;
4546
- cursor: not-allowed;
4547
- }
4548
-
4549
- .LuiTextInput-padlock-icon {
4550
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAyMiI+PHBhdGggZD0iTTE0IDcuNUgxM1Y1LjVDMTMgMi43NCAxMC43NiAwLjUgOCAwLjVDNS4yNCAwLjUgMyAyLjc0IDMgNS41VjcuNUgyQzAuOSA3LjUgMCA4LjQgMCA5LjVWMTkuNUMwIDIwLjYgMC45IDIxLjUgMiAyMS41SDE0QzE1LjEgMjEuNSAxNiAyMC42IDE2IDE5LjVWOS41QzE2IDguNCAxNS4xIDcuNSAxNCA3LjVaTTggMTYuNUM2LjkgMTYuNSA2IDE1LjYgNiAxNC41QzYgMTMuNCA2LjkgMTIuNSA4IDEyLjVDOS4xIDEyLjUgMTAgMTMuNCAxMCAxNC41QzEwIDE1LjYgOS4xIDE2LjUgOCAxNi41Wk0xMS4xIDcuNUg0LjlWNS41QzQuOSAzLjc5IDYuMjkgMi40IDggMi40QzkuNzEgMi40IDExLjEgMy43OSAxMS4xIDUuNVY3LjVaIiBmaWxsPSIjNkI2OTY2IiAvPjwvc3ZnPg==");
4551
- background-repeat: no-repeat;
4552
- background-position: right 12px center;
4553
- background-size: 16px 21px;
4554
- }
4555
-
4556
- .LuiTextInput-error {
4557
- font-family: "Open Sans", system-ui, sans-serif;
4558
- font-style: normal;
4559
- font-weight: 600;
4560
- position: relative;
4561
- color: #cc0000;
4562
- text-align: left;
4563
- padding-left: 22px;
4564
- font-size: 0.875rem;
4565
- line-height: 20px;
4566
- margin-top: 2px;
4567
- }
4568
-
4569
- .LuiTextInput-error-icon {
4570
- position: absolute;
4571
- left: 0;
4572
- top: 2px;
4573
- }
4574
-
4575
- .LuiTextInput-mandatory {
4576
- display: inline-block;
4577
- font-family: "Open Sans", system-ui, sans-serif;
4578
- font-style: normal;
4579
- font-weight: 600;
4580
- font-size: 0.875rem;
4581
- width: 10px;
4582
- margin: 0 0 0 -10px;
4583
- color: #cc0000;
4584
- }
4585
-
4586
- .LuiFieldWrapper {
4587
- position: relative;
4588
- box-shadow: -1px 0 0 0 transparent;
4589
- border-radius: 4px;
4590
- transition: box-shadow 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s, border-color 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s;
4591
- }
4592
- .LuiFieldWrapper input {
4593
- transition: border 0.2s ease;
4594
- }
4595
- .LuiFieldWrapper.LuiFieldWrapper--error {
4596
- box-shadow: -12px 0px 0 0 #cc0000;
4597
- border-radius: 4px;
4598
- }
4599
- .LuiFieldWrapper.LuiFieldWrapper--error input {
4600
- border-color: #cc0000;
4601
- }
4602
-
4603
- .LuiComboSelect-label-text {
4604
- font-family: "Open Sans", system-ui, sans-serif;
4605
- font-style: normal;
4606
- font-weight: 600;
4607
- margin-bottom: 0.5rem;
4608
- font-size: 0.875rem;
4609
- line-height: 1.5rem;
4610
- color: #2a292c;
4611
- }
4612
-
4613
- .hasError .LuiComboSelect__control {
4614
- border-color: #cc0000;
4615
- box-shadow: -8px 0px 0 0 #cc0000;
4616
- border-radius: 4px;
4617
- }
4618
-
4619
- .LuiComboSelect-error {
4620
- position: relative;
4621
- display: flex;
4622
- font-family: "Open Sans", system-ui, sans-serif;
4623
- font-style: normal;
4624
- font-weight: 600;
4625
- color: #cc0000;
4626
- text-align: left;
4627
- padding-left: 1.5rem;
4628
- font-size: 0.875rem;
4629
- line-height: 1.25rem;
4630
- margin-top: 0.25rem;
4631
- }
4632
-
4633
- .LuiComboSelect-error-icon {
4634
- position: absolute;
4635
- left: 0;
4636
- top: 2px;
4637
- }
4638
-
4639
- .LuiFileInputBox-upload {
4640
- outline: 2px dashed #eaeaea;
4641
- color: dimgray;
4642
- cursor: pointer;
4643
- position: relative;
4644
- display: flex;
4645
- flex-direction: column;
4646
- justify-content: center;
4647
- align-items: center;
4648
- }
4649
- .LuiFileInputBox-upload:hover {
4650
- background: #eef1f5;
4651
- }
4652
-
4653
- .LuiFileInputBox-upload-input {
4654
- opacity: 0;
4655
- cursor: pointer;
4656
- position: absolute;
4657
- top: 0;
4658
- left: 0;
4659
- width: 100%;
4660
- height: 100%;
4661
- display: block;
4662
- }
4663
-
4664
- .LuiFileInputBox-upload-container {
4665
- text-align: center;
4666
- padding: 24px 20px;
4667
- }
4668
-
4669
- .LuiFileInputBox-upload-error {
4670
- outline: 2px dashed #cc0000;
4671
- }
4672
-
4673
- .LuiFileInputBox-upload-icon-success {
4674
- width: 120px;
4675
- fill: #0aa245;
4676
- margin-left: auto;
4677
- margin-right: auto;
4678
- }
4679
-
4680
- .LuiFileInputBox-upload-icon-upload {
4681
- width: 120px;
4682
- fill: #007198;
4683
- margin-left: auto;
4684
- margin-right: auto;
4685
- }
4686
-
4687
- .LuiFileInputBox-upload-icon-error {
4688
- width: 168px;
4689
- fill: #cc0000;
4690
- margin-left: auto;
4691
- margin-right: auto;
4692
- }
4693
-
4694
- .LuiFileInputBox-upload-text {
4695
- margin-top: 0;
4696
- padding-top: 8px;
4697
- }
4698
- .LuiFileInputBox-upload-text span {
4699
- color: #3a7cdf;
4700
- font-weight: 600;
4701
- }
4702
-
4703
- .LuiFileInputBox-upload-text-no-padding {
4704
- padding: 0;
4705
- font-size: 14px;
4706
- }
4707
-
4708
- .LuiFileInputBox-upload-file-name {
4709
- margin-top: 0;
4710
- padding-bottom: 12px;
4711
- font-weight: 600;
4712
- }
4713
-
4714
- .LuiFormSectionHeader {
4715
- margin-top: 1.5rem;
4716
- display: flex;
4717
- flex-direction: column;
4718
- padding: 1rem;
4719
- background-color: #ffffff;
4720
- }
4721
- @media screen and (min-width: 768px) {
4722
- .LuiFormSectionHeader {
4723
- flex-direction: row;
4724
- background-color: inherit;
4725
- padding: 0;
4726
- }
4727
- }
4728
-
4729
- .LuiFormSectionHeader-header {
4730
- width: 100%;
4731
- padding-right: 0.75rem;
4732
- }
4733
- @media screen and (min-width: 768px) {
4734
- .LuiFormSectionHeader-header {
4735
- width: 30%;
4736
- }
4737
- }
4738
-
4739
- .LuiFormSectionHeader-heading {
4740
- margin: 0;
4741
- }
4742
-
4743
- .LuiFormSectionHeader-details {
4744
- padding: 0;
4745
- width: 100%;
4746
- background-color: #ffffff;
4747
- flex-grow: 2;
4748
- }
4749
- @media screen and (min-width: 768px) {
4750
- .LuiFormSectionHeader-details {
4751
- width: 70%;
4752
- border-radius: 5px;
4753
- margin-top: 0.75rem;
4754
- background-color: #ffffff;
4755
- }
4756
- }
4757
-
4758
- .HelpInfo {
4759
- margin: 0;
4760
- display: flex;
4761
- color: #6b6966;
4762
- }
4763
-
4764
- .HelpInfo-icon {
4765
- transform: rotate(180deg);
4766
- margin-left: 0.75rem;
4767
- margin-right: 0.5rem;
4768
- fill: #6b6966;
4769
- }
4770
-
4771
- .LuiShadow {
4772
- box-shadow: 0 0 1.5rem 1px rgba(0, 113, 152, 0.1);
4773
- border-radius: 5px;
4774
- padding: 1.5rem;
4775
- margin-top: 0.75rem;
4776
- background-color: #ffffff;
4777
- }
4778
-
4779
- .LuiBadge {
4780
- font-family: "Open Sans", system-ui, sans-serif;
4781
- font-style: normal;
4782
- font-weight: 600;
4783
- color: #6b6966;
4784
- background: transparent;
4785
- border: 1px solid #6b6966;
4786
- border-radius: 4px;
4787
- display: inline-flex;
4788
- font-size: 0.75rem;
4789
- line-height: 1rem;
4790
- margin-top: 0;
4791
- padding-top: 0.125rem;
4792
- padding-right: 0.25rem;
4793
- padding-bottom: 0.125rem;
4794
- padding-left: 0.25rem;
4795
- }
4796
-
4797
- .LuiBadge--sm {
4798
- font-size: 0.625rem;
4799
- line-height: 0.875rem;
4800
- padding-right: 0.25rem;
4801
- padding-left: 0.25rem;
4802
- }
4803
-
4804
- .LuiBadge--lg {
4805
- font-size: 0.875rem;
4806
- line-height: 1.25rem;
4807
- padding-right: 0.5rem;
4808
- padding-left: 0.5rem;
4809
- }
4810
-
4811
- .LuiBadge--fill {
4812
- background: #ffffff;
4813
- }
4814
-
4815
- .LuiBadge--warning {
4816
- border-color: #ea6a2e;
4817
- color: #ea6a2e;
4818
- }
4819
-
4820
- .LuiTab {
4821
- background: transparent;
4822
- border-radius: 0;
4823
- color: #2a292c;
4824
- min-width: 10rem;
4825
- font-family: "Open Sans", system-ui, sans-serif;
4826
- font-style: normal;
4827
- font-weight: normal;
4828
- }
4829
- .LuiTab:focus {
4830
- background-color: rgba(0, 165, 153, 0.2);
4831
- }
4832
- .LuiTabsGroup--justified .LuiTab {
4833
- width: 100%;
4834
- }
4835
-
4836
- .LuiTab--active,
4837
- .LuiTab--active:focus {
4838
- font-family: "Open Sans", system-ui, sans-serif;
4839
- font-style: normal;
4840
- font-weight: 600;
4841
- position: relative;
4842
- outline: none;
4843
- background: transparent;
4844
- }
4845
- .LuiTab--active:after,
4846
- .LuiTab--active:focus:after {
4847
- content: "";
4848
- display: block;
4849
- height: 4px;
4850
- width: 100%;
4851
- padding: 0 32px;
4852
- left: 0;
4853
- right: 0;
4854
- bottom: -1px;
4855
- box-sizing: border-box;
4856
- background: linear-gradient(270deg, #73cdc8 1%, #00a599 100%);
4857
- border-top-left-radius: 3px;
4858
- border-top-right-radius: 3px;
4859
- position: absolute;
4860
- }
4861
-
4862
- .LuiTabsGroup {
4863
- border-bottom: 1px solid #beb9b4;
4864
- }
4865
-
4866
- .LuiTabsGroup--justified {
4867
- display: flex;
4868
- justify-content: space-between;
4869
- }
4870
-
4871
- .LuiTabsPanel {
4872
- display: none;
4873
- }
4874
-
4875
- .LuiTabsPanel--active {
4876
- display: block;
4877
- overflow: auto;
4878
- }
4879
-
4880
- .LuiIcon {
4881
- display: inline-block;
4882
- height: 100%;
4883
- width: 100%;
4884
- }
4885
- .LuiIcon > svg {
4886
- display: block;
4887
- }
4888
-
4889
- .LuiIcon--xl {
4890
- max-height: 64px;
4891
- max-width: 64px;
4892
- }
4893
- .LuiIcon--xl > svg {
4894
- height: 64px;
4895
- width: 64px;
4896
- }
4897
-
4898
- .LuiIcon--lg {
4899
- max-height: 48px;
4900
- max-width: 48px;
4901
- }
4902
- .LuiIcon--lg > svg {
4903
- height: 48px;
4904
- width: 48px;
4905
- }
4906
-
4907
- .LuiIcon--md {
4908
- height: 24px;
4909
- max-height: 24px;
4910
- max-width: 24px;
4911
- width: 24px;
4912
- }
4913
- .LuiIcon--md > svg {
4914
- height: 24px;
4915
- width: 24px;
4916
- }
4917
-
4918
- .LuiIcon--sm {
4919
- max-height: 16px;
4920
- max-width: 16px;
4921
- }
4922
- .LuiIcon--sm > svg {
4923
- height: 16px;
4924
- width: 16px;
4925
- }
4926
-
4927
- .LuiIcon--xs {
4928
- max-height: 12px;
4929
- max-width: 12px;
4930
- }
4931
- .LuiIcon--xs > svg {
4932
- height: 12px;
4933
- width: 12px;
4934
- }
4935
-
4936
- .LuiIcon--warning {
4937
- fill: #ea6a2e;
4938
- }
4939
-
4940
- .LuiIcon--error {
4941
- fill: #cc0000;
4942
- }
4943
-
4944
- .LuiIcon--success {
4945
- fill: #0aa245;
4946
- }
4947
-
4948
- .LuiIcon--interactive {
4949
- fill: #007198;
4950
- }
4951
-
4952
- .LuiIcon--disabled {
4953
- fill: #989189;
4954
- }
4955
-
4956
- /*# sourceMappingURL=lui.css.map */