@transferwise/components 0.0.0-experimental-4568e68 → 0.0.0-experimental-20a9e0c

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