@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,1975 +0,0 @@
1
- @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
- }form {
4
- margin-bottom: 0;
5
- }fieldset {
6
- padding: 0;
7
- margin: 0;
8
- border: 0;
9
- min-width: 0;
10
- }legend {
11
- display: block;
12
- width: 100%;
13
- }label {
14
- display: inline-block;
15
- max-width: 100%;
16
- margin-bottom: 4px;
17
- margin-bottom: var(--size-4);
18
- }label,
19
- .secondary {
20
- color: #5d7079;
21
- color: var(--color-content-secondary);
22
- transition: color ease-in-out 0.15s;
23
- font-size: 0.875rem;
24
- font-size: var(--font-size-14);
25
- line-height: 20px;
26
- }input[type='search'] {
27
- box-sizing: border-box;
28
- }input[type='number'] {
29
- -webkit-appearance: textfield;
30
- -moz-appearance: textfield;
31
- appearance: textfield;
32
- }input[type='number']::-webkit-outer-spin-button,
33
- input[type='number']::-webkit-inner-spin-button {
34
- -webkit-appearance: none;
35
- appearance: none;
36
- margin: 0;
37
- }input[type='radio'],
38
- input[type='checkbox'] {
39
- margin: 4px 0 0;
40
- margin-top: 1px;
41
- line-height: normal;
42
- }input[type='file'] {
43
- display: block;
44
- }input[type='range'] {
45
- display: block;
46
- width: 100%;
47
- }select[multiple],
48
- select[size] {
49
- height: auto;
50
- }input[type='file']:focus,
51
- input[type='radio']:focus,
52
- input[type='checkbox']:focus {
53
- outline: var(--ring-outline-color) solid var(--ring-outline-width);
54
- outline-offset: var(--ring-outline-offset);
55
- }output {
56
- display: block;
57
- padding-top: 9px;
58
- font-size: 1rem;
59
- font-size: var(--font-size-16);
60
- line-height: 1.2;
61
- line-height: var(--line-height-control);
62
- color: #37517e;
63
- color: var(--color-content-primary);
64
- }.form-control {
65
- display: block;
66
- width: 100%;
67
- color: #37517e;
68
- color: var(--color-content-primary);
69
- background-color: #ffffff;
70
- background-color: var(--color-background-screen);
71
- background-image: none;
72
- border: 1px solid #c9cbce;
73
- border: 1px solid var(--color-interactive-secondary);
74
- transition: border-color ease-in-out 0.15s;
75
- min-height: var(--input-height-base);
76
- padding: var(--input-padding);
77
- border-radius: 3px;
78
- font-weight: 400;
79
- font-weight: var(--font-weight-regular);
80
- font-size: 1rem;
81
- font-size: var(--font-size-16);
82
- line-height: 150%;
83
- letter-spacing: -0.011em;
84
- background-clip: padding-box;
85
- }select.form-control {
86
- min-height: var(--input-height-base);
87
- }textarea.form-control,
88
- select[multiple].form-control {
89
- height: auto;
90
- }.form-control:not(.disabled):not(:disabled):focus {
91
- border-color: #0081ba;
92
- border-color: var(--color-interactive-accent-active);
93
- outline: 0;
94
- }.form-control::-moz-placeholder {
95
- color: #768e9c;
96
- color: var(--color-content-tertiary);
97
- }.form-control::placeholder {
98
- color: #768e9c;
99
- color: var(--color-content-tertiary);
100
- }textarea.form-control {
101
- height: 144px;
102
- }.form-control + .text-muted,
103
- .form-control + .text-primary,
104
- .form-control + .text-success,
105
- .form-control + .text-positive,
106
- .form-control + .text-info,
107
- .form-control + .text-warning,
108
- .form-control + .text-negative,
109
- .form-control + .text-danger {
110
- margin-top: 8px;
111
- }.form-control:focus {
112
- border-color: #0081ba;
113
- border-color: var(--color-interactive-accent-active);
114
- }.np-theme-personal .form-control:not(.disabled):not(:disabled):focus {
115
- border-color: var(--color-interactive-primary);
116
- outline: 0;
117
- }.np-theme-personal .form-control:hover {
118
- border-color: #b5b7ba;
119
- border-color: var(--color-interactive-secondary-hover);
120
- }.np-theme-personal .form-control:focus {
121
- border-color: var(--color-interactive-primary);
122
- }input[type='search'] {
123
- -webkit-appearance: none;
124
- -moz-appearance: none;
125
- appearance: none;
126
- }@media screen and (min-device-pixel-ratio: 0) {
127
- input[type='date'],
128
- input[type='time'],
129
- input[type='datetime-local'],
130
- input[type='month'] {
131
- line-height: var(--input-height-base);
132
- }
133
- input[type='date'].input-sm,
134
- input[type='time'].input-sm,
135
- input[type='datetime-local'].input-sm,
136
- input[type='month'].input-sm,
137
- .input-group-sm input[type='date'],
138
- .input-group-sm input[type='time'],
139
- .input-group-sm input[type='datetime-local'],
140
- .input-group-sm input[type='month'] {
141
- line-height: var(--input-height-small);
142
- }
143
- input[type='date'].input-lg,
144
- input[type='time'].input-lg,
145
- input[type='datetime-local'].input-lg,
146
- input[type='month'].input-lg,
147
- .input-group-lg input[type='date'],
148
- .input-group-lg input[type='time'],
149
- .input-group-lg input[type='datetime-local'],
150
- .input-group-lg input[type='month'] {
151
- line-height: calc(var(--input-height-large) - 1.5);
152
- line-height: calc(var(--input-height-large) - var(--line-height-body));
153
- }
154
- }.form-group {
155
- margin-bottom: 24px;
156
- }.form-group label {
157
- margin-bottom: 2px;
158
- }.form-group:focus-within .control-label,
159
- .form-group:focus-within > label {
160
- color: #37517e;
161
- color: var(--color-content-primary);
162
- }.row-equal-height > [class*='col-'] > .form-group {
163
- width: 100%;
164
- }.radio,
165
- .checkbox {
166
- position: relative;
167
- display: block;
168
- margin-top: 0;
169
- }.radio label,
170
- .checkbox label {
171
- min-height: var(--input-height-base);
172
- margin-bottom: 0;
173
- cursor: pointer;
174
- }.radio + .radio,
175
- .checkbox + .checkbox {
176
- margin-top: 12px;
177
- }.radio input[type='radio'],
178
- .radio-inline input[type='radio'],
179
- .checkbox input[type='checkbox'],
180
- .checkbox-inline input[type='checkbox'] {
181
- position: absolute;
182
- margin-left: -20px;
183
- margin-top: 4px \9;
184
- }[dir="rtl"] .radio input[type='radio'],
185
- [dir="rtl"] .radio-inline input[type='radio'],
186
- [dir="rtl"] .checkbox input[type='checkbox'],
187
- [dir="rtl"] .checkbox-inline input[type='checkbox'] {
188
- margin-right: -20px;
189
- margin-left: 0;
190
- margin-left: initial;
191
- }.radio-inline,
192
- .checkbox-inline {
193
- position: relative;
194
- display: inline-block;
195
- padding-left: 20px;
196
- margin-bottom: 0;
197
- vertical-align: middle;
198
- font-weight: normal;
199
- cursor: pointer;
200
- }[dir="rtl"] .radio-inline,
201
- [dir="rtl"] .checkbox-inline {
202
- padding-right: 20px;
203
- padding-left: 0;
204
- padding-left: initial;
205
- }.radio-inline.disabled,
206
- .checkbox-inline.disabled,
207
- fieldset[disabled] .radio-inline,
208
- fieldset[disabled] .checkbox-inline {
209
- cursor: not-allowed;
210
- }.radio-inline + .radio-inline,
211
- .checkbox-inline + .checkbox-inline {
212
- margin-top: 0;
213
- margin-left: 10px;
214
- }[dir="rtl"] .radio-inline + .radio-inline,
215
- [dir="rtl"] .checkbox-inline + .checkbox-inline {
216
- margin-right: 10px;
217
- margin-left: 0;
218
- margin-left: initial;
219
- }input[type='radio'][disabled],
220
- input[type='checkbox'][disabled],
221
- input[type='radio'].disabled,
222
- input[type='checkbox'].disabled,
223
- fieldset[disabled] input[type='radio'],
224
- fieldset[disabled] input[type='checkbox'] {
225
- cursor: not-allowed;
226
- }input[type="password"]::-ms-reveal {
227
- display: none;
228
- }.radio-disabled label,
229
- .checkbox-disabled label,
230
- fieldset[disabled] .radio label,
231
- fieldset[disabled] .checkbox label {
232
- cursor: not-allowed;
233
- }.form-control-static {
234
- margin-bottom: 0;
235
- min-height: calc(1.2 * 2);
236
- min-height: calc(var(--line-height-control) * 2);
237
- color: #5d7079;
238
- color: var(--color-content-secondary);
239
- background-color: rgba(134,167,189,0.10196);
240
- background-color: var(--color-background-neutral);
241
- border: 1px solid #c9cbce;
242
- border: 1px solid var(--color-interactive-secondary);
243
- border-radius: 3px;
244
- padding: var(--input-padding);
245
- }.form-control-static.input-lg,
246
- .form-control-static.input-sm {
247
- padding-left: 0;
248
- padding-right: 0;
249
- }[dir="rtl"] .form-control-static.input-lg,
250
- [dir="rtl"] .form-control-static.input-sm {
251
- padding-right: 0;
252
- padding-left: 0;
253
- padding-left: initial;
254
- }[dir="rtl"] .form-control-static.input-lg,
255
- [dir="rtl"] .form-control-static.input-sm {
256
- padding-left: 0;
257
- padding-right: 0;
258
- padding-right: initial;
259
- }.input-sm {
260
- min-height: 32px;
261
- padding: var(--input-padding-small);
262
- border-radius: 3px;
263
- font-size: 14px;
264
- line-height: 24px;
265
- font-size: 0.875rem;
266
- font-size: var(--font-size-14);
267
- line-height: 155%;
268
- letter-spacing: -0.006em;
269
- font-weight: 400;
270
- font-weight: var(--font-weight-regular);
271
- }select.input-sm {
272
- min-height: 32px;
273
- }textarea.input-sm,
274
- select[multiple].input-sm {
275
- height: auto;
276
- }.form-group-sm .form-control,
277
- .navbar .form-control {
278
- height: 32px;
279
- padding: var(--input-padding-small);
280
- font-size: 0.875rem;
281
- font-size: var(--font-size-14);
282
- line-height: 24px;
283
- border-radius: 3px;
284
- }.form-group-sm select.form-control,
285
- .navbar select.form-control {
286
- height: 32px;
287
- line-height: 32px;
288
- }.form-group-sm textarea.form-control,
289
- .navbar textarea.form-control,
290
- .form-group-sm select[multiple].form-control,
291
- .navbar select[multiple].form-control {
292
- height: auto;
293
- }.form-group-sm .form-control-static,
294
- .navbar .form-control-static {
295
- height: 32px;
296
- min-height: calc(1.2 + 14px);
297
- min-height: calc(var(--line-height-control) + 14px);
298
- padding: var(--input-padding-small);
299
- font-size: 0.875rem;
300
- font-size: var(--font-size-14);
301
- line-height: 24px;
302
- }.input-lg {
303
- min-height: var(--input-height-large);
304
- padding: var(--input-padding-large);
305
- border-radius: 3px;
306
- font-weight: 400;
307
- font-weight: var(--font-weight-regular);
308
- font-size: 1rem;
309
- font-size: var(--font-size-16);
310
- line-height: 150%;
311
- letter-spacing: -0.011em;
312
- }select.input-lg {
313
- min-height: var(--input-height-large);
314
- }textarea.input-lg,
315
- select[multiple].input-lg {
316
- height: auto;
317
- }.form-group-lg {
318
- position: relative;
319
- }.form-group-lg .input-lg,
320
- .form-group-lg .input-group-lg > .form-control,
321
- .form-group-lg .input-group-lg > .input-group-addon {
322
- height: var(--input-height-large);
323
- padding: calc(4px + 24px) 12px 4px;
324
- padding: calc(4px + var(--size-24)) 12px 4px;
325
- font-size: 22px;
326
- line-height: 32px;
327
- }.form-group-lg select.form-control {
328
- line-height: var(--input-height-large);
329
- }.form-group-lg textarea.form-control,
330
- .form-group-lg select[multiple].form-control {
331
- height: auto;
332
- }.form-group-lg .form-control-static {
333
- height: var(--input-height-large);
334
- min-height: calc(1.2 + 22px);
335
- min-height: calc(var(--line-height-control) + 22px);
336
- padding: var(--input-padding-large);
337
- font-size: 22px;
338
- line-height: 32px;
339
- }.form-group-lg .control-label {
340
- position: absolute;
341
- top: 12px;
342
- left: 14px;
343
- margin-bottom: 0;
344
- z-index: 1;
345
- }[dir="rtl"] .form-group-lg .control-label {
346
- right: 14px;
347
- left: auto;
348
- left: initial;
349
- }.has-feedback {
350
- position: relative;
351
- }.has-feedback .form-control {
352
- padding-right: var(--input-height-base);
353
- }[dir="rtl"] .has-feedback .form-control {
354
- padding-left: var(--input-height-base);
355
- padding-right: 0;
356
- padding-right: initial;
357
- }.form-control-feedback {
358
- position: absolute;
359
- top: 0;
360
- right: 0;
361
- z-index: 2;
362
- display: block;
363
- width: 48px;
364
- height: 48px;
365
- text-align: center;
366
- pointer-events: none;
367
- }[dir="rtl"] .form-control-feedback {
368
- left: 0;
369
- right: auto;
370
- right: initial;
371
- }.input-lg + .form-control-feedback,
372
- .input-group-lg + .form-control-feedback,
373
- .form-group-lg .form-control + .form-control-feedback {
374
- width: var(--input-height-large);
375
- height: var(--input-height-large);
376
- }.input-sm + .form-control-feedback,
377
- .input-group-sm + .form-control-feedback,
378
- .form-group-sm .form-control + .form-control-feedback {
379
- width: 32px;
380
- height: 32px;
381
- }.focus .control-label,
382
- .has-focus .control-label {
383
- color: #37517e;
384
- color: var(--color-content-primary);
385
- }.focus .input-group-addon,
386
- .has-focus .input-group-addon {
387
- border-color: #c9cbce;
388
- border-color: var(--color-interactive-secondary);
389
- }.focus .input-group-addon:active,
390
- .has-focus .input-group-addon:active {
391
- border-color: #a7a9ab;
392
- border-color: var(--color-interactive-secondary-active);
393
- }.help-block,
394
- .error-messages {
395
- margin-top: 12px;
396
- margin-bottom: 4px;
397
- border-width: 0;
398
- border-style: solid;
399
- border-radius: 10px;
400
- border-radius: var(--radius-small);
401
- padding: 4px 16px 3px;
402
- transition: border-color 0.15s ease-in-out, background-color 0.15s ease-in-out;
403
- }.help-block a,
404
- .error-messages a {
405
- color: inherit;
406
- }.help-block {
407
- color: #5d7079;
408
- color: var(--color-content-secondary);
409
- border-color: #c9cbce;
410
- border-color: var(--color-interactive-secondary);
411
- background-color: rgba(134,167,189,0.10196);
412
- background-color: var(--color-background-neutral);
413
- display: block;
414
- position: relative;
415
- }.help-block::before {
416
- content: " ";
417
- position: absolute;
418
- display: block;
419
- width: 10px;
420
- height: 10px;
421
- left: 20px;
422
- top: -5px;
423
- transform: rotate(45deg);
424
- background-color: inherit;
425
- }[dir="rtl"] .help-block::before {
426
- right: 20px;
427
- left: auto;
428
- left: initial;
429
- }.help-block.arrow-center::before {
430
- left: 50%;
431
- margin-left: -5px;
432
- }[dir="rtl"] .help-block.arrow-center::before {
433
- right: 50%;
434
- left: auto;
435
- left: initial;
436
- }[dir="rtl"] .help-block.arrow-center::before {
437
- margin-right: -5px;
438
- margin-left: 0;
439
- margin-left: initial;
440
- }.help-block.arrow-top::before {
441
- top: -5px;
442
- bottom: auto;
443
- }.help-block.arrow-left::before {
444
- left: 20px;
445
- right: auto;
446
- }[dir="rtl"] .help-block.arrow-left::before {
447
- right: 20px;
448
- left: auto;
449
- left: initial;
450
- }[dir="rtl"] .help-block.arrow-left::before {
451
- left: auto;
452
- right: auto;
453
- right: initial;
454
- }.help-block.arrow-right::before {
455
- left: auto;
456
- right: 20px;
457
- }[dir="rtl"] .help-block.arrow-right::before {
458
- right: auto;
459
- left: auto;
460
- left: initial;
461
- }[dir="rtl"] .help-block.arrow-right::before {
462
- left: 20px;
463
- right: auto;
464
- right: initial;
465
- }.help-block.arrow-bottom::before {
466
- top: auto;
467
- bottom: -5px;
468
- }.focus .alert,
469
- .has-focus .alert {
470
- border-color: #0081ba;
471
- border-color: var(--color-interactive-accent-active);
472
- }.has-success {
473
- border-color: #2ead4b !important;
474
- border-color: var(--color-interactive-positive) !important;
475
- }.has-success .control-label,
476
- .has-success .radio,
477
- .has-success .checkbox,
478
- .has-success .radio-inline,
479
- .has-success .checkbox-inline,
480
- .has-success.radio label,
481
- .has-success.checkbox label,
482
- .has-success.radio-inline label,
483
- .has-success.checkbox-inline label,
484
- .has-success .radio label,
485
- .has-success .checkbox label,
486
- .has-success .radio-inline label,
487
- .has-success .checkbox-inline label,
488
- .has-success .input-group-addon {
489
- color: #008026 !important;
490
- color: var(--color-content-positive) !important;
491
- border-color: #2ead4b !important;
492
- border-color: var(--color-interactive-positive) !important;
493
- }.has-success .form-control,
494
- .has-success .btn-input,
495
- .has-success .btn-input:not(.disabled):not(:disabled):focus,
496
- .has-success .btn-input:not(.disabled):not(:disabled):hover,
497
- .has-success .input-group-addon,
498
- .has-success .alert {
499
- border-color: #2ead4b !important;
500
- border-color: var(--color-interactive-positive) !important;
501
- }.has-success:active .form-control,
502
- .has-success:focus .form-control,
503
- .has-success:focus-within .form-control,
504
- .has-success:active.radio label,
505
- .has-success:focus.radio label,
506
- .has-success:focus-within.radio label,
507
- .has-success:active.checkbox label,
508
- .has-success:focus.checkbox label,
509
- .has-success:focus-within.checkbox label,
510
- .has-success:active .btn-input,
511
- .has-success:focus .btn-input,
512
- .has-success:focus-within .btn-input,
513
- .has-success:active .input-group-addon,
514
- .has-success:focus .input-group-addon,
515
- .has-success:focus-within .input-group-addon,
516
- .has-success:active .input-group .form-control:focus,
517
- .has-success:focus .input-group .form-control:focus,
518
- .has-success:focus-within .input-group .form-control:focus,
519
- .has-success:active .alert,
520
- .has-success:focus .alert,
521
- .has-success:focus-within .alert {
522
- border-color: #069939 !important;
523
- border-color: var(--color-interactive-positive-hover) !important;
524
- }.has-success:not(.disabled):not(:disabled):hover.radio label,
525
- .has-success:not(.disabled):not(:disabled):hover.checkbox label,
526
- .has-success:not(.disabled):not(:disabled):hover .btn-input,
527
- .has-success:not(.disabled):not(:disabled):hover .alert {
528
- border-color: #069939 !important;
529
- border-color: var(--color-interactive-positive-hover) !important;
530
- }.has-success .form-control-feedback {
531
- color: #008026;
532
- color: var(--color-content-positive);
533
- }.has-success .radio > label:not(.disabled):not(:disabled),
534
- .has-success.checkbox > label:not(.disabled):not(:disabled) {
535
- border-color: #2ead4b;
536
- border-color: var(--color-interactive-positive);
537
- color: #37517e;
538
- color: var(--color-content-primary);
539
- }.has-success .radio > label:not(.disabled):not(:disabled):hover,
540
- .has-success.checkbox > label:not(.disabled):not(:disabled):hover,
541
- .has-success .radio > label:focus-within,
542
- .has-success.checkbox > label:focus-within {
543
- border-color: #069939 !important;
544
- border-color: var(--color-interactive-positive-hover) !important;
545
- }.has-success .radio > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
546
- .has-success.checkbox > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
547
- .has-success .radio > label:focus-within .tw-checkbox-button,
548
- .has-success.checkbox > label:focus-within .tw-checkbox-button,
549
- .has-success .radio > label:not(.disabled):not(:disabled):hover .tw-radio-button,
550
- .has-success.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
551
- .has-success .radio > label:focus-within .tw-radio-button,
552
- .has-success.checkbox > label:focus-within .tw-radio-button {
553
- border-color: #069939 !important;
554
- border-color: var(--color-interactive-positive-hover) !important;
555
- }.has-success .radio .tw-checkbox-button,
556
- .has-success.checkbox .tw-checkbox-button,
557
- .has-success .radio .tw-radio-button,
558
- .has-success.checkbox .tw-radio-button {
559
- border-color: #2ead4b;
560
- border-color: var(--color-interactive-positive);
561
- }.np-theme-personal .has-success {
562
- border-color: var(--color-sentiment-positive) !important;
563
- }.np-theme-personal .has-success .control-label,
564
- .np-theme-personal .has-success .radio,
565
- .np-theme-personal .has-success .checkbox,
566
- .np-theme-personal .has-success .radio-inline,
567
- .np-theme-personal .has-success .checkbox-inline,
568
- .np-theme-personal .has-success.radio label,
569
- .np-theme-personal .has-success.checkbox label,
570
- .np-theme-personal .has-success.radio-inline label,
571
- .np-theme-personal .has-success.checkbox-inline label,
572
- .np-theme-personal .has-success .radio label,
573
- .np-theme-personal .has-success .checkbox label,
574
- .np-theme-personal .has-success .radio-inline label,
575
- .np-theme-personal .has-success .checkbox-inline label,
576
- .np-theme-personal .has-success .input-group-addon {
577
- color: #37517e !important;
578
- color: var(--color-content-primary) !important;
579
- border-color: var(--color-sentiment-positive) !important;
580
- }.np-theme-personal .has-success .form-control,
581
- .np-theme-personal .has-success .btn-input,
582
- .np-theme-personal .has-success .btn-input:not(.disabled):not(:disabled):focus,
583
- .np-theme-personal .has-success .btn-input:not(.disabled):not(:disabled):hover,
584
- .np-theme-personal .has-success .input-group-addon,
585
- .np-theme-personal .has-success .alert {
586
- border-color: var(--color-sentiment-positive) !important;
587
- }.np-theme-personal .has-success:active .form-control,
588
- .np-theme-personal .has-success:focus .form-control,
589
- .np-theme-personal .has-success:focus-within .form-control,
590
- .np-theme-personal .has-success:active.radio label,
591
- .np-theme-personal .has-success:focus.radio label,
592
- .np-theme-personal .has-success:focus-within.radio label,
593
- .np-theme-personal .has-success:active.checkbox label,
594
- .np-theme-personal .has-success:focus.checkbox label,
595
- .np-theme-personal .has-success:focus-within.checkbox label,
596
- .np-theme-personal .has-success:active .btn-input,
597
- .np-theme-personal .has-success:focus .btn-input,
598
- .np-theme-personal .has-success:focus-within .btn-input,
599
- .np-theme-personal .has-success:active .input-group-addon,
600
- .np-theme-personal .has-success:focus .input-group-addon,
601
- .np-theme-personal .has-success:focus-within .input-group-addon,
602
- .np-theme-personal .has-success:active .input-group .form-control:focus,
603
- .np-theme-personal .has-success:focus .input-group .form-control:focus,
604
- .np-theme-personal .has-success:focus-within .input-group .form-control:focus,
605
- .np-theme-personal .has-success:active .alert,
606
- .np-theme-personal .has-success:focus .alert,
607
- .np-theme-personal .has-success:focus-within .alert {
608
- border-color: var(--color-sentiment-positive) !important;
609
- }.np-theme-personal .has-success:not(.disabled):not(:disabled):hover.radio label,
610
- .np-theme-personal .has-success:not(.disabled):not(:disabled):hover.checkbox label,
611
- .np-theme-personal .has-success:not(.disabled):not(:disabled):hover .btn-input,
612
- .np-theme-personal .has-success:not(.disabled):not(:disabled):hover .alert {
613
- border-color: var(--color-sentiment-positive) !important;
614
- }.np-theme-personal .has-success .form-control-feedback {
615
- color: #37517e;
616
- color: var(--color-content-primary);
617
- }.np-theme-personal .has-success .radio > label:not(.disabled):not(:disabled),
618
- .np-theme-personal .has-success.checkbox > label:not(.disabled):not(:disabled) {
619
- border-color: var(--color-sentiment-positive);
620
- color: #37517e;
621
- color: var(--color-content-primary);
622
- }.np-theme-personal .has-success .radio > label:not(.disabled):not(:disabled):hover,
623
- .np-theme-personal .has-success.checkbox > label:not(.disabled):not(:disabled):hover,
624
- .np-theme-personal .has-success .radio > label:focus-within,
625
- .np-theme-personal .has-success.checkbox > label:focus-within {
626
- border-color: var(--color-sentiment-positive) !important;
627
- }.np-theme-personal .has-success .radio > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
628
- .np-theme-personal .has-success.checkbox > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
629
- .np-theme-personal .has-success .radio > label:focus-within .tw-checkbox-button,
630
- .np-theme-personal .has-success.checkbox > label:focus-within .tw-checkbox-button,
631
- .np-theme-personal .has-success .radio > label:not(.disabled):not(:disabled):hover .tw-radio-button,
632
- .np-theme-personal .has-success.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
633
- .np-theme-personal .has-success .radio > label:focus-within .tw-radio-button,
634
- .np-theme-personal .has-success.checkbox > label:focus-within .tw-radio-button {
635
- border-color: var(--color-sentiment-positive) !important;
636
- }.np-theme-personal .has-success .radio .tw-checkbox-button,
637
- .np-theme-personal .has-success.checkbox .tw-checkbox-button,
638
- .np-theme-personal .has-success .radio .tw-radio-button,
639
- .np-theme-personal .has-success.checkbox .tw-radio-button {
640
- border-color: var(--color-sentiment-positive);
641
- }.has-info {
642
- border-color: #00a2dd !important;
643
- border-color: var(--color-interactive-accent) !important;
644
- }.has-info .control-label,
645
- .has-info .radio,
646
- .has-info .checkbox,
647
- .has-info .radio-inline,
648
- .has-info .checkbox-inline,
649
- .has-info.radio label,
650
- .has-info.checkbox label,
651
- .has-info.radio-inline label,
652
- .has-info.checkbox-inline label,
653
- .has-info .radio label,
654
- .has-info .checkbox label,
655
- .has-info .radio-inline label,
656
- .has-info .checkbox-inline label,
657
- .has-info .input-group-addon {
658
- color: #0097c7 !important;
659
- color: var(--color-content-accent) !important;
660
- border-color: #00a2dd !important;
661
- border-color: var(--color-interactive-accent) !important;
662
- }.has-info .form-control,
663
- .has-info .btn-input,
664
- .has-info .btn-input:not(.disabled):not(:disabled):focus,
665
- .has-info .btn-input:not(.disabled):not(:disabled):hover,
666
- .has-info .input-group-addon,
667
- .has-info .alert {
668
- border-color: #00a2dd !important;
669
- border-color: var(--color-interactive-accent) !important;
670
- }.has-info:active .form-control,
671
- .has-info:focus .form-control,
672
- .has-info:focus-within .form-control,
673
- .has-info:active.radio label,
674
- .has-info:focus.radio label,
675
- .has-info:focus-within.radio label,
676
- .has-info:active.checkbox label,
677
- .has-info:focus.checkbox label,
678
- .has-info:focus-within.checkbox label,
679
- .has-info:active .btn-input,
680
- .has-info:focus .btn-input,
681
- .has-info:focus-within .btn-input,
682
- .has-info:active .input-group-addon,
683
- .has-info:focus .input-group-addon,
684
- .has-info:focus-within .input-group-addon,
685
- .has-info:active .input-group .form-control:focus,
686
- .has-info:focus .input-group .form-control:focus,
687
- .has-info:focus-within .input-group .form-control:focus,
688
- .has-info:active .alert,
689
- .has-info:focus .alert,
690
- .has-info:focus-within .alert {
691
- border-color: #008fc9 !important;
692
- border-color: var(--color-interactive-accent-hover) !important;
693
- }.has-info:not(.disabled):not(:disabled):hover.radio label,
694
- .has-info:not(.disabled):not(:disabled):hover.checkbox label,
695
- .has-info:not(.disabled):not(:disabled):hover .btn-input,
696
- .has-info:not(.disabled):not(:disabled):hover .alert {
697
- border-color: #008fc9 !important;
698
- border-color: var(--color-interactive-accent-hover) !important;
699
- }.has-info .form-control-feedback {
700
- color: #0097c7;
701
- color: var(--color-content-accent);
702
- }.has-info .radio > label:not(.disabled):not(:disabled),
703
- .has-info.checkbox > label:not(.disabled):not(:disabled) {
704
- border-color: #00a2dd;
705
- border-color: var(--color-interactive-accent);
706
- color: #37517e;
707
- color: var(--color-content-primary);
708
- }.has-info .radio > label:not(.disabled):not(:disabled):hover,
709
- .has-info.checkbox > label:not(.disabled):not(:disabled):hover,
710
- .has-info .radio > label:focus-within,
711
- .has-info.checkbox > label:focus-within {
712
- border-color: #008fc9 !important;
713
- border-color: var(--color-interactive-accent-hover) !important;
714
- }.has-info .radio > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
715
- .has-info.checkbox > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
716
- .has-info .radio > label:focus-within .tw-checkbox-button,
717
- .has-info.checkbox > label:focus-within .tw-checkbox-button,
718
- .has-info .radio > label:not(.disabled):not(:disabled):hover .tw-radio-button,
719
- .has-info.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
720
- .has-info .radio > label:focus-within .tw-radio-button,
721
- .has-info.checkbox > label:focus-within .tw-radio-button {
722
- border-color: #008fc9 !important;
723
- border-color: var(--color-interactive-accent-hover) !important;
724
- }.has-info .radio .tw-checkbox-button,
725
- .has-info.checkbox .tw-checkbox-button,
726
- .has-info .radio .tw-radio-button,
727
- .has-info.checkbox .tw-radio-button {
728
- border-color: #00a2dd;
729
- border-color: var(--color-interactive-accent);
730
- }.np-theme-personal .has-info {
731
- border-color: transparent !important;
732
- }.np-theme-personal .has-info .control-label,
733
- .np-theme-personal .has-info .radio,
734
- .np-theme-personal .has-info .checkbox,
735
- .np-theme-personal .has-info .radio-inline,
736
- .np-theme-personal .has-info .checkbox-inline,
737
- .np-theme-personal .has-info.radio label,
738
- .np-theme-personal .has-info.checkbox label,
739
- .np-theme-personal .has-info.radio-inline label,
740
- .np-theme-personal .has-info.checkbox-inline label,
741
- .np-theme-personal .has-info .radio label,
742
- .np-theme-personal .has-info .checkbox label,
743
- .np-theme-personal .has-info .radio-inline label,
744
- .np-theme-personal .has-info .checkbox-inline label,
745
- .np-theme-personal .has-info .input-group-addon {
746
- color: #37517e !important;
747
- color: var(--color-content-primary) !important;
748
- border-color: transparent !important;
749
- }.np-theme-personal .has-info .form-control,
750
- .np-theme-personal .has-info .btn-input,
751
- .np-theme-personal .has-info .btn-input:not(.disabled):not(:disabled):focus,
752
- .np-theme-personal .has-info .btn-input:not(.disabled):not(:disabled):hover,
753
- .np-theme-personal .has-info .input-group-addon,
754
- .np-theme-personal .has-info .alert {
755
- border-color: transparent !important;
756
- }.np-theme-personal .has-info:active .form-control,
757
- .np-theme-personal .has-info:focus .form-control,
758
- .np-theme-personal .has-info:focus-within .form-control,
759
- .np-theme-personal .has-info:active.radio label,
760
- .np-theme-personal .has-info:focus.radio label,
761
- .np-theme-personal .has-info:focus-within.radio label,
762
- .np-theme-personal .has-info:active.checkbox label,
763
- .np-theme-personal .has-info:focus.checkbox label,
764
- .np-theme-personal .has-info:focus-within.checkbox label,
765
- .np-theme-personal .has-info:active .btn-input,
766
- .np-theme-personal .has-info:focus .btn-input,
767
- .np-theme-personal .has-info:focus-within .btn-input,
768
- .np-theme-personal .has-info:active .input-group-addon,
769
- .np-theme-personal .has-info:focus .input-group-addon,
770
- .np-theme-personal .has-info:focus-within .input-group-addon,
771
- .np-theme-personal .has-info:active .input-group .form-control:focus,
772
- .np-theme-personal .has-info:focus .input-group .form-control:focus,
773
- .np-theme-personal .has-info:focus-within .input-group .form-control:focus,
774
- .np-theme-personal .has-info:active .alert,
775
- .np-theme-personal .has-info:focus .alert,
776
- .np-theme-personal .has-info:focus-within .alert {
777
- border-color: transparent !important;
778
- }.np-theme-personal .has-info:not(.disabled):not(:disabled):hover.radio label,
779
- .np-theme-personal .has-info:not(.disabled):not(:disabled):hover.checkbox label,
780
- .np-theme-personal .has-info:not(.disabled):not(:disabled):hover .btn-input,
781
- .np-theme-personal .has-info:not(.disabled):not(:disabled):hover .alert {
782
- border-color: transparent !important;
783
- }.np-theme-personal .has-info .form-control-feedback {
784
- color: #37517e;
785
- color: var(--color-content-primary);
786
- }.np-theme-personal .has-info .radio > label:not(.disabled):not(:disabled),
787
- .np-theme-personal .has-info.checkbox > label:not(.disabled):not(:disabled) {
788
- border-color: transparent;
789
- color: #37517e;
790
- color: var(--color-content-primary);
791
- }.np-theme-personal .has-info .radio > label:not(.disabled):not(:disabled):hover,
792
- .np-theme-personal .has-info.checkbox > label:not(.disabled):not(:disabled):hover,
793
- .np-theme-personal .has-info .radio > label:focus-within,
794
- .np-theme-personal .has-info.checkbox > label:focus-within {
795
- border-color: transparent !important;
796
- }.np-theme-personal .has-info .radio > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
797
- .np-theme-personal .has-info.checkbox > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
798
- .np-theme-personal .has-info .radio > label:focus-within .tw-checkbox-button,
799
- .np-theme-personal .has-info.checkbox > label:focus-within .tw-checkbox-button,
800
- .np-theme-personal .has-info .radio > label:not(.disabled):not(:disabled):hover .tw-radio-button,
801
- .np-theme-personal .has-info.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
802
- .np-theme-personal .has-info .radio > label:focus-within .tw-radio-button,
803
- .np-theme-personal .has-info.checkbox > label:focus-within .tw-radio-button {
804
- border-color: transparent !important;
805
- }.np-theme-personal .has-info .radio .tw-checkbox-button,
806
- .np-theme-personal .has-info.checkbox .tw-checkbox-button,
807
- .np-theme-personal .has-info .radio .tw-radio-button,
808
- .np-theme-personal .has-info.checkbox .tw-radio-button {
809
- border-color: transparent;
810
- }.has-warning {
811
- border-color: #df8700 !important;
812
- border-color: var(--color-interactive-warning) !important;
813
- }.has-warning .control-label,
814
- .has-warning .radio,
815
- .has-warning .checkbox,
816
- .has-warning .radio-inline,
817
- .has-warning .checkbox-inline,
818
- .has-warning.radio label,
819
- .has-warning.checkbox label,
820
- .has-warning.radio-inline label,
821
- .has-warning.checkbox-inline label,
822
- .has-warning .radio label,
823
- .has-warning .checkbox label,
824
- .has-warning .radio-inline label,
825
- .has-warning .checkbox-inline label,
826
- .has-warning .input-group-addon {
827
- color: #9a6500 !important;
828
- color: var(--color-content-warning) !important;
829
- border-color: #df8700 !important;
830
- border-color: var(--color-interactive-warning) !important;
831
- }.has-warning .form-control,
832
- .has-warning .btn-input,
833
- .has-warning .btn-input:not(.disabled):not(:disabled):focus,
834
- .has-warning .btn-input:not(.disabled):not(:disabled):hover,
835
- .has-warning .input-group-addon,
836
- .has-warning .alert {
837
- border-color: #df8700 !important;
838
- border-color: var(--color-interactive-warning) !important;
839
- }.has-warning:active .form-control,
840
- .has-warning:focus .form-control,
841
- .has-warning:focus-within .form-control,
842
- .has-warning:active.radio label,
843
- .has-warning:focus.radio label,
844
- .has-warning:focus-within.radio label,
845
- .has-warning:active.checkbox label,
846
- .has-warning:focus.checkbox label,
847
- .has-warning:focus-within.checkbox label,
848
- .has-warning:active .btn-input,
849
- .has-warning:focus .btn-input,
850
- .has-warning:focus-within .btn-input,
851
- .has-warning:active .input-group-addon,
852
- .has-warning:focus .input-group-addon,
853
- .has-warning:focus-within .input-group-addon,
854
- .has-warning:active .input-group .form-control:focus,
855
- .has-warning:focus .input-group .form-control:focus,
856
- .has-warning:focus-within .input-group .form-control:focus,
857
- .has-warning:active .alert,
858
- .has-warning:focus .alert,
859
- .has-warning:focus-within .alert {
860
- border-color: #c97500 !important;
861
- border-color: var(--color-interactive-warning-hover) !important;
862
- }.has-warning:not(.disabled):not(:disabled):hover.radio label,
863
- .has-warning:not(.disabled):not(:disabled):hover.checkbox label,
864
- .has-warning:not(.disabled):not(:disabled):hover .btn-input,
865
- .has-warning:not(.disabled):not(:disabled):hover .alert {
866
- border-color: #c97500 !important;
867
- border-color: var(--color-interactive-warning-hover) !important;
868
- }.has-warning .form-control-feedback {
869
- color: #9a6500;
870
- color: var(--color-content-warning);
871
- }.has-warning .radio > label:not(.disabled):not(:disabled),
872
- .has-warning.checkbox > label:not(.disabled):not(:disabled) {
873
- border-color: #df8700;
874
- border-color: var(--color-interactive-warning);
875
- color: #37517e;
876
- color: var(--color-content-primary);
877
- }.has-warning .radio > label:not(.disabled):not(:disabled):hover,
878
- .has-warning.checkbox > label:not(.disabled):not(:disabled):hover,
879
- .has-warning .radio > label:focus-within,
880
- .has-warning.checkbox > label:focus-within {
881
- border-color: #c97500 !important;
882
- border-color: var(--color-interactive-warning-hover) !important;
883
- }.has-warning .radio > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
884
- .has-warning.checkbox > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
885
- .has-warning .radio > label:focus-within .tw-checkbox-button,
886
- .has-warning.checkbox > label:focus-within .tw-checkbox-button,
887
- .has-warning .radio > label:not(.disabled):not(:disabled):hover .tw-radio-button,
888
- .has-warning.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
889
- .has-warning .radio > label:focus-within .tw-radio-button,
890
- .has-warning.checkbox > label:focus-within .tw-radio-button {
891
- border-color: #c97500 !important;
892
- border-color: var(--color-interactive-warning-hover) !important;
893
- }.has-warning .radio .tw-checkbox-button,
894
- .has-warning.checkbox .tw-checkbox-button,
895
- .has-warning .radio .tw-radio-button,
896
- .has-warning.checkbox .tw-radio-button {
897
- border-color: #df8700;
898
- border-color: var(--color-interactive-warning);
899
- }.np-theme-personal .has-warning {
900
- border-color: var(--color-sentiment-warning) !important;
901
- }.np-theme-personal .has-warning .control-label,
902
- .np-theme-personal .has-warning .radio,
903
- .np-theme-personal .has-warning .checkbox,
904
- .np-theme-personal .has-warning .radio-inline,
905
- .np-theme-personal .has-warning .checkbox-inline,
906
- .np-theme-personal .has-warning.radio label,
907
- .np-theme-personal .has-warning.checkbox label,
908
- .np-theme-personal .has-warning.radio-inline label,
909
- .np-theme-personal .has-warning.checkbox-inline label,
910
- .np-theme-personal .has-warning .radio label,
911
- .np-theme-personal .has-warning .checkbox label,
912
- .np-theme-personal .has-warning .radio-inline label,
913
- .np-theme-personal .has-warning .checkbox-inline label,
914
- .np-theme-personal .has-warning .input-group-addon {
915
- color: #37517e !important;
916
- color: var(--color-content-primary) !important;
917
- border-color: var(--color-sentiment-warning) !important;
918
- }.np-theme-personal .has-warning .form-control,
919
- .np-theme-personal .has-warning .btn-input,
920
- .np-theme-personal .has-warning .btn-input:not(.disabled):not(:disabled):focus,
921
- .np-theme-personal .has-warning .btn-input:not(.disabled):not(:disabled):hover,
922
- .np-theme-personal .has-warning .input-group-addon,
923
- .np-theme-personal .has-warning .alert {
924
- border-color: var(--color-sentiment-warning) !important;
925
- }.np-theme-personal .has-warning:active .form-control,
926
- .np-theme-personal .has-warning:focus .form-control,
927
- .np-theme-personal .has-warning:focus-within .form-control,
928
- .np-theme-personal .has-warning:active.radio label,
929
- .np-theme-personal .has-warning:focus.radio label,
930
- .np-theme-personal .has-warning:focus-within.radio label,
931
- .np-theme-personal .has-warning:active.checkbox label,
932
- .np-theme-personal .has-warning:focus.checkbox label,
933
- .np-theme-personal .has-warning:focus-within.checkbox label,
934
- .np-theme-personal .has-warning:active .btn-input,
935
- .np-theme-personal .has-warning:focus .btn-input,
936
- .np-theme-personal .has-warning:focus-within .btn-input,
937
- .np-theme-personal .has-warning:active .input-group-addon,
938
- .np-theme-personal .has-warning:focus .input-group-addon,
939
- .np-theme-personal .has-warning:focus-within .input-group-addon,
940
- .np-theme-personal .has-warning:active .input-group .form-control:focus,
941
- .np-theme-personal .has-warning:focus .input-group .form-control:focus,
942
- .np-theme-personal .has-warning:focus-within .input-group .form-control:focus,
943
- .np-theme-personal .has-warning:active .alert,
944
- .np-theme-personal .has-warning:focus .alert,
945
- .np-theme-personal .has-warning:focus-within .alert {
946
- border-color: var(--color-sentiment-warning) !important;
947
- }.np-theme-personal .has-warning:not(.disabled):not(:disabled):hover.radio label,
948
- .np-theme-personal .has-warning:not(.disabled):not(:disabled):hover.checkbox label,
949
- .np-theme-personal .has-warning:not(.disabled):not(:disabled):hover .btn-input,
950
- .np-theme-personal .has-warning:not(.disabled):not(:disabled):hover .alert {
951
- border-color: var(--color-sentiment-warning) !important;
952
- }.np-theme-personal .has-warning .form-control-feedback {
953
- color: #37517e;
954
- color: var(--color-content-primary);
955
- }.np-theme-personal .has-warning .radio > label:not(.disabled):not(:disabled),
956
- .np-theme-personal .has-warning.checkbox > label:not(.disabled):not(:disabled) {
957
- border-color: var(--color-sentiment-warning);
958
- color: #37517e;
959
- color: var(--color-content-primary);
960
- }.np-theme-personal .has-warning .radio > label:not(.disabled):not(:disabled):hover,
961
- .np-theme-personal .has-warning.checkbox > label:not(.disabled):not(:disabled):hover,
962
- .np-theme-personal .has-warning .radio > label:focus-within,
963
- .np-theme-personal .has-warning.checkbox > label:focus-within {
964
- border-color: var(--color-sentiment-warning) !important;
965
- }.np-theme-personal .has-warning .radio > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
966
- .np-theme-personal .has-warning.checkbox > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
967
- .np-theme-personal .has-warning .radio > label:focus-within .tw-checkbox-button,
968
- .np-theme-personal .has-warning.checkbox > label:focus-within .tw-checkbox-button,
969
- .np-theme-personal .has-warning .radio > label:not(.disabled):not(:disabled):hover .tw-radio-button,
970
- .np-theme-personal .has-warning.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
971
- .np-theme-personal .has-warning .radio > label:focus-within .tw-radio-button,
972
- .np-theme-personal .has-warning.checkbox > label:focus-within .tw-radio-button {
973
- border-color: var(--color-sentiment-warning) !important;
974
- }.np-theme-personal .has-warning .radio .tw-checkbox-button,
975
- .np-theme-personal .has-warning.checkbox .tw-checkbox-button,
976
- .np-theme-personal .has-warning .radio .tw-radio-button,
977
- .np-theme-personal .has-warning.checkbox .tw-radio-button {
978
- border-color: var(--color-sentiment-warning);
979
- }.has-error {
980
- border-color: #e74848 !important;
981
- border-color: var(--color-interactive-negative) !important;
982
- }.has-error .control-label,
983
- .has-error .radio,
984
- .has-error .checkbox,
985
- .has-error .radio-inline,
986
- .has-error .checkbox-inline,
987
- .has-error.radio label,
988
- .has-error.checkbox label,
989
- .has-error.radio-inline label,
990
- .has-error.checkbox-inline label,
991
- .has-error .radio label,
992
- .has-error .checkbox label,
993
- .has-error .radio-inline label,
994
- .has-error .checkbox-inline label,
995
- .has-error .input-group-addon {
996
- color: #cf2929 !important;
997
- color: var(--color-content-negative) !important;
998
- border-color: #e74848 !important;
999
- border-color: var(--color-interactive-negative) !important;
1000
- }.has-error .form-control,
1001
- .has-error .btn-input,
1002
- .has-error .btn-input:not(.disabled):not(:disabled):focus,
1003
- .has-error .btn-input:not(.disabled):not(:disabled):hover,
1004
- .has-error .input-group-addon,
1005
- .has-error .alert {
1006
- border-color: #e74848 !important;
1007
- border-color: var(--color-interactive-negative) !important;
1008
- }.has-error:active .form-control,
1009
- .has-error:focus .form-control,
1010
- .has-error:focus-within .form-control,
1011
- .has-error:active.radio label,
1012
- .has-error:focus.radio label,
1013
- .has-error:focus-within.radio label,
1014
- .has-error:active.checkbox label,
1015
- .has-error:focus.checkbox label,
1016
- .has-error:focus-within.checkbox label,
1017
- .has-error:active .btn-input,
1018
- .has-error:focus .btn-input,
1019
- .has-error:focus-within .btn-input,
1020
- .has-error:active .input-group-addon,
1021
- .has-error:focus .input-group-addon,
1022
- .has-error:focus-within .input-group-addon,
1023
- .has-error:active .input-group .form-control:focus,
1024
- .has-error:focus .input-group .form-control:focus,
1025
- .has-error:focus-within .input-group .form-control:focus,
1026
- .has-error:active .alert,
1027
- .has-error:focus .alert,
1028
- .has-error:focus-within .alert {
1029
- border-color: #d03238 !important;
1030
- border-color: var(--color-interactive-negative-hover) !important;
1031
- }.has-error:not(.disabled):not(:disabled):hover.radio label,
1032
- .has-error:not(.disabled):not(:disabled):hover.checkbox label,
1033
- .has-error:not(.disabled):not(:disabled):hover .btn-input,
1034
- .has-error:not(.disabled):not(:disabled):hover .alert {
1035
- border-color: #d03238 !important;
1036
- border-color: var(--color-interactive-negative-hover) !important;
1037
- }.has-error .form-control-feedback {
1038
- color: #cf2929;
1039
- color: var(--color-content-negative);
1040
- }.has-error .radio > label:not(.disabled):not(:disabled),
1041
- .has-error.checkbox > label:not(.disabled):not(:disabled) {
1042
- border-color: #e74848;
1043
- border-color: var(--color-interactive-negative);
1044
- color: #37517e;
1045
- color: var(--color-content-primary);
1046
- }.has-error .radio > label:not(.disabled):not(:disabled):hover,
1047
- .has-error.checkbox > label:not(.disabled):not(:disabled):hover,
1048
- .has-error .radio > label:focus-within,
1049
- .has-error.checkbox > label:focus-within {
1050
- border-color: #d03238 !important;
1051
- border-color: var(--color-interactive-negative-hover) !important;
1052
- }.has-error .radio > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
1053
- .has-error.checkbox > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
1054
- .has-error .radio > label:focus-within .tw-checkbox-button,
1055
- .has-error.checkbox > label:focus-within .tw-checkbox-button,
1056
- .has-error .radio > label:not(.disabled):not(:disabled):hover .tw-radio-button,
1057
- .has-error.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
1058
- .has-error .radio > label:focus-within .tw-radio-button,
1059
- .has-error.checkbox > label:focus-within .tw-radio-button {
1060
- border-color: #d03238 !important;
1061
- border-color: var(--color-interactive-negative-hover) !important;
1062
- }.has-error .radio .tw-checkbox-button,
1063
- .has-error.checkbox .tw-checkbox-button,
1064
- .has-error .radio .tw-radio-button,
1065
- .has-error.checkbox .tw-radio-button {
1066
- border-color: #e74848;
1067
- border-color: var(--color-interactive-negative);
1068
- }.np-theme-personal .has-error {
1069
- border-color: var(--color-sentiment-negative) !important;
1070
- }.np-theme-personal .has-error .control-label,
1071
- .np-theme-personal .has-error .radio,
1072
- .np-theme-personal .has-error .checkbox,
1073
- .np-theme-personal .has-error .radio-inline,
1074
- .np-theme-personal .has-error .checkbox-inline,
1075
- .np-theme-personal .has-error.radio label,
1076
- .np-theme-personal .has-error.checkbox label,
1077
- .np-theme-personal .has-error.radio-inline label,
1078
- .np-theme-personal .has-error.checkbox-inline label,
1079
- .np-theme-personal .has-error .radio label,
1080
- .np-theme-personal .has-error .checkbox label,
1081
- .np-theme-personal .has-error .radio-inline label,
1082
- .np-theme-personal .has-error .checkbox-inline label,
1083
- .np-theme-personal .has-error .input-group-addon {
1084
- color: #37517e !important;
1085
- color: var(--color-content-primary) !important;
1086
- border-color: var(--color-sentiment-negative) !important;
1087
- }.np-theme-personal .has-error .form-control,
1088
- .np-theme-personal .has-error .btn-input,
1089
- .np-theme-personal .has-error .btn-input:not(.disabled):not(:disabled):focus,
1090
- .np-theme-personal .has-error .btn-input:not(.disabled):not(:disabled):hover,
1091
- .np-theme-personal .has-error .input-group-addon,
1092
- .np-theme-personal .has-error .alert {
1093
- border-color: var(--color-sentiment-negative) !important;
1094
- }.np-theme-personal .has-error:active .form-control,
1095
- .np-theme-personal .has-error:focus .form-control,
1096
- .np-theme-personal .has-error:focus-within .form-control,
1097
- .np-theme-personal .has-error:active.radio label,
1098
- .np-theme-personal .has-error:focus.radio label,
1099
- .np-theme-personal .has-error:focus-within.radio label,
1100
- .np-theme-personal .has-error:active.checkbox label,
1101
- .np-theme-personal .has-error:focus.checkbox label,
1102
- .np-theme-personal .has-error:focus-within.checkbox label,
1103
- .np-theme-personal .has-error:active .btn-input,
1104
- .np-theme-personal .has-error:focus .btn-input,
1105
- .np-theme-personal .has-error:focus-within .btn-input,
1106
- .np-theme-personal .has-error:active .input-group-addon,
1107
- .np-theme-personal .has-error:focus .input-group-addon,
1108
- .np-theme-personal .has-error:focus-within .input-group-addon,
1109
- .np-theme-personal .has-error:active .input-group .form-control:focus,
1110
- .np-theme-personal .has-error:focus .input-group .form-control:focus,
1111
- .np-theme-personal .has-error:focus-within .input-group .form-control:focus,
1112
- .np-theme-personal .has-error:active .alert,
1113
- .np-theme-personal .has-error:focus .alert,
1114
- .np-theme-personal .has-error:focus-within .alert {
1115
- border-color: var(--color-sentiment-negative-hover) !important;
1116
- }.np-theme-personal .has-error:not(.disabled):not(:disabled):hover.radio label,
1117
- .np-theme-personal .has-error:not(.disabled):not(:disabled):hover.checkbox label,
1118
- .np-theme-personal .has-error:not(.disabled):not(:disabled):hover .btn-input,
1119
- .np-theme-personal .has-error:not(.disabled):not(:disabled):hover .alert {
1120
- border-color: var(--color-sentiment-negative-hover) !important;
1121
- }.np-theme-personal .has-error .form-control-feedback {
1122
- color: #37517e;
1123
- color: var(--color-content-primary);
1124
- }.np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled),
1125
- .np-theme-personal .has-error.checkbox > label:not(.disabled):not(:disabled) {
1126
- border-color: var(--color-sentiment-negative);
1127
- color: #37517e;
1128
- color: var(--color-content-primary);
1129
- }.np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled):hover,
1130
- .np-theme-personal .has-error.checkbox > label:not(.disabled):not(:disabled):hover,
1131
- .np-theme-personal .has-error .radio > label:focus-within,
1132
- .np-theme-personal .has-error.checkbox > label:focus-within {
1133
- border-color: var(--color-sentiment-negative-hover) !important;
1134
- }.np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
1135
- .np-theme-personal .has-error.checkbox > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
1136
- .np-theme-personal .has-error .radio > label:focus-within .tw-checkbox-button,
1137
- .np-theme-personal .has-error.checkbox > label:focus-within .tw-checkbox-button,
1138
- .np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled):hover .tw-radio-button,
1139
- .np-theme-personal .has-error.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
1140
- .np-theme-personal .has-error .radio > label:focus-within .tw-radio-button,
1141
- .np-theme-personal .has-error.checkbox > label:focus-within .tw-radio-button {
1142
- border-color: var(--color-sentiment-negative-hover) !important;
1143
- }.np-theme-personal .has-error .radio .tw-checkbox-button,
1144
- .np-theme-personal .has-error.checkbox .tw-checkbox-button,
1145
- .np-theme-personal .has-error .radio .tw-radio-button,
1146
- .np-theme-personal .has-error.checkbox .tw-radio-button {
1147
- border-color: var(--color-sentiment-negative);
1148
- }.has-feedback label ~ .form-control-feedback {
1149
- top: 1.2;
1150
- top: var(--line-height-control);
1151
- }.has-feedback label.sr-only ~ .form-control-feedback {
1152
- top: 0;
1153
- }@media (min-width: 576px) {
1154
- .form-inline .form-group {
1155
- display: inline-block;
1156
- margin-bottom: 0;
1157
- vertical-align: middle;
1158
- }
1159
- .form-inline .form-control {
1160
- display: inline-block;
1161
- width: auto;
1162
- vertical-align: middle;
1163
- }
1164
- .form-inline .form-control-static {
1165
- display: inline-block;
1166
- }
1167
- .form-inline .input-group {
1168
- display: inline-table;
1169
- vertical-align: middle;
1170
- }
1171
- .form-inline .input-group .input-group-addon,
1172
- .form-inline .input-group .input-group-btn,
1173
- .form-inline .input-group .form-control {
1174
- width: auto;
1175
- }
1176
- .form-inline .input-group > .form-control {
1177
- width: 100%;
1178
- }
1179
- .form-inline .control-label {
1180
- margin-bottom: 0;
1181
- vertical-align: calc(-2px);
1182
- }
1183
- .form-inline .radio,
1184
- .form-inline .checkbox {
1185
- display: inline-block;
1186
- margin-top: 0;
1187
- margin-bottom: 0;
1188
- vertical-align: middle;
1189
- }
1190
- .form-inline .radio label,
1191
- .form-inline .checkbox label {
1192
- padding-left: 0;
1193
- }
1194
- [dir="rtl"] .form-inline .radio label,
1195
- [dir="rtl"] .form-inline .checkbox label {
1196
- padding-right: 0;
1197
- padding-left: 0;
1198
- padding-left: initial;
1199
- }
1200
- .form-inline .radio input[type='radio'],
1201
- .form-inline .checkbox input[type='checkbox'] {
1202
- position: relative;
1203
- margin-left: 0;
1204
- }
1205
- [dir="rtl"] .form-inline .radio input[type='radio'],
1206
- [dir="rtl"] .form-inline .checkbox input[type='checkbox'] {
1207
- margin-right: 0;
1208
- margin-left: 0;
1209
- margin-left: initial;
1210
- }
1211
- .form-inline .has-feedback .form-control-feedback {
1212
- top: 0;
1213
- }
1214
- }.form-horizontal .radio,
1215
- .form-horizontal .checkbox,
1216
- .form-horizontal .radio-inline,
1217
- .form-horizontal .checkbox-inline {
1218
- margin-top: 0;
1219
- margin-bottom: 0;
1220
- padding-top: 9px;
1221
- }.form-horizontal .radio,
1222
- .form-horizontal .checkbox {
1223
- min-height: calc(1.2 + (8px + 1));
1224
- min-height: calc(var(--line-height-control) + (8px + 1));
1225
- }.form-horizontal .form-group {
1226
- margin-left: -12px;
1227
- margin-right: -12px;
1228
- }[dir="rtl"] .form-horizontal .form-group {
1229
- margin-right: -12px;
1230
- margin-left: -12px;
1231
- }[dir="rtl"] .form-horizontal .form-group {
1232
- margin-left: -12px;
1233
- margin-right: -12px;
1234
- }@media (min-width: 576px) {
1235
- .form-horizontal .control-label {
1236
- text-align: right;
1237
- margin-bottom: 0;
1238
- padding-top: 14px;
1239
- }
1240
- [dir="rtl"] .form-horizontal .control-label {
1241
- text-align: left;
1242
- }
1243
- }.form-horizontal .has-feedback .form-control-feedback {
1244
- right: 12px;
1245
- }[dir="rtl"] .form-horizontal .has-feedback .form-control-feedback {
1246
- left: 12px;
1247
- right: auto;
1248
- right: initial;
1249
- }@media (min-width: 576px) {
1250
- .form-horizontal .form-group-lg .control-label {
1251
- padding-top: 17px;
1252
- font-size: 1.25rem;
1253
- font-size: var(--font-size-20);
1254
- }
1255
- }@media (min-width: 576px) {
1256
- .form-horizontal .form-group-sm .control-label {
1257
- padding-top: 8px;
1258
- font-size: 0.875rem;
1259
- font-size: var(--font-size-14);
1260
- }
1261
- }.radio,
1262
- .checkbox {
1263
- border-color: #c9cbce;
1264
- border-color: var(--color-interactive-secondary);
1265
- }.radio > label,
1266
- .checkbox > label {
1267
- position: relative;
1268
- padding-left: 48px;
1269
- }[dir="rtl"] .radio > label,
1270
- [dir="rtl"] .checkbox > label {
1271
- padding-right: 48px;
1272
- padding-left: 0;
1273
- padding-left: initial;
1274
- }.radio > label input[type="radio"],
1275
- .checkbox > label input[type="radio"],
1276
- .radio > label input[type="checkbox"],
1277
- .checkbox > label input[type="checkbox"] {
1278
- display: block;
1279
- position: absolute;
1280
- top: 13px;
1281
- left: 40px;
1282
- }[dir="rtl"] .radio > label input[type="radio"],
1283
- [dir="rtl"] .checkbox > label input[type="radio"],
1284
- [dir="rtl"] .radio > label input[type="checkbox"],
1285
- [dir="rtl"] .checkbox > label input[type="checkbox"] {
1286
- right: 40px;
1287
- left: auto;
1288
- left: initial;
1289
- }.tw-checkbox-button {
1290
- border: 1px solid #c9cbce;
1291
- border: 1px solid var(--color-interactive-secondary);
1292
- background: #ffffff;
1293
- background: var(--color-background-screen);
1294
- width: 22px;
1295
- height: 22px;
1296
- border-radius: 3px;
1297
- display: inline-block;
1298
- padding: 0;
1299
- vertical-align: middle;
1300
- text-align: center;
1301
- transition: border 0.15s ease-in-out, background-color 0.15s ease-in-out;
1302
- }.np-theme-personal .tw-checkbox-button {
1303
- border: none;
1304
- box-shadow: inset 0 0 0 1px #c9cbce;
1305
- box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
1306
- }.tw-checkbox-button .tw-checkbox-check,
1307
- .tw-checkbox-button .np-tw-checkbox-indeterminate {
1308
- width: 20px;
1309
- height: 20px;
1310
- margin: 0;
1311
- display: none;
1312
- color: #ffffff;
1313
- color: var(--color-background-screen);
1314
- }.tw-checkbox-button:not(.disabled):not(:disabled):hover,
1315
- input[type="checkbox"]:hover + .tw-checkbox-button,
1316
- .checkbox:hover .tw-checkbox-button {
1317
- border-color: #b5b7ba;
1318
- border-color: var(--color-interactive-secondary-hover);
1319
- }.np-theme-personal .tw-checkbox-button:not(.disabled):not(:disabled):hover,
1320
- .np-theme-personal input[type="checkbox"]:hover + .tw-checkbox-button,
1321
- .np-theme-personal .checkbox:hover .tw-checkbox-button {
1322
- box-shadow: inset 0 0 0 1px #b5b7ba;
1323
- box-shadow: inset 0 0 0 1px var(--color-interactive-secondary-hover);
1324
- }.tw-checkbox-button:not(.disabled):not(:disabled):focus,
1325
- .tw-checkbox-button:not(.disabled):not(:disabled).focus,
1326
- .tw-checkbox-button:not(.disabled):not(:disabled):focus:hover,
1327
- .tw-checkbox-button:not(.disabled):not(:disabled).focus:hover,
1328
- input[type="checkbox"]:focus + .tw-checkbox-button,
1329
- .tw-checkbox-button:not(.disabled):not(:disabled):active,
1330
- .tw-checkbox-button:not(.disabled):not(:disabled).active,
1331
- input[type="checkbox"]:active + .tw-checkbox-button {
1332
- border-color: #c9cbce;
1333
- border-color: var(--color-interactive-secondary);
1334
- outline: none;
1335
- }input[type="checkbox"]:focus-visible + .tw-checkbox-button {
1336
- outline: var(--ring-outline-color) solid var(--ring-outline-width);
1337
- outline-offset: var(--ring-outline-offset);
1338
- }.checkbox input[type="checkbox"]:focus-visible + .tw-checkbox-button {
1339
- outline: none;
1340
- }.tw-checkbox-button:checked,
1341
- .tw-checkbox-button.checked,
1342
- input[type="checkbox"]:checked + .tw-checkbox-button,
1343
- input[type="checkbox"]:indeterminate + .tw-checkbox-button {
1344
- border-color: #00a2dd !important;
1345
- border-color: var(--color-interactive-accent) !important;
1346
- background-color: #00a2dd;
1347
- background-color: var(--color-interactive-accent);
1348
- }.np-theme-personal .tw-checkbox-button:checked,
1349
- .np-theme-personal .tw-checkbox-button.checked,
1350
- .np-theme-personal input[type="checkbox"]:checked + .tw-checkbox-button,
1351
- .np-theme-personal input[type="checkbox"]:indeterminate + .tw-checkbox-button {
1352
- background-color: var(--color-interactive-primary);
1353
- box-shadow: inset 0 0 0 1px var(--color-interactive-primary);
1354
- }.tw-checkbox-button:checked .tw-checkbox-check,
1355
- .tw-checkbox-button.checked .tw-checkbox-check,
1356
- input[type="checkbox"]:checked + .tw-checkbox-button .tw-checkbox-check {
1357
- display: inline-block;
1358
- }input[type="checkbox"]:indeterminate + .tw-checkbox-button .np-tw-checkbox-indeterminate {
1359
- display: inline-block;
1360
- }.tw-checkbox-button:checked:hover,
1361
- .tw-checkbox-button.checked:hover,
1362
- input[type="checkbox"]:not(.disabled):not(:disabled):checked:hover + .tw-checkbox-button,
1363
- input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:hover + .tw-checkbox-button {
1364
- border-color: #008fc9 !important;
1365
- border-color: var(--color-interactive-accent-hover) !important;
1366
- background-color: #008fc9;
1367
- background-color: var(--color-interactive-accent-hover);
1368
- }.np-theme-personal .tw-checkbox-button:checked:hover,
1369
- .np-theme-personal .tw-checkbox-button.checked:hover,
1370
- .np-theme-personal input[type="checkbox"]:not(.disabled):not(:disabled):checked:hover + .tw-checkbox-button,
1371
- .np-theme-personal input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:hover + .tw-checkbox-button {
1372
- border-color: var(--color-interactive-primary-hover) !important;
1373
- background-color: var(--color-interactive-primary-hover);
1374
- box-shadow: inset 0 0 0 1px var(--color-interactive-primary-hover);
1375
- }.tw-checkbox-button:checked:active,
1376
- .tw-checkbox-button.checked:active,
1377
- input[type="checkbox"]:not(.disabled):not(:disabled):checked:active + .tw-checkbox-button,
1378
- input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-checkbox-button {
1379
- border-color: #0081ba !important;
1380
- border-color: var(--color-interactive-accent-active) !important;
1381
- background-color: #0081ba;
1382
- background-color: var(--color-interactive-accent-active);
1383
- }.np-theme-personal .tw-checkbox-button:checked:active,
1384
- .np-theme-personal .tw-checkbox-button.checked:active,
1385
- .np-theme-personal input[type="checkbox"]:not(.disabled):not(:disabled):checked:active + .tw-checkbox-button,
1386
- .np-theme-personal input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-checkbox-button {
1387
- border-color: var(--color-interactive-primary-active) !important;
1388
- background-color: var(--color-interactive-primary-active);
1389
- box-shadow: inset 0 0 0 1px var(--color-interactive-primary-active);
1390
- }.checkbox.has-error .tw-checkbox-button,
1391
- .tw-checkbox-button.has-error {
1392
- border-color: #e74848 !important;
1393
- border-color: var(--color-interactive-negative) !important;
1394
- }.checkbox.has-error .tw-checkbox-button:checked,
1395
- .tw-checkbox-button.has-error:checked,
1396
- .checkbox.has-error .tw-checkbox-button.checked,
1397
- .tw-checkbox-button.has-error.checked {
1398
- background-color: #e74848;
1399
- background-color: var(--color-interactive-negative);
1400
- }.checkbox.has-error input[type="checkbox"]:not(.disabled):not(:disabled):checked + .tw-checkbox-button,
1401
- .checkbox.has-error input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate + .tw-checkbox-button {
1402
- border-color: #e74848 !important;
1403
- border-color: var(--color-interactive-negative) !important;
1404
- background-color: #e74848;
1405
- background-color: var(--color-interactive-negative);
1406
- }.checkbox.has-error input[type="checkbox"]:not(.disabled):not(:disabled):checked:hover + .tw-checkbox-button,
1407
- .checkbox.has-error input[type="checkbox"]:not(.disabled):not(:disabled):checked:indeterminate + .tw-checkbox-button {
1408
- border-color: #d03238 !important;
1409
- border-color: var(--color-interactive-negative-hover) !important;
1410
- background-color: #d03238;
1411
- background-color: var(--color-interactive-negative-hover);
1412
- }.checkbox.has-error input[type="checkbox"]:not(.disabled):not(:disabled):checked:active + .tw-checkbox-button,
1413
- .checkbox.has-error input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate + .tw-checkbox-button {
1414
- border-color: #bf1e2c !important;
1415
- border-color: var(--color-interactive-negative-active) !important;
1416
- background-color: #bf1e2c;
1417
- background-color: var(--color-interactive-negative-active);
1418
- }.tw-radio-button {
1419
- width: 24px;
1420
- height: 24px;
1421
- border-radius: 50%;
1422
- border: 1px solid #c9cbce;
1423
- border: 1px solid var(--color-interactive-secondary);
1424
- background: #ffffff;
1425
- background: var(--color-background-screen);
1426
- display: inline-flex;
1427
- align-items: center;
1428
- justify-content: center;
1429
- padding: 0;
1430
- transition: border 0.15s ease-in-out;
1431
- }.np-theme-personal .tw-radio-button {
1432
- border: none;
1433
- box-shadow: inset 0 0 0 1px #c9cbce;
1434
- box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
1435
- position: relative;
1436
- top: 0;
1437
- left: 0;
1438
- }.tw-radio-button .tw-radio-check {
1439
- border-radius: 50%;
1440
- text-align: center;
1441
- width: 12px;
1442
- height: 12px;
1443
- display: block;
1444
- opacity: 0;
1445
- transition: all 0.15s ease-in-out;
1446
- }.radio:not(.disabled):not(:disabled):hover .tw-radio-button,
1447
- .tw-radio-button:not(.disabled):not(:disabled):hover {
1448
- border-color: #b5b7ba;
1449
- border-color: var(--color-interactive-secondary-hover);
1450
- }.np-theme-personal .radio:not(.disabled):not(:disabled):hover .tw-radio-button,
1451
- .np-theme-personal .tw-radio-button:not(.disabled):not(:disabled):hover {
1452
- border-color: transparent;
1453
- box-shadow: inset 0 0 0 1px #b5b7ba;
1454
- box-shadow: inset 0 0 0 1px var(--color-interactive-secondary-hover);
1455
- }.np-theme-personal .radio:not(.disabled):not(:disabled):hover .tw-radio-button:checked,
1456
- .np-theme-personal .tw-radio-button:not(.disabled):not(:disabled):hover:checked,
1457
- .np-theme-personal .radio:not(.disabled):not(:disabled):hover .tw-radio-button.checked,
1458
- .np-theme-personal .tw-radio-button:not(.disabled):not(:disabled):hover.checked {
1459
- box-shadow: inset 0 0 0 1px var(--color-interactive-primary);
1460
- }.np-theme-personal .radio:not(.disabled):not(:disabled):hover .tw-radio-button:checked .tw-radio-check,
1461
- .np-theme-personal .tw-radio-button:not(.disabled):not(:disabled):hover:checked .tw-radio-check,
1462
- .np-theme-personal .radio:not(.disabled):not(:disabled):hover .tw-radio-button.checked .tw-radio-check,
1463
- .np-theme-personal .tw-radio-button:not(.disabled):not(:disabled):hover.checked .tw-radio-check {
1464
- background-color: var(--color-interactive-primary-hover);
1465
- }.tw-radio-button:not(.disabled):not(:disabled):focus,
1466
- .tw-radio-button:not(.disabled):not(:disabled).focus,
1467
- .tw-radio-button:not(.disabled):not(:disabled):active,
1468
- .tw-radio-button:not(.disabled):not(:disabled).active {
1469
- border-color: #a7a9ab;
1470
- border-color: var(--color-interactive-secondary-active);
1471
- outline: none;
1472
- }.tw-radio-button:checked,
1473
- .tw-radio-button.checked {
1474
- border-color: #00a2dd !important;
1475
- border-color: var(--color-interactive-accent) !important;
1476
- }.tw-radio-button:checked .tw-radio-check,
1477
- .tw-radio-button.checked .tw-radio-check {
1478
- opacity: 1;
1479
- background-color: #00a2dd;
1480
- background-color: var(--color-interactive-accent);
1481
- }.np-theme-personal .tw-radio-button:checked,
1482
- .np-theme-personal .tw-radio-button.checked {
1483
- border-color: transparent !important;
1484
- box-shadow: inset 0 0 0 1px var(--color-interactive-primary);
1485
- }.np-theme-personal .tw-radio-button:checked .tw-radio-check,
1486
- .np-theme-personal .tw-radio-button.checked .tw-radio-check {
1487
- background-color: var(--color-interactive-primary);
1488
- max-height: 12px;
1489
- max-width: 12px;
1490
- }.radio.has-error .tw-radio-button,
1491
- .tw-radio-button.has-error {
1492
- border-color: #e74848 !important;
1493
- border-color: var(--color-interactive-negative) !important;
1494
- }.radio.has-error .tw-radio-button:checked .tw-radio-check,
1495
- .tw-radio-button.has-error:checked .tw-radio-check,
1496
- .radio.has-error .tw-radio-button.checked .tw-radio-check,
1497
- .tw-radio-button.has-error.checked .tw-radio-check {
1498
- background-color: #e74848;
1499
- background-color: var(--color-interactive-negative);
1500
- }.radio .tw-radio-button {
1501
- position: absolute;
1502
- left: 13px;
1503
- top: 11px;
1504
- }[dir="rtl"] .radio .tw-radio-button {
1505
- right: 13px;
1506
- left: auto;
1507
- left: initial;
1508
- }.checkbox .tw-checkbox-button {
1509
- position: absolute;
1510
- left: 14px;
1511
- top: 12px;
1512
- }[dir="rtl"] .checkbox .tw-checkbox-button {
1513
- right: 14px;
1514
- left: auto;
1515
- left: initial;
1516
- }.form-inline .tw-checkbox-button,
1517
- .form-inline .tw-radio-button {
1518
- vertical-align: bottom;
1519
- }.form-horizontal .checkbox,
1520
- .form-horizontal .radio {
1521
- padding-top: 0;
1522
- }.form-horizontal .checkbox > label,
1523
- .form-horizontal .radio > label {
1524
- margin-bottom: 0;
1525
- }.np-radio.radio,
1526
- .np-checkbox.checkbox {
1527
- min-width: -moz-fit-content;
1528
- min-width: fit-content;
1529
- }.np-radio.radio .np-radio-button,
1530
- .np-checkbox.checkbox .np-radio-button,
1531
- .np-radio.radio .np-checkbox-button,
1532
- .np-checkbox.checkbox .np-checkbox-button {
1533
- position: relative;
1534
- flex-shrink: 0;
1535
- }.np-radio.radio .tw-checkbox-button,
1536
- .np-checkbox.checkbox .tw-checkbox-button,
1537
- .np-radio.radio .tw-radio-button,
1538
- .np-checkbox.checkbox .tw-radio-button {
1539
- position: static;
1540
- }.np-radio.radio > label,
1541
- .np-checkbox.checkbox > label {
1542
- display: flex;
1543
- align-items: center;
1544
- padding: 8px 16px;
1545
- padding: var(--size-8) var(--size-16) ;
1546
- }[dir="rtl"] .np-radio.radio > label,
1547
- [dir="rtl"] .np-checkbox.checkbox > label {
1548
- padding: 8px 16px;
1549
- padding: var(--size-8) var(--size-16) ;
1550
- }.np-radio.radio > label .np-checkbox__text,
1551
- .np-checkbox.checkbox > label .np-checkbox__text,
1552
- .np-radio.radio > label .np-radio__text,
1553
- .np-checkbox.checkbox > label .np-radio__text {
1554
- display: block;
1555
- padding-top: 1px;
1556
- }:not(.np-theme-personal) .np-radio.radio > label .np-checkbox__text,
1557
- :not(.np-theme-personal) .np-checkbox.checkbox > label .np-checkbox__text,
1558
- :not(.np-theme-personal) .np-radio.radio > label .np-radio__text,
1559
- :not(.np-theme-personal) .np-checkbox.checkbox > label .np-radio__text {
1560
- font-weight: 400;
1561
- font-weight: var(--font-weight-regular);
1562
- font-size: 1rem;
1563
- font-size: var(--font-size-16);
1564
- line-height: 1.25rem;
1565
- line-height: var(--line-height-20);
1566
- padding-top: 3px;
1567
- }.np-theme-personal .np-radio.radio > label,
1568
- .np-theme-personal .np-checkbox.checkbox > label {
1569
- padding: var(--input-padding);
1570
- }.np-radio .np-radio__avatar {
1571
- pointer-events: none;
1572
- }[dir="rtl"] .input-group .input-group-btn + input {
1573
- border-right: 0 solid transparent;
1574
- }html:not([dir="rtl"]) .input-group .input-group-btn + input {
1575
- border-left: 0 solid transparent;
1576
- }.input-group-addon {
1577
- color: #5d7079;
1578
- color: var(--color-content-secondary);
1579
- transition: border-color ease-in-out 0.15s;
1580
- }.form-control-feedback,
1581
- .form-control-feedback.icon {
1582
- font-size: 24px;
1583
- line-height: 48px;
1584
- }.label {
1585
- padding-top: 0.25em;
1586
- position: relative;
1587
- top: -3px;
1588
- }.label .label-default {
1589
- color: #5d7079;
1590
- color: var(--color-content-secondary);
1591
- background-color: rgba(134,167,189,0.10196);
1592
- background-color: var(--color-background-neutral);
1593
- }.form-group {
1594
- position: relative;
1595
- font-size: 0.875rem;
1596
- font-size: var(--font-size-14);
1597
- }.form-group .row {
1598
- margin-left: -6px;
1599
- margin-right: -6px;
1600
- }[dir="rtl"] .form-group .row {
1601
- margin-right: -6px;
1602
- margin-left: 0;
1603
- margin-left: initial;
1604
- }[dir="rtl"] .form-group .row {
1605
- margin-left: -6px;
1606
- margin-right: 0;
1607
- margin-right: initial;
1608
- }.form-group .row [class*='col-'] {
1609
- padding-left: 6px;
1610
- padding-right: 6px;
1611
- }[dir="rtl"] .form-group .row [class*='col-'] {
1612
- padding-right: 6px;
1613
- padding-left: 0;
1614
- padding-left: initial;
1615
- }[dir="rtl"] .form-group .row [class*='col-'] {
1616
- padding-left: 6px;
1617
- padding-right: 0;
1618
- padding-right: initial;
1619
- }@media (max-width: 575px) {
1620
- .form-group .row [class*='col-sm-'] {
1621
- margin-bottom: 0;
1622
- }
1623
- .form-group .row [class*='col-sm-'] .btn-input {
1624
- margin-bottom: 12px;
1625
- }
1626
- }@media (max-width: 767px) {
1627
- .form-group .row [class*='col-md-'] {
1628
- margin-bottom: 0;
1629
- }
1630
- .form-group .row [class*='col-md-'] .form-control,
1631
- .form-group .row [class*='col-md-'] .btn-input {
1632
- margin-bottom: 12px;
1633
- }
1634
- }@media (max-width: 991px) {
1635
- .form-group .row [class*='col-lg-'] {
1636
- margin-bottom: 0;
1637
- }
1638
- .form-group .row [class*='col-lg-'] .form-control,
1639
- .form-group .row [class*='col-lg-'] .btn-input {
1640
- margin-bottom: 12px;
1641
- }
1642
- }@media (max-width: 1199px) {
1643
- .form-group .row [class*='col-xl-'] {
1644
- margin-bottom: 0;
1645
- }
1646
- .form-group .row [class*='col-xl-'] .form-control,
1647
- .form-group .row [class*='col-xl-'] .btn-input {
1648
- margin-bottom: 12px;
1649
- }
1650
- }@media (min-width: 576px) {
1651
- fieldset .form-group:nth-of-type(odd) {
1652
- clear: left;
1653
- }
1654
- [dir="rtl"] fieldset .form-group:nth-of-type(odd) {
1655
- clear: right;
1656
- }
1657
- }.checkbox > label,
1658
- .radio > label {
1659
- display: block;
1660
- cursor: pointer;
1661
- padding-top: 12px;
1662
- padding-bottom: 10px;
1663
- padding-right: 16px;
1664
- color: #37517e;
1665
- color: var(--color-content-primary);
1666
- background-color: #ffffff;
1667
- background-color: var(--color-background-screen);
1668
- border: 1px solid #c9cbce;
1669
- border: 1px solid var(--color-interactive-secondary);
1670
- border-radius: 3px;
1671
- transition: border 0.15s ease-in-out, background-color 0.15s ease-in-out;
1672
- }[dir="rtl"] .checkbox > label,
1673
- [dir="rtl"] .radio > label {
1674
- padding-left: 16px;
1675
- padding-right: 0;
1676
- padding-right: initial;
1677
- }.np-theme-personal .checkbox > label,
1678
- .np-theme-personal .radio > label {
1679
- border-radius: 10px;
1680
- border-radius: var(--radius-small);
1681
- }.checkbox > label:not(.disabled):not(:disabled):hover,
1682
- .radio > label:not(.disabled):not(:disabled):hover {
1683
- border-color: #b5b7ba;
1684
- border-color: var(--color-interactive-secondary-hover);
1685
- }.checkbox > label:not(.disabled):not(:disabled).focus,
1686
- .radio > label:not(.disabled):not(:disabled).focus,
1687
- .checkbox > label:not(.disabled):not(:disabled).focus:hover,
1688
- .radio > label:not(.disabled):not(:disabled).focus:hover,
1689
- .checkbox > label:not(.disabled):not(:disabled).has-focus,
1690
- .radio > label:not(.disabled):not(:disabled).has-focus,
1691
- .checkbox > label:not(.disabled):not(:disabled).has-focus:hover,
1692
- .radio > label:not(.disabled):not(:disabled).has-focus:hover,
1693
- .checkbox > label:not(.disabled):not(:disabled):focus-within,
1694
- .radio > label:not(.disabled):not(:disabled):focus-within {
1695
- border-color: #0081ba;
1696
- border-color: var(--color-interactive-accent-active);
1697
- }.np-theme-personal .checkbox > label:not(.disabled):not(:disabled).focus,
1698
- .np-theme-personal .radio > label:not(.disabled):not(:disabled).focus,
1699
- .np-theme-personal .checkbox > label:not(.disabled):not(:disabled).focus:hover,
1700
- .np-theme-personal .radio > label:not(.disabled):not(:disabled).focus:hover,
1701
- .np-theme-personal .checkbox > label:not(.disabled):not(:disabled).has-focus,
1702
- .np-theme-personal .radio > label:not(.disabled):not(:disabled).has-focus,
1703
- .np-theme-personal .checkbox > label:not(.disabled):not(:disabled).has-focus:hover,
1704
- .np-theme-personal .radio > label:not(.disabled):not(:disabled).has-focus:hover,
1705
- .np-theme-personal .checkbox > label:not(.disabled):not(:disabled):focus-within,
1706
- .np-theme-personal .radio > label:not(.disabled):not(:disabled):focus-within {
1707
- border-color: #c9cbce;
1708
- border-color: var(--color-interactive-secondary);
1709
- }.checkbox.checkbox-lg > label,
1710
- .radio.checkbox-lg > label,
1711
- .checkbox.radio-lg > label,
1712
- .radio.radio-lg > label {
1713
- min-height: 72px;
1714
- min-height: var(--size-72);
1715
- }.checkbox.checkbox-lg > label small,
1716
- .radio.checkbox-lg > label small,
1717
- .checkbox.radio-lg > label small,
1718
- .radio.radio-lg > label small,
1719
- .checkbox.checkbox-lg > label .small,
1720
- .radio.checkbox-lg > label .small,
1721
- .checkbox.radio-lg > label .small,
1722
- .radio.radio-lg > label .small,
1723
- .checkbox.checkbox-lg > label .body-2,
1724
- .radio.checkbox-lg > label .body-2,
1725
- .checkbox.radio-lg > label .body-2,
1726
- .radio.radio-lg > label .body-2,
1727
- .checkbox.checkbox-lg > label .np-text-body-default,
1728
- .radio.checkbox-lg > label .np-text-body-default,
1729
- .checkbox.radio-lg > label .np-text-body-default,
1730
- .radio.radio-lg > label .np-text-body-default {
1731
- display: block;
1732
- color: #5d7079;
1733
- color: var(--color-content-secondary);
1734
- }.error-messages {
1735
- display: none;
1736
- color: #cf2929;
1737
- color: var(--color-content-negative);
1738
- background-color: rgba(255,135,135,0.10196);
1739
- background-color: var(--color-background-negative);
1740
- position: relative;
1741
- }.error-messages::before {
1742
- content: " ";
1743
- position: absolute;
1744
- display: block;
1745
- width: 10px;
1746
- height: 10px;
1747
- left: 20px;
1748
- top: -5px;
1749
- transform: rotate(45deg);
1750
- background-color: inherit;
1751
- }[dir="rtl"] .error-messages::before {
1752
- right: 20px;
1753
- left: auto;
1754
- left: initial;
1755
- }.form-group .error-messages {
1756
- border-radius: 3px;
1757
- border-width: 0;
1758
- margin-top: 12px;
1759
- }.has-error .error-messages {
1760
- display: block;
1761
- }.has-error .error-messages:empty,
1762
- .has-error .error-messages:-moz-only-whitespace {
1763
- display: none;
1764
- }.has-error .error-messages:empty::before,
1765
- .has-error .error-messages:-moz-only-whitespace::before {
1766
- display: none;
1767
- }.error-required,
1768
- .error-pattern,
1769
- .error-minlength,
1770
- .error-maxlength,
1771
- .error-min,
1772
- .error-max,
1773
- .error-async,
1774
- .error-number,
1775
- .error-date,
1776
- .error-time,
1777
- .error-datetime,
1778
- .error-email,
1779
- .error-url,
1780
- .error-week,
1781
- .error-month,
1782
- .error-datetimelocal {
1783
- display: none;
1784
- }.ng-invalid-required ~ .error-messages > .error-required,
1785
- .ng-invalid-pattern ~ .error-messages > .error-pattern,
1786
- .ng-invalid-minlength ~ .error-messages > .error-minlength,
1787
- .ng-invalid-maxlength ~ .error-messages > .error-maxlength,
1788
- .ng-invalid-min ~ .error-messages > .error-min,
1789
- .ng-invalid-max ~ .error-messages > .error-max,
1790
- .ng-invalid-async ~ .error-messages > .error-async,
1791
- .ng-invalid-number ~ .error-messages > .error-number,
1792
- .ng-invalid-date ~ .error-messages > .error-date,
1793
- .ng-invalid-time ~ .error-messages > .error-time,
1794
- .ng-invalid-datetime ~ .error-messages > .error-datetime,
1795
- .ng-invalid-email ~ .error-messages > .error-email,
1796
- .ng-invalid-url ~ .error-messages > .error-url,
1797
- .ng-invalid-week ~ .error-messages > .error-week,
1798
- .ng-invalid-month ~ .error-messages > .error-month,
1799
- .ng-invalid-datetimelocal ~ .error-messages > .error-datetimelocal {
1800
- display: block;
1801
- }.ng-invalid-required ~ .alert-danger > .error-required,
1802
- .ng-invalid-pattern ~ .alert-danger > .error-pattern,
1803
- .ng-invalid-minlength ~ .alert-danger > .error-minlength,
1804
- .ng-invalid-maxlength ~ .alert-danger > .error-maxlength,
1805
- .ng-invalid-min ~ .alert-danger > .error-min,
1806
- .ng-invalid-max ~ .alert-danger > .error-max,
1807
- .ng-invalid-async ~ .alert-danger > .error-async,
1808
- .ng-invalid-number ~ .alert-danger > .error-number,
1809
- .ng-invalid-date ~ .alert-danger > .error-date,
1810
- .ng-invalid-time ~ .alert-danger > .error-time,
1811
- .ng-invalid-datetime ~ .alert-danger > .error-datetime,
1812
- .ng-invalid-email ~ .alert-danger > .error-email,
1813
- .ng-invalid-url ~ .alert-danger > .error-url,
1814
- .ng-invalid-week ~ .alert-danger > .error-week,
1815
- .ng-invalid-month ~ .alert-danger > .error-month,
1816
- .ng-invalid-datetimelocal ~ .alert-danger > .error-datetimelocal {
1817
- display: block;
1818
- }.form-control-placeholder {
1819
- text-overflow: ellipsis;
1820
- overflow: hidden;
1821
- font-weight: 400;
1822
- font-weight: var(--font-weight-regular);
1823
- font-size: 1rem;
1824
- font-size: var(--font-size-16);
1825
- line-height: 150%;
1826
- letter-spacing: -0.011em;
1827
- display: block;
1828
- width: 100%;
1829
- color: #768e9c;
1830
- color: var(--color-content-tertiary);
1831
- }.np-theme-personal .btn-input,
1832
- .np-theme-personal .input-group,
1833
- .np-theme-personal .form-control,
1834
- .np-theme-personal .input-group-addon,
1835
- .np-theme-personal .radio > label,
1836
- .np-theme-personal .checkbox > label {
1837
- background-color: transparent;
1838
- background-color: initial;
1839
- border: none !important;
1840
- border-radius: 10px;
1841
- border-radius: var(--radius-small);
1842
- }.np-theme-personal .btn-input,
1843
- .np-theme-personal .input-group,
1844
- .np-theme-personal .form-control,
1845
- .np-theme-personal .radio > label,
1846
- .np-theme-personal .checkbox > label {
1847
- box-shadow: inset 0 0 0 1px #c9cbce;
1848
- box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
1849
- transition: box-shadow 0.3s ease-in-out;
1850
- }.np-theme-personal .input-group > .form-control,
1851
- .np-theme-personal .input-group > .btn-input,
1852
- .np-theme-personal .typeahead__input-container .form-control {
1853
- box-shadow: none !important;
1854
- }.np-theme-personal .btn-input:not(.disabled):not(:disabled):hover,
1855
- .np-theme-personal .input-group:not(.disabled):not(:disabled):hover,
1856
- .np-theme-personal .form-control:not(.disabled):not(:disabled):hover,
1857
- .np-theme-personal .radio > label:not(.disabled):not(:disabled):hover,
1858
- .np-theme-personal .checkbox > label:not(.disabled):not(:disabled):hover {
1859
- box-shadow: inset 0 0 0 2px #b5b7ba;
1860
- box-shadow: inset 0 0 0 2px var(--color-interactive-secondary-hover);
1861
- }.np-theme-personal .btn-input:not(.disabled):not(:disabled):hover:has(:checked, .checked),
1862
- .np-theme-personal .input-group:not(.disabled):not(:disabled):hover:has(:checked, .checked),
1863
- .np-theme-personal .form-control:not(.disabled):not(:disabled):hover:has(:checked, .checked),
1864
- .np-theme-personal .radio > label:not(.disabled):not(:disabled):hover:has(:checked, .checked),
1865
- .np-theme-personal .checkbox > label:not(.disabled):not(:disabled):hover:has(:checked, .checked) {
1866
- box-shadow: inset 0 0 0 2px var(--color-interactive-primary-hover);
1867
- }.np-theme-personal .btn-input:not(.disabled):not(:disabled):focus-visible,
1868
- .np-theme-personal .btn-input:not(.disabled):not(:disabled):has(:focus-visible),
1869
- .np-theme-personal .input-group:not(.disabled):not(:disabled):focus-visible,
1870
- .np-theme-personal .input-group:not(.disabled):not(:disabled):has(.form-control:focus-visible, .btn-input:focus-visible),
1871
- .np-theme-personal .form-control:not(.disabled):not(:disabled):focus-visible,
1872
- .np-theme-personal .form-control:not(.disabled):not(:disabled):has(:focus-visible),
1873
- .np-theme-personal .radio > label:not(.disabled):not(:disabled):focus-visible,
1874
- .np-theme-personal .radio > label:not(.disabled):not(:disabled):has(:focus-visible),
1875
- .np-theme-personal .checkbox > label:not(.disabled):not(:disabled):focus-visible,
1876
- .np-theme-personal .checkbox > label:not(.disabled):not(:disabled):has(:focus-visible) {
1877
- box-shadow: inset 0 0 0 3px var(--color-interactive-primary);
1878
- }.np-theme-personal .has-error .btn-input,
1879
- .np-theme-personal .has-error .input-group,
1880
- .np-theme-personal .has-error .form-control,
1881
- .np-theme-personal .has-error .radio > label,
1882
- .np-theme-personal .has-error .checkbox > label {
1883
- box-shadow: inset 0 0 0 2px var(--color-sentiment-negative);
1884
- }.np-theme-personal .has-error .input-group:not(.disabled):not(:disabled):hover,
1885
- .np-theme-personal .has-error .form-control:not(.disabled):not(:disabled):hover,
1886
- .np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled):hover,
1887
- .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):hover {
1888
- box-shadow: inset 0 0 0 2px var(--color-sentiment-negative-hover);
1889
- }.np-theme-personal .has-error .input-group:not(.disabled):not(:disabled):active,
1890
- .np-theme-personal .has-error .input-group:not(.disabled):not(:disabled):focus-visible,
1891
- .np-theme-personal .has-error .input-group:not(.disabled):not(:disabled):has(:focus-visible),
1892
- .np-theme-personal .has-error .form-control:not(.disabled):not(:disabled):active,
1893
- .np-theme-personal .has-error .form-control:not(.disabled):not(:disabled):focus-visible,
1894
- .np-theme-personal .has-error .form-control:not(.disabled):not(:disabled):has(:focus-visible),
1895
- .np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled):active,
1896
- .np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled):focus-visible,
1897
- .np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled):has(:focus-visible),
1898
- .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):active,
1899
- .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):focus-visible,
1900
- .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):has(:focus-visible) {
1901
- box-shadow: inset 0 0 0 3px var(--color-sentiment-negative);
1902
- }.np-theme-personal .has-error .tw-radio-button {
1903
- border-color: var(--color-sentiment-negative) !important;
1904
- }.np-theme-personal .has-error .tw-radio-button.checked {
1905
- box-shadow: inset 0 0 0 1px var(--color-sentiment-negative);
1906
- }.np-theme-personal .has-error .tw-radio-button.checked .tw-radio-check {
1907
- background: var(--color-sentiment-negative) !important;
1908
- }.np-theme-personal .has-error .checkbox:hover .tw-checkbox-button,
1909
- .np-theme-personal .has-error .radio:not(.disabled):hover .tw-radio-button,
1910
- .np-theme-personal .has-error .tw-checkbox-button:not(.disabled):not(:disabled):hover,
1911
- .np-theme-personal .has-error input[type=checkbox]:hover + .tw-checkbox-button,
1912
- .np-theme-personal .has-error input[type=radio]:not(.disabled):not(:disabled):hover + .tw-radio-button,
1913
- .np-theme-personal .has-error input[type=checkbox]:not(.disabled):not(:disabled):hover + .tw-checkbox-button {
1914
- box-shadow: inset 0 0 0 2px var(--color-sentiment-negative-hover);
1915
- }.np-theme-personal .has-error .tw-checkbox-button.checked,
1916
- .np-theme-personal .has-error .tw-checkbox-button:checked,
1917
- .np-theme-personal .has-error input[type=checkbox]:checked + .tw-checkbox-button,
1918
- .np-theme-personal .has-error .tw-checkbox-button.checked:hover,
1919
- .np-theme-personal .has-error .tw-checkbox-button:checked:hover,
1920
- .np-theme-personal .has-error input[type=checkbox]:not(.disabled):not(:disabled):checked:hover + .tw-checkbox-button {
1921
- box-shadow: inset 0 0 0 3px var(--color-sentiment-negative);
1922
- background: var(--color-sentiment-negative);
1923
- }.np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):active input[type=checkbox] + .tw-checkbox-button,
1924
- .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):focus-visible input[type=checkbox] + .tw-checkbox-button,
1925
- .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):has(:focus-visible) input[type=checkbox] + .tw-checkbox-button {
1926
- box-shadow: inset 0 0 0 2px var(--color-sentiment-negative-active);
1927
- }.np-theme-personal .tw-radio-button,
1928
- .np-theme-personal .tw-checkbox-button {
1929
- background-color: transparent;
1930
- background-color: initial;
1931
- color: inherit;
1932
- transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
1933
- }.np-theme-personal .btn-input:hover,
1934
- .np-theme-personal .btn-input:active,
1935
- .np-theme-personal .btn-input:focus,
1936
- .np-theme-personal .btn-input:focus,
1937
- .np-theme-personal .btn-input:focus-within,
1938
- .np-theme-personal.open .btn-input {
1939
- background-color: transparent !important;
1940
- background-color: initial !important;
1941
- }.np-theme-personal .form-group label {
1942
- margin-bottom: 8px;
1943
- margin-bottom: var(--padding-x-small);
1944
- }.np-theme-personal .form-group .np-upload-input label {
1945
- margin-bottom: 0;
1946
- }.np-theme-personal .form-group .alert:before,
1947
- .np-theme-personal .error-messages:before {
1948
- content: none;
1949
- }.np-theme-personal .error-messages,
1950
- .np-theme-personal .alert-detach {
1951
- color: #5d7079;
1952
- color: var(--color-content-secondary);
1953
- margin: 8px 0;
1954
- margin: var(--padding-x-small) 0;
1955
- padding: 0;
1956
- background-color: transparent;
1957
- background-color: initial;
1958
- }.np-theme-personal .alert-detach .status-circle {
1959
- margin-top: 2px;
1960
- margin-right: 4px;
1961
- margin-right: var(--size-4);
1962
- }.np-theme-personal .has-error .error-messages,
1963
- .np-theme-personal .has-error .alert-detach.alert-danger {
1964
- color: var(--color-sentiment-negative);
1965
- }.np-theme-personal .has-success .alert-detach.alert-positive,
1966
- .np-theme-personal .has-warning .alert-detach.alert-warning,
1967
- .np-theme-personal .has-error .alert-detach.alert-danger {
1968
- display: flex;
1969
- }.has-required::after {
1970
- content: "\00a0*";
1971
- color: #cf2929;
1972
- color: var(--color-content-negative);
1973
- }.np-theme-personal .has-required::after {
1974
- color: var(--color-sentiment-negative);
1975
- }