amis 2.0.1 → 2.1.1-beta.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (411) hide show
  1. package/esm/Schema.d.ts +1 -1
  2. package/esm/compat.js +1 -1
  3. package/esm/index.js +1 -1
  4. package/esm/preset.js +1 -1
  5. package/esm/renderers/Action.d.ts +1 -46
  6. package/esm/renderers/Action.js +8 -5
  7. package/esm/renderers/Alert.js +1 -1
  8. package/esm/renderers/AnchorNav.js +1 -1
  9. package/esm/renderers/App.js +1 -1
  10. package/esm/renderers/Audio.js +1 -1
  11. package/esm/renderers/Avatar.js +1 -1
  12. package/esm/renderers/BarCode.js +1 -1
  13. package/esm/renderers/Breadcrumb.js +1 -1
  14. package/esm/renderers/ButtonGroup.js +1 -1
  15. package/esm/renderers/CRUD.d.ts +1 -1
  16. package/esm/renderers/CRUD.js +13 -4
  17. package/esm/renderers/CRUD2.js +3 -2
  18. package/esm/renderers/Calendar.js +1 -1
  19. package/esm/renderers/Card.js +1 -1
  20. package/esm/renderers/Card2.js +1 -1
  21. package/esm/renderers/Cards.d.ts +1 -0
  22. package/esm/renderers/Cards.js +13 -8
  23. package/esm/renderers/Carousel.js +1 -1
  24. package/esm/renderers/Chart.js +2 -1
  25. package/esm/renderers/Code.js +1 -1
  26. package/esm/renderers/Collapse.js +1 -1
  27. package/esm/renderers/CollapseGroup.js +1 -1
  28. package/esm/renderers/Color.js +1 -1
  29. package/esm/renderers/Container.js +1 -1
  30. package/esm/renderers/Copyable.js +5 -4
  31. package/esm/renderers/Custom.js +1 -1
  32. package/esm/renderers/Date.js +1 -1
  33. package/esm/renderers/Dialog.d.ts +16 -1202
  34. package/esm/renderers/Dialog.js +3 -3
  35. package/esm/renderers/Divider.js +1 -1
  36. package/esm/renderers/Drawer.js +1 -1
  37. package/esm/renderers/DropDownButton.d.ts +1 -1
  38. package/esm/renderers/DropDownButton.js +22 -9
  39. package/esm/renderers/Each.js +1 -1
  40. package/esm/renderers/Flex.js +1 -1
  41. package/esm/renderers/Form/ButtonGroupSelect.js +1 -1
  42. package/esm/renderers/Form/ButtonToolbar.js +1 -1
  43. package/esm/renderers/Form/ChainedSelect.js +1 -1
  44. package/esm/renderers/Form/ChartRadios.js +1 -1
  45. package/esm/renderers/Form/Checkbox.js +1 -1
  46. package/esm/renderers/Form/Checkboxes.d.ts +1 -2
  47. package/esm/renderers/Form/Checkboxes.js +4 -4
  48. package/esm/renderers/Form/Combo.js +2 -2
  49. package/esm/renderers/Form/ConditionBuilder.js +1 -1
  50. package/esm/renderers/Form/Control.js +1 -1
  51. package/esm/renderers/Form/DiffEditor.js +1 -1
  52. package/esm/renderers/Form/Editor.js +1 -1
  53. package/esm/renderers/Form/FieldSet.js +1 -1
  54. package/esm/renderers/Form/Formula.js +1 -1
  55. package/esm/renderers/Form/Group.js +4 -3
  56. package/esm/renderers/Form/Hidden.js +1 -1
  57. package/esm/renderers/Form/IconPicker.js +1 -1
  58. package/esm/renderers/Form/IconPickerIcons.js +1 -1
  59. package/esm/renderers/Form/InputArray.js +1 -1
  60. package/esm/renderers/Form/InputCity.d.ts +5 -535
  61. package/esm/renderers/Form/InputCity.js +1 -1
  62. package/esm/renderers/Form/InputColor.d.ts +2 -454
  63. package/esm/renderers/Form/InputColor.js +1 -1
  64. package/esm/renderers/Form/InputDate.js +1 -1
  65. package/esm/renderers/Form/InputDateRange.js +1 -1
  66. package/esm/renderers/Form/InputExcel.js +1 -1
  67. package/esm/renderers/Form/InputFile.js +4 -5
  68. package/esm/renderers/Form/InputFormula.js +1 -1
  69. package/esm/renderers/Form/InputGroup.js +1 -1
  70. package/esm/renderers/Form/InputImage.js +1 -1
  71. package/esm/renderers/Form/InputMonthRange.d.ts +0 -1
  72. package/esm/renderers/Form/InputMonthRange.js +1 -1
  73. package/esm/renderers/Form/InputNumber.js +1 -1
  74. package/esm/renderers/Form/InputQuarterRange.d.ts +0 -1
  75. package/esm/renderers/Form/InputQuarterRange.js +1 -1
  76. package/esm/renderers/Form/InputRange.js +1 -1
  77. package/esm/renderers/Form/InputRating.js +1 -1
  78. package/esm/renderers/Form/InputRepeat.js +1 -1
  79. package/esm/renderers/Form/InputRichText.js +1 -1
  80. package/esm/renderers/Form/InputSubForm.js +1 -1
  81. package/esm/renderers/Form/InputTable.d.ts +9 -3
  82. package/esm/renderers/Form/InputTable.js +55 -6
  83. package/esm/renderers/Form/InputTag.d.ts +1 -0
  84. package/esm/renderers/Form/InputTag.js +23 -6
  85. package/esm/renderers/Form/InputText.d.ts +1 -1
  86. package/esm/renderers/Form/InputText.js +3 -2
  87. package/esm/renderers/Form/InputTree.js +1 -1
  88. package/esm/renderers/Form/InputYearRange.d.ts +0 -1
  89. package/esm/renderers/Form/InputYearRange.js +1 -1
  90. package/esm/renderers/Form/JSONSchema.js +1 -1
  91. package/esm/renderers/Form/JSONSchemaEditor.js +1 -1
  92. package/esm/renderers/Form/ListSelect.js +1 -1
  93. package/esm/renderers/Form/LocationPicker.js +1 -1
  94. package/esm/renderers/Form/MatrixCheckboxes.js +1 -1
  95. package/esm/renderers/Form/NestedSelect.js +4 -4
  96. package/esm/renderers/Form/Picker.js +6 -2
  97. package/esm/renderers/Form/Radios.js +1 -1
  98. package/esm/renderers/Form/Select.js +1 -1
  99. package/esm/renderers/Form/Static.js +1 -1
  100. package/esm/renderers/Form/Switch.js +1 -1
  101. package/esm/renderers/Form/TabsTransfer.d.ts +1 -2
  102. package/esm/renderers/Form/TabsTransfer.js +1 -1
  103. package/esm/renderers/Form/TabsTransferPicker.d.ts +1 -2
  104. package/esm/renderers/Form/TabsTransferPicker.js +1 -1
  105. package/esm/renderers/Form/Textarea.js +1 -1
  106. package/esm/renderers/Form/Transfer.d.ts +2 -2
  107. package/esm/renderers/Form/Transfer.js +1 -1
  108. package/esm/renderers/Form/TransferPicker.d.ts +0 -1
  109. package/esm/renderers/Form/TransferPicker.js +1 -1
  110. package/esm/renderers/Form/TreeSelect.js +6 -8
  111. package/esm/renderers/Form/UUID.js +1 -1
  112. package/esm/renderers/Form/UserSelect.js +1 -1
  113. package/esm/renderers/Grid.js +6 -3
  114. package/esm/renderers/Grid2D.js +1 -1
  115. package/esm/renderers/GridNav.js +1 -1
  116. package/esm/renderers/HBox.js +1 -1
  117. package/esm/renderers/IFrame.d.ts +4 -0
  118. package/esm/renderers/IFrame.js +3 -3
  119. package/esm/renderers/Icon.js +1 -1
  120. package/esm/renderers/Image.d.ts +13 -281
  121. package/esm/renderers/Image.js +3 -3
  122. package/esm/renderers/Images.js +1 -1
  123. package/esm/renderers/Json.js +1 -1
  124. package/esm/renderers/Link.js +1 -1
  125. package/esm/renderers/List.js +5 -4
  126. package/esm/renderers/Log.js +1 -1
  127. package/esm/renderers/Mapping.d.ts +1 -249
  128. package/esm/renderers/Mapping.js +1 -1
  129. package/esm/renderers/Markdown.js +1 -1
  130. package/esm/renderers/Nav.d.ts +1 -38
  131. package/esm/renderers/Nav.js +1 -1
  132. package/esm/renderers/Operation.js +1 -1
  133. package/esm/renderers/Page.d.ts +1 -0
  134. package/esm/renderers/Page.js +7 -1
  135. package/esm/renderers/Pagination.d.ts +5 -0
  136. package/esm/renderers/Pagination.js +1 -1
  137. package/esm/renderers/PaginationWrapper.js +1 -1
  138. package/esm/renderers/Panel.js +1 -1
  139. package/esm/renderers/Plain.js +1 -1
  140. package/esm/renderers/PopOver.js +1 -1
  141. package/esm/renderers/Portlet.js +1 -1
  142. package/esm/renderers/Progress.js +1 -1
  143. package/esm/renderers/Property.js +5 -6
  144. package/esm/renderers/QRCode.js +1 -1
  145. package/esm/renderers/QuickEdit.js +1 -1
  146. package/esm/renderers/Remark.d.ts +1 -33
  147. package/esm/renderers/Remark.js +1 -1
  148. package/esm/renderers/SearchBox.js +1 -1
  149. package/esm/renderers/Service.js +2 -1
  150. package/esm/renderers/SparkLine.js +1 -1
  151. package/esm/renderers/Spinner.js +1 -1
  152. package/esm/renderers/Status.js +3 -3
  153. package/esm/renderers/Steps.d.ts +2 -1
  154. package/esm/renderers/Steps.js +12 -8
  155. package/esm/renderers/Table/ColumnToggler.js +1 -1
  156. package/esm/renderers/Table/HeadCellFilterDropdown.js +1 -1
  157. package/esm/renderers/Table/HeadCellSearchDropdown.js +2 -2
  158. package/esm/renderers/Table/ItemActionsWrapper.d.ts +0 -1
  159. package/esm/renderers/Table/ItemActionsWrapper.js +1 -1
  160. package/esm/renderers/Table/TableBody.js +1 -1
  161. package/esm/renderers/Table/TableCell.js +1 -1
  162. package/esm/renderers/Table/TableContent.d.ts +1 -5
  163. package/esm/renderers/Table/TableContent.js +14 -2
  164. package/esm/renderers/Table/TableRow.js +1 -1
  165. package/esm/renderers/Table/exportExcel.js +1 -1
  166. package/esm/renderers/Table/index.d.ts +3 -0
  167. package/esm/renderers/Table/index.js +102 -48
  168. package/esm/renderers/Table-v2/ColumnToggler.js +1 -1
  169. package/esm/renderers/Table-v2/HeadCellSearchDropdown.js +1 -1
  170. package/esm/renderers/Table-v2/TableCell.js +1 -1
  171. package/esm/renderers/Table-v2/index.js +1 -1
  172. package/esm/renderers/TableView.js +18 -14
  173. package/esm/renderers/Tabs.js +1 -1
  174. package/esm/renderers/Tag.js +1 -1
  175. package/esm/renderers/Tasks.js +1 -1
  176. package/esm/renderers/Timeline.js +1 -1
  177. package/esm/renderers/TooltipWrapper.js +1 -1
  178. package/esm/renderers/Tpl.js +1 -1
  179. package/esm/renderers/VBox.js +1 -1
  180. package/esm/renderers/Video.js +1 -1
  181. package/esm/renderers/WebComponent.js +1 -1
  182. package/esm/renderers/Wizard.js +1 -1
  183. package/esm/renderers/Wrapper.js +1 -1
  184. package/esm/schemaExtend.js +1 -1
  185. package/esm/types.d.ts +1 -2
  186. package/lib/Schema.d.ts +1 -1
  187. package/lib/compat.js +1 -1
  188. package/lib/index.js +1 -1
  189. package/lib/preset.js +1 -1
  190. package/lib/renderers/Action.d.ts +1 -46
  191. package/lib/renderers/Action.js +8 -5
  192. package/lib/renderers/Alert.js +1 -1
  193. package/lib/renderers/AnchorNav.js +1 -1
  194. package/lib/renderers/App.js +1 -1
  195. package/lib/renderers/Audio.js +1 -1
  196. package/lib/renderers/Avatar.js +1 -1
  197. package/lib/renderers/BarCode.js +1 -1
  198. package/lib/renderers/Breadcrumb.js +1 -1
  199. package/lib/renderers/ButtonGroup.js +1 -1
  200. package/lib/renderers/CRUD.d.ts +2 -2
  201. package/lib/renderers/CRUD.js +13 -4
  202. package/lib/renderers/CRUD2.js +3 -2
  203. package/lib/renderers/Calendar.js +1 -1
  204. package/lib/renderers/Card.js +1 -1
  205. package/lib/renderers/Card2.js +1 -1
  206. package/lib/renderers/Cards.d.ts +1 -0
  207. package/lib/renderers/Cards.js +12 -7
  208. package/lib/renderers/Carousel.js +1 -1
  209. package/lib/renderers/Chart.js +2 -1
  210. package/lib/renderers/Code.js +1 -1
  211. package/lib/renderers/Collapse.js +1 -1
  212. package/lib/renderers/CollapseGroup.js +1 -1
  213. package/lib/renderers/Color.js +1 -1
  214. package/lib/renderers/Container.js +1 -1
  215. package/lib/renderers/Copyable.js +4 -3
  216. package/lib/renderers/Custom.js +1 -1
  217. package/lib/renderers/Date.js +1 -1
  218. package/lib/renderers/Dialog.d.ts +16 -1202
  219. package/lib/renderers/Dialog.js +3 -3
  220. package/lib/renderers/Divider.js +1 -1
  221. package/lib/renderers/Drawer.js +1 -1
  222. package/lib/renderers/DropDownButton.d.ts +1 -1
  223. package/lib/renderers/DropDownButton.js +20 -7
  224. package/lib/renderers/Each.js +1 -1
  225. package/lib/renderers/Flex.js +1 -1
  226. package/lib/renderers/Form/ButtonGroupSelect.js +1 -1
  227. package/lib/renderers/Form/ButtonToolbar.js +1 -1
  228. package/lib/renderers/Form/ChainedSelect.js +1 -1
  229. package/lib/renderers/Form/ChartRadios.js +1 -1
  230. package/lib/renderers/Form/Checkbox.js +1 -1
  231. package/lib/renderers/Form/Checkboxes.d.ts +1 -2
  232. package/lib/renderers/Form/Checkboxes.js +4 -3
  233. package/lib/renderers/Form/Combo.js +1 -1
  234. package/lib/renderers/Form/ConditionBuilder.js +1 -1
  235. package/lib/renderers/Form/Control.js +1 -1
  236. package/lib/renderers/Form/DiffEditor.d.ts +17 -17
  237. package/lib/renderers/Form/DiffEditor.js +1 -1
  238. package/lib/renderers/Form/Editor.d.ts +3 -3
  239. package/lib/renderers/Form/Editor.js +1 -1
  240. package/lib/renderers/Form/FieldSet.js +1 -1
  241. package/lib/renderers/Form/Formula.js +1 -1
  242. package/lib/renderers/Form/Group.js +4 -3
  243. package/lib/renderers/Form/Hidden.js +1 -1
  244. package/lib/renderers/Form/IconPicker.js +1 -1
  245. package/lib/renderers/Form/IconPickerIcons.js +1 -1
  246. package/lib/renderers/Form/InputArray.js +1 -1
  247. package/lib/renderers/Form/InputCity.d.ts +5 -535
  248. package/lib/renderers/Form/InputCity.js +1 -1
  249. package/lib/renderers/Form/InputColor.d.ts +2 -454
  250. package/lib/renderers/Form/InputColor.js +1 -1
  251. package/lib/renderers/Form/InputDate.js +1 -1
  252. package/lib/renderers/Form/InputDateRange.js +1 -1
  253. package/lib/renderers/Form/InputExcel.js +1 -1
  254. package/lib/renderers/Form/InputFile.js +3 -4
  255. package/lib/renderers/Form/InputFormula.js +1 -1
  256. package/lib/renderers/Form/InputGroup.js +1 -1
  257. package/lib/renderers/Form/InputImage.js +1 -1
  258. package/lib/renderers/Form/InputMonthRange.d.ts +0 -1
  259. package/lib/renderers/Form/InputMonthRange.js +1 -1
  260. package/lib/renderers/Form/InputNumber.js +1 -1
  261. package/lib/renderers/Form/InputQuarterRange.d.ts +0 -1
  262. package/lib/renderers/Form/InputQuarterRange.js +1 -1
  263. package/lib/renderers/Form/InputRange.js +1 -1
  264. package/lib/renderers/Form/InputRating.js +1 -1
  265. package/lib/renderers/Form/InputRepeat.js +1 -1
  266. package/lib/renderers/Form/InputRichText.js +1 -1
  267. package/lib/renderers/Form/InputSubForm.js +1 -1
  268. package/lib/renderers/Form/InputTable.d.ts +9 -3
  269. package/lib/renderers/Form/InputTable.js +57 -4
  270. package/lib/renderers/Form/InputTag.d.ts +1 -0
  271. package/lib/renderers/Form/InputTag.js +23 -6
  272. package/lib/renderers/Form/InputText.d.ts +1 -1
  273. package/lib/renderers/Form/InputText.js +3 -2
  274. package/lib/renderers/Form/InputTree.js +1 -1
  275. package/lib/renderers/Form/InputYearRange.d.ts +0 -1
  276. package/lib/renderers/Form/InputYearRange.js +1 -1
  277. package/lib/renderers/Form/JSONSchema.js +1 -1
  278. package/lib/renderers/Form/JSONSchemaEditor.js +1 -1
  279. package/lib/renderers/Form/ListSelect.js +1 -1
  280. package/lib/renderers/Form/LocationPicker.js +1 -1
  281. package/lib/renderers/Form/MatrixCheckboxes.js +1 -1
  282. package/lib/renderers/Form/NestedSelect.js +4 -4
  283. package/lib/renderers/Form/Picker.js +6 -2
  284. package/lib/renderers/Form/Radios.js +1 -1
  285. package/lib/renderers/Form/Select.js +1 -1
  286. package/lib/renderers/Form/Static.js +1 -1
  287. package/lib/renderers/Form/Switch.js +1 -1
  288. package/lib/renderers/Form/TabsTransfer.d.ts +1 -2
  289. package/lib/renderers/Form/TabsTransfer.js +1 -1
  290. package/lib/renderers/Form/TabsTransferPicker.d.ts +1 -2
  291. package/lib/renderers/Form/TabsTransferPicker.js +1 -1
  292. package/lib/renderers/Form/Textarea.js +1 -1
  293. package/lib/renderers/Form/Transfer.d.ts +2 -2
  294. package/lib/renderers/Form/Transfer.js +1 -1
  295. package/lib/renderers/Form/TransferPicker.d.ts +0 -1
  296. package/lib/renderers/Form/TransferPicker.js +1 -1
  297. package/lib/renderers/Form/TreeSelect.js +6 -8
  298. package/lib/renderers/Form/UUID.js +1 -1
  299. package/lib/renderers/Form/UserSelect.js +1 -1
  300. package/lib/renderers/Grid.js +6 -3
  301. package/lib/renderers/Grid2D.js +1 -1
  302. package/lib/renderers/GridNav.js +1 -1
  303. package/lib/renderers/HBox.js +1 -1
  304. package/lib/renderers/IFrame.d.ts +4 -0
  305. package/lib/renderers/IFrame.js +3 -3
  306. package/lib/renderers/Icon.js +1 -1
  307. package/lib/renderers/Image.d.ts +13 -281
  308. package/lib/renderers/Image.js +3 -3
  309. package/lib/renderers/Images.js +1 -1
  310. package/lib/renderers/Json.js +1 -1
  311. package/lib/renderers/Link.js +1 -1
  312. package/lib/renderers/List.js +4 -3
  313. package/lib/renderers/Log.js +1 -1
  314. package/lib/renderers/Mapping.d.ts +1 -249
  315. package/lib/renderers/Mapping.js +1 -1
  316. package/lib/renderers/Markdown.js +1 -1
  317. package/lib/renderers/Nav.d.ts +1 -38
  318. package/lib/renderers/Nav.js +1 -1
  319. package/lib/renderers/Operation.js +1 -1
  320. package/lib/renderers/Page.d.ts +1 -0
  321. package/lib/renderers/Page.js +7 -1
  322. package/lib/renderers/Pagination.d.ts +5 -0
  323. package/lib/renderers/Pagination.js +1 -1
  324. package/lib/renderers/PaginationWrapper.js +1 -1
  325. package/lib/renderers/Panel.js +1 -1
  326. package/lib/renderers/Plain.js +1 -1
  327. package/lib/renderers/PopOver.js +1 -1
  328. package/lib/renderers/Portlet.js +1 -1
  329. package/lib/renderers/Progress.js +1 -1
  330. package/lib/renderers/Property.js +4 -5
  331. package/lib/renderers/QRCode.js +1 -1
  332. package/lib/renderers/QuickEdit.js +1 -1
  333. package/lib/renderers/Remark.d.ts +2 -34
  334. package/lib/renderers/Remark.js +1 -1
  335. package/lib/renderers/SearchBox.js +1 -1
  336. package/lib/renderers/Service.js +2 -1
  337. package/lib/renderers/SparkLine.js +1 -1
  338. package/lib/renderers/Spinner.js +1 -1
  339. package/lib/renderers/Status.js +3 -3
  340. package/lib/renderers/Steps.d.ts +2 -1
  341. package/lib/renderers/Steps.js +11 -7
  342. package/lib/renderers/Table/ColumnToggler.js +1 -1
  343. package/lib/renderers/Table/HeadCellFilterDropdown.js +1 -1
  344. package/lib/renderers/Table/HeadCellSearchDropdown.js +2 -2
  345. package/lib/renderers/Table/ItemActionsWrapper.d.ts +0 -1
  346. package/lib/renderers/Table/ItemActionsWrapper.js +1 -1
  347. package/lib/renderers/Table/TableBody.js +1 -1
  348. package/lib/renderers/Table/TableCell.js +1 -1
  349. package/lib/renderers/Table/TableContent.d.ts +1 -5
  350. package/lib/renderers/Table/TableContent.js +14 -2
  351. package/lib/renderers/Table/TableRow.js +1 -1
  352. package/lib/renderers/Table/exportExcel.js +1 -1
  353. package/lib/renderers/Table/index.d.ts +3 -0
  354. package/lib/renderers/Table/index.js +102 -48
  355. package/lib/renderers/Table-v2/ColumnToggler.js +1 -1
  356. package/lib/renderers/Table-v2/HeadCellSearchDropdown.js +1 -1
  357. package/lib/renderers/Table-v2/TableCell.js +1 -1
  358. package/lib/renderers/Table-v2/index.js +1 -1
  359. package/lib/renderers/TableView.js +17 -13
  360. package/lib/renderers/Tabs.js +1 -1
  361. package/lib/renderers/Tag.js +1 -1
  362. package/lib/renderers/Tasks.js +1 -1
  363. package/lib/renderers/Timeline.js +1 -1
  364. package/lib/renderers/TooltipWrapper.js +1 -1
  365. package/lib/renderers/Tpl.js +1 -1
  366. package/lib/renderers/VBox.js +1 -1
  367. package/lib/renderers/Video.js +1 -1
  368. package/lib/renderers/WebComponent.js +1 -1
  369. package/lib/renderers/Wizard.js +1 -1
  370. package/lib/renderers/Wrapper.js +1 -1
  371. package/lib/schemaExtend.js +1 -1
  372. package/lib/themes/ang-ie11.css +963 -510
  373. package/lib/themes/ang.css +965 -451
  374. package/lib/themes/antd-ie11.css +962 -509
  375. package/lib/themes/antd.css +965 -451
  376. package/lib/themes/cxd-ie11.css +999 -550
  377. package/lib/themes/cxd.css +976 -465
  378. package/lib/themes/dark-ie11.css +968 -515
  379. package/lib/themes/dark.css +970 -453
  380. package/lib/themes/default-ie11.css +999 -550
  381. package/lib/themes/default.css +976 -465
  382. package/lib/types.d.ts +1 -2
  383. package/package.json +10 -10
  384. package/schema.json +94 -34
  385. package/sdk/ang-ie11.css +676 -192
  386. package/sdk/ang.css +678 -133
  387. package/sdk/antd-ie11.css +673 -189
  388. package/sdk/antd.css +678 -133
  389. package/sdk/barcode.js +50 -50
  390. package/sdk/charts.js +16 -16
  391. package/sdk/codemirror.js +14 -14
  392. package/sdk/color-picker.js +66 -66
  393. package/sdk/cropperjs.js +2 -2
  394. package/sdk/cxd-ie11.css +719 -240
  395. package/sdk/cxd.css +689 -148
  396. package/sdk/dark-ie11.css +681 -197
  397. package/sdk/dark.css +683 -135
  398. package/sdk/exceljs.js +1 -1
  399. package/sdk/locale/de-DE.js +5 -0
  400. package/sdk/markdown.js +75 -75
  401. package/sdk/papaparse.js +1 -1
  402. package/sdk/rest.js +18 -30
  403. package/sdk/rich-text.js +63 -63
  404. package/sdk/sdk-ie11.css +719 -240
  405. package/sdk/sdk.css +689 -148
  406. package/sdk/sdk.js +1723 -1721
  407. package/sdk/thirds/{codemirror → amis-ui/node_modules/codemirror}/lib/codemirror.css +0 -0
  408. package/sdk/thirds/hls.js/hls.js +1 -1
  409. package/sdk/thirds/mpegts.js/mpegts.js +1 -1
  410. package/sdk/thirds/tinymce/skins/ui/oxide/skin.css +358 -331
  411. package/sdk/tinymce.js +54 -64
@@ -938,12 +938,6 @@ span.fr-img-caption.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}
938
938
  span.fr-img-caption.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}
939
939
  span.fr-img-caption.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}
940
940
  span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}
941
- /**
942
- * Copyright (c) Tiny Technologies, Inc. All rights reserved.
943
- * Licensed under the LGPL or a commercial license.
944
- * For LGPL see License.txt in the project root for license information.
945
- * For commercial licenses see https://www.tiny.cloud/
946
- */
947
941
  .tox {
948
942
  box-shadow: none;
949
943
  box-sizing: content-box;
@@ -1002,8 +996,8 @@ span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-w
1002
996
  text-align: right;
1003
997
  }
1004
998
  .tox-tinymce {
1005
- border: 1px solid #cccccc;
1006
- border-radius: 0;
999
+ border: 2px solid #eeeeee;
1000
+ border-radius: 10px;
1007
1001
  box-shadow: none;
1008
1002
  box-sizing: border-box;
1009
1003
  display: flex;
@@ -1013,15 +1007,20 @@ span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-w
1013
1007
  position: relative;
1014
1008
  visibility: inherit !important;
1015
1009
  }
1016
- .tox-tinymce-inline {
1010
+ .tox.tox-tinymce-inline {
1017
1011
  border: none;
1018
1012
  box-shadow: none;
1013
+ overflow: initial;
1019
1014
  }
1020
- .tox-tinymce-inline .tox-editor-header {
1021
- background-color: transparent;
1022
- border: 1px solid #cccccc;
1023
- border-radius: 0;
1015
+ .tox.tox-tinymce-inline .tox-editor-container {
1016
+ overflow: initial;
1017
+ }
1018
+ .tox.tox-tinymce-inline .tox-editor-header {
1019
+ background-color: #fff;
1020
+ border: 2px solid #eeeeee;
1021
+ border-radius: 10px;
1024
1022
  box-shadow: none;
1023
+ overflow: hidden;
1025
1024
  }
1026
1025
  .tox-tinymce-aux {
1027
1026
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
@@ -1044,8 +1043,8 @@ button::-moz-focus-inner {
1044
1043
  }
1045
1044
  .tox .accessibility-issue__description {
1046
1045
  align-items: stretch;
1047
- border: 1px solid #cccccc;
1048
- border-radius: 3px;
1046
+ border: 1px solid #eeeeee;
1047
+ border-radius: 6px;
1049
1048
  display: flex;
1050
1049
  justify-content: space-between;
1051
1050
  }
@@ -1058,28 +1057,28 @@ button::-moz-focus-inner {
1058
1057
  margin-bottom: 4px;
1059
1058
  }
1060
1059
  .tox .accessibility-issue__description > *:last-child:not(:only-child) {
1061
- border-color: #cccccc;
1060
+ border-color: #eeeeee;
1062
1061
  border-style: solid;
1063
1062
  }
1064
1063
  .tox .accessibility-issue__repair {
1065
1064
  margin-top: 16px;
1066
1065
  }
1067
1066
  .tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
1068
- background-color: rgba(32, 122, 183, 0.1);
1069
- border-color: rgba(32, 122, 183, 0.4);
1067
+ background-color: rgba(0, 108, 231, 0.1);
1068
+ border-color: #006ce7;
1070
1069
  color: #222f3e;
1071
1070
  }
1072
1071
  .tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description > *:last-child {
1073
- border-color: rgba(32, 122, 183, 0.4);
1072
+ border-color: #006ce7;
1074
1073
  }
1075
1074
  .tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
1076
- color: #207ab7;
1075
+ color: #006ce7;
1077
1076
  }
1078
1077
  .tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg {
1079
- fill: #207ab7;
1078
+ fill: #006ce7;
1080
1079
  }
1081
1080
  .tox .tox-dialog__body-content .accessibility-issue--info a .tox-icon {
1082
- color: #207ab7;
1081
+ color: #006ce7;
1083
1082
  }
1084
1083
  .tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
1085
1084
  background-color: rgba(255, 165, 0, 0.1);
@@ -1171,12 +1170,12 @@ button::-moz-focus-inner {
1171
1170
  flex: 0 0 auto;
1172
1171
  }
1173
1172
  .tox .tox-button {
1174
- background-color: #207ab7;
1173
+ background-color: #006ce7;
1175
1174
  background-image: none;
1176
1175
  background-position: 0 0;
1177
1176
  background-repeat: repeat;
1178
- border-color: #207ab7;
1179
- border-radius: 3px;
1177
+ border-color: #006ce7;
1178
+ border-radius: 6px;
1180
1179
  border-style: solid;
1181
1180
  border-width: 1px;
1182
1181
  box-shadow: none;
@@ -1193,37 +1192,53 @@ button::-moz-focus-inner {
1193
1192
  margin: 0;
1194
1193
  outline: none;
1195
1194
  padding: 4px 16px;
1195
+ position: relative;
1196
1196
  text-align: center;
1197
1197
  text-decoration: none;
1198
1198
  text-transform: none;
1199
1199
  white-space: nowrap;
1200
1200
  }
1201
+ .tox .tox-button::before {
1202
+ border-radius: 6px;
1203
+ bottom: -1px;
1204
+ box-shadow: inset 0 0 0 2px #fff, 0 0 0 1px #006ce7, 0 0 0 3px rgba(0, 108, 231, 0.25);
1205
+ content: '';
1206
+ left: -1px;
1207
+ opacity: 0;
1208
+ pointer-events: none;
1209
+ position: absolute;
1210
+ right: -1px;
1211
+ top: -1px;
1212
+ }
1201
1213
  .tox .tox-button[disabled] {
1202
- background-color: #207ab7;
1214
+ background-color: #006ce7;
1203
1215
  background-image: none;
1204
- border-color: #207ab7;
1216
+ border-color: #006ce7;
1205
1217
  box-shadow: none;
1206
1218
  color: rgba(255, 255, 255, 0.5);
1207
1219
  cursor: not-allowed;
1208
1220
  }
1209
1221
  .tox .tox-button:focus:not(:disabled) {
1210
- background-color: #1c6ca1;
1222
+ background-color: #0060ce;
1211
1223
  background-image: none;
1212
- border-color: #1c6ca1;
1224
+ border-color: #0060ce;
1213
1225
  box-shadow: none;
1214
1226
  color: #fff;
1215
1227
  }
1228
+ .tox .tox-button:focus-visible:not(:disabled)::before {
1229
+ opacity: 1;
1230
+ }
1216
1231
  .tox .tox-button:hover:not(:disabled) {
1217
- background-color: #1c6ca1;
1232
+ background-color: #0060ce;
1218
1233
  background-image: none;
1219
- border-color: #1c6ca1;
1234
+ border-color: #0060ce;
1220
1235
  box-shadow: none;
1221
1236
  color: #fff;
1222
1237
  }
1223
1238
  .tox .tox-button:active:not(:disabled) {
1224
- background-color: #185d8c;
1239
+ background-color: #0054b4;
1225
1240
  background-image: none;
1226
- border-color: #185d8c;
1241
+ border-color: #0054b4;
1227
1242
  box-shadow: none;
1228
1243
  color: #fff;
1229
1244
  }
@@ -1233,7 +1248,7 @@ button::-moz-focus-inner {
1233
1248
  background-position: 0 0;
1234
1249
  background-repeat: repeat;
1235
1250
  border-color: #f0f0f0;
1236
- border-radius: 3px;
1251
+ border-radius: 6px;
1237
1252
  border-style: solid;
1238
1253
  border-width: 1px;
1239
1254
  box-shadow: none;
@@ -1310,27 +1325,27 @@ button::-moz-focus-inner {
1310
1325
  color: #222f3e;
1311
1326
  }
1312
1327
  .tox .tox-button--naked[disabled] {
1313
- background-color: #f0f0f0;
1314
- border-color: #f0f0f0;
1315
- box-shadow: none;
1328
+ background-color: rgba(34, 47, 62, 0.12);
1329
+ border-color: transparent;
1330
+ box-shadow: unset;
1316
1331
  color: rgba(34, 47, 62, 0.5);
1317
1332
  }
1318
1333
  .tox .tox-button--naked:hover:not(:disabled) {
1319
- background-color: #e3e3e3;
1320
- border-color: #e3e3e3;
1321
- box-shadow: none;
1334
+ background-color: rgba(34, 47, 62, 0.12);
1335
+ border-color: transparent;
1336
+ box-shadow: unset;
1322
1337
  color: #222f3e;
1323
1338
  }
1324
1339
  .tox .tox-button--naked:focus:not(:disabled) {
1325
- background-color: #e3e3e3;
1326
- border-color: #e3e3e3;
1327
- box-shadow: none;
1340
+ background-color: rgba(34, 47, 62, 0.12);
1341
+ border-color: transparent;
1342
+ box-shadow: unset;
1328
1343
  color: #222f3e;
1329
1344
  }
1330
1345
  .tox .tox-button--naked:active:not(:disabled) {
1331
- background-color: #d6d6d6;
1332
- border-color: #d6d6d6;
1333
- box-shadow: none;
1346
+ background-color: rgba(34, 47, 62, 0.18);
1347
+ border-color: transparent;
1348
+ box-shadow: unset;
1334
1349
  color: #222f3e;
1335
1350
  }
1336
1351
  .tox .tox-button--naked .tox-icon svg {
@@ -1341,7 +1356,7 @@ button::-moz-focus-inner {
1341
1356
  }
1342
1357
  .tox .tox-checkbox {
1343
1358
  align-items: center;
1344
- border-radius: 3px;
1359
+ border-radius: 6px;
1345
1360
  cursor: pointer;
1346
1361
  display: flex;
1347
1362
  height: 36px;
@@ -1357,7 +1372,7 @@ button::-moz-focus-inner {
1357
1372
  }
1358
1373
  .tox .tox-checkbox__icons {
1359
1374
  align-items: center;
1360
- border-radius: 3px;
1375
+ border-radius: 6px;
1361
1376
  box-shadow: 0 0 0 2px transparent;
1362
1377
  box-sizing: content-box;
1363
1378
  display: flex;
@@ -1372,11 +1387,11 @@ button::-moz-focus-inner {
1372
1387
  }
1373
1388
  .tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
1374
1389
  display: none;
1375
- fill: #207ab7;
1390
+ fill: #006ce7;
1376
1391
  }
1377
1392
  .tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
1378
1393
  display: none;
1379
- fill: #207ab7;
1394
+ fill: #006ce7;
1380
1395
  }
1381
1396
  .tox .tox-checkbox--disabled {
1382
1397
  color: rgba(34, 47, 62, 0.5);
@@ -1404,8 +1419,8 @@ button::-moz-focus-inner {
1404
1419
  display: block;
1405
1420
  }
1406
1421
  .tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
1407
- border-radius: 3px;
1408
- box-shadow: inset 0 0 0 1px #207ab7;
1422
+ border-radius: 6px;
1423
+ box-shadow: inset 0 0 0 1px #006ce7;
1409
1424
  padding: calc(4px - 1px);
1410
1425
  }
1411
1426
  .tox:not([dir=rtl]) .tox-checkbox__label {
@@ -1443,7 +1458,7 @@ button::-moz-focus-inner {
1443
1458
  }
1444
1459
  .tox .tox-collection--list .tox-collection__group {
1445
1460
  border-bottom-width: 0;
1446
- border-color: #cccccc;
1461
+ border-color: #e3e3e3;
1447
1462
  border-left-width: 0;
1448
1463
  border-right-width: 0;
1449
1464
  border-style: solid;
@@ -1454,7 +1469,7 @@ button::-moz-focus-inner {
1454
1469
  border-top-width: 0;
1455
1470
  }
1456
1471
  .tox .tox-collection__group-heading {
1457
- background-color: #e6e6e6;
1472
+ background-color: #fcfcfc;
1458
1473
  color: rgba(34, 47, 62, 0.7);
1459
1474
  cursor: default;
1460
1475
  font-size: 12px;
@@ -1467,19 +1482,19 @@ button::-moz-focus-inner {
1467
1482
  -webkit-touch-callout: none;
1468
1483
  -webkit-user-select: none;
1469
1484
  -moz-user-select: none;
1470
- -ms-user-select: none;
1471
- user-select: none;
1485
+ -ms-user-select: none;
1486
+ user-select: none;
1472
1487
  }
1473
1488
  .tox .tox-collection__item {
1474
1489
  align-items: center;
1490
+ border-radius: 3px;
1475
1491
  color: #222f3e;
1476
- cursor: pointer;
1477
1492
  display: flex;
1478
1493
  -webkit-touch-callout: none;
1479
1494
  -webkit-user-select: none;
1480
1495
  -moz-user-select: none;
1481
- -ms-user-select: none;
1482
- user-select: none;
1496
+ -ms-user-select: none;
1497
+ user-select: none;
1483
1498
  }
1484
1499
  .tox .tox-collection--list .tox-collection__item {
1485
1500
  padding: 4px 8px;
@@ -1497,21 +1512,21 @@ button::-moz-focus-inner {
1497
1512
  color: #222f3e;
1498
1513
  }
1499
1514
  .tox .tox-collection--list .tox-collection__item--active {
1500
- background-color: #dee0e2;
1515
+ background-color: #cce2fa;
1501
1516
  }
1502
1517
  .tox .tox-collection--toolbar .tox-collection__item--enabled {
1503
- background-color: #c8cbcf;
1518
+ background-color: #a6ccf7;
1504
1519
  color: #222f3e;
1505
1520
  }
1506
1521
  .tox .tox-collection--toolbar .tox-collection__item--active {
1507
- background-color: #dee0e2;
1522
+ background-color: #cce2fa;
1508
1523
  }
1509
1524
  .tox .tox-collection--grid .tox-collection__item--enabled {
1510
- background-color: #c8cbcf;
1525
+ background-color: #a6ccf7;
1511
1526
  color: #222f3e;
1512
1527
  }
1513
1528
  .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
1514
- background-color: #dee0e2;
1529
+ background-color: #cce2fa;
1515
1530
  color: #222f3e;
1516
1531
  }
1517
1532
  .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
@@ -1540,7 +1555,6 @@ button::-moz-focus-inner {
1540
1555
  color: currentColor;
1541
1556
  display: inline-block;
1542
1557
  flex: 1;
1543
- -ms-flex-preferred-size: auto;
1544
1558
  font-size: 14px;
1545
1559
  font-style: normal;
1546
1560
  font-weight: normal;
@@ -1585,9 +1599,9 @@ button::-moz-focus-inner {
1585
1599
  }
1586
1600
  .tox .tox-collection--horizontal {
1587
1601
  background-color: #fff;
1588
- border: 1px solid #cccccc;
1589
- border-radius: 3px;
1590
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
1602
+ border: 1px solid #e3e3e3;
1603
+ border-radius: 6px;
1604
+ box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
1591
1605
  display: flex;
1592
1606
  flex: 0 0 auto;
1593
1607
  flex-shrink: 0;
@@ -1604,8 +1618,8 @@ button::-moz-focus-inner {
1604
1618
  padding: 0 4px;
1605
1619
  }
1606
1620
  .tox .tox-collection--horizontal .tox-collection__item {
1607
- height: 34px;
1608
- margin: 2px 0 3px 0;
1621
+ height: 28px;
1622
+ margin: 6px 1px 5px 0;
1609
1623
  padding: 0 4px;
1610
1624
  }
1611
1625
  .tox .tox-collection--horizontal .tox-collection__item-label {
@@ -1641,8 +1655,7 @@ button::-moz-focus-inner {
1641
1655
  margin-top: auto;
1642
1656
  }
1643
1657
  .tox .tox-collection__item-container--column {
1644
- -ms-grid-row-align: center;
1645
- align-self: center;
1658
+ align-self: center;
1646
1659
  flex: 1 1 auto;
1647
1660
  flex-direction: column;
1648
1661
  }
@@ -1656,14 +1669,13 @@ button::-moz-focus-inner {
1656
1669
  align-self: flex-start;
1657
1670
  }
1658
1671
  .tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
1659
- -ms-grid-row-align: center;
1660
- align-self: center;
1672
+ align-self: center;
1661
1673
  }
1662
1674
  .tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
1663
1675
  align-self: flex-end;
1664
1676
  }
1665
1677
  .tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
1666
- border-right: 1px solid #cccccc;
1678
+ border-right: 1px solid transparent;
1667
1679
  }
1668
1680
  .tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > *:not(:first-child) {
1669
1681
  margin-left: 8px;
@@ -1679,7 +1691,7 @@ button::-moz-focus-inner {
1679
1691
  margin-left: 16px;
1680
1692
  }
1681
1693
  .tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
1682
- border-left: 1px solid #cccccc;
1694
+ border-left: 1px solid transparent;
1683
1695
  }
1684
1696
  .tox[dir=rtl] .tox-collection--list .tox-collection__item > *:not(:first-child) {
1685
1697
  margin-right: 8px;
@@ -1804,11 +1816,11 @@ button::-moz-focus-inner {
1804
1816
  .tox .tox-toolbar .tox-swatches,
1805
1817
  .tox .tox-toolbar__primary .tox-swatches,
1806
1818
  .tox .tox-toolbar__overflow .tox-swatches {
1807
- margin: 2px 0 3px 4px;
1819
+ margin: 5px 0 6px 11px;
1808
1820
  }
1809
1821
  .tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
1810
1822
  border: 0;
1811
- margin: -4px 0;
1823
+ margin: -4px -4px;
1812
1824
  }
1813
1825
  .tox .tox-swatches__row {
1814
1826
  display: flex;
@@ -1844,11 +1856,12 @@ button::-moz-focus-inner {
1844
1856
  width: 30px;
1845
1857
  }
1846
1858
  .tox .tox-swatches__picker-btn svg {
1859
+ fill: #222f3e;
1847
1860
  height: 24px;
1848
1861
  width: 24px;
1849
1862
  }
1850
1863
  .tox .tox-swatches__picker-btn:hover {
1851
- background: #dee0e2;
1864
+ background: #cce2fa;
1852
1865
  }
1853
1866
  .tox:not([dir=rtl]) .tox-swatches__picker-btn {
1854
1867
  margin-left: auto;
@@ -1865,8 +1878,8 @@ button::-moz-focus-inner {
1865
1878
  }
1866
1879
  .tox .tox-comment {
1867
1880
  background: #fff;
1868
- border: 1px solid #cccccc;
1869
- border-radius: 3px;
1881
+ border: 1px solid #eeeeee;
1882
+ border-radius: 6px;
1870
1883
  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
1871
1884
  padding: 8px 8px 16px 8px;
1872
1885
  position: relative;
@@ -1878,8 +1891,9 @@ button::-moz-focus-inner {
1878
1891
  justify-content: space-between;
1879
1892
  }
1880
1893
  .tox .tox-comment__date {
1881
- color: rgba(34, 47, 62, 0.7);
1894
+ color: #222f3e;
1882
1895
  font-size: 12px;
1896
+ line-height: 18px;
1883
1897
  }
1884
1898
  .tox .tox-comment__body {
1885
1899
  color: #222f3e;
@@ -2038,20 +2052,31 @@ button::-moz-focus-inner {
2038
2052
  .tox .tox-user__avatar svg {
2039
2053
  fill: rgba(34, 47, 62, 0.7);
2040
2054
  }
2055
+ .tox .tox-user__avatar img {
2056
+ border-radius: 50%;
2057
+ height: 36px;
2058
+ -o-object-fit: cover;
2059
+ object-fit: cover;
2060
+ vertical-align: middle;
2061
+ width: 36px;
2062
+ }
2041
2063
  .tox .tox-user__name {
2042
- color: rgba(34, 47, 62, 0.7);
2043
- font-size: 12px;
2064
+ color: #222f3e;
2065
+ font-size: 14px;
2044
2066
  font-style: normal;
2045
2067
  font-weight: bold;
2046
- text-transform: uppercase;
2068
+ line-height: 18px;
2069
+ text-transform: none;
2047
2070
  }
2048
- .tox:not([dir=rtl]) .tox-user__avatar svg {
2071
+ .tox:not([dir=rtl]) .tox-user__avatar svg,
2072
+ .tox:not([dir=rtl]) .tox-user__avatar img {
2049
2073
  margin-right: 8px;
2050
2074
  }
2051
2075
  .tox:not([dir=rtl]) .tox-user__avatar + .tox-user__name {
2052
2076
  margin-left: 8px;
2053
2077
  }
2054
- .tox[dir=rtl] .tox-user__avatar svg {
2078
+ .tox[dir=rtl] .tox-user__avatar svg,
2079
+ .tox[dir=rtl] .tox-user__avatar img {
2055
2080
  margin-left: 8px;
2056
2081
  }
2057
2082
  .tox[dir=rtl] .tox-user__avatar + .tox-user__name {
@@ -2082,10 +2107,10 @@ button::-moz-focus-inner {
2082
2107
  }
2083
2108
  .tox .tox-dialog {
2084
2109
  background-color: #fff;
2085
- border-color: #cccccc;
2086
- border-radius: 3px;
2110
+ border-color: #eeeeee;
2111
+ border-radius: 10px;
2087
2112
  border-style: solid;
2088
- border-width: 1px;
2113
+ border-width: 0px;
2089
2114
  box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
2090
2115
  display: flex;
2091
2116
  flex-direction: column;
@@ -2096,10 +2121,11 @@ button::-moz-focus-inner {
2096
2121
  width: 95vw;
2097
2122
  z-index: 2;
2098
2123
  }
2099
- @media only screen and (max-width:767px) {
2124
+ @media only screen and (max-width: 767px ) {
2100
2125
  body:not(.tox-force-desktop) .tox .tox-dialog {
2101
2126
  align-self: flex-start;
2102
2127
  margin: 8px auto;
2128
+ max-height: calc(100vh - 8px * 2);
2103
2129
  width: calc(100vw - 16px);
2104
2130
  }
2105
2131
  }
@@ -2149,7 +2175,6 @@ button::-moz-focus-inner {
2149
2175
  color: #222f3e;
2150
2176
  display: flex;
2151
2177
  flex: 1;
2152
- -ms-flex-preferred-size: auto;
2153
2178
  font-size: 16px;
2154
2179
  font-style: normal;
2155
2180
  font-weight: normal;
@@ -2158,7 +2183,7 @@ button::-moz-focus-inner {
2158
2183
  text-align: left;
2159
2184
  text-transform: none;
2160
2185
  }
2161
- @media only screen and (max-width:767px) {
2186
+ @media only screen and (max-width: 767px ) {
2162
2187
  body:not(.tox-force-desktop) .tox .tox-dialog__body {
2163
2188
  flex-direction: column;
2164
2189
  }
@@ -2169,7 +2194,7 @@ button::-moz-focus-inner {
2169
2194
  flex-direction: column;
2170
2195
  padding: 16px 16px;
2171
2196
  }
2172
- @media only screen and (max-width:767px) {
2197
+ @media only screen and (max-width: 767px ) {
2173
2198
  body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
2174
2199
  flex-direction: row;
2175
2200
  -webkit-overflow-scrolling: touch;
@@ -2188,18 +2213,17 @@ button::-moz-focus-inner {
2188
2213
  white-space: nowrap;
2189
2214
  }
2190
2215
  .tox .tox-dialog__body-nav-item:focus {
2191
- background-color: rgba(32, 122, 183, 0.1);
2216
+ background-color: rgba(0, 108, 231, 0.1);
2192
2217
  }
2193
2218
  .tox .tox-dialog__body-nav-item--active {
2194
- border-bottom: 2px solid #207ab7;
2195
- color: #207ab7;
2219
+ border-bottom: 2px solid #006ce7;
2220
+ color: #006ce7;
2196
2221
  }
2197
2222
  .tox .tox-dialog__body-content {
2198
2223
  box-sizing: border-box;
2199
2224
  display: flex;
2200
2225
  flex: 1;
2201
2226
  flex-direction: column;
2202
- -ms-flex-preferred-size: auto;
2203
2227
  max-height: 650px;
2204
2228
  overflow: auto;
2205
2229
  -webkit-overflow-scrolling: touch;
@@ -2220,17 +2244,17 @@ button::-moz-focus-inner {
2220
2244
  margin-top: 0;
2221
2245
  }
2222
2246
  .tox .tox-dialog__body-content a {
2223
- color: #207ab7;
2247
+ color: #006ce7;
2224
2248
  cursor: pointer;
2225
2249
  text-decoration: none;
2226
2250
  }
2227
2251
  .tox .tox-dialog__body-content a:hover,
2228
2252
  .tox .tox-dialog__body-content a:focus {
2229
- color: #185d8c;
2253
+ color: #0054b4;
2230
2254
  text-decoration: none;
2231
2255
  }
2232
2256
  .tox .tox-dialog__body-content a:active {
2233
- color: #185d8c;
2257
+ color: #0054b4;
2234
2258
  text-decoration: none;
2235
2259
  }
2236
2260
  .tox .tox-dialog__body-content svg {
@@ -2302,7 +2326,7 @@ button::-moz-focus-inner {
2302
2326
  .tox .tox-dialog__footer {
2303
2327
  align-items: center;
2304
2328
  background-color: #fff;
2305
- border-top: 1px solid #cccccc;
2329
+ border-top: none;
2306
2330
  display: flex;
2307
2331
  justify-content: space-between;
2308
2332
  padding: 8px 16px;
@@ -2332,7 +2356,7 @@ button::-moz-focus-inner {
2332
2356
  padding-bottom: 8px;
2333
2357
  }
2334
2358
  .tox .tox-dialog__table tbody tr {
2335
- border-bottom: 1px solid #cccccc;
2359
+ border-bottom: 1px solid #eeeeee;
2336
2360
  }
2337
2361
  .tox .tox-dialog__table tbody tr:last-child {
2338
2362
  border-bottom: none;
@@ -2341,6 +2365,9 @@ button::-moz-focus-inner {
2341
2365
  padding-bottom: 8px;
2342
2366
  padding-top: 8px;
2343
2367
  }
2368
+ .tox .tox-dialog__iframe.tox-dialog__iframe--opaque {
2369
+ background: #fff;
2370
+ }
2344
2371
  .tox .tox-dialog__popups {
2345
2372
  position: absolute;
2346
2373
  width: 100%;
@@ -2350,16 +2377,13 @@ button::-moz-focus-inner {
2350
2377
  display: flex;
2351
2378
  flex: 1;
2352
2379
  flex-direction: column;
2353
- -ms-flex-preferred-size: auto;
2354
2380
  }
2355
2381
  .tox .tox-dialog__body-iframe .tox-navobj {
2356
2382
  display: flex;
2357
2383
  flex: 1;
2358
- -ms-flex-preferred-size: auto;
2359
2384
  }
2360
2385
  .tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
2361
2386
  flex: 1;
2362
- -ms-flex-preferred-size: auto;
2363
2387
  height: 100%;
2364
2388
  }
2365
2389
  .tox .tox-dialog-dock-fadeout {
@@ -2376,18 +2400,12 @@ button::-moz-focus-inner {
2376
2400
  .tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {
2377
2401
  transition-delay: 0s;
2378
2402
  }
2379
- .tox.tox-platform-ie {
2380
- /* IE11 CSS styles go here */
2381
- }
2382
- .tox.tox-platform-ie .tox-dialog-wrap {
2383
- position: -ms-device-fixed;
2384
- }
2385
- @media only screen and (max-width:767px) {
2403
+ @media only screen and (max-width: 767px ) {
2386
2404
  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav {
2387
2405
  margin-right: 0;
2388
2406
  }
2389
2407
  }
2390
- @media only screen and (max-width:767px) {
2408
+ @media only screen and (max-width: 767px ) {
2391
2409
  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child) {
2392
2410
  margin-left: 8px;
2393
2411
  }
@@ -2399,12 +2417,12 @@ button::-moz-focus-inner {
2399
2417
  .tox[dir=rtl] .tox-dialog__body {
2400
2418
  text-align: right;
2401
2419
  }
2402
- @media only screen and (max-width:767px) {
2420
+ @media only screen and (max-width: 767px ) {
2403
2421
  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav {
2404
2422
  margin-left: 0;
2405
2423
  }
2406
2424
  }
2407
- @media only screen and (max-width:767px) {
2425
+ @media only screen and (max-width: 767px ) {
2408
2426
  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child) {
2409
2427
  margin-right: 8px;
2410
2428
  }
@@ -2419,12 +2437,11 @@ body.tox-dialog__disable-scroll {
2419
2437
  .tox .tox-dropzone-container {
2420
2438
  display: flex;
2421
2439
  flex: 1;
2422
- -ms-flex-preferred-size: auto;
2423
2440
  }
2424
2441
  .tox .tox-dropzone {
2425
2442
  align-items: center;
2426
2443
  background: #fff;
2427
- border: 2px dashed #cccccc;
2444
+ border: 2px dashed #eeeeee;
2428
2445
  box-sizing: border-box;
2429
2446
  display: flex;
2430
2447
  flex-direction: column;
@@ -2440,7 +2457,6 @@ body.tox-dialog__disable-scroll {
2440
2457
  .tox .tox-edit-area {
2441
2458
  display: flex;
2442
2459
  flex: 1;
2443
- -ms-flex-preferred-size: auto;
2444
2460
  overflow: hidden;
2445
2461
  position: relative;
2446
2462
  }
@@ -2449,13 +2465,12 @@ body.tox-dialog__disable-scroll {
2449
2465
  border: 0;
2450
2466
  box-sizing: border-box;
2451
2467
  flex: 1;
2452
- -ms-flex-preferred-size: auto;
2453
2468
  height: 100%;
2454
2469
  position: absolute;
2455
2470
  width: 100%;
2456
2471
  }
2457
2472
  .tox.tox-inline-edit-area {
2458
- border: 1px dotted #cccccc;
2473
+ border: 1px dotted #eeeeee;
2459
2474
  }
2460
2475
  .tox .tox-editor-container {
2461
2476
  display: flex;
@@ -2467,16 +2482,23 @@ body.tox-dialog__disable-scroll {
2467
2482
  z-index: 1;
2468
2483
  }
2469
2484
  .tox:not(.tox-tinymce-inline) .tox-editor-header {
2470
- box-shadow: none;
2485
+ background-color: #fff;
2486
+ border-bottom: none;
2487
+ box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.1), 0 8px 8px -4px rgba(34, 47, 62, 0.07);
2488
+ padding: 4px 0;
2471
2489
  transition: box-shadow 0.5s;
2472
2490
  }
2473
- .tox.tox-tinymce--toolbar-bottom .tox-editor-header,
2474
- .tox.tox-tinymce-inline .tox-editor-header {
2475
- margin-bottom: -1px;
2491
+ .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
2492
+ border-top: 1px solid #e3e3e3;
2493
+ box-shadow: none;
2476
2494
  }
2477
- .tox.tox-tinymce--toolbar-sticky-on .tox-editor-header {
2478
- background-color: transparent;
2479
- box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
2495
+ .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header {
2496
+ background-color: #fff;
2497
+ box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.2), 0 8px 8px -4px rgba(34, 47, 62, 0.15);
2498
+ padding: 4px 0;
2499
+ }
2500
+ .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
2501
+ box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.2), 0 8px 8px -4px rgba(34, 47, 62, 0.15);
2480
2502
  }
2481
2503
  .tox-editor-dock-fadeout {
2482
2504
  opacity: 0;
@@ -2538,6 +2560,7 @@ body.tox-dialog__disable-scroll {
2538
2560
  max-width: 25em;
2539
2561
  }
2540
2562
  .tox .tox-autocompleter .tox-menu {
2563
+ box-sizing: border-box;
2541
2564
  max-width: 25em;
2542
2565
  }
2543
2566
  .tox .tox-autocompleter .tox-autocompleter-highlight {
@@ -2553,7 +2576,7 @@ body.tox-dialog__disable-scroll {
2553
2576
  }
2554
2577
  .tox .tox-color-input span {
2555
2578
  border-color: rgba(34, 47, 62, 0.2);
2556
- border-radius: 3px;
2579
+ border-radius: 6px;
2557
2580
  border-style: solid;
2558
2581
  border-width: 1px;
2559
2582
  box-shadow: none;
@@ -2565,7 +2588,7 @@ body.tox-dialog__disable-scroll {
2565
2588
  }
2566
2589
  .tox .tox-color-input span:hover:not([aria-disabled=true]),
2567
2590
  .tox .tox-color-input span:focus:not([aria-disabled=true]) {
2568
- border-color: #207ab7;
2591
+ border-color: #006ce7;
2569
2592
  cursor: pointer;
2570
2593
  }
2571
2594
  .tox .tox-color-input span::before {
@@ -2573,7 +2596,7 @@ body.tox-dialog__disable-scroll {
2573
2596
  background-position: 0 0, 0 6px, 6px -6px, -6px 0;
2574
2597
  background-size: 12px 12px;
2575
2598
  border: 1px solid #fff;
2576
- border-radius: 3px;
2599
+ border-radius: 6px;
2577
2600
  box-sizing: border-box;
2578
2601
  content: '';
2579
2602
  height: 24px;
@@ -2626,7 +2649,6 @@ body.tox-dialog__disable-scroll {
2626
2649
  display: flex;
2627
2650
  flex: 1;
2628
2651
  flex-direction: column;
2629
- -ms-flex-preferred-size: auto;
2630
2652
  }
2631
2653
  .tox .tox-form__group {
2632
2654
  box-sizing: border-box;
@@ -2668,20 +2690,16 @@ body.tox-dialog__disable-scroll {
2668
2690
  display: flex;
2669
2691
  flex: 1;
2670
2692
  flex-direction: column;
2671
- -ms-flex-preferred-size: auto;
2672
2693
  }
2673
2694
  .tox .tox-form__group--stretched .tox-textarea {
2674
2695
  flex: 1;
2675
- -ms-flex-preferred-size: auto;
2676
2696
  }
2677
2697
  .tox .tox-form__group--stretched .tox-navobj {
2678
2698
  display: flex;
2679
2699
  flex: 1;
2680
- -ms-flex-preferred-size: auto;
2681
2700
  }
2682
2701
  .tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
2683
2702
  flex: 1;
2684
- -ms-flex-preferred-size: auto;
2685
2703
  height: 100%;
2686
2704
  }
2687
2705
  .tox:not([dir=rtl]) .tox-form__controls-h-stack > *:not(:first-child) {
@@ -2702,8 +2720,8 @@ body.tox-dialog__disable-scroll {
2702
2720
  -moz-appearance: none;
2703
2721
  appearance: none;
2704
2722
  background-color: #fff;
2705
- border-color: #cccccc;
2706
- border-radius: 3px;
2723
+ border-color: #eeeeee;
2724
+ border-radius: 6px;
2707
2725
  border-style: solid;
2708
2726
  border-width: 1px;
2709
2727
  box-shadow: none;
@@ -2715,7 +2733,7 @@ body.tox-dialog__disable-scroll {
2715
2733
  margin: 0;
2716
2734
  min-height: 34px;
2717
2735
  outline: none;
2718
- padding: 5px 4.75px;
2736
+ padding: 5px 5.5px;
2719
2737
  resize: none;
2720
2738
  width: 100%;
2721
2739
  }
@@ -2729,8 +2747,8 @@ body.tox-dialog__disable-scroll {
2729
2747
  .tox .tox-listboxfield .tox-listbox--select:focus,
2730
2748
  .tox .tox-textarea:focus {
2731
2749
  background-color: #fff;
2732
- border-color: #207ab7;
2733
- box-shadow: none;
2750
+ border-color: #006ce7;
2751
+ box-shadow: 0 0 0 2px rgba(0, 108, 231, 0.25);
2734
2752
  outline: none;
2735
2753
  }
2736
2754
  .tox .tox-toolbar-textfield {
@@ -2744,7 +2762,7 @@ body.tox-dialog__disable-scroll {
2744
2762
  border: 0;
2745
2763
  border-color: transparent;
2746
2764
  box-shadow: unset;
2747
- color: #207ab7;
2765
+ color: #006ce7;
2748
2766
  cursor: pointer;
2749
2767
  display: block;
2750
2768
  margin: 0;
@@ -2802,8 +2820,8 @@ body.tox-dialog__disable-scroll {
2802
2820
  -moz-appearance: none;
2803
2821
  appearance: none;
2804
2822
  background-color: #fff;
2805
- border-color: #cccccc;
2806
- border-radius: 3px;
2823
+ border-color: #eeeeee;
2824
+ border-radius: 6px;
2807
2825
  border-style: solid;
2808
2826
  border-width: 1px;
2809
2827
  box-shadow: none;
@@ -2815,7 +2833,7 @@ body.tox-dialog__disable-scroll {
2815
2833
  margin: 0;
2816
2834
  min-height: 34px;
2817
2835
  outline: none;
2818
- padding: 5px 4.75px;
2836
+ padding: 5px 5.5px;
2819
2837
  resize: none;
2820
2838
  width: 100%;
2821
2839
  }
@@ -2829,8 +2847,8 @@ body.tox-dialog__disable-scroll {
2829
2847
  }
2830
2848
  .tox .tox-selectfield select:focus {
2831
2849
  background-color: #fff;
2832
- border-color: #207ab7;
2833
- box-shadow: none;
2850
+ border-color: #006ce7;
2851
+ box-shadow: 0 0 0 2px rgba(0, 108, 231, 0.25);
2834
2852
  outline: none;
2835
2853
  }
2836
2854
  .tox .tox-selectfield svg {
@@ -2891,40 +2909,46 @@ body.tox-dialog__disable-scroll {
2891
2909
  list-style: none;
2892
2910
  margin-top: 1em;
2893
2911
  }
2894
- .tox .tox-image-tools {
2895
- width: 100%;
2896
- }
2897
- .tox .tox-image-tools__toolbar {
2898
- align-items: center;
2899
- display: flex;
2900
- justify-content: center;
2901
- }
2902
- .tox .tox-image-tools__image {
2912
+ .tox .tox-imagepreview {
2903
2913
  background-color: #666;
2904
2914
  height: 380px;
2905
- overflow: auto;
2915
+ overflow: hidden;
2906
2916
  position: relative;
2907
2917
  width: 100%;
2908
2918
  }
2909
- .tox .tox-image-tools__image,
2910
- .tox .tox-image-tools__image + .tox-image-tools__toolbar {
2911
- margin-top: 8px;
2919
+ .tox .tox-imagepreview.tox-imagepreview__loaded {
2920
+ overflow: auto;
2912
2921
  }
2913
- .tox .tox-image-tools__image-bg {
2922
+ .tox .tox-imagepreview__container {
2923
+ display: flex;
2924
+ left: 100vw;
2925
+ position: absolute;
2926
+ top: 100vw;
2927
+ }
2928
+ .tox .tox-imagepreview__image {
2914
2929
  background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
2915
2930
  }
2916
- .tox .tox-image-tools__toolbar > .tox-spacer {
2931
+ .tox .tox-image-tools .tox-spacer {
2917
2932
  flex: 1;
2918
- -ms-flex-preferred-size: auto;
2919
2933
  }
2920
- .tox .tox-croprect-block {
2934
+ .tox .tox-image-tools .tox-bar {
2935
+ align-items: center;
2936
+ display: flex;
2937
+ height: 60px;
2938
+ justify-content: center;
2939
+ }
2940
+ .tox .tox-image-tools .tox-imagepreview,
2941
+ .tox .tox-image-tools .tox-imagepreview + .tox-bar {
2942
+ margin-top: 8px;
2943
+ }
2944
+ .tox .tox-image-tools .tox-croprect-block {
2921
2945
  background: black;
2922
2946
  filter: alpha(opacity=50);
2923
2947
  opacity: 0.5;
2924
2948
  position: absolute;
2925
2949
  zoom: 1;
2926
2950
  }
2927
- .tox .tox-croprect-handle {
2951
+ .tox .tox-image-tools .tox-croprect-handle {
2928
2952
  border: 2px solid white;
2929
2953
  height: 20px;
2930
2954
  left: 0;
@@ -2932,64 +2956,46 @@ body.tox-dialog__disable-scroll {
2932
2956
  top: 0;
2933
2957
  width: 20px;
2934
2958
  }
2935
- .tox .tox-croprect-handle-move {
2959
+ .tox .tox-image-tools .tox-croprect-handle-move {
2936
2960
  border: 0;
2937
2961
  cursor: move;
2938
2962
  position: absolute;
2939
2963
  }
2940
- .tox .tox-croprect-handle-nw {
2964
+ .tox .tox-image-tools .tox-croprect-handle-nw {
2941
2965
  border-width: 2px 0 0 2px;
2942
2966
  cursor: nw-resize;
2943
2967
  left: 100px;
2944
2968
  margin: -2px 0 0 -2px;
2945
2969
  top: 100px;
2946
2970
  }
2947
- .tox .tox-croprect-handle-ne {
2971
+ .tox .tox-image-tools .tox-croprect-handle-ne {
2948
2972
  border-width: 2px 2px 0 0;
2949
2973
  cursor: ne-resize;
2950
2974
  left: 200px;
2951
2975
  margin: -2px 0 0 -20px;
2952
2976
  top: 100px;
2953
2977
  }
2954
- .tox .tox-croprect-handle-sw {
2978
+ .tox .tox-image-tools .tox-croprect-handle-sw {
2955
2979
  border-width: 0 0 2px 2px;
2956
2980
  cursor: sw-resize;
2957
2981
  left: 100px;
2958
2982
  margin: -20px 2px 0 -2px;
2959
2983
  top: 200px;
2960
2984
  }
2961
- .tox .tox-croprect-handle-se {
2985
+ .tox .tox-image-tools .tox-croprect-handle-se {
2962
2986
  border-width: 0 2px 2px 0;
2963
2987
  cursor: se-resize;
2964
2988
  left: 200px;
2965
2989
  margin: -20px 0 0 -20px;
2966
2990
  top: 200px;
2967
2991
  }
2968
- .tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) {
2969
- margin-left: 8px;
2970
- }
2971
- .tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-button + .tox-slider {
2972
- margin-left: 32px;
2973
- }
2974
- .tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider + .tox-button {
2975
- margin-left: 32px;
2976
- }
2977
- .tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) {
2978
- margin-right: 8px;
2979
- }
2980
- .tox[dir=rtl] .tox-image-tools__toolbar > .tox-button + .tox-slider {
2981
- margin-right: 32px;
2982
- }
2983
- .tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider + .tox-button {
2984
- margin-right: 32px;
2985
- }
2986
2992
  .tox .tox-insert-table-picker {
2987
2993
  display: flex;
2988
2994
  flex-wrap: wrap;
2989
2995
  width: 170px;
2990
2996
  }
2991
2997
  .tox .tox-insert-table-picker > div {
2992
- border-color: #cccccc;
2998
+ border-color: #eeeeee;
2993
2999
  border-style: solid;
2994
3000
  border-width: 0 1px 1px 0;
2995
3001
  box-sizing: border-box;
@@ -2997,11 +3003,11 @@ body.tox-dialog__disable-scroll {
2997
3003
  width: 17px;
2998
3004
  }
2999
3005
  .tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
3000
- margin: -4px 0;
3006
+ margin: -4px -4px;
3001
3007
  }
3002
3008
  .tox .tox-insert-table-picker .tox-insert-table-picker__selected {
3003
- background-color: rgba(32, 122, 183, 0.5);
3004
- border-color: rgba(32, 122, 183, 0.5);
3009
+ background-color: rgba(0, 108, 231, 0.5);
3010
+ border-color: rgba(0, 108, 231, 0.5);
3005
3011
  }
3006
3012
  .tox .tox-insert-table-picker__label {
3007
3013
  color: rgba(34, 47, 62, 0.7);
@@ -3029,22 +3035,28 @@ body.tox-dialog__disable-scroll {
3029
3035
  }
3030
3036
  .tox .tox-menu {
3031
3037
  background-color: #fff;
3032
- border: 1px solid #cccccc;
3033
- border-radius: 3px;
3034
- box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
3038
+ border: 1px solid transparent;
3039
+ border-radius: 6px;
3040
+ box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
3035
3041
  display: inline-block;
3036
3042
  overflow: hidden;
3037
3043
  vertical-align: top;
3038
3044
  z-index: 1150;
3039
3045
  }
3040
3046
  .tox .tox-menu.tox-collection.tox-collection--list {
3041
- padding: 0;
3047
+ padding: 0 4px;
3042
3048
  }
3043
3049
  .tox .tox-menu.tox-collection.tox-collection--toolbar {
3044
- padding: 4px;
3050
+ padding: 8px;
3045
3051
  }
3046
3052
  .tox .tox-menu.tox-collection.tox-collection--grid {
3047
- padding: 4px;
3053
+ padding: 8px;
3054
+ }
3055
+ @media only screen and (min-width: 768px ) {
3056
+ .tox .tox-menu .tox-collection__item-label {
3057
+ overflow-wrap: break-word;
3058
+ word-break: normal;
3059
+ }
3048
3060
  }
3049
3061
  .tox .tox-menu__label h1,
3050
3062
  .tox .tox-menu__label h2,
@@ -3058,16 +3070,16 @@ body.tox-dialog__disable-scroll {
3058
3070
  margin: 0;
3059
3071
  }
3060
3072
  .tox .tox-menubar {
3061
- background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;
3073
+ background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='transparent'/%3E%3C/svg%3E") left 0 top 0 #fff;
3062
3074
  background-color: #fff;
3063
3075
  display: flex;
3064
3076
  flex: 0 0 auto;
3065
3077
  flex-shrink: 0;
3066
3078
  flex-wrap: wrap;
3067
- padding: 0 4px 0 4px;
3079
+ padding: 0 11px 0 12px;
3068
3080
  }
3069
3081
  .tox.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar {
3070
- border-top: 1px solid #cccccc;
3082
+ border-top: 1px solid transparent;
3071
3083
  }
3072
3084
  /* Deprecated. Remove in next major release */
3073
3085
  .tox .tox-mbtn {
@@ -3082,9 +3094,9 @@ body.tox-dialog__disable-scroll {
3082
3094
  font-size: 14px;
3083
3095
  font-style: normal;
3084
3096
  font-weight: normal;
3085
- height: 34px;
3097
+ height: 28px;
3086
3098
  justify-content: center;
3087
- margin: 2px 0 3px 0;
3099
+ margin: 5px 1px 6px 0;
3088
3100
  outline: none;
3089
3101
  overflow: hidden;
3090
3102
  padding: 0 4px;
@@ -3099,19 +3111,19 @@ body.tox-dialog__disable-scroll {
3099
3111
  cursor: not-allowed;
3100
3112
  }
3101
3113
  .tox .tox-mbtn:focus:not(:disabled) {
3102
- background: #dee0e2;
3114
+ background: #cce2fa;
3103
3115
  border: 0;
3104
3116
  box-shadow: none;
3105
3117
  color: #222f3e;
3106
3118
  }
3107
3119
  .tox .tox-mbtn--active {
3108
- background: #c8cbcf;
3120
+ background: #a6ccf7;
3109
3121
  border: 0;
3110
3122
  box-shadow: none;
3111
3123
  color: #222f3e;
3112
3124
  }
3113
3125
  .tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
3114
- background: #dee0e2;
3126
+ background: #cce2fa;
3115
3127
  border: 0;
3116
3128
  box-shadow: none;
3117
3129
  color: #222f3e;
@@ -3132,17 +3144,15 @@ body.tox-dialog__disable-scroll {
3132
3144
  display: none;
3133
3145
  }
3134
3146
  .tox .tox-notification {
3135
- border-radius: 3px;
3147
+ border-radius: 6px;
3136
3148
  border-style: solid;
3137
3149
  border-width: 1px;
3138
3150
  box-shadow: none;
3139
3151
  box-sizing: border-box;
3140
- display: -ms-grid;
3141
3152
  display: grid;
3142
3153
  font-size: 14px;
3143
3154
  font-weight: normal;
3144
- -ms-grid-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
3145
- grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
3155
+ grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
3146
3156
  margin-top: 4px;
3147
3157
  opacity: 0;
3148
3158
  padding: 4px;
@@ -3168,29 +3178,29 @@ body.tox-dialog__disable-scroll {
3168
3178
  color: #222f3e;
3169
3179
  }
3170
3180
  .tox .tox-notification--success a {
3171
- color: #547831;
3181
+ color: #517342;
3172
3182
  }
3173
3183
  .tox .tox-notification--success svg {
3174
3184
  fill: #222f3e;
3175
3185
  }
3176
3186
  .tox .tox-notification--error {
3177
- background-color: #f8dede;
3178
- border-color: #f2bfbf;
3187
+ background-color: #f5cccc;
3188
+ border-color: #f0b3b3;
3179
3189
  color: #222f3e;
3180
3190
  }
3181
3191
  .tox .tox-notification--error p {
3182
3192
  color: #222f3e;
3183
3193
  }
3184
3194
  .tox .tox-notification--error a {
3185
- color: #c00;
3195
+ color: #77181f;
3186
3196
  }
3187
3197
  .tox .tox-notification--error svg {
3188
3198
  fill: #222f3e;
3189
3199
  }
3190
3200
  .tox .tox-notification--warn,
3191
3201
  .tox .tox-notification--warning {
3192
- background-color: #fffaea;
3193
- border-color: #ffe89d;
3202
+ background-color: #fff5cc;
3203
+ border-color: #fff0b3;
3194
3204
  color: #222f3e;
3195
3205
  }
3196
3206
  .tox .tox-notification--warn p,
@@ -3199,39 +3209,34 @@ body.tox-dialog__disable-scroll {
3199
3209
  }
3200
3210
  .tox .tox-notification--warn a,
3201
3211
  .tox .tox-notification--warning a {
3202
- color: #222f3e;
3212
+ color: #7a6e25;
3203
3213
  }
3204
3214
  .tox .tox-notification--warn svg,
3205
3215
  .tox .tox-notification--warning svg {
3206
3216
  fill: #222f3e;
3207
3217
  }
3208
3218
  .tox .tox-notification--info {
3209
- background-color: #d9edf7;
3210
- border-color: #779ecb;
3219
+ background-color: #d6e7fb;
3220
+ border-color: #c1dbf9;
3211
3221
  color: #222f3e;
3212
3222
  }
3213
3223
  .tox .tox-notification--info p {
3214
3224
  color: #222f3e;
3215
3225
  }
3216
3226
  .tox .tox-notification--info a {
3217
- color: #222f3e;
3227
+ color: #2a64a6;
3218
3228
  }
3219
3229
  .tox .tox-notification--info svg {
3220
3230
  fill: #222f3e;
3221
3231
  }
3222
3232
  .tox .tox-notification__body {
3223
- -ms-grid-row-align: center;
3224
- align-self: center;
3233
+ align-self: center;
3225
3234
  color: #222f3e;
3226
3235
  font-size: 14px;
3227
- -ms-grid-column-span: 1;
3228
3236
  grid-column-end: 3;
3229
- -ms-grid-column: 2;
3230
- grid-column-start: 2;
3231
- -ms-grid-row-span: 1;
3237
+ grid-column-start: 2;
3232
3238
  grid-row-end: 2;
3233
- -ms-grid-row: 1;
3234
- grid-row-start: 1;
3239
+ grid-row-start: 1;
3235
3240
  text-align: center;
3236
3241
  white-space: normal;
3237
3242
  word-break: break-all;
@@ -3244,47 +3249,30 @@ body.tox-dialog__disable-scroll {
3244
3249
  margin-top: 1rem;
3245
3250
  }
3246
3251
  .tox .tox-notification__icon {
3247
- -ms-grid-row-align: center;
3248
- align-self: center;
3249
- -ms-grid-column-span: 1;
3252
+ align-self: center;
3250
3253
  grid-column-end: 2;
3251
- -ms-grid-column: 1;
3252
- grid-column-start: 1;
3253
- -ms-grid-row-span: 1;
3254
+ grid-column-start: 1;
3254
3255
  grid-row-end: 2;
3255
- -ms-grid-row: 1;
3256
- grid-row-start: 1;
3257
- -ms-grid-column-align: end;
3258
- justify-self: end;
3256
+ grid-row-start: 1;
3257
+ justify-self: end;
3259
3258
  }
3260
3259
  .tox .tox-notification__icon svg {
3261
3260
  display: block;
3262
3261
  }
3263
3262
  .tox .tox-notification__dismiss {
3264
- -ms-grid-row-align: start;
3265
- align-self: start;
3266
- -ms-grid-column-span: 1;
3263
+ align-self: start;
3267
3264
  grid-column-end: 4;
3268
- -ms-grid-column: 3;
3269
- grid-column-start: 3;
3270
- -ms-grid-row-span: 1;
3265
+ grid-column-start: 3;
3271
3266
  grid-row-end: 2;
3272
- -ms-grid-row: 1;
3273
- grid-row-start: 1;
3274
- -ms-grid-column-align: end;
3275
- justify-self: end;
3267
+ grid-row-start: 1;
3268
+ justify-self: end;
3276
3269
  }
3277
3270
  .tox .tox-notification .tox-progress-bar {
3278
- -ms-grid-column-span: 3;
3279
3271
  grid-column-end: 4;
3280
- -ms-grid-column: 1;
3281
- grid-column-start: 1;
3282
- -ms-grid-row-span: 1;
3272
+ grid-column-start: 1;
3283
3273
  grid-row-end: 3;
3284
- -ms-grid-row: 2;
3285
- grid-row-start: 2;
3286
- -ms-grid-column-align: center;
3287
- justify-self: center;
3274
+ grid-row-start: 2;
3275
+ justify-self: center;
3288
3276
  }
3289
3277
  .tox .tox-pop {
3290
3278
  display: inline-block;
@@ -3307,9 +3295,9 @@ body.tox-dialog__disable-scroll {
3307
3295
  }
3308
3296
  .tox .tox-pop__dialog {
3309
3297
  background-color: #fff;
3310
- border: 1px solid #cccccc;
3311
- border-radius: 3px;
3312
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
3298
+ border: 1px solid #eeeeee;
3299
+ border-radius: 6px;
3300
+ box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
3313
3301
  min-width: 0;
3314
3302
  overflow: hidden;
3315
3303
  }
@@ -3347,7 +3335,7 @@ body.tox-dialog__disable-scroll {
3347
3335
  margin-top: -1px;
3348
3336
  }
3349
3337
  .tox .tox-pop.tox-pop--bottom::before {
3350
- border-color: #cccccc transparent transparent transparent;
3338
+ border-color: #eeeeee transparent transparent transparent;
3351
3339
  border-width: 9px;
3352
3340
  margin-left: -9px;
3353
3341
  }
@@ -3364,7 +3352,7 @@ body.tox-dialog__disable-scroll {
3364
3352
  margin-top: 1px;
3365
3353
  }
3366
3354
  .tox .tox-pop.tox-pop--top::before {
3367
- border-color: transparent transparent #cccccc transparent;
3355
+ border-color: transparent transparent #eeeeee transparent;
3368
3356
  border-width: 9px;
3369
3357
  margin-left: -9px;
3370
3358
  }
@@ -3380,7 +3368,7 @@ body.tox-dialog__disable-scroll {
3380
3368
  margin-left: -15px;
3381
3369
  }
3382
3370
  .tox .tox-pop.tox-pop--left::before {
3383
- border-color: transparent #cccccc transparent transparent;
3371
+ border-color: transparent #eeeeee transparent transparent;
3384
3372
  border-width: 10px;
3385
3373
  margin-left: -19px;
3386
3374
  }
@@ -3396,7 +3384,7 @@ body.tox-dialog__disable-scroll {
3396
3384
  margin-left: -1px;
3397
3385
  }
3398
3386
  .tox .tox-pop.tox-pop--right::before {
3399
- border-color: transparent transparent transparent #cccccc;
3387
+ border-color: transparent transparent transparent #eeeeee;
3400
3388
  border-width: 10px;
3401
3389
  margin-left: -1px;
3402
3390
  }
@@ -3412,7 +3400,6 @@ body.tox-dialog__disable-scroll {
3412
3400
  display: flex;
3413
3401
  flex-direction: row;
3414
3402
  flex-grow: 1;
3415
- -ms-flex-preferred-size: 0;
3416
3403
  min-height: 0;
3417
3404
  }
3418
3405
  .tox .tox-sidebar {
@@ -3460,23 +3447,22 @@ body.tox-dialog__disable-scroll {
3460
3447
  align-items: center;
3461
3448
  display: flex;
3462
3449
  flex: 1;
3463
- -ms-flex-preferred-size: auto;
3464
3450
  height: 24px;
3465
3451
  justify-content: center;
3466
3452
  position: relative;
3467
3453
  }
3468
3454
  .tox .tox-slider__rail {
3469
3455
  background-color: transparent;
3470
- border: 1px solid #cccccc;
3471
- border-radius: 3px;
3456
+ border: 1px solid #eeeeee;
3457
+ border-radius: 6px;
3472
3458
  height: 10px;
3473
3459
  min-width: 120px;
3474
3460
  width: 100%;
3475
3461
  }
3476
3462
  .tox .tox-slider__handle {
3477
- background-color: #207ab7;
3478
- border: 2px solid #185d8c;
3479
- border-radius: 3px;
3463
+ background-color: #006ce7;
3464
+ border: 2px solid #0054b4;
3465
+ border-radius: 6px;
3480
3466
  box-shadow: none;
3481
3467
  height: 24px;
3482
3468
  left: 50%;
@@ -3485,6 +3471,18 @@ body.tox-dialog__disable-scroll {
3485
3471
  transform: translateX(-50%) translateY(-50%);
3486
3472
  width: 14px;
3487
3473
  }
3474
+ .tox .tox-form__controls-h-stack > .tox-slider:not(:first-of-type) {
3475
+ -webkit-margin-start: 8px;
3476
+ margin-inline-start: 8px;
3477
+ }
3478
+ .tox .tox-form__controls-h-stack > .tox-form__group + .tox-slider {
3479
+ -webkit-margin-start: 32px;
3480
+ margin-inline-start: 32px;
3481
+ }
3482
+ .tox .tox-form__controls-h-stack > .tox-slider + .tox-form__group {
3483
+ -webkit-margin-start: 32px;
3484
+ margin-inline-start: 32px;
3485
+ }
3488
3486
  .tox .tox-source-code {
3489
3487
  overflow: auto;
3490
3488
  }
@@ -3536,17 +3534,17 @@ body.tox-dialog__disable-scroll {
3536
3534
  .tox .tox-statusbar {
3537
3535
  align-items: center;
3538
3536
  background-color: #fff;
3539
- border-top: 1px solid #cccccc;
3537
+ border-top: 1px solid #e3e3e3;
3540
3538
  color: rgba(34, 47, 62, 0.7);
3541
3539
  display: flex;
3542
3540
  flex: 0 0 auto;
3543
- font-size: 12px;
3541
+ font-size: 14px;
3544
3542
  font-weight: normal;
3545
- height: 18px;
3543
+ height: 25px;
3546
3544
  overflow: hidden;
3547
3545
  padding: 0 8px;
3548
3546
  position: relative;
3549
- text-transform: uppercase;
3547
+ text-transform: none;
3550
3548
  }
3551
3549
  .tox .tox-statusbar__text-container {
3552
3550
  display: flex;
@@ -3582,8 +3580,18 @@ body.tox-dialog__disable-scroll {
3582
3580
  .tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),
3583
3581
  .tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),
3584
3582
  .tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]) {
3583
+ color: #222f3e;
3585
3584
  cursor: pointer;
3586
- text-decoration: underline;
3585
+ }
3586
+ .tox .tox-statusbar__branding svg {
3587
+ fill: rgba(34, 47, 62, 0.8);
3588
+ height: 1.14em;
3589
+ vertical-align: -0.28em;
3590
+ width: 3.6em;
3591
+ }
3592
+ .tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg,
3593
+ .tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg {
3594
+ fill: #222f3e;
3587
3595
  }
3588
3596
  .tox .tox-statusbar__resize-handle {
3589
3597
  align-items: flex-end;
@@ -3594,22 +3602,24 @@ body.tox-dialog__disable-scroll {
3594
3602
  justify-content: flex-end;
3595
3603
  margin-left: auto;
3596
3604
  margin-right: -8px;
3605
+ padding-bottom: 3px;
3597
3606
  padding-left: 1ch;
3607
+ padding-right: 3px;
3598
3608
  }
3599
3609
  .tox .tox-statusbar__resize-handle svg {
3600
3610
  display: block;
3601
- fill: rgba(34, 47, 62, 0.7);
3611
+ fill: rgba(34, 47, 62, 0.5);
3602
3612
  }
3603
3613
  .tox .tox-statusbar__resize-handle:focus svg {
3604
3614
  background-color: #dee0e2;
3605
- border-radius: 1px;
3615
+ border-radius: 1px 1px 5px 1px;
3606
3616
  box-shadow: 0 0 0 2px #dee0e2;
3607
3617
  }
3608
3618
  .tox:not([dir=rtl]) .tox-statusbar__path > * {
3609
3619
  margin-right: 4px;
3610
3620
  }
3611
3621
  .tox:not([dir=rtl]) .tox-statusbar__branding {
3612
- margin-left: 1ch;
3622
+ margin-left: 2ch;
3613
3623
  }
3614
3624
  .tox[dir=rtl] .tox-statusbar {
3615
3625
  flex-direction: row-reverse;
@@ -3643,9 +3653,9 @@ body.tox-dialog__disable-scroll {
3643
3653
  font-size: 14px;
3644
3654
  font-style: normal;
3645
3655
  font-weight: normal;
3646
- height: 34px;
3656
+ height: 28px;
3647
3657
  justify-content: center;
3648
- margin: 2px 0 3px 0;
3658
+ margin: 6px 1px 5px 0;
3649
3659
  outline: none;
3650
3660
  overflow: hidden;
3651
3661
  padding: 0;
@@ -3662,12 +3672,12 @@ body.tox-dialog__disable-scroll {
3662
3672
  width: inherit;
3663
3673
  }
3664
3674
  .tox .tox-tbtn:focus {
3665
- background: #dee0e2;
3675
+ background: #cce2fa;
3666
3676
  border: 0;
3667
3677
  box-shadow: none;
3668
3678
  }
3669
3679
  .tox .tox-tbtn:hover {
3670
- background: #dee0e2;
3680
+ background: #cce2fa;
3671
3681
  border: 0;
3672
3682
  box-shadow: none;
3673
3683
  color: #222f3e;
@@ -3676,7 +3686,7 @@ body.tox-dialog__disable-scroll {
3676
3686
  fill: #222f3e;
3677
3687
  }
3678
3688
  .tox .tox-tbtn:active {
3679
- background: #c8cbcf;
3689
+ background: #a6ccf7;
3680
3690
  border: 0;
3681
3691
  box-shadow: none;
3682
3692
  color: #222f3e;
@@ -3703,7 +3713,7 @@ body.tox-dialog__disable-scroll {
3703
3713
  }
3704
3714
  .tox .tox-tbtn--enabled,
3705
3715
  .tox .tox-tbtn--enabled:hover {
3706
- background: #c8cbcf;
3716
+ background: #a6ccf7;
3707
3717
  border: 0;
3708
3718
  box-shadow: none;
3709
3719
  color: #222f3e;
@@ -3727,17 +3737,16 @@ body.tox-dialog__disable-scroll {
3727
3737
  transform: none;
3728
3738
  }
3729
3739
  .tox .tox-tbtn--md {
3730
- height: 51px;
3740
+ height: 42px;
3731
3741
  width: 51px;
3732
3742
  }
3733
3743
  .tox .tox-tbtn--lg {
3734
3744
  flex-direction: column;
3735
- height: 68px;
3745
+ height: 56px;
3736
3746
  width: 68px;
3737
3747
  }
3738
3748
  .tox .tox-tbtn--return {
3739
- -ms-grid-row-align: stretch;
3740
- align-self: stretch;
3749
+ align-self: stretch;
3741
3750
  height: unset;
3742
3751
  width: 16px;
3743
3752
  }
@@ -3754,7 +3763,7 @@ body.tox-dialog__disable-scroll {
3754
3763
  white-space: nowrap;
3755
3764
  }
3756
3765
  .tox .tox-tbtn--select {
3757
- margin: 2px 0 3px 0;
3766
+ margin: 6px 1px 5px 0;
3758
3767
  padding: 0 4px;
3759
3768
  width: auto;
3760
3769
  }
@@ -3772,6 +3781,13 @@ body.tox-dialog__disable-scroll {
3772
3781
  .tox .tox-tbtn__select-chevron svg {
3773
3782
  fill: rgba(34, 47, 62, 0.5);
3774
3783
  }
3784
+ .tox .tox-tbtn--bespoke {
3785
+ background: #f7f7f7;
3786
+ }
3787
+ .tox .tox-tbtn--bespoke + .tox-tbtn--bespoke {
3788
+ -webkit-margin-start: 4px;
3789
+ margin-inline-start: 4px;
3790
+ }
3775
3791
  .tox .tox-tbtn--bespoke .tox-tbtn__select-label {
3776
3792
  overflow: hidden;
3777
3793
  text-overflow: ellipsis;
@@ -3783,14 +3799,14 @@ body.tox-dialog__disable-scroll {
3783
3799
  border-radius: 3px;
3784
3800
  box-sizing: border-box;
3785
3801
  display: flex;
3786
- margin: 2px 0 3px 0;
3802
+ margin: 6px 1px 5px 0;
3787
3803
  overflow: hidden;
3788
3804
  }
3789
3805
  .tox .tox-split-button:hover {
3790
- box-shadow: 0 0 0 1px #dee0e2 inset;
3806
+ box-shadow: 0 0 0 1px #cce2fa inset;
3791
3807
  }
3792
3808
  .tox .tox-split-button:focus {
3793
- background: #dee0e2;
3809
+ background: #cce2fa;
3794
3810
  box-shadow: none;
3795
3811
  color: #222f3e;
3796
3812
  }
@@ -3806,12 +3822,6 @@ body.tox-dialog__disable-scroll {
3806
3822
  .tox .tox-split-button .tox-tbtn {
3807
3823
  margin: 0;
3808
3824
  }
3809
- .tox.tox-platform-touch .tox-split-button .tox-tbtn:first-child {
3810
- width: 30px;
3811
- }
3812
- .tox.tox-platform-touch .tox-split-button__chevron {
3813
- width: 20px;
3814
- }
3815
3825
  .tox .tox-split-button.tox-tbtn--disabled:hover,
3816
3826
  .tox .tox-split-button.tox-tbtn--disabled:focus,
3817
3827
  .tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
@@ -3820,19 +3830,38 @@ body.tox-dialog__disable-scroll {
3820
3830
  box-shadow: none;
3821
3831
  color: rgba(34, 47, 62, 0.5);
3822
3832
  }
3833
+ .tox.tox-platform-touch .tox-split-button .tox-tbtn--select {
3834
+ padding: 0 0px;
3835
+ }
3836
+ .tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child {
3837
+ width: 30px;
3838
+ }
3839
+ .tox.tox-platform-touch .tox-split-button__chevron {
3840
+ width: 20px;
3841
+ }
3823
3842
  .tox .tox-toolbar-overlord {
3824
3843
  background-color: #fff;
3825
3844
  }
3826
3845
  .tox .tox-toolbar,
3827
3846
  .tox .tox-toolbar__primary,
3828
3847
  .tox .tox-toolbar__overflow {
3829
- background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;
3830
3848
  background-color: #fff;
3849
+ background-image: repeating-linear-gradient(#e3e3e3 0px 1px, transparent 1px 39px);
3850
+ background-position: center top 40px;
3851
+ background-repeat: no-repeat;
3852
+ background-size: calc(100% - 11px * 2) calc(100% - 41px);
3831
3853
  display: flex;
3832
3854
  flex: 0 0 auto;
3833
3855
  flex-shrink: 0;
3834
3856
  flex-wrap: wrap;
3835
- padding: 0 0;
3857
+ padding: 0 0px;
3858
+ transform: perspective(1px);
3859
+ }
3860
+ .tox .tox-toolbar-overlord > .tox-toolbar,
3861
+ .tox .tox-toolbar-overlord > .tox-toolbar__primary,
3862
+ .tox .tox-toolbar-overlord > .tox-toolbar__overflow {
3863
+ background-position: center top 0px;
3864
+ background-size: calc(100% - 11px * 2) calc(100% - 0px);
3836
3865
  }
3837
3866
  .tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
3838
3867
  height: 0;
@@ -3848,9 +3877,11 @@ body.tox-dialog__disable-scroll {
3848
3877
  transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s;
3849
3878
  }
3850
3879
  .tox .tox-menubar + .tox-toolbar,
3851
- .tox .tox-menubar + .tox-toolbar-overlord .tox-toolbar__primary {
3852
- border-top: 1px solid #cccccc;
3853
- margin-top: -1px;
3880
+ .tox .tox-menubar + .tox-toolbar-overlord {
3881
+ border-top: 1px solid transparent;
3882
+ margin-top: 0px;
3883
+ padding-bottom: 1px;
3884
+ padding-top: 1px;
3854
3885
  }
3855
3886
  .tox .tox-toolbar--scrolling {
3856
3887
  flex-wrap: nowrap;
@@ -3862,22 +3893,37 @@ body.tox-dialog__disable-scroll {
3862
3893
  .tox .tox-toolbar--no-divider {
3863
3894
  background-image: none;
3864
3895
  }
3865
- .tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child,
3866
- .tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary {
3867
- border-top: 1px solid #cccccc;
3896
+ .tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,
3897
+ .tox .tox-toolbar-overlord .tox-toolbar__primary {
3898
+ background-position: center top 39px;
3899
+ }
3900
+ .tox .tox-editor-header > .tox-toolbar--scrolling,
3901
+ .tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child {
3902
+ background-image: none;
3868
3903
  }
3869
3904
  .tox.tox-tinymce-aux .tox-toolbar__overflow {
3870
3905
  background-color: #fff;
3871
- border: 1px solid #cccccc;
3872
- border-radius: 3px;
3873
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
3906
+ background-position: center top 43px;
3907
+ background-size: calc(100% - 8px * 2) calc(100% - 51px);
3908
+ border: none;
3909
+ border-radius: 6px;
3910
+ box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
3911
+ padding: 4px 0;
3912
+ }
3913
+ .tox-pop .tox-pop__dialog {
3914
+ /* stylelint-disable-next-line no-descending-specificity */
3915
+ }
3916
+ .tox-pop .tox-pop__dialog .tox-toolbar {
3917
+ background-position: center top 43px;
3918
+ background-size: calc(100% - 11px * 2) calc(100% - 51px);
3919
+ padding: 4px 0;
3874
3920
  }
3875
3921
  .tox .tox-toolbar__group {
3876
3922
  align-items: center;
3877
3923
  display: flex;
3878
3924
  flex-wrap: wrap;
3879
3925
  margin: 0 0;
3880
- padding: 0 4px 0 4px;
3926
+ padding: 0 11px 0 12px;
3881
3927
  }
3882
3928
  .tox .tox-toolbar__group--pull-right {
3883
3929
  margin-left: auto;
@@ -3887,10 +3933,10 @@ body.tox-dialog__disable-scroll {
3887
3933
  flex-wrap: nowrap;
3888
3934
  }
3889
3935
  .tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
3890
- border-right: 1px solid #cccccc;
3936
+ border-right: 1px solid transparent;
3891
3937
  }
3892
3938
  .tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) {
3893
- border-left: 1px solid #cccccc;
3939
+ border-left: 1px solid transparent;
3894
3940
  }
3895
3941
  .tox .tox-tooltip {
3896
3942
  display: inline-block;
@@ -3899,7 +3945,7 @@ body.tox-dialog__disable-scroll {
3899
3945
  }
3900
3946
  .tox .tox-tooltip__body {
3901
3947
  background-color: #222f3e;
3902
- border-radius: 3px;
3948
+ border-radius: 6px;
3903
3949
  box-shadow: 0 2px 4px rgba(34, 47, 62, 0.3);
3904
3950
  color: rgba(255, 255, 255, 0.75);
3905
3951
  font-size: 14px;
@@ -3948,8 +3994,8 @@ body.tox-dialog__disable-scroll {
3948
3994
  transform: translateY(-50%);
3949
3995
  }
3950
3996
  .tox .tox-well {
3951
- border: 1px solid #cccccc;
3952
- border-radius: 3px;
3997
+ border: 1px solid #eeeeee;
3998
+ border-radius: 6px;
3953
3999
  padding: 8px;
3954
4000
  width: 100%;
3955
4001
  }
@@ -3963,8 +4009,8 @@ body.tox-dialog__disable-scroll {
3963
4009
  margin: 0;
3964
4010
  }
3965
4011
  .tox .tox-custom-editor {
3966
- border: 1px solid #cccccc;
3967
- border-radius: 3px;
4012
+ border: 1px solid #eeeeee;
4013
+ border-radius: 6px;
3968
4014
  display: flex;
3969
4015
  flex: 1;
3970
4016
  position: relative;
@@ -3987,18 +4033,10 @@ body.tox-dialog__disable-scroll {
3987
4033
  .tox .tox-dialog__content-js {
3988
4034
  display: flex;
3989
4035
  flex: 1;
3990
- -ms-flex-preferred-size: auto;
3991
4036
  }
3992
4037
  .tox .tox-dialog__body-content .tox-collection {
3993
4038
  display: flex;
3994
4039
  flex: 1;
3995
- -ms-flex-preferred-size: auto;
3996
- }
3997
- .tox .tox-image-tools-edit-panel {
3998
- height: 60px;
3999
- }
4000
- .tox .tox-image-tools__sidebar {
4001
- height: 60px;
4002
4040
  }
4003
4041
  .video-react .video-react-control:before, .video-react .video-react-big-play-button:before {
4004
4042
  position: absolute;
@@ -5170,6 +5208,9 @@ body.video-react-full-window .video-react-fullscreen {
5170
5208
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
5171
5209
  border: 1px solid #f9f9f9;
5172
5210
  }
5211
+ .rdtPickerNotDays {
5212
+ width: 192px;
5213
+ }
5173
5214
  .rdtOpen .rdtPicker {
5174
5215
  display: block;
5175
5216
  }
@@ -5208,7 +5249,7 @@ body.video-react-full-window .video-react-fullscreen {
5208
5249
  .rdtPicker td > span {
5209
5250
  display: inline-block;
5210
5251
  border-radius: 2px;
5211
- height: 100%;
5252
+ height: 24px;
5212
5253
  width: 24px;
5213
5254
  }
5214
5255
  .rdtPicker td.rdtDay:hover,
@@ -5712,10 +5753,13 @@ a {
5712
5753
  text-decoration: none;
5713
5754
  }
5714
5755
  a:hover {
5715
- color: #18a0ca;
5756
+ color: #528eff;
5716
5757
  -webkit-text-decoration: underline;
5717
5758
  text-decoration: underline;
5718
5759
  }
5760
+ a:active {
5761
+ color: #144bcc;
5762
+ }
5719
5763
  label {
5720
5764
  font-weight: 400;
5721
5765
  }
@@ -7642,11 +7686,19 @@ input[type=button].a-Button--block {
7642
7686
  }
7643
7687
  .a-Breadcrumb-item {
7644
7688
  position: relative;
7689
+ display: inline-flex;
7690
+ align-items: center;
7645
7691
  }
7646
7692
  .a-Breadcrumb-item-default {
7647
7693
  cursor: pointer;
7648
7694
  color: #83868c;
7649
7695
  }
7696
+ .a-Breadcrumb-item-default:hover {
7697
+ color: #2468f2;
7698
+ }
7699
+ .a-Breadcrumb-item-default:active {
7700
+ color: #1c53c1;
7701
+ }
7650
7702
  .a-Breadcrumb-item-dropdown {
7651
7703
  cursor: pointer;
7652
7704
  color: #151a26;
@@ -7662,7 +7714,8 @@ input[type=button].a-Button--block {
7662
7714
  color: #151a26;
7663
7715
  }
7664
7716
  .a-Breadcrumb-item-caret {
7665
- margin-left: 0.5rem;
7717
+ height: 16px;
7718
+ margin: 0 2px;
7666
7719
  cursor: pointer;
7667
7720
  display: inline-block;
7668
7721
  transition: transform 0.2s ease;
@@ -7778,6 +7831,7 @@ input[type=button].a-Button--block {
7778
7831
  white-space: nowrap;
7779
7832
  text-align: center;
7780
7833
  padding: 0 6px;
7834
+ border: 1px solid #FFFFFF;
7781
7835
  }
7782
7836
  .a-Badge-dot {
7783
7837
  z-index: auto;
@@ -7858,25 +7912,35 @@ input[type=button].a-Button--block {
7858
7912
  @-webkit-keyframes modalIn {
7859
7913
  from {
7860
7914
  opacity: 0;
7861
- transform: translate3d(0, -300px, 0) scale(0.2);
7915
+ width: 0;
7916
+ height: 0;
7917
+ bottom: -999px;
7862
7918
  }
7863
7919
  }
7864
7920
  @keyframes modalIn {
7865
7921
  from {
7866
7922
  opacity: 0;
7867
- transform: translate3d(0, -300px, 0) scale(0.2);
7923
+ width: 0;
7924
+ height: 0;
7925
+ bottom: -999px;
7868
7926
  }
7869
7927
  }
7870
7928
  @-webkit-keyframes modalOut {
7871
7929
  to {
7872
7930
  opacity: 0;
7873
- transform: translate3d(0, -300px, 0) scale(0.2);
7931
+ opacity: 0;
7932
+ width: 0;
7933
+ height: 0;
7934
+ bottom: -999px;
7874
7935
  }
7875
7936
  }
7876
7937
  @keyframes modalOut {
7877
7938
  to {
7878
7939
  opacity: 0;
7879
- transform: translate3d(0, -300px, 0) scale(0.2);
7940
+ opacity: 0;
7941
+ width: 0;
7942
+ height: 0;
7943
+ bottom: -999px;
7880
7944
  }
7881
7945
  }
7882
7946
  .a-Modal {
@@ -7944,7 +8008,7 @@ input[type=button].a-Button--block {
7944
8008
  2.5rem - 1.5 *
7945
8009
  0.875rem
7946
8010
  ) / 2
7947
- ) 1rem;
8011
+ ) 1.5rem;
7948
8012
  background: #f9f9f9;
7949
8013
  border-bottom: 0.0625rem solid #dfe2e6;
7950
8014
  border-top-left-radius: 0.142rem;
@@ -7970,8 +8034,8 @@ input[type=button].a-Button--block {
7970
8034
  vertical-align: middle;
7971
8035
  }
7972
8036
  .a-Modal-close svg {
7973
- width: 0.75rem;
7974
- height: 0.75rem;
8037
+ width: 1rem;
8038
+ height: 1rem;
7975
8039
  fill: #99a6ad;
7976
8040
  }
7977
8041
  .a-Modal-close:not(.is-disabled) {
@@ -7991,17 +8055,16 @@ input[type=button].a-Button--block {
7991
8055
  z-index: 10;
7992
8056
  }
7993
8057
  .a-Modal-body {
7994
- padding: 0.75rem 1rem 1rem;
8058
+ margin: 1rem 0 1.5rem 0;
7995
8059
  flex-grow: 1;
7996
- }
7997
- .a-Modal-header + .a-Modal-body {
7998
- padding-top: 1rem;
8060
+ height: auto;
8061
+ padding: 0 1.5rem;
7999
8062
  }
8000
8063
  .a-Modal-footer {
8001
8064
  display: flex;
8002
8065
  align-items: center;
8003
8066
  justify-content: flex-end;
8004
- padding: 0.5rem;
8067
+ padding: 0.5rem 1.5rem;
8005
8068
  border-top: 0.0625rem solid #dfe2e6;
8006
8069
  margin: 0 0;
8007
8070
  border-bottom-left-radius: 0.142rem;
@@ -8156,11 +8219,11 @@ input[type=button].a-Button--block {
8156
8219
  }
8157
8220
  .a-Drawer-title {
8158
8221
  font-size: 0.875rem;
8159
- color: #414c52;
8222
+ color: #151b26;
8160
8223
  }
8161
8224
  .a-Drawer-close {
8162
8225
  position: absolute;
8163
- color: #99a6ad;
8226
+ color: #151b26;
8164
8227
  line-height: 1;
8165
8228
  text-decoration: none;
8166
8229
  }
@@ -8168,7 +8231,7 @@ input[type=button].a-Button--block {
8168
8231
  margin-top: 0.125rem;
8169
8232
  width: 0.75rem;
8170
8233
  height: 0.75rem;
8171
- fill: #99a6ad;
8234
+ fill: #151b26;
8172
8235
  }
8173
8236
  .a-Drawer-close:not(.is-disabled) {
8174
8237
  cursor: pointer;
@@ -9078,7 +9141,7 @@ input[type=button].a-Button--block {
9078
9141
  pointer-events: auto;
9079
9142
  margin-bottom: 0.25rem;
9080
9143
  padding: 0.25rem 1rem;
9081
- box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
9144
+ box-shadow: 0px 4px 6px 0px rgba(8, 14, 26, 0.06), 0px 1px 10px 0px rgba(8, 14, 26, 0.05), 0px 2px 4px -1px rgba(8, 14, 26, 0.04);
9082
9145
  border-radius: 0.125rem;
9083
9146
  border: 0 solid;
9084
9147
  color: #58666e;
@@ -9254,17 +9317,26 @@ input[type=button].a-Button--block {
9254
9317
  .a-Alert {
9255
9318
  font-size: 0.875rem;
9256
9319
  box-shadow: none;
9257
- padding: 0.5rem 0.5rem;
9320
+ padding: 0.25rem 1rem;
9258
9321
  border: 0.0625rem solid transparent;
9259
9322
  border-radius: 0.285rem;
9260
9323
  margin-bottom: 1rem;
9261
9324
  position: relative;
9262
- color: var(--Alert-fontColor);
9325
+ color: #151b26;
9263
9326
  display: flex;
9264
9327
  flex-flow: row nowrap;
9265
9328
  justify-content: space-between;
9266
9329
  align-items: flex-start;
9267
9330
  }
9331
+ .a-Alert-has-title {
9332
+ padding: 1rem;
9333
+ }
9334
+ .a-Alert-has-title .a-Alert-content .a-Alert-title {
9335
+ line-height: 1.375rem;
9336
+ }
9337
+ .a-Alert-has-title .a-Alert-content .a-Alert-desc {
9338
+ line-height: 1.25rem;
9339
+ }
9268
9340
  .a-Alert-icon {
9269
9341
  margin-right: 0.5rem;
9270
9342
  font-size: 1rem;
@@ -9600,9 +9672,16 @@ input[type=button].a-Button--block {
9600
9672
  border: none;
9601
9673
  outline: none;
9602
9674
  }
9675
+ .a-Tabs-links > .a-Tabs-link:hover .a-Tabs-link-close {
9676
+ width: 0.75rem;
9677
+ margin-left: 0.25rem;
9678
+ }
9603
9679
  .a-Tabs-links > .a-Tabs-link .a-Tabs-link-close {
9604
- margin: 0.0625rem 0 0 0.25rem;
9680
+ width: 0;
9681
+ margin: 0.0625rem 0 0;
9605
9682
  fill: #83868c;
9683
+ transition: all 0.2s linear;
9684
+ overflow: hidden;
9606
9685
  cursor: pointer;
9607
9686
  }
9608
9687
  .a-Tabs-links > .a-Tabs-link .a-Tabs-link-close .a-Tabs-link-close-icon {
@@ -9624,6 +9703,14 @@ input[type=button].a-Button--block {
9624
9703
  overflow: hidden;
9625
9704
  white-space: nowrap;
9626
9705
  }
9706
+ .a-Tabs-links > .a-Tabs-link > a:first-child > .a-Icon {
9707
+ margin-right: 0.5rem;
9708
+ vertical-align: unset;
9709
+ }
9710
+ .a-Tabs-links > .a-Tabs-link > a:first-child > img.a-Icon {
9711
+ position: relative;
9712
+ top: 0.125em;
9713
+ }
9627
9714
  .a-Tabs-links > .a-Tabs-link > .a-Combo-toolbarBtn {
9628
9715
  position: absolute;
9629
9716
  right: -10px;
@@ -9642,7 +9729,7 @@ input[type=button].a-Button--block {
9642
9729
  cursor: not-allowed;
9643
9730
  }
9644
9731
  .a-Tabs-links > .a-Tabs-link.disabled > a:first-child, .a-Tabs-links > .a-Tabs-link.is-disabled > a:first-child {
9645
- color: var(--Tabs-link-disabled-color);
9732
+ color: #b8babf;
9646
9733
  background: transparent;
9647
9734
  border-color: transparent;
9648
9735
  pointer-events: none;
@@ -9672,6 +9759,14 @@ input[type=button].a-Button--block {
9672
9759
  opacity: 1;
9673
9760
  }
9674
9761
  .a-Tabs--line > .a-Tabs-linksContainer-wrapper {
9762
+ position: relative;
9763
+ }
9764
+ .a-Tabs--line > .a-Tabs-linksContainer-wrapper::before {
9765
+ content: "";
9766
+ position: absolute;
9767
+ width: 100%;
9768
+ left: 0;
9769
+ bottom: 0;
9675
9770
  border-bottom: 0.0625rem solid #d1d5db;
9676
9771
  }
9677
9772
  .a-Tabs--line > .a-Tabs-linksContainer-wrapper--toolbar .a-Tabs-link {
@@ -9717,6 +9812,11 @@ input[type=button].a-Button--block {
9717
9812
  .a-Tabs--line > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li:not(.is-disabled):hover .a-Tabs-link-close {
9718
9813
  fill: #7266ba;
9719
9814
  }
9815
+ .a-Tabs--line > .a-Tabs-linksWrapper > .a-Tabs-links > li:not(.is-disabled):hover > a:first-child:hover:active,
9816
+ .a-Tabs--line > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li:not(.is-disabled):hover > a:first-child:hover:active {
9817
+ color: #144BCC;
9818
+ border-color: #144BCC;
9819
+ }
9720
9820
  .a-Tabs--line > .a-Tabs-linksWrapper > .a-Tabs-links > li:last-child > a,
9721
9821
  .a-Tabs--line > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li:last-child > a {
9722
9822
  margin: 0;
@@ -10015,11 +10115,13 @@ input[type=button].a-Button--block {
10015
10115
  font-size: 1.5rem;
10016
10116
  height: 1.5rem;
10017
10117
  margin-bottom: 0.3125rem;
10118
+ margin-right: 0;
10119
+ top: 0;
10018
10120
  }
10019
10121
  .a-Tabs--sidebar > .a-Tabs-linksWrapper > .a-Tabs-links > li.is-active > a:first-child,
10020
10122
  .a-Tabs--sidebar > .a-Tabs-linksWrapper > .a-Tabs-links > li > a:first-child:hover,
10021
10123
  .a-Tabs--sidebar > .a-Tabs-linksWrapper > .a-Tabs-links > li > a:first-child:focus {
10022
- color: var(--Tabs--sidebar-iconColor);
10124
+ color: #2468f2;
10023
10125
  }
10024
10126
  .a-Tabs--sidebar > .a-Tabs-content {
10025
10127
  flex-grow: 1;
@@ -10146,7 +10248,7 @@ input[type=button].a-Button--block {
10146
10248
  .a-Tabs--simple > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li {
10147
10249
  position: relative;
10148
10250
  border: none;
10149
- padding: var(--Tabs--simple-split-size);
10251
+ padding: 0.25rem 1rem;
10150
10252
  }
10151
10253
  .a-Tabs--simple > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li::after {
10152
10254
  content: "";
@@ -10159,7 +10261,6 @@ input[type=button].a-Button--block {
10159
10261
  background-color: #d1d5db;
10160
10262
  }
10161
10263
  .a-Tabs--simple > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li > .a-Tabs-link-close {
10162
- padding-top: 0.0625rem;
10163
10264
  cursor: pointer;
10164
10265
  }
10165
10266
  .a-Tabs--simple > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li:last-of-type::after {
@@ -10173,6 +10274,10 @@ input[type=button].a-Button--block {
10173
10274
  color: #7266ba;
10174
10275
  border: none;
10175
10276
  }
10277
+ .a-Tabs--simple > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li.is-active > a:first-child:hover:active, .a-Tabs--simple > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li:not(.is-disabled):hover > a:first-child:hover:active {
10278
+ color: #144BCC;
10279
+ border-color: #144BCC;
10280
+ }
10176
10281
  .a-Tabs--simple > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li:not(.is-disabled):hover .a-Tabs-link-close {
10177
10282
  fill: #7266ba;
10178
10283
  }
@@ -10260,6 +10365,10 @@ input[type=button].a-Button--block {
10260
10365
  .a-Tabs--strong > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > .a-Tabs-link:not(.is-disabled):hover > a:first-child:focus {
10261
10366
  color: #7266ba;
10262
10367
  }
10368
+ .a-Tabs--strong > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > .a-Tabs-link.is-active > a:first-child:hover:active, .a-Tabs--strong > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > .a-Tabs-link:not(.is-disabled):hover > a:first-child:hover:active {
10369
+ color: #144BCC;
10370
+ border-color: #144BCC;
10371
+ }
10263
10372
  .a-Tabs--strong > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > .a-Tabs-link:not(.is-disabled):hover .a-Tabs-link-close {
10264
10373
  fill: #7266ba;
10265
10374
  }
@@ -10678,7 +10787,7 @@ input[type=button].a-Button--block {
10678
10787
  align-items: stretch;
10679
10788
  }
10680
10789
  .a-Page--withSidebar > .a-Page-content,
10681
- .a-Page--withSidebar .a-PullRefresh {
10790
+ .a-Page--withSidebar > .a-PullRefresh {
10682
10791
  width: 0;
10683
10792
  flex-grow: 1;
10684
10793
  }
@@ -11910,6 +12019,7 @@ input[type=button].a-Button--block {
11910
12019
  .a-Collapse-arrow {
11911
12020
  display: inline-block;
11912
12021
  width: 1rem;
12022
+ height: 1rem;
11913
12023
  text-align: center;
11914
12024
  margin-right: 0.5rem;
11915
12025
  }
@@ -11920,7 +12030,7 @@ input[type=button].a-Button--block {
11920
12030
  width: 0.375rem;
11921
12031
  height: 0.375rem;
11922
12032
  top: -0.125rem;
11923
- border-color: #84868C;
12033
+ border-color: #84868c;
11924
12034
  border-style: solid;
11925
12035
  border-width: 0.0625rem 0.0625rem 0 0;
11926
12036
  transform: rotate(45deg);
@@ -11951,7 +12061,7 @@ input[type=button].a-Button--block {
11951
12061
  color: #99a6ad;
11952
12062
  }
11953
12063
  .a-Collapse--disabled .a-Collapse-header:hover {
11954
- background-color: var(--Collapse-header-bg-disabled-color);
12064
+ background-color: #f7f7f9;
11955
12065
  }
11956
12066
  .a-Collapse--disabled .a-Collapse-arrow:before {
11957
12067
  border-color: #99a6ad;
@@ -11993,9 +12103,21 @@ input[type=button].a-Button--block {
11993
12103
  .a-CollapseGroup .a-Collapse:first-child {
11994
12104
  border-radius: 4px 4px 0 0;
11995
12105
  }
12106
+ .a-CollapseGroup .a-Collapse:first-child > .a-Collapse-header {
12107
+ border-radius: 4px 4px 0 0;
12108
+ }
11996
12109
  .a-CollapseGroup .a-Collapse:last-child {
11997
12110
  border-radius: 0 0 4px 4px;
11998
12111
  }
12112
+ .a-CollapseGroup .a-Collapse:last-child > .a-Collapse-header {
12113
+ border-radius: 0 0 4px 4px;
12114
+ }
12115
+ .a-CollapseGroup .a-Collapse:first-child:nth-last-child(1) {
12116
+ border-radius: 4px;
12117
+ }
12118
+ .a-CollapseGroup .a-Collapse:first-child:nth-last-child(1) > .a-Collapse-header {
12119
+ border-radius: 4px;
12120
+ }
11999
12121
  .a-CollapseGroup .a-Collapse:not(:last-child) {
12000
12122
  border-bottom: none;
12001
12123
  }
@@ -12745,7 +12867,10 @@ input[type=button].a-Button--block {
12745
12867
  display: inline-flex;
12746
12868
  align-items: center;
12747
12869
  }
12748
- .a-Crud-toolbar-item:not(:first-child) {
12870
+ .a-Crud-toolbar-item--left:not(:first-child) {
12871
+ margin-left: 0.25rem;
12872
+ }
12873
+ .a-Crud-toolbar-item--right:not(:last-child) {
12749
12874
  margin-left: 0.25rem;
12750
12875
  }
12751
12876
  .a-Crud-toolbar-item--left {
@@ -12795,7 +12920,10 @@ input[type=button].a-Button--block {
12795
12920
  height: 1.875rem;
12796
12921
  vertical-align: middle;
12797
12922
  }
12798
- .a-Crud-toolbar-item:not(:first-child) {
12923
+ .a-Crud-toolbar-item--left:not(:first-child) {
12924
+ margin-left: 0.25rem;
12925
+ }
12926
+ .a-Crud-toolbar-item--right:not(:last-child) {
12799
12927
  margin-left: 0.25rem;
12800
12928
  }
12801
12929
  .a-Crud-toolbar-item--left {
@@ -12874,7 +13002,10 @@ input[type=button].a-Button--block {
12874
13002
  display: inline-flex;
12875
13003
  align-items: center;
12876
13004
  }
12877
- .a-Crud2-toolbar-item:not(:first-child) {
13005
+ .a-Crud2-toolbar-item--left:not(:first-child) {
13006
+ margin-left: 0.25rem;
13007
+ }
13008
+ .a-Crud2-toolbar-item--right:not(:last-child) {
12878
13009
  margin-left: 0.25rem;
12879
13010
  }
12880
13011
  .a-Crud2-toolbar-item--left {
@@ -12919,7 +13050,10 @@ input[type=button].a-Button--block {
12919
13050
  height: 1.875rem;
12920
13051
  vertical-align: middle;
12921
13052
  }
12922
- .a-Crud-toolbar-item:not(:first-child) {
13053
+ .a-Crud-toolbar-item--left:not(:first-child) {
13054
+ margin-left: 0.25rem;
13055
+ }
13056
+ .a-Crud-toolbar-item--right:not(:last-child) {
12923
13057
  margin-left: 0.25rem;
12924
13058
  }
12925
13059
  .a-Crud-toolbar-item--left {
@@ -12983,9 +13117,17 @@ input[type=button].a-Button--block {
12983
13117
  background: #fff;
12984
13118
  z-index: -1;
12985
13119
  opacity: 0;
13120
+ }
13121
+ .a-Table-fixedTop-shadow {
13122
+ position: absolute;
12986
13123
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
13124
+ z-index: -1;
13125
+ height: 10px;
13126
+ margin-top: -10px;
13127
+ background-color: transparent;
13128
+ opacity: 0;
12987
13129
  }
12988
- .a-Table-fixedTop.in {
13130
+ .a-Table-fixedTop.in, .a-Table-fixedTop.in + .a-Table-fixedTop-shadow {
12989
13131
  position: fixed;
12990
13132
  opacity: 1;
12991
13133
  z-index: 900;
@@ -13128,6 +13270,9 @@ input[type=button].a-Button--block {
13128
13270
  .a-Table-table th.text-right, .a-Table-table td.text-right {
13129
13271
  text-align: right;
13130
13272
  }
13273
+ .a-Table-table td .a-SwitchControl {
13274
+ padding-top: 0;
13275
+ }
13131
13276
  .a-Table-table--withCombine > thead > tr > th:first-child,
13132
13277
  .a-Table-table--withCombine > tbody > tr > td:first-child {
13133
13278
  padding-left: 0.5rem !important;
@@ -13157,6 +13302,7 @@ input[type=button].a-Button--block {
13157
13302
  (2.5rem - 0.875rem * 1.5) /
13158
13303
  2
13159
13304
  ) 0.5rem;
13305
+ text-align: left;
13160
13306
  border-bottom: 0.0625rem solid #d1d5db;
13161
13307
  font-size: 0.875rem;
13162
13308
  color: #414c52;
@@ -13164,10 +13310,13 @@ input[type=button].a-Button--block {
13164
13310
  white-space: nowrap;
13165
13311
  }
13166
13312
  .a-Table-table > thead > tr > th:first-child {
13313
+ padding-left: 0.75rem;
13314
+ }
13315
+ .a-Table-table > thead > tr > th:first-child.a-Table-checkCell {
13167
13316
  padding-left: 1rem;
13168
13317
  }
13169
13318
  .a-Table-table > thead > tr > th:last-child {
13170
- padding-right: 1rem;
13319
+ padding-right: 0.75rem;
13171
13320
  }
13172
13321
  .a-Table-table > thead > tr > th:last-child .a-Table-content-colDragLine {
13173
13322
  width: 4px;
@@ -13179,6 +13328,12 @@ input[type=button].a-Button--block {
13179
13328
  .a-Table-table > thead > tr > th .a-Remark {
13180
13329
  margin-left: 0.25rem;
13181
13330
  }
13331
+ .a-Table-table > thead > tr > th:first-child {
13332
+ border-top-left-radius: 4px;
13333
+ }
13334
+ .a-Table-table > thead > tr > th:last-child {
13335
+ border-top-right-radius: 4px;
13336
+ }
13182
13337
  .a-Table-table > thead > tr + tr {
13183
13338
  border-top: 0.0625rem solid #d1d5db;
13184
13339
  }
@@ -13231,6 +13386,12 @@ input[type=button].a-Button--block {
13231
13386
  .a-Table-table > tbody > tr:hover + tr, .a-Table-table > tbody > tr.is-hovered + tr {
13232
13387
  border-color: #d6dfdf;
13233
13388
  }
13389
+ .a-Table-table > tbody > tr:active {
13390
+ background: transparent;
13391
+ }
13392
+ .a-Table-table > tbody > tr:hover.a-Table-placeholder {
13393
+ color: #99a6ad;
13394
+ }
13234
13395
  .a-Table-table > tbody > tr.is-checked {
13235
13396
  background: #d9f3fb;
13236
13397
  border-color: #abe4f6;
@@ -13842,7 +14003,6 @@ input[type=button].a-Button--block {
13842
14003
  }
13843
14004
  .a-Table-table > thead > tr > th.a-Table-checkCell,
13844
14005
  .a-Table-table > tbody > tr > td.a-Table-checkCell {
13845
- border-right: 0;
13846
14006
  width: 0.0625rem;
13847
14007
  padding-right: 0.5rem;
13848
14008
  white-space: nowrap;
@@ -13851,6 +14011,9 @@ input[type=button].a-Button--block {
13851
14011
  .a-Table-table > tbody > tr > td.a-Table-checkCell .a-Checkbox {
13852
14012
  margin: 0;
13853
14013
  }
14014
+ .a-Table-table > tbody > tr > td.a-Table-checkCell {
14015
+ border-right: 0;
14016
+ }
13854
14017
  .a-Table-table > thead > tr > th.a-Table-expandCell,
13855
14018
  .a-Table-table > tbody > tr > td.a-Table-expandCell {
13856
14019
  border-right: 0;
@@ -13998,12 +14161,12 @@ input[type=button].a-Button--block {
13998
14161
  width: 12px;
13999
14162
  height: 12px;
14000
14163
  }
14001
- .a-TableCell-searchBtn:hover {
14002
- color: #58666e;
14003
- }
14004
14164
  .a-TableCell-searchBtn.is-active {
14005
14165
  color: #7266ba;
14006
14166
  }
14167
+ .a-TableCell-searchBtn.is-opened {
14168
+ color: #1c53c1;
14169
+ }
14007
14170
  .a-TableCell-searchPopOver {
14008
14171
  border: none;
14009
14172
  min-width: 20rem;
@@ -14085,7 +14248,7 @@ input[type=button].a-Button--block {
14085
14248
  text-decoration: none;
14086
14249
  }
14087
14250
  .a-Table-itemActions a:hover {
14088
- color: #18a0ca;
14251
+ color: #528eff;
14089
14252
  -webkit-text-decoration: underline;
14090
14253
  text-decoration: underline;
14091
14254
  }
@@ -14101,6 +14264,9 @@ input[type=button].a-Button--block {
14101
14264
  width: 100%;
14102
14265
  color: #23b7e5;
14103
14266
  }
14267
+ .a-Table-foot {
14268
+ background: #f6f8f8;
14269
+ }
14104
14270
  .a-Table-footTable {
14105
14271
  position: relative;
14106
14272
  width: 100%;
@@ -14148,9 +14314,10 @@ input[type=button].a-Button--block {
14148
14314
  width: 0.625rem;
14149
14315
  height: 0.625rem;
14150
14316
  top: 0;
14317
+ transform: rotate(90deg);
14151
14318
  }
14152
14319
  .a-Table-expandBtn.is-active > svg {
14153
- transform: rotate(90deg);
14320
+ transform: rotate(-90deg);
14154
14321
  }
14155
14322
  .a-Table-expandBtn:hover {
14156
14323
  text-decoration: none;
@@ -14193,18 +14360,31 @@ input[type=button].a-Button--block {
14193
14360
  top: 0;
14194
14361
  z-index: 1;
14195
14362
  }
14196
- .a-Table--autoFillHeight > .a-Table-fixedTop {
14363
+ .a-Table--autoFillHeight > .a-Table-fixedTop .a-Table-fixedTop-shadow {
14197
14364
  display: none;
14198
14365
  }
14199
14366
  .a-Table--autoFillHeight > .a-Table-footToolbar {
14200
14367
  margin-bottom: 0;
14201
14368
  }
14369
+ .a-InputTable .a-Field--quickEditable svg {
14370
+ color: #7266ba;
14371
+ }
14372
+ .a-InputTable .a-Field--quickEditable svg:hover {
14373
+ color: #4f86f4;
14374
+ }
14375
+ .a-InputTable .a-Field--quickEditable svg:active {
14376
+ color: #1c53c1;
14377
+ }
14202
14378
  .a-InputTable-toolbar {
14203
14379
  display: flex;
14204
14380
  flex-direction: row;
14205
14381
  flex-wrap: wrap;
14206
14382
  justify-content: space-between;
14207
14383
  }
14384
+ .a-InputTable-toolbar .a-Button {
14385
+ border: none;
14386
+ color: #7266ba;
14387
+ }
14208
14388
  .a-InputTable-pager {
14209
14389
  margin-left: auto;
14210
14390
  }
@@ -15195,8 +15375,8 @@ input[type=button].a-Button--block {
15195
15375
  position: relative;
15196
15376
  }
15197
15377
  .a-Table-v2 .a-Table-table > tbody > tr.a-Table-row-disabled {
15198
- background: var(--TableRow-onDisabled-bg);
15199
- color: var(--TableRow-onDisabled-color);
15378
+ background: #f7f7f9;
15379
+ color: #b8babf;
15200
15380
  }
15201
15381
  .a-Table-v2 .a-Table-table > tbody > tr:not(.a-Table-row-disabled) > td.a-Table-cell-row-hover {
15202
15382
  background: #f3f6f6;
@@ -16261,6 +16441,9 @@ input[type=button].a-Button--block {
16261
16441
  .a-Card-actions > a.is-disabled:hover {
16262
16442
  text-decoration: none;
16263
16443
  }
16444
+ .a-Card-actions > a > .a-Button-icon:first-child:not(:last-child) {
16445
+ margin-right: 0.25rem;
16446
+ }
16264
16447
  .a-Card.is-checked {
16265
16448
  background: #d9f3fb;
16266
16449
  border-color: #abe4f6;
@@ -16573,9 +16756,10 @@ input[type=button].a-Button--block {
16573
16756
  .a-Progress-line-bar {
16574
16757
  float: left;
16575
16758
  width: 0;
16576
- height: 10px;
16759
+ height: 8px;
16577
16760
  background: #7266ba;
16578
16761
  transition: width 0.2s ease;
16762
+ border-radius: 0.142rem;
16579
16763
  }
16580
16764
  .a-Progress-line-bar--stripe {
16581
16765
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
@@ -16735,7 +16919,7 @@ input[type=button].a-Button--block {
16735
16919
  .a-Pagination {
16736
16920
  display: inline-block;
16737
16921
  padding: 0;
16738
- margin: 0 0 -0.625rem;
16922
+ margin: 0 0 -0.5rem;
16739
16923
  border-radius: 0.25rem;
16740
16924
  }
16741
16925
  .a-Pagination > li {
@@ -16752,10 +16936,10 @@ input[type=button].a-Button--block {
16752
16936
  position: relative;
16753
16937
  float: left;
16754
16938
  text-decoration: none;
16755
- min-width: 1.875rem;
16756
- height: 1.875rem;
16939
+ min-width: 2rem;
16940
+ height: 2rem;
16757
16941
  border: 0;
16758
- line-height: 1.875rem;
16942
+ line-height: 2rem;
16759
16943
  padding: 0 0.5rem;
16760
16944
  text-align: center;
16761
16945
  color: #666666;
@@ -16824,7 +17008,7 @@ input[type=button].a-Button--block {
16824
17008
  display: inline-flex;
16825
17009
  flex-wrap: nowrap;
16826
17010
  align-items: center;
16827
- height: 1.875rem;
17011
+ height: 2rem;
16828
17012
  }
16829
17013
  .a-Pagination-inputGroup-left {
16830
17014
  color: #84868c;
@@ -16832,13 +17016,13 @@ input[type=button].a-Button--block {
16832
17016
  .a-Pagination-inputGroup input {
16833
17017
  min-width: 3.125rem;
16834
17018
  width: 3.125rem;
16835
- height: 1.875rem;
16836
- line-height: 1.875rem;
17019
+ height: 2rem;
17020
+ line-height: 2rem;
16837
17021
  border: none;
16838
17022
  border: 0.0625rem solid #d1d5db;
16839
17023
  border-radius: 0.142rem 0 0 0.142rem;
16840
17024
  padding: 0 0.5rem;
16841
- margin-left: 0.625rem;
17025
+ margin-left: 0.5rem;
16842
17026
  text-align: center;
16843
17027
  }
16844
17028
  .a-Pagination-inputGroup input:focus, .a-Pagination-inputGroup input:hover {
@@ -16850,8 +17034,8 @@ input[type=button].a-Button--block {
16850
17034
  width: 2rem;
16851
17035
  cursor: pointer;
16852
17036
  text-align: center;
16853
- height: 1.875rem;
16854
- line-height: 1.875rem;
17037
+ height: 2rem;
17038
+ line-height: 2rem;
16855
17039
  border: 0.0625rem solid #d1d5db;
16856
17040
  border-left: none;
16857
17041
  border-radius: 0 0.142rem 0.142rem 0;
@@ -16861,12 +17045,13 @@ input[type=button].a-Button--block {
16861
17045
  color: #7266ba;
16862
17046
  border-color: #7266ba;
16863
17047
  border-left: 0.0625rem solid #7266ba;
17048
+ margin-left: -1px;
16864
17049
  }
16865
17050
  .a-Pagination-wrap {
16866
17051
  line-height: 1.875rem;
16867
17052
  }
16868
17053
  .a-Pagination-wrap .a-Pagination-item {
16869
- margin-left: 0.625rem;
17054
+ margin-left: 0.5rem;
16870
17055
  }
16871
17056
  .a-Pagination-wrap .a-Pagination-item:nth-child(1) {
16872
17057
  margin-left: 0;
@@ -17257,6 +17442,7 @@ input[type=button].a-Button--block {
17257
17442
  display: block;
17258
17443
  max-width: 100%;
17259
17444
  max-height: 100%;
17445
+ transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
17260
17446
  }
17261
17447
  .a-ImageGallery-prevBtn, .a-ImageGallery-nextBtn {
17262
17448
  position: absolute;
@@ -17387,6 +17573,57 @@ input[type=button].a-Button--block {
17387
17573
  .a-ImageGallery-item.is-active:after {
17388
17574
  display: none;
17389
17575
  }
17576
+ .a-ImageGallery-toolbar {
17577
+ background-color: #fff;
17578
+ border-radius: 0.25rem;
17579
+ display: flex;
17580
+ align-items: flex-start;
17581
+ padding: 0.25rem 1rem;
17582
+ position: absolute;
17583
+ bottom: 1.25rem;
17584
+ left: 50%;
17585
+ transform: translateX(-50%);
17586
+ display: flex;
17587
+ flex-flow: row nowrap;
17588
+ justify-content: space-between;
17589
+ align-items: center;
17590
+ }
17591
+ .a-ImageGallery-toolbar-action {
17592
+ padding: 0.8125rem;
17593
+ border-radius: 0.25rem;
17594
+ width: 2.5rem;
17595
+ height: 2.5rem;
17596
+ cursor: pointer;
17597
+ display: flex;
17598
+ justify-content: center;
17599
+ align-items: center;
17600
+ }
17601
+ .a-ImageGallery-toolbar-action-icon {
17602
+ display: block;
17603
+ color: #1c2b36;
17604
+ }
17605
+ .a-ImageGallery-toolbar-action-icon > svg {
17606
+ fill: #1c2b36;
17607
+ }
17608
+ .a-ImageGallery-toolbar-action.is-disabled {
17609
+ cursor: not-allowed;
17610
+ color: #6b7280;
17611
+ }
17612
+ .a-ImageGallery-toolbar-action.is-disabled .a-ImageGallery-toolbar-action-icon {
17613
+ color: #6b7280;
17614
+ }
17615
+ .a-ImageGallery-toolbar-action.is-disabled .a-ImageGallery-toolbar-action-icon > svg {
17616
+ color: #6b7280;
17617
+ }
17618
+ .a-ImageGallery-toolbar-action:hover {
17619
+ background-color: #f2f3f5;
17620
+ }
17621
+ .a-ImageGallery-toolbar-action:hover .a-ImageGallery-toolbar-action-icon {
17622
+ color: #7266ba;
17623
+ }
17624
+ .a-ImageGallery-toolbar-action:hover .a-ImageGallery-toolbar-action-icon > svg {
17625
+ fill: #7266ba;
17626
+ }
17390
17627
  .a-Images {
17391
17628
  display: flex;
17392
17629
  flex-wrap: wrap;
@@ -17663,6 +17900,7 @@ input[type=button].a-Button--block {
17663
17900
  display: inline-block;
17664
17901
  width: 14px;
17665
17902
  color: #4b5563;
17903
+ margin-top: 0.125rem;
17666
17904
  }
17667
17905
  .a-InputBox > a {
17668
17906
  cursor: pointer;
@@ -18002,9 +18240,7 @@ input[type=button].a-Button--block {
18002
18240
  display: flex;
18003
18241
  align-items: center;
18004
18242
  flex-shrink: 0;
18005
- }
18006
- .a-ResultBox-actions > *:first-child {
18007
- margin-left: 0.3125rem;
18243
+ padding-left: 0.3125rem;
18008
18244
  }
18009
18245
  .a-ResultBox-actions > *:not(:last-child) {
18010
18246
  margin-right: 0.3125rem;
@@ -18028,7 +18264,7 @@ input[type=button].a-Button--block {
18028
18264
  .a-ResultBox-pc-arrow > svg {
18029
18265
  width: 0.625rem;
18030
18266
  height: 0.625rem;
18031
- top: 0.125em;
18267
+ top: 0;
18032
18268
  color: #84868c;
18033
18269
  }
18034
18270
  .a-ResultBox.is-opened .a-ResultBox-pc-arrow {
@@ -18255,10 +18491,10 @@ input[type=button].a-Button--block {
18255
18491
  flex-grow: 1;
18256
18492
  }
18257
18493
  .a-SearchBox.is-active:hover {
18258
- border-color: var(--SearchBox-hover-color);
18494
+ border-color: #2468f2;
18259
18495
  }
18260
18496
  .a-SearchBox.is-active.is-focused {
18261
- border-color: var(--SearchBox-focus-color);
18497
+ border-color: #144bcc;
18262
18498
  }
18263
18499
  .a-SearchBox-searchBtn {
18264
18500
  display: inline-block;
@@ -18269,7 +18505,7 @@ input[type=button].a-Button--block {
18269
18505
  }
18270
18506
  .a-SearchBox-activeBtn, .a-SearchBox-searchBtn, .a-SearchBox-cancelBtn {
18271
18507
  cursor: pointer;
18272
- color: var(--SearchBox-search-icon-color);
18508
+ color: #84868c;
18273
18509
  }
18274
18510
  .a-SearchBox-activeBtn:hover, .a-SearchBox-searchBtn:hover, .a-SearchBox-cancelBtn:hover {
18275
18511
  color: #111827;
@@ -18279,7 +18515,7 @@ input[type=button].a-Button--block {
18279
18515
  pointer-events: none;
18280
18516
  }
18281
18517
  .a-SearchBox.is-disabled {
18282
- background-color: var(--SearchBox-disabled-color);
18518
+ background-color: #f7f7f9;
18283
18519
  cursor: not-allowed;
18284
18520
  }
18285
18521
  .a-SearchBox.is-disabled:hover {
@@ -18315,9 +18551,9 @@ input[type=button].a-Button--block {
18315
18551
  }
18316
18552
  .a-SearchBox-clearable {
18317
18553
  display: flex;
18318
- width: var(--SearchBox-clearable-icon-size);
18319
- height: var(--SearchBox-clearable-icon-size);
18320
- color: var(--SearchBox-clearable-icon-color);
18554
+ width: 1rem;
18555
+ height: 1rem;
18556
+ color: #d4d6d9;
18321
18557
  align-items: center;
18322
18558
  justify-content: center;
18323
18559
  cursor: pointer;
@@ -18330,15 +18566,18 @@ input[type=button].a-Button--block {
18330
18566
  }
18331
18567
  .a-SearchBox--enhance.is-active .a-SearchBox-searchBtn {
18332
18568
  height: 100%;
18333
- color: var(--SearchBox-enhonce-icon-color);
18334
- background: var(--SearchBox-hover-color);
18569
+ color: #ffffff;
18570
+ background: #2468f2;
18571
+ }
18572
+ .a-SearchBox--enhance.is-active .a-SearchBox-searchBtn:hover {
18573
+ background: #4f86f4;
18335
18574
  }
18336
18575
  .a-SearchBox--enhance .a-SearchBox-clearable {
18337
- margin-right: var(--SearchBox-enhonce-clearable-gap);
18576
+ margin-right: 0.375rem;
18338
18577
  }
18339
18578
  .a-SearchBox--enhance.is-active.is-disabled .a-SearchBox-searchBtn {
18340
- background: var(--SearchBox-enhonce-disabled-color);
18341
- color: var(--SearchBox-enhonce-disabled-search-color);
18579
+ background: #f2f2f4;
18580
+ color: #b8babf;
18342
18581
  }
18343
18582
  .a-SearchBox-history > .is-history {
18344
18583
  width: 100%;
@@ -18643,7 +18882,7 @@ input[type=button].a-Button--block {
18643
18882
  .a-Steps .a-StepsItem {
18644
18883
  flex: 1;
18645
18884
  overflow: hidden;
18646
- padding: 0 1.25rem;
18885
+ padding: 0 0.5rem;
18647
18886
  height: auto;
18648
18887
  line-height: 2rem;
18649
18888
  }
@@ -18664,14 +18903,18 @@ input[type=button].a-Button--block {
18664
18903
  font-size: 1rem;
18665
18904
  text-align: center;
18666
18905
  }
18906
+ .a-Steps .a-StepsItem-containerIcon .a-StepsItem-icon .icon {
18907
+ width: 0.5625rem;
18908
+ height: 0.5625rem;
18909
+ }
18667
18910
  .a-Steps .a-StepsItem-containerWrapper {
18668
18911
  display: inline-block;
18669
18912
  position: relative;
18670
18913
  }
18671
18914
  .a-Steps .a-StepsItem-containerWrapper .a-StepsItem-body .a-StepsItem-title {
18672
- font-size: 1rem;
18673
- color: #414c52;
18674
- padding-right: 1.25rem;
18915
+ font-size: 0.875rem;
18916
+ color: #151b26;
18917
+ padding-right: 0.5rem;
18675
18918
  position: relative;
18676
18919
  display: inline-block;
18677
18920
  }
@@ -18707,7 +18950,11 @@ input[type=button].a-Button--block {
18707
18950
  max-width: 8.75rem;
18708
18951
  white-space: nowrap;
18709
18952
  position: relative;
18710
- bottom: 0.625rem;
18953
+ bottom: 1.25rem;
18954
+ }
18955
+ .a-Steps .a-StepsItem-containerWrapper .a-StepsItem-body .a-StepsItem-description > span {
18956
+ color: #84868c;
18957
+ font-size: 0.75rem;
18711
18958
  }
18712
18959
  .a-Steps .a-StepsItem:last-child {
18713
18960
  flex: none;
@@ -18727,7 +18974,7 @@ input[type=button].a-Button--block {
18727
18974
  content: "";
18728
18975
  position: absolute;
18729
18976
  right: 0;
18730
- top: 2rem;
18977
+ top: 2.25rem;
18731
18978
  height: 9999px;
18732
18979
  left: 0.6875rem;
18733
18980
  width: 1px;
@@ -18822,18 +19069,20 @@ input[type=button].a-Button--block {
18822
19069
  }
18823
19070
  .a-Steps--Placement-vertical .a-StepsItem-containerWrapper .a-StepsItem-body .a-StepsItem-title {
18824
19071
  padding: 0 0.625rem;
19072
+ bottom: 0.5625rem;
18825
19073
  width: 100%;
18826
19074
  }
18827
19075
  .a-Steps--Placement-vertical .a-StepsItem-containerWrapper .a-StepsItem-body .a-StepsItem-title > span {
18828
19076
  display: block;
18829
19077
  position: relative;
18830
- left: 0.625rem;
19078
+ left: 0.75rem;
18831
19079
  }
18832
19080
  .a-Steps--Placement-vertical .a-StepsItem-containerWrapper .a-StepsItem-body .a-StepsItem-title .a-StepsItem-subTitle {
18833
19081
  word-break: break-all;
18834
19082
  padding: 0 0.625rem;
18835
19083
  position: relative;
18836
19084
  left: 0.625rem;
19085
+ bottom: 0.75rem;
18837
19086
  }
18838
19087
  .a-Steps--Placement-vertical .a-StepsItem-containerWrapper .a-StepsItem-body .a-StepsItem-title:after {
18839
19088
  display: none;
@@ -18841,7 +19090,8 @@ input[type=button].a-Button--block {
18841
19090
  .a-Steps--Placement-vertical .a-StepsItem-containerWrapper .a-StepsItem-body .a-StepsItem-description {
18842
19091
  min-width: 12.5rem;
18843
19092
  word-break: break-all;
18844
- padding: 0 0.625rem;
19093
+ padding: 0 1.25rem;
19094
+ bottom: 2.75rem;
18845
19095
  }
18846
19096
  .a-Steps--Placement-vertical .a-StepsItem-containerWrapper .a-StepsItem-body .a-StepsItem-title.is-success:after {
18847
19097
  background-color: #23b7e5;
@@ -18873,8 +19123,8 @@ input[type=button].a-Button--block {
18873
19123
  border: 1px solid #b4bbc5;
18874
19124
  }
18875
19125
  .a-Steps--ProgressDot .is-error .a-StepsItem-containerProgressDot {
18876
- background: #f05050;
18877
- border: 1px solid #f05050;
19126
+ background: #f33e3e;
19127
+ border: 1px solid #f33e3e;
18878
19128
  }
18879
19129
  .a-Steps--ProgressDot .is-process .a-StepsItem-containerProgressDot {
18880
19130
  border: 1px solid #23b7e5;
@@ -18885,15 +19135,15 @@ input[type=button].a-Button--block {
18885
19135
  color: #b4bbc5;
18886
19136
  border: 1px solid #b4bbc5;
18887
19137
  }
19138
+ .a-Steps .a-StepsItem.is-wait .a-StepsItem-title,
19139
+ .a-Steps .a-StepsItem.is-wait .a-StepsItem-subTitle,
19140
+ .a-Steps .a-StepsItem.is-wait .a-StepsItem-description {
19141
+ color: #84868c;
19142
+ }
18888
19143
  .a-Steps .a-StepsItem.is-error .a-StepsItem-icon {
18889
- background-color: #f05050;
19144
+ background-color: #f33e3e;
18890
19145
  color: #fff;
18891
- border: 1px solid #f05050;
18892
- }
18893
- .a-Steps .a-StepsItem.is-error .a-StepsItem-title,
18894
- .a-Steps .a-StepsItem.is-error .a-StepsItem-subTitle,
18895
- .a-Steps .a-StepsItem.is-error .a-StepsItem-description {
18896
- color: #f05050;
19146
+ border: 1px solid #f33e3e;
18897
19147
  }
18898
19148
  .a-Steps .a-StepsItem.is-finish .a-StepsItem-icon,
18899
19149
  .a-Steps .a-StepsItem.is-process .a-StepsItem-icon {
@@ -19570,6 +19820,11 @@ fieldset.a-Collapse--lg:after {
19570
19820
  display: inline-flex;
19571
19821
  }
19572
19822
  }
19823
+ .a-TextControl-input input {
19824
+ overflow: hidden;
19825
+ white-space: nowrap;
19826
+ text-overflow: ellipsis;
19827
+ }
19573
19828
  .a-TextControl-placeholder {
19574
19829
  color: #99a6ad;
19575
19830
  -webkit-user-select: none;
@@ -19746,7 +20001,7 @@ fieldset.a-Collapse--lg:after {
19746
20001
  white-space: nowrap;
19747
20002
  line-height: calc( 1.4285714286 * 0.875rem - 0.125rem );
19748
20003
  font-size: 0.75rem;
19749
- background: var(--Form-select-multiple-bgColor);
20004
+ background: #f7f7f9;
19750
20005
  border-radius: 0.125rem;
19751
20006
  margin: 2px 3px;
19752
20007
  display: flex;
@@ -19911,6 +20166,9 @@ input.a-TextControl-input-password {
19911
20166
  display: inline-flex;
19912
20167
  }
19913
20168
  }
20169
+ .a-TextareaControl > textarea.a-TextareaControl-input--counter {
20170
+ padding-bottom: 23px;
20171
+ }
19914
20172
  .a-TextareaControl > textarea {
19915
20173
  border: 1px solid #d1d5db;
19916
20174
  border-radius: 0.142rem;
@@ -19950,24 +20208,24 @@ input.a-TextControl-input-password {
19950
20208
  }
19951
20209
  .a-TextareaControl-counter {
19952
20210
  position: absolute;
19953
- right: 0.5rem;
19954
- bottom: calc(
20211
+ left: 1px;
20212
+ bottom: 1px;
20213
+ right: 1.0625rem;
20214
+ padding-bottom: calc(
19955
20215
  (
19956
20216
  1.875rem - 1.4285714286 *
19957
20217
  0.875rem - 0.125rem
19958
20218
  ) / 2
19959
20219
  );
20220
+ background-color: #fff;
20221
+ text-align: right;
19960
20222
  font-size: 0.75rem;
19961
- padding: 0 5px;
19962
20223
  border-radius: 3px;
19963
20224
  color: #84868c;
19964
20225
  }
19965
20226
  .a-TextareaControl-counter.is-empty {
19966
20227
  color: #84868c;
19967
20228
  }
19968
- .a-TextareaControl-counter.is-clearable {
19969
- right: calc( 0.5rem + 0.875rem + 0.1875rem * 2 + 0.3125rem );
19970
- }
19971
20229
  .has-error--maxLength .a-TextareaControl-counter {
19972
20230
  background: #f05050;
19973
20231
  }
@@ -19981,7 +20239,7 @@ input.a-TextControl-input-password {
19981
20239
  text-decoration: none;
19982
20240
  position: absolute;
19983
20241
  right: 0.5rem;
19984
- bottom: calc(
20242
+ top: calc(
19985
20243
  (
19986
20244
  1.875rem - 1.4285714286 *
19987
20245
  0.875rem - 0.125rem
@@ -20092,17 +20350,18 @@ input.a-TextControl-input-password {
20092
20350
  border-radius: 0.125rem;
20093
20351
  margin-left: calc(1rem * -1);
20094
20352
  }
20095
- .a-Checkbox--checkbox.a-Checkbox:hover > i:before {
20096
- background: #4f86f4;
20353
+ .a-Checkbox--checkbox.a-Checkbox:hover > input + i {
20354
+ border-color: #4f86f4;
20097
20355
  }
20098
20356
  .a-Checkbox--checkbox.a-Checkbox:active > i:before {
20099
- background: var(--Switch-checked-onHover-bgColor);
20357
+ background: #144bcc;
20100
20358
  }
20101
20359
  .a-Checkbox--full.a-Checkbox--checkbox:not(:disabled) + i:hover {
20102
20360
  border-color: #d1d5db;
20103
20361
  }
20104
20362
  .a-Checkbox--full.a-Checkbox--checkbox:hover input:checked + i {
20105
20363
  background: #4f86f4;
20364
+ border-color: transparent;
20106
20365
  }
20107
20366
  .a-Checkbox--full.a-Checkbox--checkbox:hover input:checked + i:before {
20108
20367
  background: #4f86f4;
@@ -20111,10 +20370,10 @@ input.a-TextControl-input-password {
20111
20370
  background: transparent;
20112
20371
  }
20113
20372
  .a-Checkbox--full.a-Checkbox--checkbox:active input:checked + i {
20114
- background: var(--Switch-checked-onHover-bgColor);
20373
+ background: #144bcc;
20115
20374
  }
20116
20375
  .a-Checkbox--full.a-Checkbox--checkbox:active input:checked + i:before {
20117
- background: var(--Switch-checked-onHover-bgColor);
20376
+ background: #144bcc;
20118
20377
  }
20119
20378
  .a-Checkbox--full.a-Checkbox--checkbox input:checked + i {
20120
20379
  border-color: #23b7e5;
@@ -20198,6 +20457,10 @@ input.a-TextControl-input-password {
20198
20457
  .a-Checkbox--button.a-Checkbox--checkbox:hover:not(:disabled) {
20199
20458
  color: #23b7e5;
20200
20459
  border-color: #23b7e5;
20460
+ box-shadow: -1px 0 0 0 #23b7e5;
20461
+ }
20462
+ .a-Checkbox--button.a-Checkbox--checkbox:hover:not(:disabled):first-child {
20463
+ box-shadow: none;
20201
20464
  }
20202
20465
  .a-Checkbox--button.a-Checkbox--checkbox:hover input:checked + i {
20203
20466
  background: transparent;
@@ -20205,7 +20468,7 @@ input.a-TextControl-input-password {
20205
20468
  }
20206
20469
  .a-Checkbox--button.a-Checkbox--checkbox:active input:checked + i {
20207
20470
  background: transparent;
20208
- border-color: var(--Switch-checked-onHover-bgColor) transparent transparent var(--Switch-checked-onHover-bgColor);
20471
+ border-color: #144bcc transparent transparent #144bcc;
20209
20472
  }
20210
20473
  .a-Checkbox--button.a-Checkbox--checkbox input:checked + i {
20211
20474
  background: transparent;
@@ -20260,14 +20523,20 @@ input.a-TextControl-input-password {
20260
20523
  .a-Checkbox--button--checked.a-Checkbox--checkbox.a-Checkbox--button {
20261
20524
  border-color: #23b7e5;
20262
20525
  color: #23b7e5;
20526
+ box-shadow: -1px 0 0 0 #23b7e5;
20527
+ }
20528
+ .a-Checkbox--button--checked.a-Checkbox--checkbox.a-Checkbox--button:first-child {
20529
+ box-shadow: none;
20263
20530
  }
20264
20531
  .a-Checkbox--button--checked.a-Checkbox--checkbox.a-Checkbox--button:hover {
20265
20532
  border-color: #2468f2;
20266
20533
  color: #2468f2;
20534
+ box-shadow: -1px 0 0 0 #2468f2;
20267
20535
  }
20268
20536
  .a-Checkbox--button--checked.a-Checkbox--checkbox.a-Checkbox--button:active {
20269
- border-color: var(--Switch-checked-onHover-bgColor);
20270
- color: var(--Switch-checked-onHover-bgColor);
20537
+ border-color: #144bcc;
20538
+ color: #144bcc;
20539
+ box-shadow: -1px 0 0 0 #144bcc;
20271
20540
  }
20272
20541
  .a-Checkbox--button--disabled--unchecked.a-Checkbox--checkbox {
20273
20542
  background: #f7f7f9;
@@ -20386,7 +20655,7 @@ input.a-TextControl-input-password {
20386
20655
  }
20387
20656
  .a-RadiosControl .a-Checkbox--button-checked:active,
20388
20657
  .a-CheckboxesControl .a-Checkbox--button-checked:active {
20389
- border-color: var(--Switch-checked-onHover-bgColor);
20658
+ border-color: #144bcc;
20390
20659
  }
20391
20660
  .a-RadiosControl.is-inline .a-Checkbox,
20392
20661
  .a-CheckboxesControl.is-inline .a-Checkbox {
@@ -20446,6 +20715,7 @@ input.a-TextControl-input-password {
20446
20715
  padding: 0.25rem 0;
20447
20716
  }
20448
20717
  .a-GroupedSelection-group > .a-GroupedSelection-itemLabel {
20718
+ height: 2rem;
20449
20719
  padding: 0.25rem 0.75rem;
20450
20720
  color: #84868c;
20451
20721
  }
@@ -20952,6 +21222,9 @@ input.a-TextControl-input-password {
20952
21222
  .a-Number:hover {
20953
21223
  border-color: #23b7e5;
20954
21224
  }
21225
+ .a-Number:hover .a-Number-handler-wrap {
21226
+ display: block;
21227
+ }
20955
21228
  .a-Number-disabled:hover {
20956
21229
  border-color: #d1d5db;
20957
21230
  }
@@ -20998,6 +21271,7 @@ input.a-TextControl-input-password {
20998
21271
  content: "-";
20999
21272
  }
21000
21273
  .a-Number-handler-wrap {
21274
+ display: none;
21001
21275
  float: right;
21002
21276
  border-left: 0.0625rem solid #d1d5db;
21003
21277
  width: 1.25rem;
@@ -21186,11 +21460,14 @@ input.a-TextControl-input-password {
21186
21460
  }
21187
21461
  .a-Select:hover {
21188
21462
  background: #f2f2f2;
21189
- border-color: #d1d5db;
21463
+ border-color: #23b7e5;
21190
21464
  }
21191
21465
  .a-Select:hover .a-Select-arrow:before {
21192
21466
  color: #111827;
21193
21467
  }
21468
+ .a-Select:active {
21469
+ border-color: #1c53c1;
21470
+ }
21194
21471
  .a-Select.is-disabled {
21195
21472
  color: #99a6ad;
21196
21473
  background: #e5e7eb;
@@ -21199,6 +21476,9 @@ input.a-TextControl-input-password {
21199
21476
  .a-Select:focus {
21200
21477
  box-shadow: none;
21201
21478
  }
21479
+ .a-Select .a-PopOver.a-Select-popover {
21480
+ margin-top: 0.25rem;
21481
+ }
21202
21482
  .a-Select .a-PopOver.a-Select-popover .a-Select-menu {
21203
21483
  overflow-x: hidden;
21204
21484
  }
@@ -21436,6 +21716,7 @@ input.a-TextControl-input-password {
21436
21716
  text-overflow: ellipsis;
21437
21717
  overflow: hidden;
21438
21718
  white-space: nowrap;
21719
+ width: 100%;
21439
21720
  }
21440
21721
  .a-Select-option.is-active {
21441
21722
  color: #23b7e5;
@@ -21590,6 +21871,29 @@ input.a-TextControl-input-password {
21590
21871
  border-color: #f05050;
21591
21872
  background: #fff;
21592
21873
  }
21874
+ .a-SelectControl .a-TransferDropDown-popover {
21875
+ border: none;
21876
+ }
21877
+ .a-SelectControl .a-TransferDropDown-popover .a-Tree-list .a-Tree-item .a-Tree-itemLabel:hover,
21878
+ .a-SelectControl .a-TransferDropDown-popover .a-Tree-list .a-Tree-item .a-Tree-item--isLeaf:hover {
21879
+ background-color: transparent;
21880
+ }
21881
+ .a-SelectControl .a-TransferDropDown-popover .a-Tree-list .a-Tree-item .a-Tree-itemLabel:hover .a-Tree-itemText,
21882
+ .a-SelectControl .a-TransferDropDown-popover .a-Tree-list .a-Tree-item .a-Tree-item--isLeaf:hover .a-Tree-itemText {
21883
+ background: #f6f8f8;
21884
+ }
21885
+ .a-SelectControl .a-TransferDropDown-popover .a-Tree-list .a-Tree-item .a-Tree-itemLabel:active,
21886
+ .a-SelectControl .a-TransferDropDown-popover .a-Tree-list .a-Tree-item .a-Tree-item--isLeaf:active {
21887
+ background-color: transparent;
21888
+ }
21889
+ .a-SelectControl .a-TransferDropDown-popover .a-Tree-list .a-Tree-item .a-Tree-itemLabel:active .a-Tree-itemText,
21890
+ .a-SelectControl .a-TransferDropDown-popover .a-Tree-list .a-Tree-item .a-Tree-item--isLeaf:active .a-Tree-itemText {
21891
+ background: rgba(0, 126, 255, 0.08);
21892
+ }
21893
+ .a-SelectControl .a-TransferDropDown-popover .a-Tree-list .a-Tree-item .a-Tree-itemLabel.is-checked,
21894
+ .a-SelectControl .a-TransferDropDown-popover .a-Tree-list .a-Tree-item .a-Tree-item--isLeaf.is-checked {
21895
+ background-color: transparent;
21896
+ }
21593
21897
  .a-Select.is-error {
21594
21898
  border-color: #f05050;
21595
21899
  background: #fff;
@@ -21803,7 +22107,7 @@ input.a-TextControl-input-password {
21803
22107
  color: #111827;
21804
22108
  }
21805
22109
  .a-LocationPicker.is-focused, .a-LocationPicker.is-active {
21806
- border-color: #23b7e5;
22110
+ border-color: #144bcc;
21807
22111
  box-shadow: none;
21808
22112
  }
21809
22113
  .a-LocationPicker.is-disabled {
@@ -22078,6 +22382,15 @@ input.a-TextControl-input-password {
22078
22382
  outline: none;
22079
22383
  box-sizing: none;
22080
22384
  }
22385
+ .a-DatePicker-input::-moz-placeholder {
22386
+ color: #b8babf;
22387
+ }
22388
+ .a-DatePicker-input:-ms-input-placeholder {
22389
+ color: #b8babf;
22390
+ }
22391
+ .a-DatePicker-input::placeholder {
22392
+ color: #b8babf;
22393
+ }
22081
22394
  .a-DatePicker .a-DatePicker-clear {
22082
22395
  display: none;
22083
22396
  }
@@ -22102,8 +22415,8 @@ input.a-TextControl-input-password {
22102
22415
  .a-DatePicker:not(.is-disabled):hover .a-DatePicker-clear + .a-DatePicker-toggler {
22103
22416
  display: none;
22104
22417
  }
22105
- .a-DatePicker.is-focused {
22106
- border-color: #23b7e5;
22418
+ .a-DatePicker:not(.is-disabled).is-focused {
22419
+ border-color: #144bcc;
22107
22420
  box-shadow: none;
22108
22421
  }
22109
22422
  .a-DatePicker.is-disabled {
@@ -22300,13 +22613,16 @@ input.a-TextControl-input-password {
22300
22613
  .rdt .rdtPicker .rdtTimeToggle {
22301
22614
  background: #fff;
22302
22615
  }
22303
- .rdt .rdtPicker td.rdtDay:hover,
22304
- .rdt .rdtPicker td.rdtHour:hover,
22305
- .rdt .rdtPicker td.rdtMinute:hover,
22306
- .rdt .rdtPicker td.rdtSecond:hover,
22307
- .rdt .rdtPicker .rdtTimeToggle:hover {
22616
+ .rdt .rdtPicker td.rdtDay:hover span,
22617
+ .rdt .rdtPicker td.rdtHour:hover span,
22618
+ .rdt .rdtPicker td.rdtMinute:hover span,
22619
+ .rdt .rdtPicker td.rdtSecond:hover span,
22620
+ .rdt .rdtPicker .rdtTimeToggle:hover span {
22308
22621
  background: #f7f7f9;
22309
22622
  }
22623
+ .rdt .rdtPicker td.rdtToday:hover span {
22624
+ background: transparent;
22625
+ }
22310
22626
  .rdt .rdtPicker td.rdtBetween {
22311
22627
  background: rgba(35, 183, 229, 0.1);
22312
22628
  }
@@ -22329,10 +22645,8 @@ input.a-TextControl-input-password {
22329
22645
  color: #151b26;
22330
22646
  }
22331
22647
  .rdt .rdtPicker .rdtActive.rdtToday > span {
22332
- background: transparent;
22333
22648
  border-color: #144bcc;
22334
22649
  }
22335
- .rdt .rdtPicker td.rdtDisabled > span,
22336
22650
  .rdt .rdtPicker td.rdtDisabled:hover > span {
22337
22651
  background: #f7f7f9;
22338
22652
  }
@@ -22361,11 +22675,19 @@ input.a-TextControl-input-password {
22361
22675
  padding: 0.5rem;
22362
22676
  border-top: 1px solid #d1d5db;
22363
22677
  }
22678
+ .a-CalendarTimesWrapper {
22679
+ display: flex;
22680
+ flex-direction: column;
22681
+ height: 100%;
22682
+ }
22683
+ .a-CalendarTimesWrapper .a-CalendarInputsWrapper {
22684
+ height: 15.5rem;
22685
+ }
22364
22686
  .a-CalendarInputWrapper {
22365
22687
  display: inline-block;
22366
22688
  position: relative;
22367
22689
  width: 4rem;
22368
- height: 14rem;
22690
+ height: 15.5rem;
22369
22691
  overflow: auto;
22370
22692
  }
22371
22693
  .a-CalendarInputWrapper .a-CalendarInput-sugs {
@@ -22378,10 +22700,10 @@ input.a-TextControl-input-password {
22378
22700
  z-index: 10;
22379
22701
  }
22380
22702
  .a-CalendarInputWrapper .a-CalendarInput-sugsHours {
22381
- height: 54.25rem;
22703
+ height: 55.75rem;
22382
22704
  }
22383
22705
  .a-CalendarInputWrapper .a-CalendarInput-sugsTimes {
22384
- height: 117.25rem;
22706
+ height: 118.75rem;
22385
22707
  border-left: 1px solid #d1d5db;
22386
22708
  }
22387
22709
  .a-CalendarInputWrapper .a-CalendarInput-sugsItem {
@@ -22389,10 +22711,17 @@ input.a-TextControl-input-password {
22389
22711
  height: 28px;
22390
22712
  line-height: 28px;
22391
22713
  }
22392
- .a-CalendarInputWrapper .a-CalendarInput-sugsItem.is-highlight, .a-CalendarInputWrapper .a-CalendarInput-sugsItem:hover {
22714
+ .a-CalendarInputWrapper .a-CalendarInput-sugsItem.is-highlight {
22393
22715
  color: #23b7e5;
22394
22716
  background: rgba(0, 126, 255, 0.08);
22395
22717
  }
22718
+ .a-CalendarInputWrapper .a-CalendarInput-sugsItem:hover {
22719
+ color: #23b7e5;
22720
+ background: #F7F7F9;
22721
+ }
22722
+ .a-TimeContentWrapper {
22723
+ display: flex;
22724
+ }
22396
22725
  .a-TimeRangeHeaderWrapper {
22397
22726
  height: 40px;
22398
22727
  padding-top: 10px;
@@ -22405,6 +22734,7 @@ input.a-TextControl-input-password {
22405
22734
  justify-content: space-between;
22406
22735
  align-items: center;
22407
22736
  padding: 0 12px;
22737
+ border-top: 1px solid #d1d5db;
22408
22738
  }
22409
22739
  .a-TimeFooterWrapper .a-Button {
22410
22740
  height: 24px;
@@ -22591,7 +22921,6 @@ input.a-TextControl-input-password {
22591
22921
  display: table;
22592
22922
  table-layout: fixed;
22593
22923
  border-collapse: separate;
22594
- border-bottom: 1px solid #d1d5db;
22595
22924
  height: 40px;
22596
22925
  width: 100%;
22597
22926
  margin-top: -8px;
@@ -22604,6 +22933,25 @@ input.a-TextControl-input-password {
22604
22933
  .rdtHeader .rdtSwitch + .rdtSwitch {
22605
22934
  margin-left: 0.25rem;
22606
22935
  }
22936
+ .rdtHeader .date-icon-arrow-left,
22937
+ .rdtHeader .date-icon-arrow {
22938
+ width: 0.625rem;
22939
+ height: 0.625rem;
22940
+ top: 0;
22941
+ }
22942
+ .rdtHeader .date-icon-arrow-left {
22943
+ transform: rotate(180deg);
22944
+ transform-origin: 50% 50%;
22945
+ }
22946
+ .header-line {
22947
+ display: block;
22948
+ position: absolute;
22949
+ right: 0;
22950
+ left: 0;
22951
+ top: 40px;
22952
+ height: 1px;
22953
+ background: #d1d5db;
22954
+ }
22607
22955
  td.rdtMonth > span,
22608
22956
  td.rdtYear > span,
22609
22957
  td.rdtQuarter > span {
@@ -22614,20 +22962,27 @@ td.rdtYear.rdtBetween,
22614
22962
  td.rdtQuarter.rdtBetween {
22615
22963
  background: rgba(35, 183, 229, 0.1);
22616
22964
  }
22617
- td.rdtMonth:hover, td.rdtMonth.rdtActive, td.rdtMonth.rdtActive:hover,
22965
+ td.rdtMonth:hover,
22618
22966
  td.rdtYear:hover,
22967
+ td.rdtQuarter:hover {
22968
+ background: transparent;
22969
+ }
22970
+ td.rdtMonth:hover > span,
22971
+ td.rdtYear:hover > span,
22972
+ td.rdtQuarter:hover > span {
22973
+ color: #23b7e5;
22974
+ background: #F7F7F9;
22975
+ }
22976
+ td.rdtMonth.rdtActive, td.rdtMonth.rdtActive:hover,
22619
22977
  td.rdtYear.rdtActive,
22620
22978
  td.rdtYear.rdtActive:hover,
22621
- td.rdtQuarter:hover,
22622
22979
  td.rdtQuarter.rdtActive,
22623
22980
  td.rdtQuarter.rdtActive:hover {
22624
22981
  background: transparent;
22625
22982
  }
22626
- td.rdtMonth:hover > span, td.rdtMonth.rdtActive > span, td.rdtMonth.rdtActive:hover > span,
22627
- td.rdtYear:hover > span,
22983
+ td.rdtMonth.rdtActive > span, td.rdtMonth.rdtActive:hover > span,
22628
22984
  td.rdtYear.rdtActive > span,
22629
22985
  td.rdtYear.rdtActive:hover > span,
22630
- td.rdtQuarter:hover > span,
22631
22986
  td.rdtQuarter.rdtActive > span,
22632
22987
  td.rdtQuarter.rdtActive:hover > span {
22633
22988
  background: #23b7e5 !important;
@@ -22641,10 +22996,23 @@ td.rdtQuarter.rdtDisabled:hover {
22641
22996
  background: #f7f7f9;
22642
22997
  color: #b8babf;
22643
22998
  }
22644
- .a-DateRangePicker-start .rdtPicker .rdtActive.rdtBetween {
22999
+ .rdtPicker .rdtActive.rdtBetween.rdtStartDay {
22645
23000
  background: linear-gradient(to right, transparent 0%, transparent 50%, rgba(35, 183, 229, 0.1) 51%, rgba(35, 183, 229, 0.1) 100%);
22646
23001
  }
22647
- .a-DateRangePicker-end .rdtPicker .rdtActive.rdtBetween {
23002
+ .rdt .rdtPicker td.is-disabled {
23003
+ cursor: not-allowed !important;
23004
+ background: #f7f7f9;
23005
+ color: #99a6ad;
23006
+ }
23007
+ .rdt .rdtPicker td.is-disabled:hover {
23008
+ background: #f7f7f9;
23009
+ color: #99a6ad;
23010
+ }
23011
+ .rdt .rdtPicker td.is-disabled:hover > span {
23012
+ background: inherit !important;
23013
+ color: inherit !important;
23014
+ }
23015
+ .rdtPicker .rdtActive.rdtBetween.rdtEndDay {
22648
23016
  background: linear-gradient(to right, rgba(35, 183, 229, 0.1) 0%, rgba(35, 183, 229, 0.1) 50%, transparent 51%, transparent 100%);
22649
23017
  }
22650
23018
  .a-DateCalendar {
@@ -22659,12 +23027,7 @@ td.rdtQuarter.rdtDisabled:hover {
22659
23027
  flex-wrap: nowrap;
22660
23028
  border: 0.0625rem solid #d1d5db;
22661
23029
  font-size: 0.75rem;
22662
- padding: calc(
22663
- (
22664
- 1.875rem - 1.4285714286 *
22665
- 0.75rem
22666
- ) / 2 - 0.0625rem
22667
- ) 0.75rem;
23030
+ padding: 0 0.75rem;
22668
23031
  height: 1.875rem;
22669
23032
  outline: none;
22670
23033
  border-radius: 0.142rem;
@@ -22682,9 +23045,6 @@ td.rdtQuarter.rdtDisabled:hover {
22682
23045
  .a-DateRangePicker .a-DateRangePicker-clear {
22683
23046
  display: none;
22684
23047
  }
22685
- .a-DateRangePicker:not(.is-disabled) {
22686
- cursor: pointer;
22687
- }
22688
23048
  .a-DateRangePicker:not(.is-disabled):hover {
22689
23049
  background: #fff;
22690
23050
  border-color: #23b7e5;
@@ -22695,24 +23055,41 @@ td.rdtQuarter.rdtDisabled:hover {
22695
23055
  .a-DateRangePicker:not(.is-disabled):hover .a-DateRangePicker-clear + .a-DateRangePicker-toggler {
22696
23056
  display: none;
22697
23057
  }
22698
- .a-DateRangePicker.is-focused {
22699
- border-color: #23b7e5;
23058
+ .a-DateRangePicker:not(.is-disabled).is-focused {
23059
+ border-color: #144bcc;
22700
23060
  box-shadow: none;
22701
23061
  }
22702
23062
  .a-DateRangePicker .a-DateRangePicker-input {
22703
23063
  border: none;
22704
- border-bottom: 1px solid transparent;
23064
+ border-bottom: 2px solid transparent;
22705
23065
  outline: none;
22706
23066
  padding: 0;
22707
23067
  background: 0;
22708
23068
  flex: 1;
22709
23069
  width: 50%;
23070
+ line-height: 1.875rem;
23071
+ }
23072
+ .a-DateRangePicker .a-DateRangePicker-input::-moz-placeholder {
23073
+ color: #b8babf;
23074
+ }
23075
+ .a-DateRangePicker .a-DateRangePicker-input:-ms-input-placeholder {
23076
+ color: #b8babf;
23077
+ }
23078
+ .a-DateRangePicker .a-DateRangePicker-input::placeholder {
23079
+ color: #b8babf;
22710
23080
  }
22711
23081
  .a-DateRangePicker .a-DateRangePicker-input.isActive {
22712
- border-bottom: 1px solid #23b7e5;
23082
+ border-bottom: 2px solid #23b7e5;
22713
23083
  }
22714
23084
  .a-DateRangePicker .a-DateRangePicker-input-separator {
22715
23085
  margin: 0 0.5rem;
23086
+ display: flex;
23087
+ align-items: center;
23088
+ }
23089
+ .a-DateRangePicker .a-DateRangePicker-input-separator-line {
23090
+ width: 0.5rem;
23091
+ height: 1px;
23092
+ background: #B8BABF;
22716
23093
  }
22717
23094
  .a-DateRangePicker.is-disabled {
22718
23095
  background: #e5e7eb;
@@ -22783,10 +23160,13 @@ td.rdtQuarter.rdtDisabled:hover {
22783
23160
  width: auto;
22784
23161
  padding: 0;
22785
23162
  }
23163
+ .a-DateRangePicker-picker-wrap {
23164
+ display: flex;
23165
+ }
22786
23166
  .a-DateRangePicker-start,
22787
23167
  .a-DateRangePicker-end {
22788
- display: inline-block;
22789
- vertical-align: top;
23168
+ display: flex;
23169
+ flex: 1;
22790
23170
  }
22791
23171
  .a-DateRangePicker-start .rdtPicker,
22792
23172
  .a-DateRangePicker-end .rdtPicker {
@@ -23822,6 +24202,7 @@ td.rdtQuarter.rdtDisabled:hover {
23822
24202
  }
23823
24203
  .a-Tree-itemLabel {
23824
24204
  display: flex;
24205
+ flex-direction: row;
23825
24206
  align-items: center;
23826
24207
  position: relative;
23827
24208
  -webkit-user-select: none;
@@ -23839,12 +24220,25 @@ td.rdtQuarter.rdtDisabled:hover {
23839
24220
  display: inline-flex;
23840
24221
  align-self: center;
23841
24222
  }
23842
- .a-Tree-itemLabel:hover {
23843
- background: rgba(0, 126, 255, 0.08);
24223
+ .a-Tree-itemLabel-item {
24224
+ padding-left: 0.25rem;
24225
+ display: inline-block;
24226
+ width: 100%;
24227
+ }
24228
+ .a-Tree-itemLabel:hover .a-Tree-itemLabel-item {
24229
+ background-color: rgba(0, 126, 255, 0.08);
24230
+ }
24231
+ .a-Tree-itemLabel:hover .a-Tree-item-icons {
24232
+ visibility: visible;
23844
24233
  }
23845
24234
  .a-Tree-item .is-checked {
23846
- background: var(--Tree-item-onChekced-bg);
23847
- border-radius: var(--Tree-item-onChekced-bg-borderRadius);
24235
+ border-radius: 0.125rem;
24236
+ }
24237
+ .a-Tree-item .is-checked .a-Tree-itemLabel-item {
24238
+ background-color: rgba(0, 126, 255, 0.08);
24239
+ }
24240
+ .a-Tree-item .is-checked .a-Tree-item-icons {
24241
+ visibility: visible;
23848
24242
  }
23849
24243
  .a-Tree-item .is-disabled {
23850
24244
  color: #99a6ad;
@@ -23948,7 +24342,7 @@ td.rdtQuarter.rdtDisabled:hover {
23948
24342
  cursor: pointer;
23949
24343
  width: 1rem;
23950
24344
  display: inline-flex;
23951
- margin-right: 0.625rem;
24345
+ margin-right: 0.5rem;
23952
24346
  }
23953
24347
  .a-Tree-itemArrow > svg {
23954
24348
  width: 1rem;
@@ -23956,6 +24350,7 @@ td.rdtQuarter.rdtDisabled:hover {
23956
24350
  display: block;
23957
24351
  transition: transform 0.2s;
23958
24352
  top: 0;
24353
+ color: #84868c;
23959
24354
  }
23960
24355
  .a-Tree-itemArrow.is-folded > svg {
23961
24356
  transform: rotate(-90deg);
@@ -23973,7 +24368,7 @@ td.rdtQuarter.rdtDisabled:hover {
23973
24368
  }
23974
24369
  .a-Tree-itemIcon {
23975
24370
  display: inline-flex;
23976
- margin-right: 0.25rem;
24371
+ margin-right: 0.5rem;
23977
24372
  }
23978
24373
  .a-Tree-rootIcon > svg, .a-Tree-folderIcon > svg, .a-Tree-leafIcon > svg {
23979
24374
  top: 0;
@@ -23983,8 +24378,15 @@ td.rdtQuarter.rdtDisabled:hover {
23983
24378
  .a-Tree-itemText {
23984
24379
  cursor: pointer;
23985
24380
  flex: 1 auto;
24381
+ display: inline-block;
23986
24382
  color: #58666e;
23987
24383
  line-height: 1.5;
24384
+ max-width: 15.625rem;
24385
+ overflow: hidden;
24386
+ text-overflow: ellipsis;
24387
+ white-space: nowrap;
24388
+ position: relative;
24389
+ top: 0.25rem;
23988
24390
  }
23989
24391
  .is-disabled .a-Tree-itemText {
23990
24392
  color: #99a6ad;
@@ -24705,10 +25107,18 @@ td.rdtQuarter.rdtDisabled:hover {
24705
25107
  user-select: none;
24706
25108
  position: absolute;
24707
25109
  line-height: 1.4285714286;
25110
+ padding: calc(
25111
+ (
25112
+ 1.875rem - 1.4285714286 *
25113
+ 0.875rem - 0.125rem
25114
+ ) / 2
25115
+ ) 0.5rem;
24708
25116
  }
24709
25117
  .a-Picker-input {
24710
25118
  min-height: 1.875rem;
24711
25119
  height: auto;
25120
+ padding: 0;
25121
+ flex-wrap: nowrap;
24712
25122
  }
24713
25123
  .a-Picker .a-Picker-values {
24714
25124
  display: inline;
@@ -24716,6 +25126,12 @@ td.rdtQuarter.rdtDisabled:hover {
24716
25126
  .a-Picker-valueWrap {
24717
25127
  flex-grow: 1;
24718
25128
  position: relative;
25129
+ padding: calc(
25130
+ (
25131
+ 1.875rem - 1.4285714286 *
25132
+ 0.875rem - 0.125rem
25133
+ ) / 2
25134
+ ) 0.5rem;
24719
25135
  }
24720
25136
  .a-Picker-valueWrap > input {
24721
25137
  width: 1rem;
@@ -24757,6 +25173,10 @@ td.rdtQuarter.rdtDisabled:hover {
24757
25173
  .a-Picker-btn {
24758
25174
  cursor: pointer;
24759
25175
  color: #4b5563;
25176
+ flex: 30px 0 0;
25177
+ display: flex;
25178
+ align-items: center;
25179
+ justify-content: center;
24760
25180
  }
24761
25181
  .a-Picker-btn:hover {
24762
25182
  color: #111827;
@@ -24929,7 +25349,7 @@ td.rdtQuarter.rdtDisabled:hover {
24929
25349
  -moz-user-select: none;
24930
25350
  -ms-user-select: none;
24931
25351
  user-select: none;
24932
- color: #e6e6e8;
25352
+ color: #e8e9eb;
24933
25353
  }
24934
25354
  .a-Rating-star-half > svg.icon, .a-Rating-star > svg.icon {
24935
25355
  display: block;
@@ -24954,8 +25374,8 @@ td.rdtQuarter.rdtDisabled:hover {
24954
25374
  width: 50%;
24955
25375
  }
24956
25376
  .a-Rating-text {
24957
- font-size: 0.75rem;
24958
- color: #58666e;
25377
+ font-size: 0.875rem;
25378
+ color: var(--Rating-text-color);
24959
25379
  font-weight: 400;
24960
25380
  }
24961
25381
  .a-Rating-text--left {
@@ -25017,6 +25437,7 @@ td.rdtQuarter.rdtDisabled:hover {
25017
25437
  max-height: 100%;
25018
25438
  overflow: auto;
25019
25439
  position: relative;
25440
+ padding: 0;
25020
25441
  }
25021
25442
  .a-Transfer-select > .a-ChainedSelection {
25022
25443
  min-height: unset;
@@ -25040,9 +25461,6 @@ td.rdtQuarter.rdtDisabled:hover {
25040
25461
  .a-Transfer-select {
25041
25462
  overflow: hidden;
25042
25463
  }
25043
- .a-Transfer-search + .a-Transfer-selection {
25044
- border-top: 1px solid #d1d5db;
25045
- }
25046
25464
  .a-Transfer-selection .a-ListSelection-placeholder {
25047
25465
  height: 100%;
25048
25466
  display: flex;
@@ -25229,6 +25647,11 @@ td.rdtQuarter.rdtDisabled:hover {
25229
25647
  .a-NestedSelectControl {
25230
25648
  position: relative;
25231
25649
  }
25650
+ .a-NestedSelectControl .a-NestedSelect-menu {
25651
+ padding-top: 0.25rem;
25652
+ padding-bottom: 0.25rem;
25653
+ box-shadow: 0 0.125rem 0.5rem 0 rgba(7, 12, 20, 0.12);
25654
+ }
25232
25655
  .a-NestedSelect {
25233
25656
  position: relative;
25234
25657
  }
@@ -25704,7 +26127,7 @@ td.rdtQuarter.rdtDisabled:hover {
25704
26127
  }
25705
26128
  .a-Form-label {
25706
26129
  font-weight: 400;
25707
- margin-bottom: 0.25rem;
26130
+ margin-bottom: 0.5rem;
25708
26131
  position: relative;
25709
26132
  font-size: 0.875rem;
25710
26133
  color: #5e626a;
@@ -25801,6 +26224,9 @@ td.rdtQuarter.rdtDisabled:hover {
25801
26224
  .a-Form-item.is-error > .a-Form-label {
25802
26225
  color: #f05050;
25803
26226
  }
26227
+ .a-Form-item .a-Form-control--withSize > .a-ResultBox {
26228
+ display: flex;
26229
+ }
25804
26230
  .a-Form-placeholder {
25805
26231
  color: #99a6ad;
25806
26232
  }
@@ -26619,7 +27045,7 @@ td.rdtQuarter.rdtDisabled:hover {
26619
27045
  margin: 0;
26620
27046
  padding: 0;
26621
27047
  width: 8.75rem;
26622
- border-right: 0.0625rem solid #d3dae0;
27048
+ border-left: 0.125rem solid #d3dae0;
26623
27049
  padding-bottom: 3.75rem;
26624
27050
  }
26625
27051
  .a-AnchorNav--vertical .a-AnchorNav-link-wrap > .a-AnchorNav-link {
@@ -26629,24 +27055,38 @@ td.rdtQuarter.rdtDisabled:hover {
26629
27055
  .a-AnchorNav--vertical .a-AnchorNav-link-wrap > .a-AnchorNav-link > a {
26630
27056
  display: block;
26631
27057
  border: 0.0625rem solid transparent;
26632
- border-width: 0 0.125rem 0 0;
27058
+ border-width: 0 0 0 0.125rem;
26633
27059
  color: #58666e;
26634
- padding: 0.5rem 0.75rem;
26635
- font-size: 0.875rem;
27060
+ padding: 0 0.5rem;
27061
+ padding-left: 0.625rem;
27062
+ font-size: 0.75rem;
26636
27063
  outline: none;
26637
- text-align: right;
27064
+ text-align: left;
26638
27065
  text-decoration: none;
26639
27066
  cursor: pointer;
26640
27067
  margin: 0;
27068
+ margin-left: -0.125rem;
27069
+ height: 2rem;
27070
+ line-height: 2rem;
26641
27071
  }
26642
27072
  .a-AnchorNav--vertical .a-AnchorNav-link-wrap > .a-AnchorNav-link > a:hover {
26643
27073
  color: #7266ba;
26644
27074
  }
26645
- .a-AnchorNav--vertical .a-AnchorNav-link-wrap > .a-AnchorNav-link.is-active > a,
26646
- .a-AnchorNav--vertical .a-AnchorNav-link-wrap > .a-AnchorNav-link.is-active > a:hover {
27075
+ .a-AnchorNav--vertical .a-AnchorNav-link-wrap > .a-AnchorNav-link > a:active {
27076
+ color: #144bcc;
27077
+ }
27078
+ .a-AnchorNav--vertical .a-AnchorNav-link-wrap > .a-AnchorNav-link.is-active > a {
26647
27079
  color: #7266ba;
26648
27080
  border-color: #7266ba;
26649
27081
  }
27082
+ .a-AnchorNav--vertical .a-AnchorNav-link-wrap > .a-AnchorNav-link.is-active > a:hover {
27083
+ color: #528EFF;
27084
+ border-color: #528EFF;
27085
+ }
27086
+ .a-AnchorNav--vertical .a-AnchorNav-link-wrap > .a-AnchorNav-link.is-active > a:active {
27087
+ color: #144bcc;
27088
+ border-color: #144bcc;
27089
+ }
26650
27090
  .a-AnchorNav--horizontal {
26651
27091
  flex-direction: column;
26652
27092
  }
@@ -27380,6 +27820,9 @@ td.rdtQuarter.rdtDisabled:hover {
27380
27820
  top: 1.25rem;
27381
27821
  background-color: #e6e6e8;
27382
27822
  }
27823
+ .a-Timeline-vertical .a-TimelineItem-axle .a-TimelineItem-line-icon {
27824
+ left: 0.75rem;
27825
+ }
27383
27826
  .a-Timeline-vertical .a-TimelineItem-axle .a-TimelineItem-round {
27384
27827
  position: absolute;
27385
27828
  width: 0.5rem;
@@ -27418,10 +27861,17 @@ td.rdtQuarter.rdtDisabled:hover {
27418
27861
  margin-bottom: 0.25rem;
27419
27862
  }
27420
27863
  .a-Timeline-vertical .a-TimelineItem-content .a-TimelineItem-title {
27864
+ display: flex;
27421
27865
  color: #151a26;
27422
27866
  font-size: var(--Timeline--font-size);
27423
27867
  margin-bottom: 0.25rem;
27424
27868
  }
27869
+ .a-Timeline-vertical .a-TimelineItem-content .a-TimelineItem-title .a-PlainField {
27870
+ padding-right: 0.75rem;
27871
+ }
27872
+ .a-Timeline-vertical .a-TimelineItem-content .a-TimelineItem-title .a-Button {
27873
+ margin-left: 0.75rem;
27874
+ }
27425
27875
  .a-Timeline-vertical .a-TimelineItem-content .a-TimelineItem-detail .a-TimelineItem-detail-button {
27426
27876
  display: flex;
27427
27877
  cursor: pointer;
@@ -27439,6 +27889,7 @@ td.rdtQuarter.rdtDisabled:hover {
27439
27889
  }
27440
27890
  .a-Timeline-vertical .a-TimelineItem-content .a-TimelineItem-detail .a-TimelineItem-detail-visible {
27441
27891
  display: block;
27892
+ border-radius: 0.25rem;
27442
27893
  max-width: 18.75rem;
27443
27894
  font-size: var(--Timeline--font-size);
27444
27895
  padding: 0.625rem;
@@ -27481,7 +27932,7 @@ td.rdtQuarter.rdtDisabled:hover {
27481
27932
  position: absolute;
27482
27933
  height: 0.125rem;
27483
27934
  width: calc(100% - 0.8125rem);
27484
- left: 1.25rem;
27935
+ left: 1.125rem;
27485
27936
  top: 0.8125rem;
27486
27937
  background-color: #e6e6e8;
27487
27938
  }
@@ -27514,6 +27965,7 @@ td.rdtQuarter.rdtDisabled:hover {
27514
27965
  border-radius: 50%;
27515
27966
  }
27516
27967
  .a-Timeline-horizontal .a-TimelineItem-content {
27968
+ margin-top: -0.1875rem;
27517
27969
  padding-bottom: 1rem;
27518
27970
  margin-left: 0.125rem;
27519
27971
  }
@@ -27544,6 +27996,7 @@ td.rdtQuarter.rdtDisabled:hover {
27544
27996
  }
27545
27997
  .a-Timeline-horizontal .a-TimelineItem-content .a-TimelineItem-detail .a-TimelineItem-detail-visible {
27546
27998
  display: block;
27999
+ border-radius: 0.25rem;
27547
28000
  max-width: 18.75rem;
27548
28001
  font-size: var(--Timeline--font-size);
27549
28002
  padding: 0.625rem;
@@ -27588,22 +28041,22 @@ td.rdtQuarter.rdtDisabled:hover {
27588
28041
  color: #fff;
27589
28042
  }
27590
28043
  .a-Tag--normal--inactive {
27591
- background: #b4b6ba;
28044
+ background: #b8babf;
27592
28045
  }
27593
28046
  .a-Tag--normal--active {
27594
28047
  background: #2468f2;
27595
28048
  }
27596
28049
  .a-Tag--normal--processing {
27597
- background: #1ac5ff;
28050
+ background: #528eff;
27598
28051
  }
27599
28052
  .a-Tag--normal--success {
27600
- background: #0bc286;
28053
+ background: #30bf13;
27601
28054
  }
27602
28055
  .a-Tag--normal--error {
27603
- background: #e8684a;
28056
+ background: #f33e3e;
27604
28057
  }
27605
28058
  .a-Tag--normal--warning {
27606
- background: #ffb200;
28059
+ background: #ff9326;
27607
28060
  }
27608
28061
  .a-Tag--rounded {
27609
28062
  background-color: #fff;
@@ -27613,49 +28066,49 @@ td.rdtQuarter.rdtDisabled:hover {
27613
28066
  line-height: 22px;
27614
28067
  }
27615
28068
  .a-Tag--rounded--inactive {
27616
- border-color: #b4b6ba;
27617
- color: #b4b6ba;
28069
+ border-color: #b8babf;
28070
+ color: #b8babf;
27618
28071
  }
27619
28072
  .a-Tag--rounded--active {
27620
28073
  border-color: #2468f2;
27621
28074
  color: #2468f2;
27622
28075
  }
27623
28076
  .a-Tag--rounded--processing {
27624
- border-color: #1ac5ff;
27625
- color: #1ac5ff;
28077
+ border-color: #528eff;
28078
+ color: #528eff;
27626
28079
  }
27627
28080
  .a-Tag--rounded--success {
27628
- border-color: #0bc286;
27629
- color: #0bc286;
28081
+ border-color: #30bf13;
28082
+ color: #30bf13;
27630
28083
  }
27631
28084
  .a-Tag--rounded--error {
27632
- border-color: #e8684a;
27633
- color: #e8684a;
28085
+ border-color: #f33e3e;
28086
+ color: #f33e3e;
27634
28087
  }
27635
28088
  .a-Tag--rounded--warning {
27636
- border-color: #ffb200;
27637
- color: #ffb200;
28089
+ border-color: #ff9326;
28090
+ color: #ff9326;
27638
28091
  }
27639
28092
  .a-Tag--status {
27640
28093
  background-color: #fff;
27641
28094
  }
27642
28095
  .a-Tag--status--inactive .a-Tag--prev {
27643
- color: #b4b6ba;
28096
+ color: #b8babf;
27644
28097
  }
27645
28098
  .a-Tag--status--active .a-Tag--prev {
27646
28099
  color: #2468f2;
27647
28100
  }
27648
28101
  .a-Tag--status--processing .a-Tag--prev {
27649
- color: #1ac5ff;
28102
+ color: #528eff;
27650
28103
  }
27651
28104
  .a-Tag--status--success .a-Tag--prev {
27652
- color: #0bc286;
28105
+ color: #30bf13;
27653
28106
  }
27654
28107
  .a-Tag--status--error .a-Tag--prev {
27655
- color: #e8684a;
28108
+ color: #f33e3e;
27656
28109
  }
27657
28110
  .a-Tag--status--warning .a-Tag--prev {
27658
- color: #ffb200;
28111
+ color: #ff9326;
27659
28112
  }
27660
28113
  .a-Tag--status:not(.a-Tag--status--processing):not(.a-Tag--status--active) .icon-dot #dotWave {
27661
28114
  display: none;