@transferwise/components 0.0.0-experimental-57e70f3 → 0.0.0-experimental-09066ec

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 (563) hide show
  1. package/build/dateInput/DateInput.js +12 -5
  2. package/build/dateInput/DateInput.js.map +1 -1
  3. package/build/dateInput/DateInput.mjs +11 -4
  4. package/build/dateInput/DateInput.mjs.map +1 -1
  5. package/build/expressiveMoneyInput/currencySelector/CurrencySelector.js +16 -8
  6. package/build/expressiveMoneyInput/currencySelector/CurrencySelector.js.map +1 -1
  7. package/build/expressiveMoneyInput/currencySelector/CurrencySelector.mjs +14 -6
  8. package/build/expressiveMoneyInput/currencySelector/CurrencySelector.mjs.map +1 -1
  9. package/build/index.js +12 -7
  10. package/build/index.js.map +1 -1
  11. package/build/index.mjs +9 -3
  12. package/build/index.mjs.map +1 -1
  13. package/build/inputs/{_BottomSheet.js → SelectInput/BottomSheet/SelectInputBottomSheet.js} +7 -7
  14. package/build/inputs/SelectInput/BottomSheet/SelectInputBottomSheet.js.map +1 -0
  15. package/build/inputs/{_BottomSheet.mjs → SelectInput/BottomSheet/SelectInputBottomSheet.mjs} +7 -7
  16. package/build/inputs/SelectInput/BottomSheet/SelectInputBottomSheet.mjs.map +1 -0
  17. package/build/inputs/{_ButtonInput.js → SelectInput/ButtonInput/SelectInputButtonInput.js} +5 -5
  18. package/build/inputs/SelectInput/ButtonInput/SelectInputButtonInput.js.map +1 -0
  19. package/build/inputs/{_ButtonInput.mjs → SelectInput/ButtonInput/SelectInputButtonInput.mjs} +5 -5
  20. package/build/inputs/SelectInput/ButtonInput/SelectInputButtonInput.mjs.map +1 -0
  21. package/build/inputs/SelectInput/ClearButton/SelectInputClearButton.js +26 -0
  22. package/build/inputs/SelectInput/ClearButton/SelectInputClearButton.js.map +1 -0
  23. package/build/inputs/SelectInput/ClearButton/SelectInputClearButton.mjs +24 -0
  24. package/build/inputs/SelectInput/ClearButton/SelectInputClearButton.mjs.map +1 -0
  25. package/build/inputs/SelectInput/DefaultRenderTrigger/SelectInputDefaultRenderTrigger.js +59 -0
  26. package/build/inputs/SelectInput/DefaultRenderTrigger/SelectInputDefaultRenderTrigger.js.map +1 -0
  27. package/build/inputs/SelectInput/DefaultRenderTrigger/SelectInputDefaultRenderTrigger.mjs +56 -0
  28. package/build/inputs/SelectInput/DefaultRenderTrigger/SelectInputDefaultRenderTrigger.mjs.map +1 -0
  29. package/build/inputs/SelectInput/ItemView/GroupItemView/SelectInputGroupItemView.js +50 -0
  30. package/build/inputs/SelectInput/ItemView/GroupItemView/SelectInputGroupItemView.js.map +1 -0
  31. package/build/inputs/SelectInput/ItemView/GroupItemView/SelectInputGroupItemView.mjs +48 -0
  32. package/build/inputs/SelectInput/ItemView/GroupItemView/SelectInputGroupItemView.mjs.map +1 -0
  33. package/build/inputs/SelectInput/ItemView/SelectInputItemView.js +47 -0
  34. package/build/inputs/SelectInput/ItemView/SelectInputItemView.js.map +1 -0
  35. package/build/inputs/SelectInput/ItemView/SelectInputItemView.mjs +45 -0
  36. package/build/inputs/SelectInput/ItemView/SelectInputItemView.mjs.map +1 -0
  37. package/build/inputs/SelectInput/Option/SelectInputOption.js +42 -0
  38. package/build/inputs/SelectInput/Option/SelectInputOption.js.map +1 -0
  39. package/build/inputs/SelectInput/Option/SelectInputOption.mjs +40 -0
  40. package/build/inputs/SelectInput/Option/SelectInputOption.mjs.map +1 -0
  41. package/build/inputs/SelectInput/OptionContent/SelectInputOptionContent.js +40 -0
  42. package/build/inputs/SelectInput/OptionContent/SelectInputOptionContent.js.map +1 -0
  43. package/build/inputs/SelectInput/OptionContent/SelectInputOptionContent.mjs +38 -0
  44. package/build/inputs/SelectInput/OptionContent/SelectInputOptionContent.mjs.map +1 -0
  45. package/build/inputs/SelectInput/Options/OptionsContainer/SelectInputOptionsContainer.js +48 -0
  46. package/build/inputs/SelectInput/Options/OptionsContainer/SelectInputOptionsContainer.js.map +1 -0
  47. package/build/inputs/SelectInput/Options/OptionsContainer/SelectInputOptionsContainer.mjs +46 -0
  48. package/build/inputs/SelectInput/Options/OptionsContainer/SelectInputOptionsContainer.mjs.map +1 -0
  49. package/build/inputs/SelectInput/Options/SelectInputOptions.js +300 -0
  50. package/build/inputs/SelectInput/Options/SelectInputOptions.js.map +1 -0
  51. package/build/inputs/SelectInput/Options/SelectInputOptions.mjs +298 -0
  52. package/build/inputs/SelectInput/Options/SelectInputOptions.mjs.map +1 -0
  53. package/build/inputs/{_Popover.js → SelectInput/Popover/SelectInputPopover.js} +7 -7
  54. package/build/inputs/SelectInput/Popover/SelectInputPopover.js.map +1 -0
  55. package/build/inputs/{_Popover.mjs → SelectInput/Popover/SelectInputPopover.mjs} +7 -7
  56. package/build/inputs/SelectInput/Popover/SelectInputPopover.mjs.map +1 -0
  57. package/build/inputs/SelectInput/SelectInput.contexts.js +29 -0
  58. package/build/inputs/SelectInput/SelectInput.contexts.js.map +1 -0
  59. package/build/inputs/SelectInput/SelectInput.contexts.mjs +24 -0
  60. package/build/inputs/SelectInput/SelectInput.contexts.mjs.map +1 -0
  61. package/build/inputs/SelectInput/SelectInput.js +222 -0
  62. package/build/inputs/SelectInput/SelectInput.js.map +1 -0
  63. package/build/inputs/SelectInput/SelectInput.messages.js.map +1 -0
  64. package/build/inputs/SelectInput/SelectInput.messages.mjs.map +1 -0
  65. package/build/inputs/SelectInput/SelectInput.mjs +216 -0
  66. package/build/inputs/SelectInput/SelectInput.mjs.map +1 -0
  67. package/build/inputs/SelectInput/SelectInput.utils.js +164 -0
  68. package/build/inputs/SelectInput/SelectInput.utils.js.map +1 -0
  69. package/build/inputs/SelectInput/SelectInput.utils.mjs +154 -0
  70. package/build/inputs/SelectInput/SelectInput.utils.mjs.map +1 -0
  71. package/build/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.js +42 -0
  72. package/build/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.js.map +1 -0
  73. package/build/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.mjs +36 -0
  74. package/build/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.mjs.map +1 -0
  75. package/build/main.css +97 -27094
  76. package/build/moneyInput/MoneyInput.js +9 -2
  77. package/build/moneyInput/MoneyInput.js.map +1 -1
  78. package/build/moneyInput/MoneyInput.mjs +8 -1
  79. package/build/moneyInput/MoneyInput.mjs.map +1 -1
  80. package/build/phoneNumberInput/PhoneNumberInput.js +10 -3
  81. package/build/phoneNumberInput/PhoneNumberInput.js.map +1 -1
  82. package/build/phoneNumberInput/PhoneNumberInput.mjs +9 -2
  83. package/build/phoneNumberInput/PhoneNumberInput.mjs.map +1 -1
  84. package/build/styles/inputs/SelectInput/BottomSheet/SelectInputBottomSheet.css +96 -0
  85. package/build/styles/inputs/SelectInput/ButtonInput/SelectInputButtonInput.css +16 -0
  86. package/build/styles/inputs/SelectInput/ClearButton/SelectInputClearButton.css +46 -0
  87. package/build/styles/inputs/SelectInput/ItemView/SelectInputItemView.css +16 -0
  88. package/build/styles/inputs/SelectInput/Option/SelectInputOption.css +33 -0
  89. package/build/styles/inputs/SelectInput/OptionContent/SelectInputOptionContent.css +37 -0
  90. package/build/styles/inputs/SelectInput/Options/SelectInputOptions.css +81 -0
  91. package/build/styles/inputs/SelectInput/Popover/SelectInputPopover.css +46 -0
  92. package/build/styles/main.css +97 -27094
  93. package/build/types/index.d.ts +1 -1
  94. package/build/types/index.d.ts.map +1 -1
  95. package/build/types/inputs/{_BottomSheet.d.ts → SelectInput/BottomSheet/SelectInputBottomSheet.d.ts} +3 -3
  96. package/build/types/inputs/SelectInput/BottomSheet/SelectInputBottomSheet.d.ts.map +1 -0
  97. package/build/types/inputs/SelectInput/BottomSheet/index.d.ts +3 -0
  98. package/build/types/inputs/SelectInput/BottomSheet/index.d.ts.map +1 -0
  99. package/build/types/inputs/SelectInput/ButtonInput/SelectInputButtonInput.d.ts +5 -0
  100. package/build/types/inputs/SelectInput/ButtonInput/SelectInputButtonInput.d.ts.map +1 -0
  101. package/build/types/inputs/SelectInput/ButtonInput/index.d.ts +3 -0
  102. package/build/types/inputs/SelectInput/ButtonInput/index.d.ts.map +1 -0
  103. package/build/types/inputs/SelectInput/ClearButton/SelectInputClearButton.d.ts +7 -0
  104. package/build/types/inputs/SelectInput/ClearButton/SelectInputClearButton.d.ts.map +1 -0
  105. package/build/types/inputs/SelectInput/ClearButton/index.d.ts +3 -0
  106. package/build/types/inputs/SelectInput/ClearButton/index.d.ts.map +1 -0
  107. package/build/types/inputs/SelectInput/DefaultRenderTrigger/SelectInputDefaultRenderTrigger.d.ts +16 -0
  108. package/build/types/inputs/SelectInput/DefaultRenderTrigger/SelectInputDefaultRenderTrigger.d.ts.map +1 -0
  109. package/build/types/inputs/SelectInput/DefaultRenderTrigger/index.d.ts +2 -0
  110. package/build/types/inputs/SelectInput/DefaultRenderTrigger/index.d.ts.map +1 -0
  111. package/build/types/inputs/SelectInput/ItemView/GroupItemView/SelectInputGroupItemView.d.ts +9 -0
  112. package/build/types/inputs/SelectInput/ItemView/GroupItemView/SelectInputGroupItemView.d.ts.map +1 -0
  113. package/build/types/inputs/SelectInput/ItemView/GroupItemView/index.d.ts +3 -0
  114. package/build/types/inputs/SelectInput/ItemView/GroupItemView/index.d.ts.map +1 -0
  115. package/build/types/inputs/SelectInput/ItemView/SelectInputItemView.d.ts +11 -0
  116. package/build/types/inputs/SelectInput/ItemView/SelectInputItemView.d.ts.map +1 -0
  117. package/build/types/inputs/SelectInput/ItemView/index.d.ts +4 -0
  118. package/build/types/inputs/SelectInput/ItemView/index.d.ts.map +1 -0
  119. package/build/types/inputs/SelectInput/Option/SelectInputOption.d.ts +11 -0
  120. package/build/types/inputs/SelectInput/Option/SelectInputOption.d.ts.map +1 -0
  121. package/build/types/inputs/SelectInput/Option/index.d.ts +3 -0
  122. package/build/types/inputs/SelectInput/Option/index.d.ts.map +1 -0
  123. package/build/types/inputs/SelectInput/OptionContent/SelectInputOptionContent.d.ts +13 -0
  124. package/build/types/inputs/SelectInput/OptionContent/SelectInputOptionContent.d.ts.map +1 -0
  125. package/build/types/inputs/SelectInput/OptionContent/index.d.ts +3 -0
  126. package/build/types/inputs/SelectInput/OptionContent/index.d.ts.map +1 -0
  127. package/build/types/inputs/SelectInput/Options/OptionsContainer/SelectInputOptionsContainer.d.ts +9 -0
  128. package/build/types/inputs/SelectInput/Options/OptionsContainer/SelectInputOptionsContainer.d.ts.map +1 -0
  129. package/build/types/inputs/SelectInput/Options/OptionsContainer/index.d.ts +3 -0
  130. package/build/types/inputs/SelectInput/Options/OptionsContainer/index.d.ts.map +1 -0
  131. package/build/types/inputs/SelectInput/Options/SelectInputOptions.d.ts +21 -0
  132. package/build/types/inputs/SelectInput/Options/SelectInputOptions.d.ts.map +1 -0
  133. package/build/types/inputs/SelectInput/Options/index.d.ts +4 -0
  134. package/build/types/inputs/SelectInput/Options/index.d.ts.map +1 -0
  135. package/build/types/inputs/{_Popover.d.ts → SelectInput/Popover/SelectInputPopover.d.ts} +3 -3
  136. package/build/types/inputs/SelectInput/Popover/SelectInputPopover.d.ts.map +1 -0
  137. package/build/types/inputs/SelectInput/Popover/index.d.ts +3 -0
  138. package/build/types/inputs/SelectInput/Popover/index.d.ts.map +1 -0
  139. package/build/types/inputs/SelectInput/SelectInput.contexts.d.ts +33 -0
  140. package/build/types/inputs/SelectInput/SelectInput.contexts.d.ts.map +1 -0
  141. package/build/types/inputs/SelectInput/SelectInput.d.ts +10 -0
  142. package/build/types/inputs/SelectInput/SelectInput.d.ts.map +1 -0
  143. package/build/types/inputs/SelectInput/SelectInput.messages.d.ts.map +1 -0
  144. package/build/types/inputs/{SelectInput.d.ts → SelectInput/SelectInput.types.d.ts} +12 -38
  145. package/build/types/inputs/SelectInput/SelectInput.types.d.ts.map +1 -0
  146. package/build/types/inputs/SelectInput/SelectInput.utils.d.ts +60 -0
  147. package/build/types/inputs/SelectInput/SelectInput.utils.d.ts.map +1 -0
  148. package/build/types/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.d.ts +12 -0
  149. package/build/types/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.d.ts.map +1 -0
  150. package/build/types/inputs/SelectInput/TriggerButton/index.d.ts +3 -0
  151. package/build/types/inputs/SelectInput/TriggerButton/index.d.ts.map +1 -0
  152. package/build/types/inputs/SelectInput/components.d.ts +10 -0
  153. package/build/types/inputs/SelectInput/components.d.ts.map +1 -0
  154. package/build/types/inputs/SelectInput/index.d.ts +10 -0
  155. package/build/types/inputs/SelectInput/index.d.ts.map +1 -0
  156. package/package.json +4 -8
  157. package/src/accordion/Accordion.css +74 -0
  158. package/src/accordion/Accordion.less +3 -3
  159. package/src/actionButton/ActionButton.css +64 -0
  160. package/src/actionButton/ActionButton.less +1 -1
  161. package/src/actionOption/ActionOption.css +4 -0
  162. package/src/alert/Alert.css +7 -0
  163. package/src/avatar/Avatar.css +250 -0
  164. package/src/avatar/Avatar.less +3 -3
  165. package/src/avatarLayout/AvatarLayout.css +42 -0
  166. package/src/avatarView/AvatarView.css +44 -0
  167. package/src/avatarView/Dot.css +26 -0
  168. package/src/badge/Badge.css +65 -0
  169. package/src/badge/Badge.less +1 -1
  170. package/src/body/Body.css +3 -0
  171. package/src/button/Button.css +246 -0
  172. package/src/button/Button.vars.css +46 -0
  173. package/src/button/LegacyButton.css +23 -0
  174. package/src/button/LegacyButton.less +1 -1
  175. package/src/card/Card.css +100 -0
  176. package/src/card/Card.less +3 -3
  177. package/src/carousel/Carousel.css +134 -0
  178. package/src/checkboxButton/CheckboxButton.css +43 -0
  179. package/src/checkboxButton/CheckboxButton.less +2 -2
  180. package/src/chips/Chip.css +190 -0
  181. package/src/chips/Chip.less +3 -3
  182. package/src/circularButton/CircularButton.css +34 -0
  183. package/src/common/Option/Option.css +122 -0
  184. package/src/common/Option/Option.less +2 -2
  185. package/src/common/RadioButton/RadioButton.css +4 -0
  186. package/src/common/baseCard/BaseCard.css +49 -0
  187. package/src/common/bottomSheet/BottomSheet.css +53 -0
  188. package/src/common/bottomSheet/BottomSheet.less +1 -1
  189. package/src/common/circle/Circle.css +43 -0
  190. package/src/common/closeButton/CloseButton.css +94 -0
  191. package/src/common/closeButton/CloseButton.less +1 -1
  192. package/src/common/panel/Panel.css +73 -0
  193. package/src/common/panel/Panel.less +1 -1
  194. package/src/criticalBanner/CriticalCommsBanner.css +63 -0
  195. package/src/dateInput/DateInput.css +16 -0
  196. package/src/dateLookup/DateLookup.css +93 -0
  197. package/src/dateLookup/DateLookup.less +1 -1
  198. package/src/dateLookup/dateTrigger/DateTrigger.css +29 -0
  199. package/src/dateLookup/dateTrigger/DateTrigger.less +2 -2
  200. package/src/decision/Decision.css +17 -0
  201. package/src/decision/Decision.less +1 -1
  202. package/src/definitionList/DefinitionList.css +53 -0
  203. package/src/definitionList/DefinitionList.less +1 -1
  204. package/src/dimmer/Dimmer.css +70 -0
  205. package/src/dimmer/Dimmer.less +2 -2
  206. package/src/divider/Divider.css +24 -0
  207. package/src/drawer/Drawer.css +56 -0
  208. package/src/dropFade/DropFade.css +19 -0
  209. package/src/emphasis/Emphasis.css +31 -0
  210. package/src/expressiveMoneyInput/ExpressiveMoneyInput.css +58 -0
  211. package/src/expressiveMoneyInput/amountInput/AmountInput.css +32 -0
  212. package/src/expressiveMoneyInput/chevron/Chevron.css +12 -0
  213. package/src/expressiveMoneyInput/currencySelector/CurrencySelector.css +6 -0
  214. package/src/field/Field.css +13 -0
  215. package/src/flowNavigation/FlowNavigation.css +76 -0
  216. package/src/flowNavigation/FlowNavigation.less +1 -1
  217. package/src/flowNavigation/animatedLabel/AnimatedLabel.css +30 -0
  218. package/src/flowNavigation/animatedLabel/AnimatedLabel.less +2 -2
  219. package/src/header/Header.css +33 -0
  220. package/src/iconButton/IconButton.css +82 -0
  221. package/src/image/Image.css +13 -0
  222. package/src/index.ts +0 -1
  223. package/src/info/Info.css +9 -0
  224. package/src/info/Info.less +1 -1
  225. package/src/inputs/Input.css +158 -0
  226. package/src/inputs/InputGroup.css +63 -0
  227. package/src/inputs/SelectInput/BottomSheet/SelectInputBottomSheet.css +96 -0
  228. package/src/inputs/{_BottomSheet.tsx → SelectInput/BottomSheet/SelectInputBottomSheet.tsx} +7 -7
  229. package/src/inputs/SelectInput/BottomSheet/index.ts +2 -0
  230. package/src/inputs/SelectInput/ButtonInput/SelectInputButtonInput.css +16 -0
  231. package/src/inputs/{_ButtonInput.tsx → SelectInput/ButtonInput/SelectInputButtonInput.tsx} +5 -5
  232. package/src/inputs/SelectInput/ButtonInput/index.ts +2 -0
  233. package/src/inputs/SelectInput/ClearButton/SelectInputClearButton.css +46 -0
  234. package/src/inputs/SelectInput/ClearButton/SelectInputClearButton.less +39 -0
  235. package/src/inputs/SelectInput/ClearButton/SelectInputClearButton.tsx +27 -0
  236. package/src/inputs/SelectInput/ClearButton/index.ts +2 -0
  237. package/src/inputs/SelectInput/DefaultRenderTrigger/SelectInputDefaultRenderTrigger.tsx +74 -0
  238. package/src/inputs/SelectInput/DefaultRenderTrigger/index.ts +5 -0
  239. package/src/inputs/SelectInput/ItemView/GroupItemView/SelectInputGroupItemView.tsx +61 -0
  240. package/src/inputs/SelectInput/ItemView/GroupItemView/index.ts +2 -0
  241. package/src/inputs/SelectInput/ItemView/SelectInputItemView.css +16 -0
  242. package/src/inputs/SelectInput/ItemView/SelectInputItemView.less +17 -0
  243. package/src/inputs/SelectInput/ItemView/SelectInputItemView.tsx +48 -0
  244. package/src/inputs/SelectInput/ItemView/index.ts +3 -0
  245. package/src/inputs/SelectInput/Option/SelectInputOption.css +33 -0
  246. package/src/inputs/SelectInput/Option/SelectInputOption.less +32 -0
  247. package/src/inputs/SelectInput/Option/SelectInputOption.tsx +57 -0
  248. package/src/inputs/SelectInput/Option/index.ts +2 -0
  249. package/src/inputs/SelectInput/OptionContent/SelectInputOptionContent.css +37 -0
  250. package/src/inputs/SelectInput/OptionContent/SelectInputOptionContent.less +38 -0
  251. package/src/inputs/SelectInput/OptionContent/SelectInputOptionContent.tsx +72 -0
  252. package/src/inputs/SelectInput/OptionContent/index.ts +2 -0
  253. package/src/inputs/SelectInput/Options/OptionsContainer/SelectInputOptionsContainer.tsx +59 -0
  254. package/src/inputs/SelectInput/Options/OptionsContainer/index.ts +2 -0
  255. package/src/inputs/SelectInput/Options/SelectInputOptions.css +81 -0
  256. package/src/inputs/SelectInput/Options/SelectInputOptions.less +77 -0
  257. package/src/inputs/SelectInput/Options/SelectInputOptions.tsx +411 -0
  258. package/src/inputs/SelectInput/Options/index.ts +3 -0
  259. package/src/inputs/SelectInput/Popover/SelectInputPopover.css +46 -0
  260. package/src/inputs/{_Popover.tsx → SelectInput/Popover/SelectInputPopover.tsx} +7 -7
  261. package/src/inputs/SelectInput/Popover/index.ts +2 -0
  262. package/src/inputs/SelectInput/SelectInput.contexts.tsx +40 -0
  263. package/src/inputs/SelectInput/SelectInput.css +380 -0
  264. package/src/inputs/SelectInput/SelectInput.less +22 -0
  265. package/src/inputs/{SelectInput.test.tsx → SelectInput/SelectInput.test.tsx} +9 -11
  266. package/src/inputs/SelectInput/SelectInput.tsx +257 -0
  267. package/src/inputs/SelectInput/SelectInput.types.ts +113 -0
  268. package/src/inputs/SelectInput/SelectInput.utils.ts +205 -0
  269. package/src/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.tsx +36 -0
  270. package/src/inputs/SelectInput/TriggerButton/index.ts +5 -0
  271. package/src/inputs/{SelectInput.docs.mdx → SelectInput/_stories/SelectInput.docs.mdx} +0 -1
  272. package/src/inputs/{SelectInput.story.tsx → SelectInput/_stories/SelectInput.story.tsx} +11 -8
  273. package/src/inputs/{SelectInput.test.story.tsx → SelectInput/_stories/SelectInput.test.story.tsx} +6 -10
  274. package/src/inputs/SelectInput/components.ts +10 -0
  275. package/src/inputs/SelectInput/index.ts +12 -0
  276. package/src/inputs/TextArea.css +161 -0
  277. package/src/inputs/_common.less +1 -1
  278. package/src/instructionsList/InstructionsList.css +26 -0
  279. package/src/legacylistItem/LegacyListItem.css +6 -0
  280. package/src/link/Link.css +24 -0
  281. package/src/link/Link.less +2 -2
  282. package/src/listItem/ListItem.css +659 -0
  283. package/src/listItem/ListItem.grid.css +384 -0
  284. package/src/listItem/ListItem.less +1 -1
  285. package/src/listItem/Prompt/ListItemPrompt.css +4 -0
  286. package/src/loader/Loader.css +227 -0
  287. package/src/logo/Logo.css +26 -0
  288. package/src/main.css +7529 -0
  289. package/src/main.less +1 -3
  290. package/src/modal/Modal.css +95 -0
  291. package/src/moneyInput/MoneyInput.css +74 -0
  292. package/src/moneyInput/MoneyInput.less +2 -2
  293. package/src/navigationOption/NavigationOption.css +69 -0
  294. package/src/navigationOption/NavigationOption.less +3 -3
  295. package/src/navigationOptionsList/NavigationOptionsList.css +13 -0
  296. package/src/navigationOptionsList/NavigationOptionsList.less +1 -1
  297. package/src/nudge/Nudge.css +206 -0
  298. package/src/overlayHeader/OverlayHeader.css +15 -0
  299. package/src/overlayHeader/OverlayHeader.less +1 -1
  300. package/src/phoneNumberInput/PhoneNumberInput.css +23 -0
  301. package/src/phoneNumberInput/PhoneNumberInput.less +1 -1
  302. package/src/popover/Popover.css +76 -0
  303. package/src/popover/Popover.less +1 -1
  304. package/src/progress/Progress.css +43 -0
  305. package/src/progressBar/ProgressBar.css +14 -0
  306. package/src/promoCard/PromoCard.css +186 -0
  307. package/src/prompt/ActionPrompt/ActionPrompt.css +25 -0
  308. package/src/prompt/InfoPrompt/InfoPrompt.css +33 -0
  309. package/src/prompt/InlinePrompt/InlinePrompt.css +57 -0
  310. package/src/prompt/PrimitivePrompt/PrimitivePrompt.css +51 -0
  311. package/src/radioGroup/RadioGroup.css +3 -0
  312. package/src/section/Section.css +10 -0
  313. package/src/segmentedControl/SegmentedControl.css +101 -0
  314. package/src/select/Select.css +368 -0
  315. package/src/select/Select.less +5 -5
  316. package/src/sentimentSurface/SentimentSurface.css +487 -0
  317. package/src/slidingPanel/SlidingPanel.css +105 -0
  318. package/src/slidingPanel/SlidingPanel.less +2 -2
  319. package/src/snackbar/Snackbar.css +93 -0
  320. package/src/snackbar/Snackbar.less +3 -3
  321. package/src/statusIcon/StatusIcon.css +6 -0
  322. package/src/stepper/Stepper.css +77 -0
  323. package/src/stepper/Stepper.less +3 -3
  324. package/src/summary/Summary.css +81 -0
  325. package/src/summary/Summary.less +1 -1
  326. package/src/switch/Switch.css +63 -0
  327. package/src/switch/Switch.less +4 -4
  328. package/src/switchOption/SwitchOption.css +4 -0
  329. package/src/table/Table.css +274 -0
  330. package/src/table/Table.less +1 -1
  331. package/src/tabs/Tabs.css +121 -0
  332. package/src/tabs/Tabs.less +4 -4
  333. package/src/tile/Tile.css +68 -0
  334. package/src/tile/Tile.less +1 -1
  335. package/src/tooltip/Tooltip.css +50 -0
  336. package/src/tooltip/Tooltip.less +1 -1
  337. package/src/typeahead/Typeahead.css +187 -0
  338. package/src/typeahead/Typeahead.less +2 -2
  339. package/src/typeahead/typeaheadOption/TypeaheadOption.css +9 -0
  340. package/src/typeahead/typeaheadOption/TypeaheadOption.less +1 -1
  341. package/src/upload/Upload.css +34 -0
  342. package/src/upload/Upload.less +1 -1
  343. package/src/uploadInput/UploadInput.css +18 -0
  344. package/src/uploadInput/UploadInput.less +2 -2
  345. package/src/uploadInput/uploadButton/UploadButton.css +90 -0
  346. package/src/uploadInput/uploadItem/UploadItem.css +166 -0
  347. package/src/uploadInput/uploadItem/UploadItem.less +1 -1
  348. package/build/inputs/SelectInput.js +0 -890
  349. package/build/inputs/SelectInput.js.map +0 -1
  350. package/build/inputs/SelectInput.messages.js.map +0 -1
  351. package/build/inputs/SelectInput.messages.mjs.map +0 -1
  352. package/build/inputs/SelectInput.mjs +0 -881
  353. package/build/inputs/SelectInput.mjs.map +0 -1
  354. package/build/inputs/_BottomSheet.js.map +0 -1
  355. package/build/inputs/_BottomSheet.mjs.map +0 -1
  356. package/build/inputs/_ButtonInput.js.map +0 -1
  357. package/build/inputs/_ButtonInput.mjs.map +0 -1
  358. package/build/inputs/_Popover.js.map +0 -1
  359. package/build/inputs/_Popover.mjs.map +0 -1
  360. package/build/neptune-css/fonts/TW-Averta-Bold.woff +0 -0
  361. package/build/neptune-css/fonts/TW-Averta-Bold.woff2 +0 -0
  362. package/build/neptune-css/fonts/TW-Averta-Regular.woff +0 -0
  363. package/build/neptune-css/fonts/TW-Averta-Regular.woff2 +0 -0
  364. package/build/neptune-css/fonts/TW-Averta-Semibold.woff +0 -0
  365. package/build/neptune-css/fonts/TW-Averta-Semibold.woff2 +0 -0
  366. package/build/neptune-css/fonts/TransferWise-IconFont.svg +0 -81
  367. package/build/neptune-css/fonts/TransferWise-IconFont.woff +0 -0
  368. package/build/neptune-css/fonts/WiseSans-Heavy.woff2 +0 -0
  369. package/build/neptune-css/fonts/inter-cyrillic-ext-variable-wghtOnly-normal.woff2 +0 -0
  370. package/build/neptune-css/fonts/inter-cyrillic-variable-wghtOnly-normal.woff2 +0 -0
  371. package/build/neptune-css/fonts/inter-greek-ext-variable-wghtOnly-normal.woff2 +0 -0
  372. package/build/neptune-css/fonts/inter-greek-variable-wghtOnly-normal.woff2 +0 -0
  373. package/build/neptune-css/fonts/inter-latin-ext-variable-wghtOnly-normal.woff2 +0 -0
  374. package/build/neptune-css/fonts/inter-latin-variable-wghtOnly-normal.woff2 +0 -0
  375. package/build/neptune-css/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2 +0 -0
  376. package/build/neptune-css/img/bg-dark.svg +0 -31
  377. package/build/neptune-css/img/bg-light.svg +0 -26
  378. package/build/neptune-css/less/legacy-variables.less +0 -1299
  379. package/build/neptune-css/less/neptune-tokens.css +0 -0
  380. package/build/neptune-css/less/neptune-tokens.less +0 -275
  381. package/build/neptune-css/less/zindex.css +0 -0
  382. package/build/neptune-css/less/zindex.less +0 -17
  383. package/build/neptune-css/props/custom-media.css +0 -11
  384. package/build/neptune-css/props/legacy-custom-props.css +0 -69
  385. package/build/neptune-css/props/neptune-tokens.css +0 -152
  386. package/build/neptune.css +0 -25724
  387. package/build/styles/neptune-css/less/accordion.css +0 -255
  388. package/build/styles/neptune-css/less/alerts.css +0 -751
  389. package/build/styles/neptune-css/less/background.css +0 -20
  390. package/build/styles/neptune-css/less/badge.css +0 -90
  391. package/build/styles/neptune-css/less/border-radius.css +0 -3
  392. package/build/styles/neptune-css/less/breadcrumbs.css +0 -20
  393. package/build/styles/neptune-css/less/button-groups.css +0 -495
  394. package/build/styles/neptune-css/less/buttons.css +0 -1390
  395. package/build/styles/neptune-css/less/chevron.css +0 -35
  396. package/build/styles/neptune-css/less/circles.css +0 -248
  397. package/build/styles/neptune-css/less/close.css +0 -47
  398. package/build/styles/neptune-css/less/column-layout.css +0 -164
  399. package/build/styles/neptune-css/less/core/viewport-themes.css +0 -59
  400. package/build/styles/neptune-css/less/currency-flags.css +0 -46
  401. package/build/styles/neptune-css/less/decision.css +0 -136
  402. package/build/styles/neptune-css/less/dropdowns.css +0 -472
  403. package/build/styles/neptune-css/less/droppable.css +0 -221
  404. package/build/styles/neptune-css/less/flex.css +0 -598
  405. package/build/styles/neptune-css/less/footer.css +0 -129
  406. package/build/styles/neptune-css/less/forms/bootstrap-forms.css +0 -2277
  407. package/build/styles/neptune-css/less/forms/checkbox-radio.css +0 -367
  408. package/build/styles/neptune-css/less/grid.css +0 -2369
  409. package/build/styles/neptune-css/less/input-groups.css +0 -2740
  410. package/build/styles/neptune-css/less/link-callout.css +0 -20
  411. package/build/styles/neptune-css/less/list-group.css +0 -350
  412. package/build/styles/neptune-css/less/loaders.css +0 -76
  413. package/build/styles/neptune-css/less/media.css +0 -74
  414. package/build/styles/neptune-css/less/modals.css +0 -185
  415. package/build/styles/neptune-css/less/navbar.css +0 -2406
  416. package/build/styles/neptune-css/less/navs.css +0 -296
  417. package/build/styles/neptune-css/less/neptune-addons.css +0 -1857
  418. package/build/styles/neptune-css/less/neptune-core.css +0 -2049
  419. package/build/styles/neptune-css/less/neptune-social-media.css +0 -144
  420. package/build/styles/neptune-css/less/neptune.css +0 -25724
  421. package/build/styles/neptune-css/less/panels.css +0 -528
  422. package/build/styles/neptune-css/less/popovers.css +0 -661
  423. package/build/styles/neptune-css/less/process.css +0 -483
  424. package/build/styles/neptune-css/less/progress-bars.css +0 -64
  425. package/build/styles/neptune-css/less/ring.css +0 -55
  426. package/build/styles/neptune-css/less/select.css +0 -99
  427. package/build/styles/neptune-css/less/sequences.css +0 -855
  428. package/build/styles/neptune-css/less/table.css +0 -446
  429. package/build/styles/neptune-css/less/tick.css +0 -32
  430. package/build/styles/neptune-css/less/tooltip.css +0 -160
  431. package/build/styles/neptune-css/less/utilities.css +0 -145
  432. package/build/styles/neptune-css/less/wells.css +0 -74
  433. package/build/styles/neptune-css/props/custom-media.css +0 -11
  434. package/build/styles/neptune-css/props/legacy-custom-props.css +0 -69
  435. package/build/styles/neptune-css/props/neptune-tokens.css +0 -11
  436. package/build/styles/neptune-css/variables/legacy-variables.css +0 -0
  437. package/build/styles/neptune-css/variables/neptune-tokens.css +0 -0
  438. package/build/styles/neptune-css/variables/zindex.css +0 -0
  439. package/build/types/inputs/SelectInput.d.ts.map +0 -1
  440. package/build/types/inputs/SelectInput.messages.d.ts.map +0 -1
  441. package/build/types/inputs/_BottomSheet.d.ts.map +0 -1
  442. package/build/types/inputs/_ButtonInput.d.ts +0 -5
  443. package/build/types/inputs/_ButtonInput.d.ts.map +0 -1
  444. package/build/types/inputs/_Popover.d.ts.map +0 -1
  445. package/src/inputs/SelectInput.less +0 -219
  446. package/src/inputs/SelectInput.tsx +0 -1269
  447. package/src/neptune-css/fonts/TW-Averta-Bold.woff +0 -0
  448. package/src/neptune-css/fonts/TW-Averta-Bold.woff2 +0 -0
  449. package/src/neptune-css/fonts/TW-Averta-Regular.woff +0 -0
  450. package/src/neptune-css/fonts/TW-Averta-Regular.woff2 +0 -0
  451. package/src/neptune-css/fonts/TW-Averta-Semibold.woff +0 -0
  452. package/src/neptune-css/fonts/TW-Averta-Semibold.woff2 +0 -0
  453. package/src/neptune-css/fonts/TransferWise-IconFont.svg +0 -81
  454. package/src/neptune-css/fonts/TransferWise-IconFont.woff +0 -0
  455. package/src/neptune-css/fonts/WiseSans-Heavy.woff2 +0 -0
  456. package/src/neptune-css/fonts/inter-cyrillic-ext-variable-wghtOnly-normal.woff2 +0 -0
  457. package/src/neptune-css/fonts/inter-cyrillic-variable-wghtOnly-normal.woff2 +0 -0
  458. package/src/neptune-css/fonts/inter-greek-ext-variable-wghtOnly-normal.woff2 +0 -0
  459. package/src/neptune-css/fonts/inter-greek-variable-wghtOnly-normal.woff2 +0 -0
  460. package/src/neptune-css/fonts/inter-latin-ext-variable-wghtOnly-normal.woff2 +0 -0
  461. package/src/neptune-css/fonts/inter-latin-variable-wghtOnly-normal.woff2 +0 -0
  462. package/src/neptune-css/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2 +0 -0
  463. package/src/neptune-css/img/bg-dark.svg +0 -31
  464. package/src/neptune-css/img/bg-light.svg +0 -26
  465. package/src/neptune-css/less/accordion.less +0 -15
  466. package/src/neptune-css/less/addons/_background-utilities.less +0 -82
  467. package/src/neptune-css/less/addons/_border.less +0 -3
  468. package/src/neptune-css/less/addons/_display-utilities.less +0 -159
  469. package/src/neptune-css/less/addons/_spacing-utilities.less +0 -73
  470. package/src/neptune-css/less/addons/_utilities.less +0 -147
  471. package/src/neptune-css/less/alerts.less +0 -252
  472. package/src/neptune-css/less/background.less +0 -24
  473. package/src/neptune-css/less/badge.less +0 -85
  474. package/src/neptune-css/less/border-radius.less +0 -3
  475. package/src/neptune-css/less/breadcrumbs.less +0 -27
  476. package/src/neptune-css/less/button-groups.less +0 -424
  477. package/src/neptune-css/less/buttons.less +0 -738
  478. package/src/neptune-css/less/chevron.less +0 -39
  479. package/src/neptune-css/less/circles.less +0 -233
  480. package/src/neptune-css/less/close.less +0 -48
  481. package/src/neptune-css/less/column-layout.less +0 -167
  482. package/src/neptune-css/less/components/_component-animations.less +0 -43
  483. package/src/neptune-css/less/core/_fonts.less +0 -97
  484. package/src/neptune-css/less/core/_scaffolding.less +0 -380
  485. package/src/neptune-css/less/core/_typography-utilities.less +0 -255
  486. package/src/neptune-css/less/core/_typography.less +0 -575
  487. package/src/neptune-css/less/core/viewport-themes.less +0 -65
  488. package/src/neptune-css/less/currency-flags.less +0 -42
  489. package/src/neptune-css/less/decision.less +0 -98
  490. package/src/neptune-css/less/dropdowns.less +0 -365
  491. package/src/neptune-css/less/droppable.less +0 -213
  492. package/src/neptune-css/less/flex.less +0 -113
  493. package/src/neptune-css/less/footer.less +0 -113
  494. package/src/neptune-css/less/forms/bootstrap-forms.less +0 -1218
  495. package/src/neptune-css/less/forms/checkbox-radio.less +0 -330
  496. package/src/neptune-css/less/grid.less +0 -187
  497. package/src/neptune-css/less/input-groups.less +0 -298
  498. package/src/neptune-css/less/link-callout.less +0 -17
  499. package/src/neptune-css/less/list-group.less +0 -260
  500. package/src/neptune-css/less/loaders.less +0 -91
  501. package/src/neptune-css/less/media.less +0 -68
  502. package/src/neptune-css/less/mixins/_alerts.less +0 -39
  503. package/src/neptune-css/less/mixins/_arrows.less +0 -52
  504. package/src/neptune-css/less/mixins/_border-radius.less +0 -11
  505. package/src/neptune-css/less/mixins/_buttons.less +0 -82
  506. package/src/neptune-css/less/mixins/_center-block.less +0 -7
  507. package/src/neptune-css/less/mixins/_clearfix.less +0 -23
  508. package/src/neptune-css/less/mixins/_flex.less +0 -105
  509. package/src/neptune-css/less/mixins/_forms.less +0 -130
  510. package/src/neptune-css/less/mixins/_grid-framework.less +0 -104
  511. package/src/neptune-css/less/mixins/_grid.less +0 -158
  512. package/src/neptune-css/less/mixins/_hide-text.less +0 -20
  513. package/src/neptune-css/less/mixins/_links.less +0 -7
  514. package/src/neptune-css/less/mixins/_list-group.less +0 -23
  515. package/src/neptune-css/less/mixins/_logical-properties-IE-friendly.less +0 -381
  516. package/src/neptune-css/less/mixins/_logical-properties-modern-browsers.less +0 -226
  517. package/src/neptune-css/less/mixins/_logical-properties.less +0 -5
  518. package/src/neptune-css/less/mixins/_nav-divider.less +0 -10
  519. package/src/neptune-css/less/mixins/_nav-vertical-align.less +0 -10
  520. package/src/neptune-css/less/mixins/_panels.less +0 -23
  521. package/src/neptune-css/less/mixins/_physical-properties.less +0 -110
  522. package/src/neptune-css/less/mixins/_reset-text.less +0 -22
  523. package/src/neptune-css/less/mixins/_sequence.less +0 -203
  524. package/src/neptune-css/less/mixins/_spacing.less +0 -122
  525. package/src/neptune-css/less/mixins/_tab-focus.less +0 -5
  526. package/src/neptune-css/less/mixins/_table-row.less +0 -47
  527. package/src/neptune-css/less/mixins/_text-emphasis.less +0 -39
  528. package/src/neptune-css/less/mixins/_text-overflow.less +0 -8
  529. package/src/neptune-css/less/mixins/_theming.less +0 -7
  530. package/src/neptune-css/less/modals.less +0 -239
  531. package/src/neptune-css/less/navbar.less +0 -1442
  532. package/src/neptune-css/less/navs.less +0 -339
  533. package/src/neptune-css/less/neptune-addons.less +0 -4
  534. package/src/neptune-css/less/neptune-core.less +0 -4
  535. package/src/neptune-css/less/neptune-social-media.less +0 -84
  536. package/src/neptune-css/less/neptune.bundle.less +0 -65
  537. package/src/neptune-css/less/panels.less +0 -410
  538. package/src/neptune-css/less/popovers.less +0 -379
  539. package/src/neptune-css/less/process.less +0 -426
  540. package/src/neptune-css/less/progress-bars.less +0 -55
  541. package/src/neptune-css/less/ring.less +0 -51
  542. package/src/neptune-css/less/select.less +0 -88
  543. package/src/neptune-css/less/sequences.less +0 -511
  544. package/src/neptune-css/less/table.less +0 -385
  545. package/src/neptune-css/less/tick.less +0 -37
  546. package/src/neptune-css/less/tooltip.less +0 -130
  547. package/src/neptune-css/less/utilities.less +0 -153
  548. package/src/neptune-css/less/wells.less +0 -37
  549. package/src/neptune-css/props/custom-media.css +0 -11
  550. package/src/neptune-css/props/legacy-custom-props.css +0 -69
  551. package/src/neptune-css/props/neptune-tokens.css +0 -11
  552. package/src/neptune-css/variables/legacy-variables.less +0 -1299
  553. package/src/neptune-css/variables/neptune-tokens.less +0 -12
  554. package/src/neptune-css/variables/zindex.less +0 -17
  555. package/build/inputs/{SelectInput.messages.js → SelectInput/SelectInput.messages.js} +0 -0
  556. package/build/inputs/{SelectInput.messages.mjs → SelectInput/SelectInput.messages.mjs} +0 -0
  557. package/build/styles/inputs/{SelectInput.css → SelectInput/SelectInput.css} +90 -90
  558. /package/build/types/inputs/{SelectInput.messages.d.ts → SelectInput/SelectInput.messages.d.ts} +0 -0
  559. /package/src/inputs/{_BottomSheet.less → SelectInput/BottomSheet/SelectInputBottomSheet.less} +0 -0
  560. /package/src/inputs/{_ButtonInput.less → SelectInput/ButtonInput/SelectInputButtonInput.less} +0 -0
  561. /package/src/inputs/{_Popover.less → SelectInput/Popover/SelectInputPopover.less} +0 -0
  562. /package/src/inputs/{SelectInput.messages.ts → SelectInput/SelectInput.messages.ts} +0 -0
  563. /package/{build/neptune-css/less/legacy-variables.css → src/listItem/ListItem.vars.css} +0 -0
@@ -1,2406 +0,0 @@
1
- .clearfix::before,
2
- .clearfix::after,
3
- .nav::before,
4
- .nav::after,
5
- .navbar::before,
6
- .navbar::after,
7
- .navbar-header::before,
8
- .navbar-header::after,
9
- .navbar-collapse::before,
10
- .navbar-collapse::after {
11
- content: " ";
12
- display: table;
13
- }
14
- .clearfix::after,
15
- .nav::after,
16
- .navbar::after,
17
- .navbar-header::after,
18
- .navbar-collapse::after {
19
- clear: both;
20
- }
21
- .center-block {
22
- display: block;
23
- margin-left: auto;
24
- margin-right: auto;
25
- }
26
- .pull-right,
27
- .pull-xs-right {
28
- float: right !important;
29
- }
30
- [dir="rtl"] .pull-right,
31
- [dir="rtl"] .pull-xs-right {
32
- float: left !important;
33
- }
34
- .pull-left,
35
- .pull-xs-left {
36
- float: left !important;
37
- }
38
- [dir="rtl"] .pull-left,
39
- [dir="rtl"] .pull-xs-left {
40
- float: right !important;
41
- }
42
- .pull-xs-none {
43
- float: none !important;
44
- }
45
- @media (min-width: 576px) {
46
- .pull-sm-left {
47
- float: left !important;
48
- }
49
- [dir="rtl"] .pull-sm-left {
50
- float: right !important;
51
- }
52
- .pull-sm-right {
53
- float: right !important;
54
- }
55
- [dir="rtl"] .pull-sm-right {
56
- float: left !important;
57
- }
58
- .pull-sm-none {
59
- float: none !important;
60
- }
61
- }
62
- @media (min-width: 768px) {
63
- .pull-md-left {
64
- float: left !important;
65
- }
66
- [dir="rtl"] .pull-md-left {
67
- float: right !important;
68
- }
69
- .pull-md-right {
70
- float: right !important;
71
- }
72
- [dir="rtl"] .pull-md-right {
73
- float: left !important;
74
- }
75
- .pull-md-none {
76
- float: none !important;
77
- }
78
- }
79
- @media (min-width: 992px) {
80
- .pull-lg-left {
81
- float: left !important;
82
- }
83
- [dir="rtl"] .pull-lg-left {
84
- float: right !important;
85
- }
86
- .pull-lg-right {
87
- float: right !important;
88
- }
89
- [dir="rtl"] .pull-lg-right {
90
- float: left !important;
91
- }
92
- .pull-lg-none {
93
- float: none !important;
94
- }
95
- }
96
- @media (min-width: 1200px) {
97
- .pull-xl-left {
98
- float: left !important;
99
- }
100
- [dir="rtl"] .pull-xl-left {
101
- float: right !important;
102
- }
103
- .pull-xl-right {
104
- float: right !important;
105
- }
106
- [dir="rtl"] .pull-xl-right {
107
- float: left !important;
108
- }
109
- .pull-xl-none {
110
- float: none !important;
111
- }
112
- }
113
- .hide {
114
- display: none !important;
115
- }
116
- .show {
117
- display: block !important;
118
- }
119
- .invisible {
120
- visibility: hidden;
121
- }
122
- .text-hide {
123
- color: transparent;
124
- text-shadow: none;
125
- background-color: transparent;
126
- border: 0;
127
- }
128
- .hidden {
129
- display: none !important;
130
- }
131
- .affix {
132
- position: fixed;
133
- }
134
- .rotate90 {
135
- transform: rotate(90deg);
136
- }
137
- .rotate180 {
138
- transform: rotate(180deg);
139
- }
140
- .rotate270 {
141
- transform: rotate(270deg);
142
- }
143
- .rotate-90 {
144
- transform: rotate(-90deg);
145
- }
146
- .clickable {
147
- cursor: pointer !important;
148
- }
149
- .dropup,
150
- .dropdown {
151
- position: relative;
152
- }
153
- .dropdown-menu {
154
- position: absolute;
155
- top: 0;
156
- left: 0;
157
- z-index: 1000;
158
- float: left;
159
- padding: 8px ;
160
- margin: 0;
161
- list-style: none;
162
- font-size: 0.875rem;
163
- font-size: var(--font-size-14);
164
- line-height: 155%;
165
- letter-spacing: -0.006em;
166
- font-weight: 400;
167
- font-weight: var(--font-weight-regular);
168
- text-align: left;
169
- background-color: #ffffff;
170
- background-color: var(--color-background-screen);
171
- border: 0 solid rgba(0,0,0,0.10196);
172
- border: 0 solid var(--color-border-neutral);
173
- border-radius: 3px;
174
- box-shadow: 0 20px 66px 0 rgba(34, 48, 73, 0.2);
175
- background-clip: padding-box;
176
- min-width: 104px;
177
- transition: opacity 0.2s cubic-bezier(0.6, 0.2, 0.1, 1), transform 0.2s cubic-bezier(0.6, 0.2, 0.1, 1), visibility 0s linear 0.2s;
178
- opacity: 0;
179
- transform: translateY(-10px) scale(0.95, 0.95);
180
- visibility: hidden;
181
- }
182
- [dir="rtl"] .dropdown-menu {
183
- right: 0;
184
- left: auto;
185
- left: initial;
186
- }
187
- [dir="rtl"] .dropdown-menu {
188
- float: right;
189
- }
190
- [dir="rtl"] .dropdown-menu {
191
- padding: 8px ;
192
- }
193
- [dir="rtl"] .dropdown-menu {
194
- text-align: right;
195
- }
196
- .np-theme-personal .dropdown-menu,
197
- .np-theme-personal--forest-green .dropdown-menu,
198
- .np-theme-personal--dark .dropdown-menu {
199
- background-color: #ffffff;
200
- background-color: var(--color-background-elevated);
201
- border-radius: 16px;
202
- border-radius: var(--radius-medium);
203
- box-shadow: 0 0 40px rgba(69, 71, 69, 0.2);
204
- }
205
- @media (min-width: 576px) {
206
- .dropdown-menu {
207
- min-width: 160px;
208
- }
209
- }
210
- .np-theme-personal--forest-green .dropdown-menu,
211
- .np-theme-personal--bright-green .dropdown-menu,
212
- .np-theme-personal--dark .dropdown-menu {
213
- box-shadow: none;
214
- }
215
- .dropdown-menu .divider {
216
- height: 1px;
217
- margin: 0;
218
- overflow: hidden;
219
- background-color: rgba(0,0,0,0.10196);
220
- background-color: var(--color-border-neutral);
221
- }
222
- .dropdown-menu .text-primary {
223
- color: #37517e !important;
224
- color: var(--color-content-primary) !important;
225
- }
226
- .dropdown-menu > li > a {
227
- display: block;
228
- padding: var(--dropdown-link-padding);
229
- clear: both;
230
- border-radius: 3px;
231
- font-size: 0.875rem;
232
- font-size: var(--font-size-14);
233
- line-height: 155%;
234
- letter-spacing: -0.006em;
235
- font-weight: 400;
236
- font-weight: var(--font-weight-regular);
237
- color: #37517e;
238
- color: var(--color-content-primary);
239
- white-space: nowrap;
240
- }
241
- .dropdown-menu > li > a .secondary {
242
- display: block;
243
- white-space: normal;
244
- }
245
- .np-theme-personal .dropdown-menu > li > a,
246
- .np-theme-personal--forest-green .dropdown-menu > li > a,
247
- .np-theme-personal--dark .dropdown-menu > li > a {
248
- border-radius: 10px;
249
- border-radius: var(--radius-small);
250
- }
251
- .np-theme-light .dropdown-menu > li:first-child > a {
252
- border-top-right-radius: 2px;
253
- border-top-left-radius: 2px;
254
- }
255
- .np-theme-light .dropdown-menu > li:last-child > a {
256
- border-bottom-right-radius: 2px;
257
- border-bottom-left-radius: 2px;
258
- }
259
- .dropdown-menu > .overlay-back-button,
260
- .dropdown-menu > .overlay-title {
261
- display: none;
262
- }
263
- .dropdown-menu,
264
- .btn-group .dropdown-menu {
265
- max-width: calc(100vw - 32px);
266
- }
267
- .dropdown-menu.dropdown-menu-sm,
268
- .btn-group .dropdown-menu.dropdown-menu-sm {
269
- width: 220px;
270
- }
271
- .dropdown-menu.dropdown-menu-md,
272
- .btn-group .dropdown-menu.dropdown-menu-md {
273
- width: 300px;
274
- }
275
- .dropdown-menu.dropdown-menu-lg,
276
- .btn-group .dropdown-menu.dropdown-menu-lg {
277
- width: 420px;
278
- }
279
- .dropdown-menu > li:not(.active):not(.selected) > a:not([disabled]):not(.disabled):hover,
280
- .dropdown-menu > li:not(.active):not(.selected) > a:not([disabled]):not(.disabled):focus,
281
- .dropdown-menu > li:not(.active):not(.selected) > a:not([disabled]):not(.disabled):active {
282
- -webkit-text-decoration: none;
283
- text-decoration: none;
284
- color: #37517e;
285
- color: var(--color-content-primary);
286
- outline: 0;
287
- box-shadow: inset 0 0 0 1px #c9cbce;
288
- box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
289
- }
290
- .dropdown-menu > .active > a,
291
- .dropdown-menu > .selected > a,
292
- .dropdown-menu > .active > a:hover,
293
- .dropdown-menu > .selected > a:hover,
294
- .dropdown-menu > .active > a:focus,
295
- .dropdown-menu > .selected > a:focus {
296
- color: #ffffff;
297
- -webkit-text-decoration: none;
298
- text-decoration: none;
299
- outline: 0;
300
- background-color: #37517e;
301
- }
302
- .dropdown-menu > .active > a strong,
303
- .dropdown-menu > .selected > a strong {
304
- color: inherit;
305
- }
306
- .dropdown-menu > .active > a .np-text-body-default,
307
- .dropdown-menu > .selected > a .np-text-body-default,
308
- .dropdown-menu > .active > a .small,
309
- .dropdown-menu > .selected > a .small,
310
- .dropdown-menu > .active > a .secondary,
311
- .dropdown-menu > .selected > a .secondary {
312
- color: #c9cbce;
313
- }
314
- .dropdown-menu > .disabled > a:hover,
315
- .dropdown-menu > .disabled > a:focus {
316
- -webkit-text-decoration: none;
317
- text-decoration: none;
318
- background-color: transparent;
319
- background-image: none;
320
- }
321
- .open > .dropdown-menu {
322
- transition: opacity 0.2s cubic-bezier(0.6, 0.2, 0.1, 1), transform 0.2s cubic-bezier(0.6, 0.2, 0.1, 1), visibility 0s linear 0s;
323
- visibility: visible;
324
- opacity: 1;
325
- transform: none;
326
- }
327
- @media (max-width: 575px) {
328
- .open > .dropdown-menu-overlay {
329
- position: fixed;
330
- top: 0;
331
- left: 0;
332
- width: 100vw;
333
- height: 100vh;
334
- height: 100dvh;
335
- border: 0;
336
- border-radius: 0;
337
- box-shadow: none;
338
- max-width: none;
339
- overflow-y: auto;
340
- animation: listSlideOver 0.15s ease-out forwards;
341
- }
342
- [dir="rtl"] .open > .dropdown-menu-overlay {
343
- right: 0;
344
- left: auto;
345
- left: initial;
346
- }
347
- .open > .dropdown-menu-overlay > .overlay-back-button,
348
- .open > .dropdown-menu-overlay > .overlay-title {
349
- display: block;
350
- }
351
- }
352
- .open > a {
353
- outline: 0;
354
- }
355
- .dropdown-menu-right,
356
- .dropdown-menu-xs-right {
357
- left: auto;
358
- right: 0;
359
- }
360
- [dir="rtl"] .dropdown-menu-right,
361
- [dir="rtl"] .dropdown-menu-xs-right {
362
- right: auto;
363
- left: auto;
364
- left: initial;
365
- }
366
- [dir="rtl"] .dropdown-menu-right,
367
- [dir="rtl"] .dropdown-menu-xs-right {
368
- left: 0;
369
- right: auto;
370
- right: initial;
371
- }
372
- .dropdown-menu-left,
373
- .dropdown-menu-xs-left {
374
- left: 0;
375
- right: auto;
376
- }
377
- [dir="rtl"] .dropdown-menu-left,
378
- [dir="rtl"] .dropdown-menu-xs-left {
379
- right: 0;
380
- left: auto;
381
- left: initial;
382
- }
383
- [dir="rtl"] .dropdown-menu-left,
384
- [dir="rtl"] .dropdown-menu-xs-left {
385
- left: auto;
386
- right: auto;
387
- right: initial;
388
- }
389
- @media (min-width: 576px) {
390
- .dropdown-menu-sm-right {
391
- left: auto;
392
- right: 0;
393
- }
394
- [dir="rtl"] .dropdown-menu-sm-right {
395
- right: auto;
396
- left: auto;
397
- left: initial;
398
- }
399
- [dir="rtl"] .dropdown-menu-sm-right {
400
- left: 0;
401
- right: auto;
402
- right: initial;
403
- }
404
- .dropdown-menu-sm-left {
405
- left: 0;
406
- right: auto;
407
- }
408
- [dir="rtl"] .dropdown-menu-sm-left {
409
- right: 0;
410
- left: auto;
411
- left: initial;
412
- }
413
- [dir="rtl"] .dropdown-menu-sm-left {
414
- left: auto;
415
- right: auto;
416
- right: initial;
417
- }
418
- }
419
- @media (min-width: 768px) {
420
- .dropdown-menu-md-right {
421
- left: auto;
422
- right: 0;
423
- }
424
- [dir="rtl"] .dropdown-menu-md-right {
425
- right: auto;
426
- left: auto;
427
- left: initial;
428
- }
429
- [dir="rtl"] .dropdown-menu-md-right {
430
- left: 0;
431
- right: auto;
432
- right: initial;
433
- }
434
- .dropdown-menu-md-left {
435
- left: 0;
436
- right: auto;
437
- }
438
- [dir="rtl"] .dropdown-menu-md-left {
439
- right: 0;
440
- left: auto;
441
- left: initial;
442
- }
443
- [dir="rtl"] .dropdown-menu-md-left {
444
- left: auto;
445
- right: auto;
446
- right: initial;
447
- }
448
- }
449
- @media (min-width: 992px) {
450
- .dropdown-menu-lg-right {
451
- left: auto;
452
- right: 0;
453
- }
454
- [dir="rtl"] .dropdown-menu-lg-right {
455
- right: auto;
456
- left: auto;
457
- left: initial;
458
- }
459
- [dir="rtl"] .dropdown-menu-lg-right {
460
- left: 0;
461
- right: auto;
462
- right: initial;
463
- }
464
- .dropdown-menu-lg-left {
465
- left: 0;
466
- right: auto;
467
- }
468
- [dir="rtl"] .dropdown-menu-lg-left {
469
- right: 0;
470
- left: auto;
471
- left: initial;
472
- }
473
- [dir="rtl"] .dropdown-menu-lg-left {
474
- left: auto;
475
- right: auto;
476
- right: initial;
477
- }
478
- }
479
- @media (min-width: 1200px) {
480
- .dropdown-menu-xl-right {
481
- left: auto;
482
- right: 0;
483
- }
484
- [dir="rtl"] .dropdown-menu-xl-right {
485
- right: auto;
486
- left: auto;
487
- left: initial;
488
- }
489
- [dir="rtl"] .dropdown-menu-xl-right {
490
- left: 0;
491
- right: auto;
492
- right: initial;
493
- }
494
- .dropdown-menu-xl-left {
495
- left: 0;
496
- right: auto;
497
- }
498
- [dir="rtl"] .dropdown-menu-xl-left {
499
- right: 0;
500
- left: auto;
501
- left: initial;
502
- }
503
- [dir="rtl"] .dropdown-menu-xl-left {
504
- left: auto;
505
- right: auto;
506
- right: initial;
507
- }
508
- }
509
- .dropdown-header {
510
- display: block;
511
- padding: 8px 16px;
512
- line-height: 1.5;
513
- line-height: var(--line-height-body);
514
- color: #5d7079;
515
- color: var(--color-content-secondary);
516
- white-space: nowrap;
517
- margin: 0;
518
- color: #37517e;
519
- color: var(--color-content-primary);
520
- line-height: 1.2;
521
- line-height: var(--line-height-title);
522
- letter-spacing: 0;
523
- font-weight: 500;
524
- font-weight: var(--font-weight-medium);
525
- font-size: 0.875rem;
526
- font-size: var(--font-size-14);
527
- letter-spacing: -0.006em;
528
- line-height: 140%;
529
- }
530
- @supports (hyphenate-limit-chars: 1) {
531
- .dropdown-header {
532
- hyphens: auto;
533
- hyphenate-limit-chars: 7 3;
534
- }
535
- @media (min-width: 768px) {
536
- .dropdown-header {
537
- hyphenate-limit-chars: 8 3;
538
- }
539
- }
540
- @media (min-width: 992px) {
541
- .dropdown-header {
542
- hyphenate-limit-chars: 10 4 3;
543
- }
544
- }
545
- }
546
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
547
- .dropdown-header {
548
- hyphens: auto;
549
- -webkit-hyphenate-limit-before: 3;
550
- -webkit-hyphenate-limit-after: 3;
551
- }
552
- @media (min-width: 992px) {
553
- .dropdown-header {
554
- -webkit-hyphenate-limit-before: 4;
555
- }
556
- }
557
- }
558
- .dropdown-header + p,
559
- .dropdown-header + ul:not(.list-unstyled),
560
- .dropdown-header + ol:not(.list-unstyled) {
561
- margin-top: 8px;
562
- margin-top: var(--size-8);
563
- }
564
- .dropdown-backdrop {
565
- position: fixed;
566
- left: 0;
567
- right: 0;
568
- bottom: 0;
569
- top: 0;
570
- z-index: 990;
571
- }
572
- [dir="rtl"] .dropdown-backdrop {
573
- right: 0;
574
- left: auto;
575
- left: initial;
576
- }
577
- [dir="rtl"] .dropdown-backdrop {
578
- left: 0;
579
- right: auto;
580
- right: initial;
581
- }
582
- .dropup .dropdown-menu,
583
- .navbar-fixed-bottom .dropdown .dropdown-menu {
584
- top: auto;
585
- bottom: -2px;
586
- margin-bottom: 2px;
587
- }
588
- @media (min-width: 768px) {
589
- .navbar-right .dropdown-menu {
590
- left: auto;
591
- right: 0;
592
- }
593
- [dir="rtl"] .navbar-right .dropdown-menu {
594
- right: auto;
595
- left: auto;
596
- left: initial;
597
- }
598
- [dir="rtl"] .navbar-right .dropdown-menu {
599
- left: 0;
600
- right: auto;
601
- right: initial;
602
- }
603
- .navbar-right .dropdown-menu-left {
604
- left: 0;
605
- right: auto;
606
- }
607
- [dir="rtl"] .navbar-right .dropdown-menu-left {
608
- right: 0;
609
- left: auto;
610
- left: initial;
611
- }
612
- [dir="rtl"] .navbar-right .dropdown-menu-left {
613
- left: auto;
614
- right: auto;
615
- right: initial;
616
- }
617
- }
618
- .bootstrap-select .dropdown-menu {
619
- margin: -8px 0 -6px;
620
- }
621
- .nav {
622
- margin-bottom: 0;
623
- padding-left: 0;
624
- list-style: none;
625
- }
626
- [dir="rtl"] .nav {
627
- padding-right: 0;
628
- padding-left: 0;
629
- padding-left: initial;
630
- }
631
- .nav > li {
632
- position: relative;
633
- display: block;
634
- }
635
- .nav > li > a {
636
- position: relative;
637
- display: block;
638
- outline-offset: -1px;
639
- padding: 9px 24px 7px;
640
- color: #37517e;
641
- color: var(--color-content-primary);
642
- font-weight: 400;
643
- font-weight: var(--font-weight-regular);
644
- font-size: 1rem;
645
- font-size: var(--font-size-16);
646
- }
647
- .nav > li > a:hover,
648
- .nav > li > a:focus {
649
- -webkit-text-decoration: none;
650
- text-decoration: none;
651
- color: #0084b3;
652
- color: var(--color-content-accent-hover);
653
- }
654
- .nav > li > a:active {
655
- color: #0077a5;
656
- color: var(--color-content-accent-active);
657
- }
658
- .nav > .active > a {
659
- color: #0097c7;
660
- color: var(--color-content-accent);
661
- font-weight: 600;
662
- font-weight: var(--font-weight-semi-bold);
663
- }
664
- .nav > .active > a:hover,
665
- .nav > .active > a:focus {
666
- color: #0084b3;
667
- color: var(--color-content-accent-hover);
668
- }
669
- .nav > .active > a:active {
670
- color: #0077a5;
671
- color: var(--color-content-accent-active);
672
- }
673
- .nav > .disabled > a:hover,
674
- .nav > .disabled > a:focus,
675
- .nav > .disabled > a:active {
676
- -webkit-text-decoration: none;
677
- text-decoration: none;
678
- }
679
- .nav .open > a,
680
- .nav .open > a:hover,
681
- .nav .open > a:focus {
682
- background-color: rgba(134,167,189,0.10196);
683
- background-color: var(--color-background-neutral);
684
- }
685
- .nav .nav-divider {
686
- height: 1px;
687
- margin: 0;
688
- overflow: hidden;
689
- background-color: #e5e5e5;
690
- }
691
- .nav > li > a > img {
692
- max-width: none;
693
- }
694
- .nav-inverse > li > a {
695
- color: #ffffff;
696
- }
697
- .nav-inverse > li.active > a {
698
- background-color: #2e4369;
699
- }
700
- .nav-tabs {
701
- border-bottom: 1px solid rgba(0,0,0,0.10196);
702
- border-bottom: 1px solid var(--color-border-neutral);
703
- }
704
- .nav-tabs > li {
705
- float: left;
706
- margin-bottom: -1px;
707
- }
708
- [dir="rtl"] .nav-tabs > li {
709
- float: right;
710
- }
711
- .nav-tabs > li > a {
712
- margin-right: 2px;
713
- line-height: 1.5;
714
- line-height: var(--line-height-body);
715
- border-bottom: 3px solid transparent;
716
- font-size: 1rem;
717
- font-size: var(--font-size-16);
718
- }
719
- [dir="rtl"] .nav-tabs > li > a {
720
- margin-left: 2px;
721
- margin-right: 0;
722
- margin-right: initial;
723
- }
724
- .nav-tabs > .active > a {
725
- border-bottom: 3px solid rgba(0,0,0,0.10196);
726
- border-bottom: 3px solid var(--color-border-neutral);
727
- }
728
- .nav-tabs > .active > a:hover,
729
- .nav-tabs > .active > a:focus {
730
- color: #0097c7;
731
- color: var(--color-content-accent);
732
- cursor: default;
733
- }
734
- .nav-pills > li {
735
- float: left;
736
- font-size: 0.875rem;
737
- font-size: var(--font-size-14);
738
- }
739
- [dir="rtl"] .nav-pills > li {
740
- float: right;
741
- }
742
- .nav-pills > li > a {
743
- font-size: 0.875rem;
744
- font-size: var(--font-size-14);
745
- }
746
- .nav-stacked > li {
747
- float: none;
748
- }
749
- .nav-stacked > li > a {
750
- padding-left: 21px;
751
- padding-right: 24px;
752
- padding-right: var(--size-24);
753
- transition: color 0.2s ease-in-out;
754
- }
755
- [dir="rtl"] .nav-stacked > li > a {
756
- border-right: 3px solid transparent;
757
- }
758
- html:not([dir="rtl"]) .nav-stacked > li > a {
759
- border-left: 3px solid transparent;
760
- }
761
- [dir="rtl"] .nav-stacked > li > a {
762
- padding-right: 21px;
763
- padding-left: 0;
764
- padding-left: initial;
765
- }
766
- [dir="rtl"] .nav-stacked > li > a {
767
- padding-left: 24px;
768
- padding-left: var(--size-24);
769
- padding-right: 0;
770
- padding-right: initial;
771
- }
772
- .nav-stacked > li > a:active {
773
- transition: none;
774
- }
775
- @media (min-width: 992px) {
776
- .nav-stacked > li > a {
777
- padding-right: 32px;
778
- padding-right: var(--size-32);
779
- padding-left: 29px !important;
780
- }
781
- [dir="rtl"] .nav-stacked > li > a {
782
- padding-left: 32px;
783
- padding-left: var(--size-32);
784
- padding-right: 0;
785
- padding-right: initial;
786
- }
787
- [dir="rtl"] .nav-stacked > li > a {
788
- padding-right: 29px !important;
789
- padding-left: 0 !important;
790
- padding-left: initial !important;
791
- }
792
- }
793
- .nav-stacked > li + li {
794
- margin-left: 0;
795
- }
796
- [dir="rtl"] .nav-stacked > li + li {
797
- margin-right: 0;
798
- margin-left: 0;
799
- margin-left: initial;
800
- }
801
- .nav-stacked > li.active > a,
802
- .nav-stacked > li.active > a:hover,
803
- .nav-stacked > li.active > a:focus {
804
- padding-left: 21px;
805
- }
806
- [dir="rtl"] .nav-stacked > li.active > a,
807
- [dir="rtl"] .nav-stacked > li.active > a:hover,
808
- [dir="rtl"] .nav-stacked > li.active > a:focus {
809
- border-right: 3px solid #00a2dd;
810
- border-right: 3px solid var(--color-interactive-accent);
811
- }
812
- html:not([dir="rtl"]) .nav-stacked > li.active > a,
813
- html:not([dir="rtl"]) .nav-stacked > li.active > a:hover,
814
- html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
815
- border-left: 3px solid #00a2dd;
816
- border-left: 3px solid var(--color-interactive-accent);
817
- }
818
- [dir="rtl"] .nav-stacked > li.active > a,
819
- [dir="rtl"] .nav-stacked > li.active > a:hover,
820
- [dir="rtl"] .nav-stacked > li.active > a:focus {
821
- padding-right: 21px;
822
- padding-left: 0;
823
- padding-left: initial;
824
- }
825
- .nav-justified {
826
- width: 100%;
827
- }
828
- .nav-justified > li {
829
- float: none;
830
- display: table-cell;
831
- vertical-align: top;
832
- width: 1%;
833
- text-align: center;
834
- }
835
- .nav-justified > li > a {
836
- text-align: center;
837
- }
838
- .nav-justified > .dropdown .dropdown-menu {
839
- top: auto;
840
- left: auto;
841
- }
842
- [dir="rtl"] .nav-justified > .dropdown .dropdown-menu {
843
- right: auto;
844
- left: auto;
845
- left: initial;
846
- }
847
- .nav-justified.nav-pills > li > a {
848
- padding: 0 4px;
849
- padding: 0 var(--size-4);
850
- line-height: 1.5;
851
- line-height: var(--line-height-body);
852
- }
853
- @media (min-width: 768px) {
854
- .nav-justified-2-p-x {
855
- padding-right: 25%;
856
- padding-left: 25%;
857
- }
858
- .nav-justified-3-p-x {
859
- padding-right: 16.66666667%;
860
- padding-left: 16.66666667%;
861
- }
862
- .nav-justified-4-p-x {
863
- padding-right: 12.5%;
864
- padding-left: 12.5%;
865
- }
866
- .nav-justified-5-p-x {
867
- padding-right: 10%;
868
- padding-left: 10%;
869
- }
870
- .nav-justified-6-p-x {
871
- padding-right: 8.33333333%;
872
- padding-left: 8.33333333%;
873
- }
874
- .nav-justified-7-p-x {
875
- padding-right: 7.14285714%;
876
- padding-left: 7.14285714%;
877
- }
878
- .nav-justified-8-p-x {
879
- padding-right: 6.25%;
880
- padding-left: 6.25%;
881
- }
882
- }
883
- .nav-tabs-justified {
884
- border-bottom: 0;
885
- }
886
- .nav-tabs-justified > li {
887
- float: none;
888
- display: table-cell;
889
- width: 1%;
890
- text-align: center;
891
- vertical-align: top;
892
- }
893
- .nav-tabs-justified > li > a {
894
- margin-right: 0;
895
- border-bottom: 1px solid rgba(0,0,0,0.10196);
896
- border-bottom: 1px solid var(--color-border-neutral);
897
- border-radius: 3px;
898
- }
899
- .nav-tabs-justified > .active > a,
900
- .nav-tabs-justified > .active > a:hover,
901
- .nav-tabs-justified > .active > a:focus {
902
- border: 1px solid rgba(0,0,0,0.10196);
903
- border: 1px solid var(--color-border-neutral);
904
- border-bottom: 0;
905
- }
906
- .tab-content > .tab-pane {
907
- display: none;
908
- }
909
- .tab-content > .active {
910
- display: block;
911
- }
912
- .nav-tabs .dropdown-menu {
913
- margin-top: -1px;
914
- border-top-right-radius: 0;
915
- border-top-left-radius: 0;
916
- }
917
- .close {
918
- float: right;
919
- color: #0097c7;
920
- color: var(--color-content-accent);
921
- -webkit-text-decoration: none;
922
- text-decoration: none;
923
- }
924
- [dir="rtl"] .close {
925
- float: left;
926
- }
927
- .np-theme-personal .close {
928
- color: var(--color-interactive-primary);
929
- }
930
- .close:hover {
931
- color: #0084b3;
932
- color: var(--color-content-accent-hover);
933
- -webkit-text-decoration: none;
934
- text-decoration: none;
935
- cursor: pointer;
936
- }
937
- .np-theme-personal .close:hover {
938
- color: var(--color-interactive-primary-hover);
939
- }
940
- .close:focus {
941
- outline: none;
942
- }
943
- .close:focus-visible {
944
- outline: var(--ring-outline-color) solid var(--ring-outline-width);
945
- outline-offset: var(--ring-outline-offset);
946
- }
947
- .close:active {
948
- color: #0077a5;
949
- color: var(--color-content-accent-active);
950
- }
951
- button.close {
952
- padding: 0;
953
- cursor: pointer;
954
- background: transparent;
955
- border: 0;
956
- -webkit-appearance: none;
957
- -moz-appearance: none;
958
- appearance: none;
959
- }
960
- .np-theme-personal button.close:hover {
961
- background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
962
- background: initial;
963
- }
964
- .navbar {
965
- position: relative;
966
- font-size: 0.875rem;
967
- font-size: var(--font-size-14);
968
- min-height: 56px;
969
- margin-bottom: 40px;
970
- border: 0 solid transparent;
971
- transition: border-top-width 0s linear;
972
- }
973
- @media (min-width: 768px) {
974
- .navbar {
975
- border-radius: 0;
976
- }
977
- .navbar .container,
978
- .navbar .container-fluid {
979
- border: 0 solid transparent;
980
- }
981
- }
982
- @media (min-width: 768px) {
983
- .navbar-header {
984
- float: left;
985
- }
986
- [dir="rtl"] .navbar-header {
987
- float: right;
988
- }
989
- }
990
- .navbar-collapse {
991
- overflow-x: visible;
992
- -webkit-overflow-scrolling: touch;
993
- }
994
- @media (min-width: 768px) {
995
- .navbar-collapse {
996
- width: auto;
997
- border-top: 0;
998
- box-shadow: none;
999
- }
1000
- .navbar-collapse.collapse {
1001
- display: block !important;
1002
- padding-bottom: 0;
1003
- }
1004
- .navbar.affix .navbar-collapse,
1005
- .navbar-fixed-top .navbar-collapse,
1006
- .navbar-static-top .navbar-collapse,
1007
- .navbar-fixed-bottom .navbar-collapse {
1008
- padding-left: 0;
1009
- padding-right: 0;
1010
- }
1011
- }
1012
- @media (min-width: 768px) {
1013
- .container > .navbar-header,
1014
- .container-fluid > .navbar-header,
1015
- .container > .navbar-collapse,
1016
- .container-fluid > .navbar-collapse {
1017
- margin-right: 0;
1018
- margin-left: 0;
1019
- }
1020
- }
1021
- .navbar-static-top {
1022
- z-index: 1000;
1023
- margin-bottom: 0;
1024
- }
1025
- @media (min-width: 768px) {
1026
- .navbar-static-top {
1027
- border-radius: 0;
1028
- }
1029
- .navbar-static-top .container,
1030
- .navbar-static-top .container-fluid {
1031
- border-width: 0;
1032
- margin-bottom: -1px;
1033
- }
1034
- }
1035
- .navbar.affix,
1036
- .navbar-fixed-top,
1037
- .navbar-fixed-bottom {
1038
- position: fixed;
1039
- right: 0;
1040
- left: 0;
1041
- z-index: 1030;
1042
- backface-visibility: hidden;
1043
- background-color: #37517e;
1044
- }
1045
- .navbar.affix .navbar-nav > li > a,
1046
- .navbar-fixed-top .navbar-nav > li > a,
1047
- .navbar-fixed-bottom .navbar-nav > li > a,
1048
- .navbar.affix .navbar-nav > li .navbar-title,
1049
- .navbar-fixed-top .navbar-nav > li .navbar-title,
1050
- .navbar-fixed-bottom .navbar-nav > li .navbar-title,
1051
- .navbar.affix .navbar-nav > li .navbar-text,
1052
- .navbar-fixed-top .navbar-nav > li .navbar-text,
1053
- .navbar-fixed-bottom .navbar-nav > li .navbar-text {
1054
- color: #ffffff;
1055
- color: var(--color-background-screen);
1056
- }
1057
- @media (max-width: 767px) {
1058
- .navbar.affix .navbar-nav > li > a,
1059
- .navbar-fixed-top .navbar-nav > li > a,
1060
- .navbar-fixed-bottom .navbar-nav > li > a,
1061
- .navbar.affix .navbar-nav > li .navbar-title,
1062
- .navbar-fixed-top .navbar-nav > li .navbar-title,
1063
- .navbar-fixed-bottom .navbar-nav > li .navbar-title,
1064
- .navbar.affix .navbar-nav > li .navbar-text,
1065
- .navbar-fixed-top .navbar-nav > li .navbar-text,
1066
- .navbar-fixed-bottom .navbar-nav > li .navbar-text {
1067
- color: #37517e;
1068
- color: var(--color-content-primary);
1069
- }
1070
- }
1071
- .navbar.affix .navbar-nav > li.active > a,
1072
- .navbar-fixed-top .navbar-nav > li.active > a,
1073
- .navbar-fixed-bottom .navbar-nav > li.active > a {
1074
- color: #0077a5;
1075
- color: var(--color-content-accent-active);
1076
- }
1077
- @media (min-width: 768px) {
1078
- .navbar.affix,
1079
- .navbar-fixed-top,
1080
- .navbar-fixed-bottom {
1081
- border-radius: 0;
1082
- }
1083
- }
1084
- .navbar.affix {
1085
- top: -56px;
1086
- border-top-width: 56px;
1087
- transition: border-top-width 0.2s ease-out, background-color 0.2s ease-out;
1088
- }
1089
- .navbar-fixed-top {
1090
- top: 0;
1091
- }
1092
- .navbar-fixed-top .container,
1093
- .navbar-fixed-top .container-fluid {
1094
- margin-bottom: -1px;
1095
- }
1096
- .navbar-fixed-bottom {
1097
- bottom: 0;
1098
- margin-bottom: 0;
1099
- }
1100
- .navbar-fixed-bottom .container,
1101
- .navbar-fixed-bottom .container-fluid {
1102
- margin-top: -1px;
1103
- }
1104
- .navbar-brand {
1105
- float: left;
1106
- padding: 8px 16px 5px;
1107
- font-size: 16px;
1108
- font-size: var(--size-16);
1109
- line-height: 40px;
1110
- margin-top: 12px;
1111
- margin-right: 10px;
1112
- height: 24px;
1113
- width: 118px;
1114
- }
1115
- [dir="rtl"] .navbar-brand {
1116
- float: right;
1117
- }
1118
- [dir="rtl"] .navbar-brand {
1119
- margin-left: 10px;
1120
- margin-right: 0;
1121
- margin-right: initial;
1122
- }
1123
- .navbar-brand:hover,
1124
- .navbar-brand:focus {
1125
- -webkit-text-decoration: none;
1126
- text-decoration: none;
1127
- }
1128
- .navbar-brand > img {
1129
- display: block;
1130
- }
1131
- .navbar-toggle {
1132
- position: relative;
1133
- float: left;
1134
- padding: 9px 0;
1135
- margin-top: 12px;
1136
- margin-bottom: 10px;
1137
- background-color: transparent;
1138
- background-image: none;
1139
- border: 0;
1140
- margin-right: 12px;
1141
- font-size: 1rem;
1142
- font-size: var(--font-size-16);
1143
- font-weight: 600;
1144
- font-weight: var(--font-weight-semi-bold);
1145
- line-height: 1.5;
1146
- line-height: var(--line-height-body);
1147
- margin-bottom: 8px;
1148
- color: #ffffff;
1149
- }
1150
- [dir="rtl"] .navbar-toggle {
1151
- float: right;
1152
- }
1153
- [dir="rtl"] .navbar-toggle {
1154
- margin-left: 12px;
1155
- margin-right: 0;
1156
- margin-right: initial;
1157
- }
1158
- .navbar-toggle:focus {
1159
- outline: 0;
1160
- }
1161
- .navbar-toggle .icon-bar:first-child {
1162
- margin-top: 1px;
1163
- }
1164
- .navbar-toggle .icon-bar {
1165
- display: block;
1166
- width: 22px;
1167
- height: 2px;
1168
- border-radius: 1px;
1169
- background-color: #0097c7;
1170
- background-color: var(--color-content-accent);
1171
- }
1172
- .navbar-toggle .icon-bar + .icon-bar {
1173
- margin-top: 4px;
1174
- }
1175
- .navbar-toggle:hover,
1176
- .navbar-toggle:focus {
1177
- color: #0084b3;
1178
- color: var(--color-content-accent-hover);
1179
- }
1180
- .navbar-toggle:hover .icon-bar,
1181
- .navbar-toggle:focus .icon-bar {
1182
- background-color: #0084b3;
1183
- background-color: var(--color-content-accent-hover);
1184
- }
1185
- @media (min-width: 768px) {
1186
- .navbar-toggle {
1187
- display: none;
1188
- }
1189
- }
1190
- .navbar-nav > li > a,
1191
- .navbar-nav > li > button {
1192
- padding: 9px 16px 7px;
1193
- line-height: 40px;
1194
- outline-offset: -1px;
1195
- transition: color ease 0.15s;
1196
- }
1197
- @media (min-width: 768px) and (max-width: 991px) {
1198
- .navbar-nav > li > a,
1199
- .navbar-nav > li > button {
1200
- padding-left: 12px;
1201
- padding-right: 12px;
1202
- }
1203
- [dir="rtl"] .navbar-nav > li > a,
1204
- [dir="rtl"] .navbar-nav > li > button {
1205
- padding-right: 12px;
1206
- padding-left: 0;
1207
- padding-left: initial;
1208
- }
1209
- [dir="rtl"] .navbar-nav > li > a,
1210
- [dir="rtl"] .navbar-nav > li > button {
1211
- padding-left: 12px;
1212
- padding-right: 0;
1213
- padding-right: initial;
1214
- }
1215
- }
1216
- .navbar-nav > li > a.dropdown-toggle,
1217
- .navbar-nav > li > button.dropdown-toggle {
1218
- height: 56px;
1219
- border: 0;
1220
- background: none;
1221
- line-height: 40px;
1222
- width: 100%;
1223
- text-align: left;
1224
- color: #0097c7;
1225
- color: var(--color-content-accent);
1226
- }
1227
- [dir="rtl"] .navbar-nav > li > a.dropdown-toggle,
1228
- [dir="rtl"] .navbar-nav > li > button.dropdown-toggle {
1229
- text-align: right;
1230
- }
1231
- .navbar-nav > li > a.dropdown-toggle:active,
1232
- .navbar-nav > li > button.dropdown-toggle:active,
1233
- .navbar-nav > li > a.dropdown-toggle:focus,
1234
- .navbar-nav > li > button.dropdown-toggle:focus {
1235
- border-bottom-color: transparent;
1236
- outline: 0;
1237
- color: #0077a5;
1238
- color: var(--color-content-accent-active);
1239
- }
1240
- @media (min-width: 768px) {
1241
- .navbar-inverse .navbar-nav > li > a.dropdown-toggle,
1242
- .navbar-inverse .navbar-nav > li > button.dropdown-toggle {
1243
- color: #ffffff;
1244
- }
1245
- .navbar-nav > li > a.dropdown-toggle:hover,
1246
- .navbar-nav > li > button.dropdown-toggle:hover {
1247
- border-bottom-color: transparent;
1248
- outline: 0;
1249
- color: #0084b3;
1250
- color: var(--color-content-accent-hover);
1251
- }
1252
- }
1253
- .navbar-nav > li > a.dropdown-toggle .caret,
1254
- .navbar-nav > li > button.dropdown-toggle .caret {
1255
- margin-left: 4px;
1256
- }
1257
- [dir="rtl"] .navbar-nav > li > a.dropdown-toggle .caret,
1258
- [dir="rtl"] .navbar-nav > li > button.dropdown-toggle .caret {
1259
- margin-right: 4px;
1260
- margin-left: 0;
1261
- margin-left: initial;
1262
- }
1263
- @media (min-width: 768px) {
1264
- .navbar-nav > li > a.navbar-title-link,
1265
- .navbar-nav > li > button.navbar-title-link {
1266
- font-size: 1.25rem;
1267
- font-size: var(--font-size-20);
1268
- }
1269
- }
1270
- .navbar-nav > li.divider {
1271
- display: none;
1272
- }
1273
- @media (max-width: 767px) {
1274
- .navbar-nav > li > a,
1275
- .navbar-nav > li > button {
1276
- font-size: 1rem;
1277
- font-size: var(--font-size-16);
1278
- padding: 9px 16px 7px;
1279
- -webkit-touch-callout: none;
1280
- }
1281
- .navbar-nav .navbar-collapse-flatten .dropdown-toggle {
1282
- display: none;
1283
- }
1284
- .navbar-nav .navbar-collapse-flatten .dropdown-menu {
1285
- position: static;
1286
- margin-top: 0;
1287
- background-color: transparent;
1288
- border: 0;
1289
- display: block;
1290
- float: none;
1291
- width: 100%;
1292
- box-shadow: none;
1293
- padding: 12px 0;
1294
- }
1295
- .navbar-nav .navbar-collapse-flatten .dropdown-menu > li > a {
1296
- padding: 9px 16px 7px;
1297
- }
1298
- .navbar-nav > li.divider {
1299
- display: block;
1300
- height: 1px;
1301
- margin: 0;
1302
- overflow: hidden;
1303
- background-color: #c9cbce;
1304
- background-color: var(--color-interactive-secondary);
1305
- }
1306
- .navbar-nav > li > a {
1307
- color: #0097c7;
1308
- color: var(--color-content-accent);
1309
- overflow: hidden;
1310
- text-overflow: ellipsis;
1311
- white-space: nowrap;
1312
- }
1313
- .navbar-nav > li > a:hover,
1314
- .navbar-nav > li > a:focus {
1315
- color: #0084b3;
1316
- color: var(--color-content-accent-hover);
1317
- }
1318
- .navbar-nav > li > a:active {
1319
- color: #0077a5;
1320
- color: var(--color-content-accent-active);
1321
- }
1322
- }
1323
- @media (min-width: 768px) {
1324
- .navbar-nav {
1325
- float: left;
1326
- }
1327
- [dir="rtl"] .navbar-nav {
1328
- float: right;
1329
- }
1330
- .navbar-nav > li {
1331
- float: left;
1332
- }
1333
- [dir="rtl"] .navbar-nav > li {
1334
- float: right;
1335
- }
1336
- .navbar-nav > li > a {
1337
- padding-bottom: 6px;
1338
- font-size: 0.875rem;
1339
- font-size: var(--font-size-14);
1340
- }
1341
- }
1342
- .navbar-form {
1343
- padding: 8px 16px;
1344
- }
1345
- @media (max-width: 767px) {
1346
- .navbar-form .form-group {
1347
- margin-bottom: 4px;
1348
- }
1349
- .navbar-form .form-group:last-child {
1350
- margin-bottom: 0;
1351
- }
1352
- }
1353
- @media (min-width: 768px) {
1354
- .navbar-form {
1355
- width: auto;
1356
- border: 0;
1357
- margin-left: 0;
1358
- margin-right: 0;
1359
- padding-top: 0;
1360
- padding-bottom: 0;
1361
- box-shadow: none;
1362
- margin-top: 12px;
1363
- margin-bottom: 12px;
1364
- }
1365
- }
1366
- @media (min-width: 768px) and (min-width: 576px) {
1367
- .navbar-form .form-group {
1368
- display: inline-block;
1369
- margin-bottom: 0;
1370
- vertical-align: middle;
1371
- }
1372
- .navbar-form .form-control {
1373
- display: inline-block;
1374
- width: auto;
1375
- vertical-align: middle;
1376
- }
1377
- .navbar-form .form-control-static {
1378
- display: inline-block;
1379
- }
1380
- .navbar-form .input-group {
1381
- display: inline-table;
1382
- vertical-align: middle;
1383
- }
1384
- .navbar-form .input-group .input-group-addon,
1385
- .navbar-form .input-group .input-group-btn,
1386
- .navbar-form .input-group .form-control {
1387
- width: auto;
1388
- }
1389
- .navbar-form .input-group > .form-control {
1390
- width: 100%;
1391
- }
1392
- .navbar-form .control-label {
1393
- margin-bottom: 0;
1394
- vertical-align: calc(-2px);
1395
- }
1396
- .navbar-form .radio,
1397
- .navbar-form .checkbox {
1398
- display: inline-block;
1399
- margin-top: 0;
1400
- margin-bottom: 0;
1401
- vertical-align: middle;
1402
- }
1403
- .navbar-form .radio label,
1404
- .navbar-form .checkbox label {
1405
- padding-left: 0;
1406
- }
1407
- [dir="rtl"] .navbar-form .radio label,
1408
- [dir="rtl"] .navbar-form .checkbox label {
1409
- padding-right: 0;
1410
- padding-left: 0;
1411
- padding-left: initial;
1412
- }
1413
- .navbar-form .radio input[type="radio"],
1414
- .navbar-form .checkbox input[type="checkbox"] {
1415
- position: relative;
1416
- margin-left: 0;
1417
- }
1418
- [dir="rtl"] .navbar-form .radio input[type="radio"],
1419
- [dir="rtl"] .navbar-form .checkbox input[type="checkbox"] {
1420
- margin-right: 0;
1421
- margin-left: 0;
1422
- margin-left: initial;
1423
- }
1424
- .navbar-form .has-feedback .form-control-feedback {
1425
- top: 0;
1426
- }
1427
- }
1428
- @media (max-width: 768px) {
1429
- .navbar-form {
1430
- border-bottom: 1px solid rgba(0,0,0,0.10196);
1431
- border-bottom: 1px solid var(--color-border-neutral);
1432
- }
1433
- }
1434
- .navbar-nav > li > .dropdown-menu {
1435
- margin-top: 56px;
1436
- }
1437
- .navbar-nav > li > .dropdown-menu::before {
1438
- content: " ";
1439
- position: absolute;
1440
- display: block;
1441
- width: 8px;
1442
- height: 8px;
1443
- left: 16px;
1444
- top: -4px;
1445
- transform: rotate(45deg);
1446
- background-color: inherit;
1447
- }
1448
- [dir="rtl"] .navbar-nav > li > .dropdown-menu::before {
1449
- right: 16px;
1450
- left: auto;
1451
- left: initial;
1452
- }
1453
- .navbar-nav > li > .dropdown-menu > li > a {
1454
- font-size: 0.875rem;
1455
- font-size: var(--font-size-14);
1456
- }
1457
- @media (max-width: 768px) {
1458
- .navbar-nav > li > .dropdown-menu > li > a {
1459
- position: relative;
1460
- -webkit-touch-callout: none;
1461
- }
1462
- .navbar-nav > li > .dropdown-menu > li > a .badge {
1463
- position: absolute;
1464
- top: 16px;
1465
- right: 0;
1466
- padding: 5px;
1467
- text-indent: 264px;
1468
- width: 8px;
1469
- min-width: 8px;
1470
- height: 8px;
1471
- }
1472
- [dir="rtl"] .navbar-nav > li > .dropdown-menu > li > a .badge {
1473
- left: 0;
1474
- right: auto;
1475
- right: initial;
1476
- }
1477
- }
1478
- .navbar-nav > li > .dropdown-menu > .active > a {
1479
- color: #0077a5;
1480
- color: var(--color-content-accent-active);
1481
- background-color: transparent;
1482
- font-weight: 700;
1483
- font-weight: var(--font-weight-bold);
1484
- }
1485
- .navbar-nav > li > .dropdown-menu > .active > a:hover,
1486
- .navbar-nav > li > .dropdown-menu > .active > a:focus {
1487
- background-color: rgba(134,167,189,0.10196);
1488
- background-color: var(--color-background-neutral);
1489
- }
1490
- @media (max-width: 576px) {
1491
- .navbar-nav > li > .dropdown-menu-overlay {
1492
- margin-top: 0;
1493
- }
1494
- }
1495
- .navbar-nav > li.dropdown:active > a,
1496
- .navbar-nav > li.dropdown:focus > a,
1497
- .navbar-nav > li.dropdown:focus-within > a,
1498
- .navbar-nav > li.dropdown.focus-within > a,
1499
- .navbar-nav > li.dropdown:active > button,
1500
- .navbar-nav > li.dropdown:focus > button,
1501
- .navbar-nav > li.dropdown:focus-within > button,
1502
- .navbar-nav > li.dropdown.focus-within > button {
1503
- color: #0077a5;
1504
- color: var(--color-content-accent-active);
1505
- }
1506
- .navbar-nav > li.dropdown:active .dropdown-menu,
1507
- .navbar-nav > li.dropdown:focus .dropdown-menu,
1508
- .navbar-nav > li.dropdown:focus-within .dropdown-menu,
1509
- .navbar-nav > li.dropdown.focus-within .dropdown-menu {
1510
- transition: opacity 0.2s cubic-bezier(0.6, 0.2, 0.1, 1), transform 0.2s cubic-bezier(0.6, 0.2, 0.1, 1), visibility 0s linear 0s;
1511
- visibility: visible;
1512
- opacity: 1;
1513
- transform: none;
1514
- }
1515
- @media (min-width: 768px) {
1516
- .navbar-nav > li.dropdown:hover .dropdown-menu {
1517
- transition: opacity 0.2s cubic-bezier(0.6, 0.2, 0.1, 1), transform 0.2s cubic-bezier(0.6, 0.2, 0.1, 1), visibility 0s linear 0s;
1518
- visibility: visible;
1519
- opacity: 1;
1520
- transform: none;
1521
- }
1522
- }
1523
- .navbar-right li > .dropdown-menu::before,
1524
- .pull-xs-right li > .dropdown-menu::before {
1525
- right: calc((8px * 2) + (8px / 2));
1526
- left: auto;
1527
- }
1528
- [dir="rtl"] .navbar-right li > .dropdown-menu::before,
1529
- [dir="rtl"] .pull-xs-right li > .dropdown-menu::before {
1530
- left: calc((8px * 2) + (8px / 2));
1531
- right: auto;
1532
- right: initial;
1533
- }
1534
- [dir="rtl"] .navbar-right li > .dropdown-menu::before,
1535
- [dir="rtl"] .pull-xs-right li > .dropdown-menu::before {
1536
- right: auto;
1537
- left: auto;
1538
- left: initial;
1539
- }
1540
- @media (min-width: 768px) and (max-width: 991px) {
1541
- .navbar-right li > .dropdown-menu::before,
1542
- .pull-xs-right li > .dropdown-menu::before {
1543
- right: 16px;
1544
- }
1545
- [dir="rtl"] .navbar-right li > .dropdown-menu::before,
1546
- [dir="rtl"] .pull-xs-right li > .dropdown-menu::before {
1547
- left: 16px;
1548
- right: auto;
1549
- right: initial;
1550
- }
1551
- }
1552
- .navbar-right.dropdown-menu-center::before,
1553
- .pull-xs-right.dropdown-menu-center::before {
1554
- right: auto;
1555
- left: 50%;
1556
- margin-left: -4px;
1557
- }
1558
- [dir="rtl"] .navbar-right.dropdown-menu-center::before,
1559
- [dir="rtl"] .pull-xs-right.dropdown-menu-center::before {
1560
- left: auto;
1561
- right: auto;
1562
- right: initial;
1563
- }
1564
- [dir="rtl"] .navbar-right.dropdown-menu-center::before,
1565
- [dir="rtl"] .pull-xs-right.dropdown-menu-center::before {
1566
- right: 50%;
1567
- left: auto;
1568
- left: initial;
1569
- }
1570
- [dir="rtl"] .navbar-right.dropdown-menu-center::before,
1571
- [dir="rtl"] .pull-xs-right.dropdown-menu-center::before {
1572
- margin-right: -4px;
1573
- margin-left: 0;
1574
- margin-left: initial;
1575
- }
1576
- .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
1577
- margin-bottom: 0;
1578
- }
1579
- .navbar-btn {
1580
- margin-top: 13px;
1581
- margin-bottom: 11px;
1582
- font-weight: 600;
1583
- font-weight: var(--font-weight-semi-bold);
1584
- }
1585
- .navbar-btn.btn-sm {
1586
- margin-top: 13px;
1587
- margin-bottom: 11px;
1588
- }
1589
- .navbar-btn.btn-xs {
1590
- margin-top: 18px;
1591
- margin-bottom: 16px;
1592
- }
1593
- @media (max-width: 767px) {
1594
- .navbar-btn {
1595
- display: block;
1596
- }
1597
- }
1598
- .navbar-text {
1599
- margin-top: 17px;
1600
- margin-bottom: 15px;
1601
- }
1602
- @media (min-width: 768px) {
1603
- .navbar-text {
1604
- float: left;
1605
- margin-left: 16px;
1606
- margin-right: 16px;
1607
- }
1608
- [dir="rtl"] .navbar-text {
1609
- float: right;
1610
- }
1611
- }
1612
- @media (min-width: 768px) {
1613
- .navbar-left {
1614
- float: left !important;
1615
- }
1616
- [dir="rtl"] .navbar-left {
1617
- float: right !important;
1618
- }
1619
- .navbar-right {
1620
- float: right !important;
1621
- }
1622
- [dir="rtl"] .navbar-right {
1623
- float: left !important;
1624
- }
1625
- .navbar-right li > .dropdown-menu::before {
1626
- right: calc((8px * 2) + (8px / 2));
1627
- left: auto;
1628
- }
1629
- [dir="rtl"] .navbar-right li > .dropdown-menu::before {
1630
- left: calc((8px * 2) + (8px / 2));
1631
- right: auto;
1632
- right: initial;
1633
- }
1634
- [dir="rtl"] .navbar-right li > .dropdown-menu::before {
1635
- right: auto;
1636
- left: auto;
1637
- left: initial;
1638
- }
1639
- .navbar-right.dropdown-menu-center::before {
1640
- right: auto;
1641
- left: 50%;
1642
- margin-left: -4px;
1643
- }
1644
- [dir="rtl"] .navbar-right.dropdown-menu-center::before {
1645
- left: auto;
1646
- right: auto;
1647
- right: initial;
1648
- }
1649
- [dir="rtl"] .navbar-right.dropdown-menu-center::before {
1650
- right: 50%;
1651
- left: auto;
1652
- left: initial;
1653
- }
1654
- [dir="rtl"] .navbar-right.dropdown-menu-center::before {
1655
- margin-right: -4px;
1656
- margin-left: 0;
1657
- margin-left: initial;
1658
- }
1659
- .navbar-right ~ .navbar-right {
1660
- margin-right: 0;
1661
- }
1662
- [dir="rtl"] .navbar-right ~ .navbar-right {
1663
- margin-left: 0;
1664
- margin-right: 0;
1665
- margin-right: initial;
1666
- }
1667
- }
1668
- @media (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
1669
- .navbar-right li > .dropdown-menu::before {
1670
- right: 16px;
1671
- }
1672
- [dir="rtl"] .navbar-right li > .dropdown-menu::before {
1673
- left: 16px;
1674
- right: auto;
1675
- right: initial;
1676
- }
1677
- }
1678
- .navbar-default {
1679
- background-color: transparent;
1680
- }
1681
- .navbar-default .container,
1682
- .navbar-default .container-fluid {
1683
- border-color: rgba(0,0,0,0.10196);
1684
- border-color: var(--color-border-neutral);
1685
- }
1686
- .navbar-default .navbar-brand {
1687
- color: #ffffff;
1688
- }
1689
- .navbar-default .navbar-brand:hover,
1690
- .navbar-default .navbar-brand:focus {
1691
- background-color: transparent;
1692
- }
1693
- .navbar-default .navbar-text {
1694
- color: #37517e;
1695
- color: var(--color-content-primary);
1696
- }
1697
- .navbar-default .navbar-nav > li > a {
1698
- color: #37517e;
1699
- color: var(--color-content-primary);
1700
- }
1701
- @media (min-width: 768px) {
1702
- .navbar-default .navbar-nav > li > a {
1703
- border-bottom: 3px solid transparent;
1704
- }
1705
- }
1706
- .navbar-default .navbar-nav > li > a:hover,
1707
- .navbar-default .navbar-nav > li > a:focus {
1708
- color: #0084b3;
1709
- color: var(--color-content-accent-hover);
1710
- background-color: transparent;
1711
- }
1712
- .navbar-default .navbar-nav > .active > a,
1713
- .navbar-default .navbar-nav > .active > .dropdown-toggle {
1714
- font-weight: 700;
1715
- font-weight: var(--font-weight-bold);
1716
- }
1717
- .navbar-default .navbar-nav > .active > a,
1718
- .navbar-default .navbar-nav > .active > .dropdown-toggle,
1719
- .navbar-default .navbar-nav > .active > a:hover,
1720
- .navbar-default .navbar-nav > .active > .dropdown-toggle:hover,
1721
- .navbar-default .navbar-nav > .active > a:focus,
1722
- .navbar-default .navbar-nav > .active > .dropdown-toggle:focus {
1723
- color: #0077a5;
1724
- color: var(--color-content-accent-active);
1725
- background-color: transparent;
1726
- border-color: transparent;
1727
- }
1728
- .navbar-default .navbar-nav > .open > a,
1729
- .navbar-default .navbar-nav > .open > a:hover,
1730
- .navbar-default .navbar-nav > .open > a:focus,
1731
- .navbar-default .navbar-nav > .open > a:focus-within {
1732
- background-color: transparent;
1733
- color: #0077a5;
1734
- color: var(--color-content-accent-active);
1735
- }
1736
- @media (max-width: 767px) {
1737
- .navbar-default .navbar-nav .open .dropdown-menu > li > a {
1738
- color: #0097c7;
1739
- color: var(--color-content-accent);
1740
- }
1741
- .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
1742
- .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
1743
- .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus-within {
1744
- color: #0084b3;
1745
- color: var(--color-content-accent-hover);
1746
- background-color: transparent;
1747
- }
1748
- .navbar-default .navbar-nav .open .dropdown-menu > .active > a {
1749
- font-weight: 700;
1750
- font-weight: var(--font-weight-bold);
1751
- }
1752
- .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
1753
- .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
1754
- .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
1755
- color: #0077a5;
1756
- color: var(--color-content-accent-active);
1757
- background-color: transparent;
1758
- }
1759
- }
1760
- .navbar-default .navbar-link {
1761
- color: #0097c7;
1762
- color: var(--color-content-accent);
1763
- }
1764
- .navbar-default .navbar-link:hover {
1765
- color: #0084b3;
1766
- color: var(--color-content-accent-hover);
1767
- }
1768
- .navbar-default .btn-link {
1769
- color: #0097c7;
1770
- color: var(--color-content-accent);
1771
- }
1772
- .navbar-default .btn-link:hover,
1773
- .navbar-default .btn-link:focus {
1774
- color: #0084b3;
1775
- color: var(--color-content-accent-hover);
1776
- }
1777
- .navbar-inverse {
1778
- background-color: transparent;
1779
- }
1780
- .navbar-inverse .container,
1781
- .navbar-inverse .container-fluid {
1782
- border-color: rgba(0,0,0,0.10196);
1783
- border-color: var(--color-border-neutral);
1784
- }
1785
- .navbar-inverse .navbar-brand {
1786
- color: #37517e;
1787
- color: var(--color-content-primary);
1788
- }
1789
- .navbar-inverse .navbar-brand:hover,
1790
- .navbar-inverse .navbar-brand:focus {
1791
- color: #37517e;
1792
- color: var(--color-content-primary);
1793
- background-color: transparent;
1794
- }
1795
- .navbar-inverse .navbar-text {
1796
- color: #ffffff;
1797
- }
1798
- .navbar-inverse .navbar-nav > li > a {
1799
- color: #ffffff;
1800
- }
1801
- @media (min-width: 768px) {
1802
- .navbar-inverse .navbar-nav > li > a {
1803
- border-bottom: 3px solid transparent;
1804
- }
1805
- }
1806
- .navbar-inverse .navbar-nav > li > a:hover,
1807
- .navbar-inverse .navbar-nav > li > a:focus {
1808
- color: #0084b3;
1809
- color: var(--color-content-accent-hover);
1810
- background-color: transparent;
1811
- }
1812
- .navbar-inverse .navbar-nav > .active > a,
1813
- .navbar-inverse .navbar-nav > .active > .dropdown-toggle {
1814
- color: #0077a5;
1815
- color: var(--color-content-accent-active);
1816
- font-weight: 700;
1817
- font-weight: var(--font-weight-bold);
1818
- }
1819
- .navbar-inverse .navbar-nav > .active > a,
1820
- .navbar-inverse .navbar-nav > .active > .dropdown-toggle,
1821
- .navbar-inverse .navbar-nav > .active > a:hover,
1822
- .navbar-inverse .navbar-nav > .active > .dropdown-toggle:hover,
1823
- .navbar-inverse .navbar-nav > .active > a:focus,
1824
- .navbar-inverse .navbar-nav > .active > .dropdown-toggle:focus {
1825
- color: #0084b3;
1826
- color: var(--color-content-accent-hover);
1827
- background-color: transparent;
1828
- border-color: transparent;
1829
- }
1830
- .navbar-inverse .navbar-nav > .open > a,
1831
- .navbar-inverse .navbar-nav .dropdown:focus-within > a,
1832
- .navbar-inverse .navbar-nav > .open > a:hover,
1833
- .navbar-inverse .navbar-nav .dropdown:focus-within > a:hover,
1834
- .navbar-inverse .navbar-nav > .open > a:focus,
1835
- .navbar-inverse .navbar-nav .dropdown:focus-within > a:focus {
1836
- background-color: transparent;
1837
- color: #0084b3;
1838
- color: var(--color-content-accent-hover);
1839
- }
1840
- @media (max-width: 767px) {
1841
- .navbar-inverse .navbar-nav > li > a {
1842
- color: #37517e;
1843
- color: var(--color-content-primary);
1844
- }
1845
- }
1846
- .navbar-inverse .navbar-link {
1847
- color: #ffffff;
1848
- }
1849
- .navbar-inverse .navbar-link:hover {
1850
- color: #0084b3;
1851
- color: var(--color-content-accent-hover);
1852
- }
1853
- .navbar-inverse .btn-link {
1854
- color: #ffffff;
1855
- }
1856
- .navbar-inverse .btn-link:hover,
1857
- .navbar-inverse .btn-link:focus {
1858
- color: #0084b3;
1859
- color: var(--color-content-accent-hover);
1860
- }
1861
- .navbar .navbar-brand,
1862
- .navbar-inverse .navbar-brand {
1863
- background-repeat: no-repeat;
1864
- background-position: 50% 50%;
1865
- color: transparent;
1866
- }
1867
- .navbar .navbar-brand:hover,
1868
- .navbar-inverse .navbar-brand:hover,
1869
- .navbar .navbar-brand:focus,
1870
- .navbar-inverse .navbar-brand:focus {
1871
- color: transparent;
1872
- }
1873
- .navbar .flag,
1874
- .navbar .fast-flag {
1875
- height: 24px;
1876
- width: 24px;
1877
- margin-top: 16px;
1878
- margin-right: 8px;
1879
- float: left;
1880
- }
1881
- [dir="rtl"] .navbar .flag,
1882
- [dir="rtl"] .navbar .fast-flag {
1883
- margin-left: 8px;
1884
- margin-right: 0;
1885
- margin-right: initial;
1886
- }
1887
- [dir="rtl"] .navbar .flag,
1888
- [dir="rtl"] .navbar .fast-flag {
1889
- float: right;
1890
- }
1891
- .navbar .logo-text {
1892
- height: 20px;
1893
- width: 104px;
1894
- margin-top: 16.5px;
1895
- margin-right: 8px;
1896
- float: left;
1897
- }
1898
- [dir="rtl"] .navbar .logo-text {
1899
- margin-left: 8px;
1900
- margin-right: 0;
1901
- margin-right: initial;
1902
- }
1903
- [dir="rtl"] .navbar .logo-text {
1904
- float: right;
1905
- }
1906
- .cover {
1907
- display: none;
1908
- }
1909
- @media (max-width: 767px) {
1910
- .navbar-collapse {
1911
- position: fixed;
1912
- bottom: 0;
1913
- left: 0;
1914
- right: 0;
1915
- height: 100% !important;
1916
- background-color: #ffffff;
1917
- background-color: var(--color-background-screen);
1918
- top: 54px;
1919
- padding: 8px;
1920
- }
1921
- .navbar-collapse .open,
1922
- .navbar-collapse .dropdown:focus-within,
1923
- .navbar-collapse .dropdown.focus-within {
1924
- border-bottom: none;
1925
- }
1926
- .navbar-collapse .open > a,
1927
- .navbar-collapse .dropdown:focus-within > a,
1928
- .navbar-collapse .dropdown.focus-within > a {
1929
- color: #0097c7;
1930
- color: var(--color-content-accent);
1931
- }
1932
- .navbar-collapse .open .caret,
1933
- .navbar-collapse .dropdown:focus-within .caret,
1934
- .navbar-collapse .dropdown.focus-within .caret {
1935
- transform: rotate(-180deg);
1936
- }
1937
- .navbar-collapse.navbar-collapse-with-panel {
1938
- top: 0;
1939
- padding: 0;
1940
- background-color: transparent;
1941
- }
1942
- .navbar-collapse .navbar-collapse-panel {
1943
- position: fixed;
1944
- height: 100%;
1945
- top: 0;
1946
- overflow-y: scroll;
1947
- padding: 8px;
1948
- background-color: #ffffff;
1949
- background-color: var(--color-background-screen);
1950
- color: #37517e !important;
1951
- color: var(--color-content-primary) !important;
1952
- width: 264px;
1953
- max-width: 264px !important;
1954
- transition: transform 0.35s ease;
1955
- transform: translateX(-264px);
1956
- }
1957
- .navbar-collapse .navbar-nav > li {
1958
- border-bottom: 1px solid rgba(0,0,0,0.10196);
1959
- border-bottom: 1px solid var(--color-border-neutral);
1960
- }
1961
- .navbar-collapse .dropdown-menu {
1962
- position: relative;
1963
- width: 100%;
1964
- box-shadow: none;
1965
- padding: 0;
1966
- padding-bottom: 12px;
1967
- float: none;
1968
- margin-top: 0 !important;
1969
- border-bottom: 1px solid rgba(0,0,0,0.10196);
1970
- border-bottom: 1px solid var(--color-border-neutral);
1971
- }
1972
- .navbar-collapse .dropdown-menu::before {
1973
- display: none;
1974
- }
1975
- .navbar-collapse .dropdown-menu .dropdown-header {
1976
- padding: 9px 16px 7px;
1977
- }
1978
- .navbar-collapse .navbar-toggle {
1979
- left: 280px;
1980
- opacity: 0;
1981
- transition: opacity 0.35s ease;
1982
- display: inline-block;
1983
- position: absolute;
1984
- top: 4px;
1985
- }
1986
- [dir="rtl"] .navbar-collapse .navbar-toggle {
1987
- right: 280px;
1988
- left: auto;
1989
- left: initial;
1990
- }
1991
- .navbar-collapse .navbar-toggle.close {
1992
- margin-top: 0;
1993
- padding: 9px 0;
1994
- }
1995
- .navbar-collapse.in .navbar-toggle {
1996
- opacity: 1;
1997
- }
1998
- .navbar-collapse .cover {
1999
- display: block;
2000
- width: 100%;
2001
- height: 100%;
2002
- background-color: #2e4369;
2003
- opacity: 0;
2004
- transition: opacity 0.35s ease;
2005
- }
2006
- .navbar-collapse.in .cover,
2007
- .navbar-collapse[aria-expanded='true'] .cover {
2008
- opacity: 0.9;
2009
- }
2010
- .navbar-collapse.in .navbar-collapse-panel,
2011
- .navbar-collapse[aria-expanded='true'] .navbar-collapse-panel {
2012
- transform: translateX(0);
2013
- }
2014
- .navbar-collapse .navbar-btn.btn-group {
2015
- display: flex;
2016
- }
2017
- .navbar-collapse .navbar-btn.btn-group .btn {
2018
- display: block;
2019
- width: 100%;
2020
- text-align: left;
2021
- }
2022
- [dir="rtl"] .navbar-collapse .navbar-btn.btn-group .btn {
2023
- text-align: right;
2024
- }
2025
- .navbar-collapse .navbar-btn.btn-group .btn + .dropdown-toggle {
2026
- flex: 0;
2027
- }
2028
- .navbar-collapse .navbar-btn.btn-group .dropdown-menu {
2029
- width: 100%;
2030
- }
2031
- }
2032
- .np-theme-light .navbar .profile-name {
2033
- padding-bottom: 3px;
2034
- }
2035
- .navbar .profile-name .caret {
2036
- vertical-align: top;
2037
- line-height: 40px;
2038
- }
2039
- .navbar .profile-name .text-ellipses,
2040
- .navbar .profile-name .text-ellipsis,
2041
- .navbar .profile-name .truncate {
2042
- max-width: 75px;
2043
- display: inline-block;
2044
- }
2045
- @media (min-width: 992px) {
2046
- .navbar .profile-name .text-ellipses,
2047
- .navbar .profile-name .text-ellipsis,
2048
- .navbar .profile-name .truncate {
2049
- max-width: 125px;
2050
- }
2051
- }
2052
- @media (min-width: 1200px) {
2053
- .navbar .profile-name .text-ellipses,
2054
- .navbar .profile-name .text-ellipsis,
2055
- .navbar .profile-name .truncate {
2056
- max-width: 220px;
2057
- }
2058
- }
2059
- .navbar[data-spy~='affix'] + * {
2060
- margin-top: 0;
2061
- }
2062
- .navbar[data-spy~='affix'].affix + * {
2063
- margin-top: 56px;
2064
- }
2065
- @media (min-width: 768px) {
2066
- .navbar + .jumbotron,
2067
- .navbar + .jumbotron-image,
2068
- .navbar + .jumbotron-image-inverse,
2069
- .jumbotron-image-adjacent-to-navbar {
2070
- margin-top: -58px;
2071
- }
2072
- .navbar.affix + .jumbotron,
2073
- .navbar.affix + .jumbotron-image,
2074
- .navbar.affix + .jumbotron-image-inverse {
2075
- margin-top: 0;
2076
- }
2077
- }
2078
- .navbar + .jumbotron,
2079
- .navbar + .jumbotron-image > .jumbotron,
2080
- .navbar + .jumbotron-image-inverse > .jumbotron,
2081
- .jumbotron-image-adjacent-to-navbar > .jumbotron {
2082
- padding-bottom: 64px;
2083
- }
2084
- @media (min-width: 768px) {
2085
- .navbar + .jumbotron,
2086
- .navbar + .jumbotron-image > .jumbotron,
2087
- .navbar + .jumbotron-image-inverse > .jumbotron,
2088
- .jumbotron-image-adjacent-to-navbar > .jumbotron {
2089
- padding-top: 140px;
2090
- padding-bottom: 104px;
2091
- }
2092
- }
2093
- .navbar > .container .navbar-brand,
2094
- .navbar > .container-fluid .navbar-brand {
2095
- margin-left: 0;
2096
- }
2097
- [dir="rtl"] .navbar > .container .navbar-brand,
2098
- [dir="rtl"] .navbar > .container-fluid .navbar-brand {
2099
- margin-right: 0;
2100
- margin-left: 0;
2101
- margin-left: initial;
2102
- }
2103
- @media (max-width: 767px) {
2104
- .navbar-static-top {
2105
- background-color: #37517e;
2106
- border-bottom-color: transparent;
2107
- }
2108
- }
2109
- .navbar-title {
2110
- float: left;
2111
- font-size: 1.25rem;
2112
- font-size: var(--font-size-20);
2113
- line-height: 1.2;
2114
- line-height: var(--line-height-title);
2115
- margin-top: 12px;
2116
- margin-bottom: 12px;
2117
- font-weight: 700;
2118
- font-weight: var(--font-weight-bold);
2119
- }
2120
- [dir="rtl"] .navbar-title {
2121
- float: right;
2122
- }
2123
- .navbar-subtitle {
2124
- font-size: 0.875rem;
2125
- font-size: var(--font-size-14);
2126
- margin-bottom: 8px;
2127
- }
2128
- .navbar-title,
2129
- .navbar-subtitle {
2130
- color: #ffffff;
2131
- text-overflow: ellipsis;
2132
- overflow-x: hidden;
2133
- white-space: nowrap;
2134
- display: inline-block;
2135
- width: 75%;
2136
- }
2137
- @media (min-width: 992px) {
2138
- .navbar-title,
2139
- .navbar-subtitle {
2140
- color: #37517e;
2141
- color: var(--color-content-primary);
2142
- width: 100%;
2143
- }
2144
- }
2145
- .navbar-logo {
2146
- width: 127px;
2147
- height: 22px;
2148
- margin-top: 13px;
2149
- margin-bottom: 21px;
2150
- }
2151
- .nav-toolbar {
2152
- padding-top: 16px;
2153
- margin-top: -16px;
2154
- padding-bottom: 0;
2155
- background-color: #37517e;
2156
- border-bottom: 1px solid rgba(0,0,0,0.10196);
2157
- border-bottom: 1px solid var(--color-border-neutral);
2158
- }
2159
- @media (min-width: 992px) {
2160
- .nav-toolbar {
2161
- margin-top: 0;
2162
- background-color: #ffffff;
2163
- background-color: var(--color-background-screen);
2164
- }
2165
- .nav-toolbar.affix {
2166
- top: 0;
2167
- z-index: 1000;
2168
- margin-top: 0;
2169
- border-top: 0;
2170
- position: fixed;
2171
- backface-visibility: hidden;
2172
- }
2173
- .nav-toolbar.affix + .container,
2174
- .nav-toolbar.affix + .container-fluid {
2175
- margin-top: 64px !important;
2176
- }
2177
- }
2178
- @media (max-width: 991px) {
2179
- .nav-toolbar.affix {
2180
- position: relative !important;
2181
- }
2182
- .nav-toolbar.affix + .container,
2183
- .nav-toolbar.affix + .container-fluid {
2184
- margin-top: 0 !important;
2185
- }
2186
- .nav-toolbar .btn-info:not(.disabled):not(:disabled),
2187
- .nav-toolbar .btn-warning:not(.disabled):not(:disabled),
2188
- .nav-toolbar .btn-danger:not(.disabled):not(:disabled) {
2189
- color: #0097c7;
2190
- color: var(--color-content-accent);
2191
- border-color: #00a2dd;
2192
- border-color: var(--color-interactive-accent);
2193
- }
2194
- .nav-toolbar .btn-info:not(.disabled):not(:disabled):hover,
2195
- .nav-toolbar .btn-warning:not(.disabled):not(:disabled):hover,
2196
- .nav-toolbar .btn-danger:not(.disabled):not(:disabled):hover {
2197
- color: #ffffff;
2198
- }
2199
- .nav-toolbar .form-control,
2200
- .nav-toolbar .input-group,
2201
- .nav-toolbar .btn-input,
2202
- .nav-toolbar .input-group-addon {
2203
- border-color: #ffffff;
2204
- }
2205
- }
2206
- .nav-toolbar h1 {
2207
- line-height: 1.2;
2208
- line-height: var(--line-height-title);
2209
- }
2210
- .nav-toolbar .close {
2211
- -webkit-text-decoration: none;
2212
- text-decoration: none;
2213
- height: 32px;
2214
- }
2215
- @media (min-width: 992px) {
2216
- .nav-toolbar--compact {
2217
- padding-top: 0;
2218
- }
2219
- }
2220
- @media (min-width: 992px) {
2221
- .column-layout .nav-toolbar.affix {
2222
- width: calc(100% - 264px);
2223
- }
2224
- }
2225
- .simple-nav {
2226
- background-color: #37517e;
2227
- }
2228
- .simple-nav .navbar-nav > li > a {
2229
- padding-top: 12px;
2230
- padding-bottom: 9px;
2231
- }
2232
- .simple-nav .navbar-header {
2233
- padding-top: 4px;
2234
- width: calc(100% - 140px);
2235
- }
2236
- @media (min-width: 768px) {
2237
- .simple-nav .navbar-header {
2238
- width: calc(100% - 340px);
2239
- }
2240
- }
2241
- .simple-nav .navbar-nav > li > a.dropdown-toggle {
2242
- height: 64px;
2243
- }
2244
- .simple-nav > .navbar-right li > a {
2245
- float: right;
2246
- }
2247
- [dir="rtl"] .simple-nav > .navbar-right li > a {
2248
- float: left;
2249
- }
2250
- @media (min-width: 576px) {
2251
- .simple-nav .navbar-nav > li > a {
2252
- font-size: 1rem !important;
2253
- font-size: var(--font-size-16) !important;
2254
- }
2255
- }
2256
- @media (min-width: 992px) {
2257
- .simple-nav {
2258
- background-color: #ffffff;
2259
- background-color: var(--color-background-screen);
2260
- border-bottom: 1px solid rgba(0,0,0,0.10196);
2261
- border-bottom: 1px solid var(--color-border-neutral);
2262
- }
2263
- }
2264
- @media (max-width: 991px) {
2265
- .simple-nav .navbar-nav > li > a {
2266
- color: #ffffff;
2267
- }
2268
- .simple-nav .navbar-nav > li > a:not(.disabled):not(:disabled):focus,
2269
- .simple-nav .navbar-nav > li > a:not(.disabled):not(:disabled):hover,
2270
- .simple-nav .navbar-nav > li > a:not(.disabled):not(:disabled):active {
2271
- color: #0084b3;
2272
- color: var(--color-content-accent-hover);
2273
- }
2274
- }
2275
- .simple-nav .profile-name .text-ellipses,
2276
- .simple-nav .profile-name .text-ellipsis,
2277
- .simple-nav .profile-name .truncate {
2278
- max-width: 240px;
2279
- }
2280
- .tw-public-navigation-item-content__icon {
2281
- vertical-align: middle;
2282
- }
2283
- .tw-public-navigation-item-content__text {
2284
- display: inline-block;
2285
- vertical-align: middle;
2286
- max-width: 164px;
2287
- }
2288
- @media (min-width: 768px) {
2289
- .subnav {
2290
- height: 128px !important;
2291
- position: relative;
2292
- min-height: 64px;
2293
- }
2294
- .subnav::before {
2295
- content: '';
2296
- background-color: transparent;
2297
- width: 100%;
2298
- height: 64px;
2299
- position: absolute;
2300
- top: 64px;
2301
- border-top: rgba(0,0,0,0.10196) solid 1px;
2302
- border-top: var(--color-border-neutral) solid 1px;
2303
- left: 0;
2304
- }
2305
- [dir="rtl"] .subnav::before {
2306
- right: 0;
2307
- left: auto;
2308
- left: initial;
2309
- }
2310
- .subnav.navbar-inverse::before {
2311
- background-color: #2e4369;
2312
- border-top: none;
2313
- }
2314
- .subnav .navbar-nav > li > a {
2315
- padding-top: 13px;
2316
- }
2317
- .subnav .navbar-nav > li > button {
2318
- height: 64px;
2319
- }
2320
- .subnav .navbar-btn,
2321
- .subnav .navbar-brand {
2322
- margin-top: 16px;
2323
- }
2324
- .subnav-menu {
2325
- position: absolute;
2326
- top: 64px;
2327
- }
2328
- }
2329
- /* stylelint-enable */
2330
- @media (min-width: 576px) {
2331
- .form-inline .form-group {
2332
- display: inline-block;
2333
- margin-bottom: 0;
2334
- vertical-align: middle;
2335
- }
2336
- .form-inline .form-control {
2337
- display: inline-block;
2338
- width: auto;
2339
- vertical-align: middle;
2340
- }
2341
- .form-inline .form-control-static {
2342
- display: inline-block;
2343
- }
2344
- .form-inline .input-group {
2345
- display: inline-table;
2346
- vertical-align: middle;
2347
- }
2348
- .form-inline .input-group .input-group-addon,
2349
- .form-inline .input-group .input-group-btn,
2350
- .form-inline .input-group .form-control {
2351
- width: auto;
2352
- }
2353
- .form-inline .input-group > .form-control {
2354
- width: 100%;
2355
- }
2356
- .form-inline .control-label {
2357
- margin-bottom: 0;
2358
- vertical-align: calc(-2px);
2359
- }
2360
- .form-inline .radio,
2361
- .form-inline .checkbox {
2362
- display: inline-block;
2363
- margin-top: 0;
2364
- margin-bottom: 0;
2365
- vertical-align: middle;
2366
- }
2367
- .form-inline .radio label,
2368
- .form-inline .checkbox label {
2369
- padding-left: 0;
2370
- }
2371
- [dir="rtl"] .form-inline .radio label,
2372
- [dir="rtl"] .form-inline .checkbox label {
2373
- padding-right: 0;
2374
- padding-left: 0;
2375
- padding-left: initial;
2376
- }
2377
- .form-inline .radio input[type="radio"],
2378
- .form-inline .checkbox input[type="checkbox"] {
2379
- position: relative;
2380
- margin-left: 0;
2381
- }
2382
- [dir="rtl"] .form-inline .radio input[type="radio"],
2383
- [dir="rtl"] .form-inline .checkbox input[type="checkbox"] {
2384
- margin-right: 0;
2385
- margin-left: 0;
2386
- margin-left: initial;
2387
- }
2388
- .form-inline .has-feedback .form-control-feedback {
2389
- top: 0;
2390
- }
2391
- }
2392
- .nav a,
2393
- .navbar a,
2394
- .pager a,
2395
- .dropdown-menu a {
2396
- -webkit-text-decoration: none;
2397
- text-decoration: none;
2398
- }
2399
- .tw-public-navigation-item-content__text.text-ellipsis,
2400
- .tw-public-navigation-item-content__text.text-ellipses,
2401
- .tw-public-navigation-item-content__text.truncate {
2402
- display: inline-block;
2403
- }
2404
- .navbar-background--inverse {
2405
- background-color: #37517e;
2406
- }