amis 2.0.2 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (384) 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.js +8 -5
  6. package/esm/renderers/Alert.js +1 -1
  7. package/esm/renderers/AnchorNav.js +1 -1
  8. package/esm/renderers/App.js +1 -1
  9. package/esm/renderers/Audio.js +1 -1
  10. package/esm/renderers/Avatar.js +1 -1
  11. package/esm/renderers/BarCode.js +1 -1
  12. package/esm/renderers/Breadcrumb.js +1 -1
  13. package/esm/renderers/ButtonGroup.js +1 -1
  14. package/esm/renderers/CRUD.d.ts +1 -1
  15. package/esm/renderers/CRUD.js +13 -4
  16. package/esm/renderers/CRUD2.js +1 -1
  17. package/esm/renderers/Calendar.js +1 -1
  18. package/esm/renderers/Card.js +1 -1
  19. package/esm/renderers/Card2.js +1 -1
  20. package/esm/renderers/Cards.d.ts +1 -0
  21. package/esm/renderers/Cards.js +13 -8
  22. package/esm/renderers/Carousel.js +1 -1
  23. package/esm/renderers/Chart.js +2 -1
  24. package/esm/renderers/Code.js +1 -1
  25. package/esm/renderers/Collapse.js +1 -1
  26. package/esm/renderers/CollapseGroup.js +1 -1
  27. package/esm/renderers/Color.js +1 -1
  28. package/esm/renderers/Container.js +1 -1
  29. package/esm/renderers/Copyable.js +5 -4
  30. package/esm/renderers/Custom.js +1 -1
  31. package/esm/renderers/Date.js +1 -1
  32. package/esm/renderers/Dialog.d.ts +49 -43
  33. package/esm/renderers/Dialog.js +3 -3
  34. package/esm/renderers/Divider.js +1 -1
  35. package/esm/renderers/Drawer.js +1 -1
  36. package/esm/renderers/DropDownButton.d.ts +1 -1
  37. package/esm/renderers/DropDownButton.js +16 -5
  38. package/esm/renderers/Each.js +1 -1
  39. package/esm/renderers/Flex.js +1 -1
  40. package/esm/renderers/Form/ButtonGroupSelect.js +1 -1
  41. package/esm/renderers/Form/ButtonToolbar.js +1 -1
  42. package/esm/renderers/Form/ChainedSelect.js +1 -1
  43. package/esm/renderers/Form/ChartRadios.js +1 -1
  44. package/esm/renderers/Form/Checkbox.js +1 -1
  45. package/esm/renderers/Form/Checkboxes.d.ts +1 -2
  46. package/esm/renderers/Form/Checkboxes.js +4 -4
  47. package/esm/renderers/Form/Combo.js +1 -1
  48. package/esm/renderers/Form/ConditionBuilder.js +1 -1
  49. package/esm/renderers/Form/Control.js +1 -1
  50. package/esm/renderers/Form/DiffEditor.js +1 -1
  51. package/esm/renderers/Form/Editor.js +1 -1
  52. package/esm/renderers/Form/FieldSet.js +1 -1
  53. package/esm/renderers/Form/Formula.js +1 -1
  54. package/esm/renderers/Form/Group.js +4 -3
  55. package/esm/renderers/Form/Hidden.js +1 -1
  56. package/esm/renderers/Form/IconPicker.js +1 -1
  57. package/esm/renderers/Form/IconPickerIcons.js +1 -1
  58. package/esm/renderers/Form/InputArray.js +1 -1
  59. package/esm/renderers/Form/InputCity.js +1 -1
  60. package/esm/renderers/Form/InputColor.js +1 -1
  61. package/esm/renderers/Form/InputDate.js +1 -1
  62. package/esm/renderers/Form/InputDateRange.js +1 -1
  63. package/esm/renderers/Form/InputExcel.js +1 -1
  64. package/esm/renderers/Form/InputFile.js +4 -5
  65. package/esm/renderers/Form/InputFormula.js +1 -1
  66. package/esm/renderers/Form/InputGroup.js +1 -1
  67. package/esm/renderers/Form/InputImage.js +1 -1
  68. package/esm/renderers/Form/InputMonthRange.js +1 -1
  69. package/esm/renderers/Form/InputNumber.js +1 -1
  70. package/esm/renderers/Form/InputQuarterRange.js +1 -1
  71. package/esm/renderers/Form/InputRange.js +1 -1
  72. package/esm/renderers/Form/InputRating.js +1 -1
  73. package/esm/renderers/Form/InputRepeat.js +1 -1
  74. package/esm/renderers/Form/InputRichText.js +1 -1
  75. package/esm/renderers/Form/InputSubForm.js +1 -1
  76. package/esm/renderers/Form/InputTable.d.ts +9 -3
  77. package/esm/renderers/Form/InputTable.js +55 -6
  78. package/esm/renderers/Form/InputTag.d.ts +1 -0
  79. package/esm/renderers/Form/InputTag.js +23 -6
  80. package/esm/renderers/Form/InputText.d.ts +1 -1
  81. package/esm/renderers/Form/InputText.js +3 -2
  82. package/esm/renderers/Form/InputTree.js +1 -1
  83. package/esm/renderers/Form/InputYearRange.js +1 -1
  84. package/esm/renderers/Form/JSONSchema.js +1 -1
  85. package/esm/renderers/Form/JSONSchemaEditor.js +1 -1
  86. package/esm/renderers/Form/ListSelect.js +1 -1
  87. package/esm/renderers/Form/LocationPicker.js +1 -1
  88. package/esm/renderers/Form/MatrixCheckboxes.js +1 -1
  89. package/esm/renderers/Form/NestedSelect.js +4 -4
  90. package/esm/renderers/Form/Picker.js +6 -2
  91. package/esm/renderers/Form/Radios.js +1 -1
  92. package/esm/renderers/Form/Select.js +1 -1
  93. package/esm/renderers/Form/Static.js +1 -1
  94. package/esm/renderers/Form/Switch.js +1 -1
  95. package/esm/renderers/Form/TabsTransfer.js +1 -1
  96. package/esm/renderers/Form/TabsTransferPicker.js +1 -1
  97. package/esm/renderers/Form/Textarea.js +1 -1
  98. package/esm/renderers/Form/Transfer.js +1 -1
  99. package/esm/renderers/Form/TransferPicker.js +1 -1
  100. package/esm/renderers/Form/TreeSelect.js +6 -8
  101. package/esm/renderers/Form/UUID.js +1 -1
  102. package/esm/renderers/Form/UserSelect.js +1 -1
  103. package/esm/renderers/Grid.js +6 -3
  104. package/esm/renderers/Grid2D.js +1 -1
  105. package/esm/renderers/GridNav.js +1 -1
  106. package/esm/renderers/HBox.js +1 -1
  107. package/esm/renderers/IFrame.d.ts +4 -0
  108. package/esm/renderers/IFrame.js +3 -3
  109. package/esm/renderers/Icon.js +1 -1
  110. package/esm/renderers/Image.d.ts +20 -6
  111. package/esm/renderers/Image.js +3 -3
  112. package/esm/renderers/Images.js +1 -1
  113. package/esm/renderers/Json.js +1 -1
  114. package/esm/renderers/Link.js +1 -1
  115. package/esm/renderers/List.js +5 -4
  116. package/esm/renderers/Log.js +1 -1
  117. package/esm/renderers/Mapping.js +1 -1
  118. package/esm/renderers/Markdown.js +1 -1
  119. package/esm/renderers/Nav.js +1 -1
  120. package/esm/renderers/Operation.js +1 -1
  121. package/esm/renderers/Page.d.ts +1 -0
  122. package/esm/renderers/Page.js +7 -1
  123. package/esm/renderers/Pagination.d.ts +5 -0
  124. package/esm/renderers/Pagination.js +1 -1
  125. package/esm/renderers/PaginationWrapper.js +1 -1
  126. package/esm/renderers/Panel.js +1 -1
  127. package/esm/renderers/Plain.js +1 -1
  128. package/esm/renderers/PopOver.js +1 -1
  129. package/esm/renderers/Portlet.js +1 -1
  130. package/esm/renderers/Progress.js +1 -1
  131. package/esm/renderers/Property.js +5 -6
  132. package/esm/renderers/QRCode.js +1 -1
  133. package/esm/renderers/QuickEdit.js +1 -1
  134. package/esm/renderers/Remark.js +1 -1
  135. package/esm/renderers/SearchBox.js +1 -1
  136. package/esm/renderers/Service.js +2 -1
  137. package/esm/renderers/SparkLine.js +1 -1
  138. package/esm/renderers/Spinner.js +1 -1
  139. package/esm/renderers/Status.js +3 -3
  140. package/esm/renderers/Steps.d.ts +2 -1
  141. package/esm/renderers/Steps.js +12 -8
  142. package/esm/renderers/Table/ColumnToggler.js +1 -1
  143. package/esm/renderers/Table/HeadCellFilterDropdown.js +1 -1
  144. package/esm/renderers/Table/HeadCellSearchDropdown.js +2 -2
  145. package/esm/renderers/Table/ItemActionsWrapper.js +1 -1
  146. package/esm/renderers/Table/TableBody.js +1 -1
  147. package/esm/renderers/Table/TableCell.js +1 -1
  148. package/esm/renderers/Table/TableContent.js +9 -2
  149. package/esm/renderers/Table/TableRow.js +1 -1
  150. package/esm/renderers/Table/exportExcel.js +1 -1
  151. package/esm/renderers/Table/index.d.ts +3 -0
  152. package/esm/renderers/Table/index.js +102 -46
  153. package/esm/renderers/Table-v2/ColumnToggler.js +1 -1
  154. package/esm/renderers/Table-v2/HeadCellSearchDropdown.js +1 -1
  155. package/esm/renderers/Table-v2/TableCell.js +1 -1
  156. package/esm/renderers/Table-v2/index.js +1 -1
  157. package/esm/renderers/TableView.js +18 -14
  158. package/esm/renderers/Tabs.js +1 -1
  159. package/esm/renderers/Tag.js +1 -1
  160. package/esm/renderers/Tasks.js +1 -1
  161. package/esm/renderers/Timeline.js +1 -1
  162. package/esm/renderers/TooltipWrapper.js +1 -1
  163. package/esm/renderers/Tpl.js +1 -1
  164. package/esm/renderers/VBox.js +1 -1
  165. package/esm/renderers/Video.js +1 -1
  166. package/esm/renderers/WebComponent.js +1 -1
  167. package/esm/renderers/Wizard.js +1 -1
  168. package/esm/renderers/Wrapper.js +1 -1
  169. package/esm/schemaExtend.js +1 -1
  170. package/esm/types.d.ts +1 -1
  171. package/lib/Schema.d.ts +1 -1
  172. package/lib/compat.js +1 -1
  173. package/lib/index.js +1 -1
  174. package/lib/preset.js +1 -1
  175. package/lib/renderers/Action.js +8 -5
  176. package/lib/renderers/Alert.js +1 -1
  177. package/lib/renderers/AnchorNav.js +1 -1
  178. package/lib/renderers/App.js +1 -1
  179. package/lib/renderers/Audio.js +1 -1
  180. package/lib/renderers/Avatar.js +1 -1
  181. package/lib/renderers/BarCode.js +1 -1
  182. package/lib/renderers/Breadcrumb.js +1 -1
  183. package/lib/renderers/ButtonGroup.js +1 -1
  184. package/lib/renderers/CRUD.d.ts +2 -2
  185. package/lib/renderers/CRUD.js +13 -4
  186. package/lib/renderers/CRUD2.js +1 -1
  187. package/lib/renderers/Calendar.js +1 -1
  188. package/lib/renderers/Card.js +1 -1
  189. package/lib/renderers/Card2.js +1 -1
  190. package/lib/renderers/Cards.d.ts +1 -0
  191. package/lib/renderers/Cards.js +12 -7
  192. package/lib/renderers/Carousel.js +1 -1
  193. package/lib/renderers/Chart.js +2 -1
  194. package/lib/renderers/Code.js +1 -1
  195. package/lib/renderers/Collapse.js +1 -1
  196. package/lib/renderers/CollapseGroup.js +1 -1
  197. package/lib/renderers/Color.js +1 -1
  198. package/lib/renderers/Container.js +1 -1
  199. package/lib/renderers/Copyable.js +4 -3
  200. package/lib/renderers/Custom.js +1 -1
  201. package/lib/renderers/Date.js +1 -1
  202. package/lib/renderers/Dialog.d.ts +49 -43
  203. package/lib/renderers/Dialog.js +3 -3
  204. package/lib/renderers/Divider.js +1 -1
  205. package/lib/renderers/Drawer.js +1 -1
  206. package/lib/renderers/DropDownButton.d.ts +1 -1
  207. package/lib/renderers/DropDownButton.js +15 -4
  208. package/lib/renderers/Each.js +1 -1
  209. package/lib/renderers/Flex.js +1 -1
  210. package/lib/renderers/Form/ButtonGroupSelect.js +1 -1
  211. package/lib/renderers/Form/ButtonToolbar.js +1 -1
  212. package/lib/renderers/Form/ChainedSelect.js +1 -1
  213. package/lib/renderers/Form/ChartRadios.js +1 -1
  214. package/lib/renderers/Form/Checkbox.js +1 -1
  215. package/lib/renderers/Form/Checkboxes.d.ts +1 -2
  216. package/lib/renderers/Form/Checkboxes.js +4 -3
  217. package/lib/renderers/Form/Combo.js +1 -1
  218. package/lib/renderers/Form/ConditionBuilder.js +1 -1
  219. package/lib/renderers/Form/Control.js +1 -1
  220. package/lib/renderers/Form/DiffEditor.d.ts +18 -18
  221. package/lib/renderers/Form/DiffEditor.js +1 -1
  222. package/lib/renderers/Form/Editor.d.ts +3 -3
  223. package/lib/renderers/Form/Editor.js +1 -1
  224. package/lib/renderers/Form/FieldSet.js +1 -1
  225. package/lib/renderers/Form/Formula.js +1 -1
  226. package/lib/renderers/Form/Group.js +4 -3
  227. package/lib/renderers/Form/Hidden.js +1 -1
  228. package/lib/renderers/Form/IconPicker.js +1 -1
  229. package/lib/renderers/Form/IconPickerIcons.js +1 -1
  230. package/lib/renderers/Form/InputArray.js +1 -1
  231. package/lib/renderers/Form/InputCity.d.ts +40 -40
  232. package/lib/renderers/Form/InputCity.js +1 -1
  233. package/lib/renderers/Form/InputColor.d.ts +40 -40
  234. package/lib/renderers/Form/InputColor.js +1 -1
  235. package/lib/renderers/Form/InputDate.js +1 -1
  236. package/lib/renderers/Form/InputDateRange.js +1 -1
  237. package/lib/renderers/Form/InputExcel.js +1 -1
  238. package/lib/renderers/Form/InputFile.js +3 -4
  239. package/lib/renderers/Form/InputFormula.js +1 -1
  240. package/lib/renderers/Form/InputGroup.js +1 -1
  241. package/lib/renderers/Form/InputImage.js +1 -1
  242. package/lib/renderers/Form/InputMonthRange.js +1 -1
  243. package/lib/renderers/Form/InputNumber.js +1 -1
  244. package/lib/renderers/Form/InputQuarterRange.js +1 -1
  245. package/lib/renderers/Form/InputRange.js +1 -1
  246. package/lib/renderers/Form/InputRating.js +1 -1
  247. package/lib/renderers/Form/InputRepeat.js +1 -1
  248. package/lib/renderers/Form/InputRichText.js +1 -1
  249. package/lib/renderers/Form/InputSubForm.js +1 -1
  250. package/lib/renderers/Form/InputTable.d.ts +9 -3
  251. package/lib/renderers/Form/InputTable.js +57 -4
  252. package/lib/renderers/Form/InputTag.d.ts +1 -0
  253. package/lib/renderers/Form/InputTag.js +23 -6
  254. package/lib/renderers/Form/InputText.d.ts +1 -1
  255. package/lib/renderers/Form/InputText.js +3 -2
  256. package/lib/renderers/Form/InputTree.js +1 -1
  257. package/lib/renderers/Form/InputYearRange.js +1 -1
  258. package/lib/renderers/Form/JSONSchema.js +1 -1
  259. package/lib/renderers/Form/JSONSchemaEditor.js +1 -1
  260. package/lib/renderers/Form/ListSelect.js +1 -1
  261. package/lib/renderers/Form/LocationPicker.js +1 -1
  262. package/lib/renderers/Form/MatrixCheckboxes.js +1 -1
  263. package/lib/renderers/Form/NestedSelect.js +4 -4
  264. package/lib/renderers/Form/Picker.js +6 -2
  265. package/lib/renderers/Form/Radios.js +1 -1
  266. package/lib/renderers/Form/Select.js +1 -1
  267. package/lib/renderers/Form/Static.js +1 -1
  268. package/lib/renderers/Form/Switch.js +1 -1
  269. package/lib/renderers/Form/TabsTransfer.js +1 -1
  270. package/lib/renderers/Form/TabsTransferPicker.js +1 -1
  271. package/lib/renderers/Form/Textarea.js +1 -1
  272. package/lib/renderers/Form/Transfer.js +1 -1
  273. package/lib/renderers/Form/TransferPicker.js +1 -1
  274. package/lib/renderers/Form/TreeSelect.js +6 -8
  275. package/lib/renderers/Form/UUID.js +1 -1
  276. package/lib/renderers/Form/UserSelect.js +1 -1
  277. package/lib/renderers/Grid.js +6 -3
  278. package/lib/renderers/Grid2D.js +1 -1
  279. package/lib/renderers/GridNav.js +1 -1
  280. package/lib/renderers/HBox.js +1 -1
  281. package/lib/renderers/IFrame.d.ts +4 -0
  282. package/lib/renderers/IFrame.js +3 -3
  283. package/lib/renderers/Icon.js +1 -1
  284. package/lib/renderers/Image.d.ts +20 -6
  285. package/lib/renderers/Image.js +3 -3
  286. package/lib/renderers/Images.js +1 -1
  287. package/lib/renderers/Json.js +1 -1
  288. package/lib/renderers/Link.js +1 -1
  289. package/lib/renderers/List.js +4 -3
  290. package/lib/renderers/Log.js +1 -1
  291. package/lib/renderers/Mapping.js +1 -1
  292. package/lib/renderers/Markdown.js +1 -1
  293. package/lib/renderers/Nav.d.ts +10 -10
  294. package/lib/renderers/Nav.js +1 -1
  295. package/lib/renderers/Operation.js +1 -1
  296. package/lib/renderers/Page.d.ts +1 -0
  297. package/lib/renderers/Page.js +7 -1
  298. package/lib/renderers/Pagination.d.ts +5 -0
  299. package/lib/renderers/Pagination.js +1 -1
  300. package/lib/renderers/PaginationWrapper.js +1 -1
  301. package/lib/renderers/Panel.js +1 -1
  302. package/lib/renderers/Plain.js +1 -1
  303. package/lib/renderers/PopOver.js +1 -1
  304. package/lib/renderers/Portlet.js +1 -1
  305. package/lib/renderers/Progress.js +1 -1
  306. package/lib/renderers/Property.js +4 -5
  307. package/lib/renderers/QRCode.js +1 -1
  308. package/lib/renderers/QuickEdit.js +1 -1
  309. package/lib/renderers/Remark.d.ts +1 -1
  310. package/lib/renderers/Remark.js +1 -1
  311. package/lib/renderers/SearchBox.js +1 -1
  312. package/lib/renderers/Service.js +2 -1
  313. package/lib/renderers/SparkLine.js +1 -1
  314. package/lib/renderers/Spinner.js +1 -1
  315. package/lib/renderers/Status.js +3 -3
  316. package/lib/renderers/Steps.d.ts +2 -1
  317. package/lib/renderers/Steps.js +11 -7
  318. package/lib/renderers/Table/ColumnToggler.js +1 -1
  319. package/lib/renderers/Table/HeadCellFilterDropdown.js +1 -1
  320. package/lib/renderers/Table/HeadCellSearchDropdown.js +2 -2
  321. package/lib/renderers/Table/ItemActionsWrapper.js +1 -1
  322. package/lib/renderers/Table/TableBody.js +1 -1
  323. package/lib/renderers/Table/TableCell.js +1 -1
  324. package/lib/renderers/Table/TableContent.js +9 -2
  325. package/lib/renderers/Table/TableRow.js +1 -1
  326. package/lib/renderers/Table/exportExcel.js +1 -1
  327. package/lib/renderers/Table/index.d.ts +3 -0
  328. package/lib/renderers/Table/index.js +102 -46
  329. package/lib/renderers/Table-v2/ColumnToggler.js +1 -1
  330. package/lib/renderers/Table-v2/HeadCellSearchDropdown.js +1 -1
  331. package/lib/renderers/Table-v2/TableCell.js +1 -1
  332. package/lib/renderers/Table-v2/index.js +1 -1
  333. package/lib/renderers/TableView.js +17 -13
  334. package/lib/renderers/Tabs.js +1 -1
  335. package/lib/renderers/Tag.js +1 -1
  336. package/lib/renderers/Tasks.js +1 -1
  337. package/lib/renderers/Timeline.js +1 -1
  338. package/lib/renderers/TooltipWrapper.js +1 -1
  339. package/lib/renderers/Tpl.js +1 -1
  340. package/lib/renderers/VBox.js +1 -1
  341. package/lib/renderers/Video.js +1 -1
  342. package/lib/renderers/WebComponent.js +1 -1
  343. package/lib/renderers/Wizard.js +1 -1
  344. package/lib/renderers/Wrapper.js +1 -1
  345. package/lib/schemaExtend.js +1 -1
  346. package/lib/themes/ang-ie11.css +934 -468
  347. package/lib/themes/ang.css +936 -409
  348. package/lib/themes/antd-ie11.css +937 -471
  349. package/lib/themes/antd.css +936 -409
  350. package/lib/themes/cxd-ie11.css +970 -508
  351. package/lib/themes/cxd.css +947 -423
  352. package/lib/themes/dark-ie11.css +934 -468
  353. package/lib/themes/dark.css +936 -409
  354. package/lib/themes/default-ie11.css +970 -508
  355. package/lib/themes/default.css +947 -423
  356. package/lib/types.d.ts +1 -1
  357. package/package.json +10 -10
  358. package/schema.json +94 -34
  359. package/sdk/ang-ie11.css +674 -190
  360. package/sdk/ang.css +676 -131
  361. package/sdk/antd-ie11.css +671 -187
  362. package/sdk/antd.css +676 -131
  363. package/sdk/barcode.js +50 -50
  364. package/sdk/charts.js +17 -17
  365. package/sdk/codemirror.js +7 -7
  366. package/sdk/color-picker.js +65 -65
  367. package/sdk/cropperjs.js +2 -2
  368. package/sdk/cxd-ie11.css +717 -238
  369. package/sdk/cxd.css +687 -146
  370. package/sdk/dark-ie11.css +674 -190
  371. package/sdk/dark.css +676 -131
  372. package/sdk/exceljs.js +1 -1
  373. package/sdk/locale/de-DE.js +5 -0
  374. package/sdk/markdown.js +68 -68
  375. package/sdk/papaparse.js +1 -1
  376. package/sdk/rest.js +24 -24
  377. package/sdk/rich-text.js +62 -62
  378. package/sdk/sdk-ie11.css +717 -238
  379. package/sdk/sdk.css +687 -146
  380. package/sdk/sdk.js +1411 -1389
  381. package/sdk/thirds/hls.js/hls.js +1 -1
  382. package/sdk/thirds/mpegts.js/mpegts.js +1 -1
  383. package/sdk/thirds/tinymce/skins/ui/oxide/skin.css +358 -331
  384. package/sdk/tinymce.js +53 -63
@@ -941,12 +941,6 @@ span.fr-img-caption.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}
941
941
  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))}
942
942
  span.fr-img-caption.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}
943
943
  span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}
944
- /**
945
- * Copyright (c) Tiny Technologies, Inc. All rights reserved.
946
- * Licensed under the LGPL or a commercial license.
947
- * For LGPL see License.txt in the project root for license information.
948
- * For commercial licenses see https://www.tiny.cloud/
949
- */
950
944
  .tox {
951
945
  box-shadow: none;
952
946
  box-sizing: content-box;
@@ -1005,8 +999,8 @@ span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-w
1005
999
  text-align: right;
1006
1000
  }
1007
1001
  .tox-tinymce {
1008
- border: 1px solid #cccccc;
1009
- border-radius: 0;
1002
+ border: 2px solid #eeeeee;
1003
+ border-radius: 10px;
1010
1004
  box-shadow: none;
1011
1005
  box-sizing: border-box;
1012
1006
  display: flex;
@@ -1016,15 +1010,20 @@ span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-w
1016
1010
  position: relative;
1017
1011
  visibility: inherit !important;
1018
1012
  }
1019
- .tox-tinymce-inline {
1013
+ .tox.tox-tinymce-inline {
1020
1014
  border: none;
1021
1015
  box-shadow: none;
1016
+ overflow: initial;
1022
1017
  }
1023
- .tox-tinymce-inline .tox-editor-header {
1024
- background-color: transparent;
1025
- border: 1px solid #cccccc;
1026
- border-radius: 0;
1018
+ .tox.tox-tinymce-inline .tox-editor-container {
1019
+ overflow: initial;
1020
+ }
1021
+ .tox.tox-tinymce-inline .tox-editor-header {
1022
+ background-color: #fff;
1023
+ border: 2px solid #eeeeee;
1024
+ border-radius: 10px;
1027
1025
  box-shadow: none;
1026
+ overflow: hidden;
1028
1027
  }
1029
1028
  .tox-tinymce-aux {
1030
1029
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
@@ -1047,8 +1046,8 @@ button::-moz-focus-inner {
1047
1046
  }
1048
1047
  .tox .accessibility-issue__description {
1049
1048
  align-items: stretch;
1050
- border: 1px solid #cccccc;
1051
- border-radius: 3px;
1049
+ border: 1px solid #eeeeee;
1050
+ border-radius: 6px;
1052
1051
  display: flex;
1053
1052
  justify-content: space-between;
1054
1053
  }
@@ -1061,28 +1060,28 @@ button::-moz-focus-inner {
1061
1060
  margin-bottom: 4px;
1062
1061
  }
1063
1062
  .tox .accessibility-issue__description > *:last-child:not(:only-child) {
1064
- border-color: #cccccc;
1063
+ border-color: #eeeeee;
1065
1064
  border-style: solid;
1066
1065
  }
1067
1066
  .tox .accessibility-issue__repair {
1068
1067
  margin-top: 16px;
1069
1068
  }
1070
1069
  .tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
1071
- background-color: rgba(32, 122, 183, 0.1);
1072
- border-color: rgba(32, 122, 183, 0.4);
1070
+ background-color: rgba(0, 108, 231, 0.1);
1071
+ border-color: #006ce7;
1073
1072
  color: #222f3e;
1074
1073
  }
1075
1074
  .tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description > *:last-child {
1076
- border-color: rgba(32, 122, 183, 0.4);
1075
+ border-color: #006ce7;
1077
1076
  }
1078
1077
  .tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
1079
- color: #207ab7;
1078
+ color: #006ce7;
1080
1079
  }
1081
1080
  .tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg {
1082
- fill: #207ab7;
1081
+ fill: #006ce7;
1083
1082
  }
1084
1083
  .tox .tox-dialog__body-content .accessibility-issue--info a .tox-icon {
1085
- color: #207ab7;
1084
+ color: #006ce7;
1086
1085
  }
1087
1086
  .tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
1088
1087
  background-color: rgba(255, 165, 0, 0.1);
@@ -1174,12 +1173,12 @@ button::-moz-focus-inner {
1174
1173
  flex: 0 0 auto;
1175
1174
  }
1176
1175
  .tox .tox-button {
1177
- background-color: #207ab7;
1176
+ background-color: #006ce7;
1178
1177
  background-image: none;
1179
1178
  background-position: 0 0;
1180
1179
  background-repeat: repeat;
1181
- border-color: #207ab7;
1182
- border-radius: 3px;
1180
+ border-color: #006ce7;
1181
+ border-radius: 6px;
1183
1182
  border-style: solid;
1184
1183
  border-width: 1px;
1185
1184
  box-shadow: none;
@@ -1196,37 +1195,53 @@ button::-moz-focus-inner {
1196
1195
  margin: 0;
1197
1196
  outline: none;
1198
1197
  padding: 4px 16px;
1198
+ position: relative;
1199
1199
  text-align: center;
1200
1200
  text-decoration: none;
1201
1201
  text-transform: none;
1202
1202
  white-space: nowrap;
1203
1203
  }
1204
+ .tox .tox-button::before {
1205
+ border-radius: 6px;
1206
+ bottom: -1px;
1207
+ box-shadow: inset 0 0 0 2px #fff, 0 0 0 1px #006ce7, 0 0 0 3px rgba(0, 108, 231, 0.25);
1208
+ content: '';
1209
+ left: -1px;
1210
+ opacity: 0;
1211
+ pointer-events: none;
1212
+ position: absolute;
1213
+ right: -1px;
1214
+ top: -1px;
1215
+ }
1204
1216
  .tox .tox-button[disabled] {
1205
- background-color: #207ab7;
1217
+ background-color: #006ce7;
1206
1218
  background-image: none;
1207
- border-color: #207ab7;
1219
+ border-color: #006ce7;
1208
1220
  box-shadow: none;
1209
1221
  color: rgba(255, 255, 255, 0.5);
1210
1222
  cursor: not-allowed;
1211
1223
  }
1212
1224
  .tox .tox-button:focus:not(:disabled) {
1213
- background-color: #1c6ca1;
1225
+ background-color: #0060ce;
1214
1226
  background-image: none;
1215
- border-color: #1c6ca1;
1227
+ border-color: #0060ce;
1216
1228
  box-shadow: none;
1217
1229
  color: #fff;
1218
1230
  }
1231
+ .tox .tox-button:focus-visible:not(:disabled)::before {
1232
+ opacity: 1;
1233
+ }
1219
1234
  .tox .tox-button:hover:not(:disabled) {
1220
- background-color: #1c6ca1;
1235
+ background-color: #0060ce;
1221
1236
  background-image: none;
1222
- border-color: #1c6ca1;
1237
+ border-color: #0060ce;
1223
1238
  box-shadow: none;
1224
1239
  color: #fff;
1225
1240
  }
1226
1241
  .tox .tox-button:active:not(:disabled) {
1227
- background-color: #185d8c;
1242
+ background-color: #0054b4;
1228
1243
  background-image: none;
1229
- border-color: #185d8c;
1244
+ border-color: #0054b4;
1230
1245
  box-shadow: none;
1231
1246
  color: #fff;
1232
1247
  }
@@ -1236,7 +1251,7 @@ button::-moz-focus-inner {
1236
1251
  background-position: 0 0;
1237
1252
  background-repeat: repeat;
1238
1253
  border-color: #f0f0f0;
1239
- border-radius: 3px;
1254
+ border-radius: 6px;
1240
1255
  border-style: solid;
1241
1256
  border-width: 1px;
1242
1257
  box-shadow: none;
@@ -1313,27 +1328,27 @@ button::-moz-focus-inner {
1313
1328
  color: #222f3e;
1314
1329
  }
1315
1330
  .tox .tox-button--naked[disabled] {
1316
- background-color: #f0f0f0;
1317
- border-color: #f0f0f0;
1318
- box-shadow: none;
1331
+ background-color: rgba(34, 47, 62, 0.12);
1332
+ border-color: transparent;
1333
+ box-shadow: unset;
1319
1334
  color: rgba(34, 47, 62, 0.5);
1320
1335
  }
1321
1336
  .tox .tox-button--naked:hover:not(:disabled) {
1322
- background-color: #e3e3e3;
1323
- border-color: #e3e3e3;
1324
- box-shadow: none;
1337
+ background-color: rgba(34, 47, 62, 0.12);
1338
+ border-color: transparent;
1339
+ box-shadow: unset;
1325
1340
  color: #222f3e;
1326
1341
  }
1327
1342
  .tox .tox-button--naked:focus:not(:disabled) {
1328
- background-color: #e3e3e3;
1329
- border-color: #e3e3e3;
1330
- box-shadow: none;
1343
+ background-color: rgba(34, 47, 62, 0.12);
1344
+ border-color: transparent;
1345
+ box-shadow: unset;
1331
1346
  color: #222f3e;
1332
1347
  }
1333
1348
  .tox .tox-button--naked:active:not(:disabled) {
1334
- background-color: #d6d6d6;
1335
- border-color: #d6d6d6;
1336
- box-shadow: none;
1349
+ background-color: rgba(34, 47, 62, 0.18);
1350
+ border-color: transparent;
1351
+ box-shadow: unset;
1337
1352
  color: #222f3e;
1338
1353
  }
1339
1354
  .tox .tox-button--naked .tox-icon svg {
@@ -1344,7 +1359,7 @@ button::-moz-focus-inner {
1344
1359
  }
1345
1360
  .tox .tox-checkbox {
1346
1361
  align-items: center;
1347
- border-radius: 3px;
1362
+ border-radius: 6px;
1348
1363
  cursor: pointer;
1349
1364
  display: flex;
1350
1365
  height: 36px;
@@ -1360,7 +1375,7 @@ button::-moz-focus-inner {
1360
1375
  }
1361
1376
  .tox .tox-checkbox__icons {
1362
1377
  align-items: center;
1363
- border-radius: 3px;
1378
+ border-radius: 6px;
1364
1379
  box-shadow: 0 0 0 2px transparent;
1365
1380
  box-sizing: content-box;
1366
1381
  display: flex;
@@ -1375,11 +1390,11 @@ button::-moz-focus-inner {
1375
1390
  }
1376
1391
  .tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
1377
1392
  display: none;
1378
- fill: #207ab7;
1393
+ fill: #006ce7;
1379
1394
  }
1380
1395
  .tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
1381
1396
  display: none;
1382
- fill: #207ab7;
1397
+ fill: #006ce7;
1383
1398
  }
1384
1399
  .tox .tox-checkbox--disabled {
1385
1400
  color: rgba(34, 47, 62, 0.5);
@@ -1407,8 +1422,8 @@ button::-moz-focus-inner {
1407
1422
  display: block;
1408
1423
  }
1409
1424
  .tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
1410
- border-radius: 3px;
1411
- box-shadow: inset 0 0 0 1px #207ab7;
1425
+ border-radius: 6px;
1426
+ box-shadow: inset 0 0 0 1px #006ce7;
1412
1427
  padding: calc(4px - 1px);
1413
1428
  }
1414
1429
  .tox:not([dir=rtl]) .tox-checkbox__label {
@@ -1446,7 +1461,7 @@ button::-moz-focus-inner {
1446
1461
  }
1447
1462
  .tox .tox-collection--list .tox-collection__group {
1448
1463
  border-bottom-width: 0;
1449
- border-color: #cccccc;
1464
+ border-color: #e3e3e3;
1450
1465
  border-left-width: 0;
1451
1466
  border-right-width: 0;
1452
1467
  border-style: solid;
@@ -1457,7 +1472,7 @@ button::-moz-focus-inner {
1457
1472
  border-top-width: 0;
1458
1473
  }
1459
1474
  .tox .tox-collection__group-heading {
1460
- background-color: #e6e6e6;
1475
+ background-color: #fcfcfc;
1461
1476
  color: rgba(34, 47, 62, 0.7);
1462
1477
  cursor: default;
1463
1478
  font-size: 12px;
@@ -1474,8 +1489,8 @@ button::-moz-focus-inner {
1474
1489
  }
1475
1490
  .tox .tox-collection__item {
1476
1491
  align-items: center;
1492
+ border-radius: 3px;
1477
1493
  color: #222f3e;
1478
- cursor: pointer;
1479
1494
  display: flex;
1480
1495
  -webkit-touch-callout: none;
1481
1496
  -webkit-user-select: none;
@@ -1498,21 +1513,21 @@ button::-moz-focus-inner {
1498
1513
  color: #222f3e;
1499
1514
  }
1500
1515
  .tox .tox-collection--list .tox-collection__item--active {
1501
- background-color: #dee0e2;
1516
+ background-color: #cce2fa;
1502
1517
  }
1503
1518
  .tox .tox-collection--toolbar .tox-collection__item--enabled {
1504
- background-color: #c8cbcf;
1519
+ background-color: #a6ccf7;
1505
1520
  color: #222f3e;
1506
1521
  }
1507
1522
  .tox .tox-collection--toolbar .tox-collection__item--active {
1508
- background-color: #dee0e2;
1523
+ background-color: #cce2fa;
1509
1524
  }
1510
1525
  .tox .tox-collection--grid .tox-collection__item--enabled {
1511
- background-color: #c8cbcf;
1526
+ background-color: #a6ccf7;
1512
1527
  color: #222f3e;
1513
1528
  }
1514
1529
  .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
1515
- background-color: #dee0e2;
1530
+ background-color: #cce2fa;
1516
1531
  color: #222f3e;
1517
1532
  }
1518
1533
  .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
@@ -1541,7 +1556,6 @@ button::-moz-focus-inner {
1541
1556
  color: currentColor;
1542
1557
  display: inline-block;
1543
1558
  flex: 1;
1544
- -ms-flex-preferred-size: auto;
1545
1559
  font-size: 14px;
1546
1560
  font-style: normal;
1547
1561
  font-weight: normal;
@@ -1586,9 +1600,9 @@ button::-moz-focus-inner {
1586
1600
  }
1587
1601
  .tox .tox-collection--horizontal {
1588
1602
  background-color: #fff;
1589
- border: 1px solid #cccccc;
1590
- border-radius: 3px;
1591
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
1603
+ border: 1px solid #e3e3e3;
1604
+ border-radius: 6px;
1605
+ box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
1592
1606
  display: flex;
1593
1607
  flex: 0 0 auto;
1594
1608
  flex-shrink: 0;
@@ -1605,8 +1619,8 @@ button::-moz-focus-inner {
1605
1619
  padding: 0 4px;
1606
1620
  }
1607
1621
  .tox .tox-collection--horizontal .tox-collection__item {
1608
- height: 34px;
1609
- margin: 2px 0 3px 0;
1622
+ height: 28px;
1623
+ margin: 6px 1px 5px 0;
1610
1624
  padding: 0 4px;
1611
1625
  }
1612
1626
  .tox .tox-collection--horizontal .tox-collection__item-label {
@@ -1662,7 +1676,7 @@ button::-moz-focus-inner {
1662
1676
  align-self: flex-end;
1663
1677
  }
1664
1678
  .tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
1665
- border-right: 1px solid #cccccc;
1679
+ border-right: 1px solid transparent;
1666
1680
  }
1667
1681
  .tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > *:not(:first-child) {
1668
1682
  margin-left: 8px;
@@ -1678,7 +1692,7 @@ button::-moz-focus-inner {
1678
1692
  margin-left: 16px;
1679
1693
  }
1680
1694
  .tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
1681
- border-left: 1px solid #cccccc;
1695
+ border-left: 1px solid transparent;
1682
1696
  }
1683
1697
  .tox[dir=rtl] .tox-collection--list .tox-collection__item > *:not(:first-child) {
1684
1698
  margin-right: 8px;
@@ -1803,11 +1817,11 @@ button::-moz-focus-inner {
1803
1817
  .tox .tox-toolbar .tox-swatches,
1804
1818
  .tox .tox-toolbar__primary .tox-swatches,
1805
1819
  .tox .tox-toolbar__overflow .tox-swatches {
1806
- margin: 2px 0 3px 4px;
1820
+ margin: 5px 0 6px 11px;
1807
1821
  }
1808
1822
  .tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
1809
1823
  border: 0;
1810
- margin: -4px 0;
1824
+ margin: -4px -4px;
1811
1825
  }
1812
1826
  .tox .tox-swatches__row {
1813
1827
  display: flex;
@@ -1843,11 +1857,12 @@ button::-moz-focus-inner {
1843
1857
  width: 30px;
1844
1858
  }
1845
1859
  .tox .tox-swatches__picker-btn svg {
1860
+ fill: #222f3e;
1846
1861
  height: 24px;
1847
1862
  width: 24px;
1848
1863
  }
1849
1864
  .tox .tox-swatches__picker-btn:hover {
1850
- background: #dee0e2;
1865
+ background: #cce2fa;
1851
1866
  }
1852
1867
  .tox:not([dir=rtl]) .tox-swatches__picker-btn {
1853
1868
  margin-left: auto;
@@ -1864,8 +1879,8 @@ button::-moz-focus-inner {
1864
1879
  }
1865
1880
  .tox .tox-comment {
1866
1881
  background: #fff;
1867
- border: 1px solid #cccccc;
1868
- border-radius: 3px;
1882
+ border: 1px solid #eeeeee;
1883
+ border-radius: 6px;
1869
1884
  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
1870
1885
  padding: 8px 8px 16px 8px;
1871
1886
  position: relative;
@@ -1877,8 +1892,9 @@ button::-moz-focus-inner {
1877
1892
  justify-content: space-between;
1878
1893
  }
1879
1894
  .tox .tox-comment__date {
1880
- color: rgba(34, 47, 62, 0.7);
1895
+ color: #222f3e;
1881
1896
  font-size: 12px;
1897
+ line-height: 18px;
1882
1898
  }
1883
1899
  .tox .tox-comment__body {
1884
1900
  color: #222f3e;
@@ -2037,20 +2053,31 @@ button::-moz-focus-inner {
2037
2053
  .tox .tox-user__avatar svg {
2038
2054
  fill: rgba(34, 47, 62, 0.7);
2039
2055
  }
2056
+ .tox .tox-user__avatar img {
2057
+ border-radius: 50%;
2058
+ height: 36px;
2059
+ -o-object-fit: cover;
2060
+ object-fit: cover;
2061
+ vertical-align: middle;
2062
+ width: 36px;
2063
+ }
2040
2064
  .tox .tox-user__name {
2041
- color: rgba(34, 47, 62, 0.7);
2042
- font-size: 12px;
2065
+ color: #222f3e;
2066
+ font-size: 14px;
2043
2067
  font-style: normal;
2044
2068
  font-weight: bold;
2045
- text-transform: uppercase;
2069
+ line-height: 18px;
2070
+ text-transform: none;
2046
2071
  }
2047
- .tox:not([dir=rtl]) .tox-user__avatar svg {
2072
+ .tox:not([dir=rtl]) .tox-user__avatar svg,
2073
+ .tox:not([dir=rtl]) .tox-user__avatar img {
2048
2074
  margin-right: 8px;
2049
2075
  }
2050
2076
  .tox:not([dir=rtl]) .tox-user__avatar + .tox-user__name {
2051
2077
  margin-left: 8px;
2052
2078
  }
2053
- .tox[dir=rtl] .tox-user__avatar svg {
2079
+ .tox[dir=rtl] .tox-user__avatar svg,
2080
+ .tox[dir=rtl] .tox-user__avatar img {
2054
2081
  margin-left: 8px;
2055
2082
  }
2056
2083
  .tox[dir=rtl] .tox-user__avatar + .tox-user__name {
@@ -2081,10 +2108,10 @@ button::-moz-focus-inner {
2081
2108
  }
2082
2109
  .tox .tox-dialog {
2083
2110
  background-color: #fff;
2084
- border-color: #cccccc;
2085
- border-radius: 3px;
2111
+ border-color: #eeeeee;
2112
+ border-radius: 10px;
2086
2113
  border-style: solid;
2087
- border-width: 1px;
2114
+ border-width: 0px;
2088
2115
  box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
2089
2116
  display: flex;
2090
2117
  flex-direction: column;
@@ -2095,10 +2122,11 @@ button::-moz-focus-inner {
2095
2122
  width: 95vw;
2096
2123
  z-index: 2;
2097
2124
  }
2098
- @media only screen and (max-width:767px) {
2125
+ @media only screen and (max-width: 767px ) {
2099
2126
  body:not(.tox-force-desktop) .tox .tox-dialog {
2100
2127
  align-self: flex-start;
2101
2128
  margin: 8px auto;
2129
+ max-height: calc(100vh - 8px * 2);
2102
2130
  width: calc(100vw - 16px);
2103
2131
  }
2104
2132
  }
@@ -2148,7 +2176,6 @@ button::-moz-focus-inner {
2148
2176
  color: #222f3e;
2149
2177
  display: flex;
2150
2178
  flex: 1;
2151
- -ms-flex-preferred-size: auto;
2152
2179
  font-size: 16px;
2153
2180
  font-style: normal;
2154
2181
  font-weight: normal;
@@ -2157,7 +2184,7 @@ button::-moz-focus-inner {
2157
2184
  text-align: left;
2158
2185
  text-transform: none;
2159
2186
  }
2160
- @media only screen and (max-width:767px) {
2187
+ @media only screen and (max-width: 767px ) {
2161
2188
  body:not(.tox-force-desktop) .tox .tox-dialog__body {
2162
2189
  flex-direction: column;
2163
2190
  }
@@ -2168,7 +2195,7 @@ button::-moz-focus-inner {
2168
2195
  flex-direction: column;
2169
2196
  padding: 16px 16px;
2170
2197
  }
2171
- @media only screen and (max-width:767px) {
2198
+ @media only screen and (max-width: 767px ) {
2172
2199
  body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
2173
2200
  flex-direction: row;
2174
2201
  -webkit-overflow-scrolling: touch;
@@ -2187,18 +2214,17 @@ button::-moz-focus-inner {
2187
2214
  white-space: nowrap;
2188
2215
  }
2189
2216
  .tox .tox-dialog__body-nav-item:focus {
2190
- background-color: rgba(32, 122, 183, 0.1);
2217
+ background-color: rgba(0, 108, 231, 0.1);
2191
2218
  }
2192
2219
  .tox .tox-dialog__body-nav-item--active {
2193
- border-bottom: 2px solid #207ab7;
2194
- color: #207ab7;
2220
+ border-bottom: 2px solid #006ce7;
2221
+ color: #006ce7;
2195
2222
  }
2196
2223
  .tox .tox-dialog__body-content {
2197
2224
  box-sizing: border-box;
2198
2225
  display: flex;
2199
2226
  flex: 1;
2200
2227
  flex-direction: column;
2201
- -ms-flex-preferred-size: auto;
2202
2228
  max-height: 650px;
2203
2229
  overflow: auto;
2204
2230
  -webkit-overflow-scrolling: touch;
@@ -2219,17 +2245,17 @@ button::-moz-focus-inner {
2219
2245
  margin-top: 0;
2220
2246
  }
2221
2247
  .tox .tox-dialog__body-content a {
2222
- color: #207ab7;
2248
+ color: #006ce7;
2223
2249
  cursor: pointer;
2224
2250
  text-decoration: none;
2225
2251
  }
2226
2252
  .tox .tox-dialog__body-content a:hover,
2227
2253
  .tox .tox-dialog__body-content a:focus {
2228
- color: #185d8c;
2254
+ color: #0054b4;
2229
2255
  text-decoration: none;
2230
2256
  }
2231
2257
  .tox .tox-dialog__body-content a:active {
2232
- color: #185d8c;
2258
+ color: #0054b4;
2233
2259
  text-decoration: none;
2234
2260
  }
2235
2261
  .tox .tox-dialog__body-content svg {
@@ -2301,7 +2327,7 @@ button::-moz-focus-inner {
2301
2327
  .tox .tox-dialog__footer {
2302
2328
  align-items: center;
2303
2329
  background-color: #fff;
2304
- border-top: 1px solid #cccccc;
2330
+ border-top: none;
2305
2331
  display: flex;
2306
2332
  justify-content: space-between;
2307
2333
  padding: 8px 16px;
@@ -2331,7 +2357,7 @@ button::-moz-focus-inner {
2331
2357
  padding-bottom: 8px;
2332
2358
  }
2333
2359
  .tox .tox-dialog__table tbody tr {
2334
- border-bottom: 1px solid #cccccc;
2360
+ border-bottom: 1px solid #eeeeee;
2335
2361
  }
2336
2362
  .tox .tox-dialog__table tbody tr:last-child {
2337
2363
  border-bottom: none;
@@ -2340,6 +2366,9 @@ button::-moz-focus-inner {
2340
2366
  padding-bottom: 8px;
2341
2367
  padding-top: 8px;
2342
2368
  }
2369
+ .tox .tox-dialog__iframe.tox-dialog__iframe--opaque {
2370
+ background: #fff;
2371
+ }
2343
2372
  .tox .tox-dialog__popups {
2344
2373
  position: absolute;
2345
2374
  width: 100%;
@@ -2349,16 +2378,13 @@ button::-moz-focus-inner {
2349
2378
  display: flex;
2350
2379
  flex: 1;
2351
2380
  flex-direction: column;
2352
- -ms-flex-preferred-size: auto;
2353
2381
  }
2354
2382
  .tox .tox-dialog__body-iframe .tox-navobj {
2355
2383
  display: flex;
2356
2384
  flex: 1;
2357
- -ms-flex-preferred-size: auto;
2358
2385
  }
2359
2386
  .tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
2360
2387
  flex: 1;
2361
- -ms-flex-preferred-size: auto;
2362
2388
  height: 100%;
2363
2389
  }
2364
2390
  .tox .tox-dialog-dock-fadeout {
@@ -2375,18 +2401,12 @@ button::-moz-focus-inner {
2375
2401
  .tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {
2376
2402
  transition-delay: 0s;
2377
2403
  }
2378
- .tox.tox-platform-ie {
2379
- /* IE11 CSS styles go here */
2380
- }
2381
- .tox.tox-platform-ie .tox-dialog-wrap {
2382
- position: -ms-device-fixed;
2383
- }
2384
- @media only screen and (max-width:767px) {
2404
+ @media only screen and (max-width: 767px ) {
2385
2405
  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav {
2386
2406
  margin-right: 0;
2387
2407
  }
2388
2408
  }
2389
- @media only screen and (max-width:767px) {
2409
+ @media only screen and (max-width: 767px ) {
2390
2410
  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child) {
2391
2411
  margin-left: 8px;
2392
2412
  }
@@ -2398,12 +2418,12 @@ button::-moz-focus-inner {
2398
2418
  .tox[dir=rtl] .tox-dialog__body {
2399
2419
  text-align: right;
2400
2420
  }
2401
- @media only screen and (max-width:767px) {
2421
+ @media only screen and (max-width: 767px ) {
2402
2422
  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav {
2403
2423
  margin-left: 0;
2404
2424
  }
2405
2425
  }
2406
- @media only screen and (max-width:767px) {
2426
+ @media only screen and (max-width: 767px ) {
2407
2427
  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child) {
2408
2428
  margin-right: 8px;
2409
2429
  }
@@ -2418,12 +2438,11 @@ body.tox-dialog__disable-scroll {
2418
2438
  .tox .tox-dropzone-container {
2419
2439
  display: flex;
2420
2440
  flex: 1;
2421
- -ms-flex-preferred-size: auto;
2422
2441
  }
2423
2442
  .tox .tox-dropzone {
2424
2443
  align-items: center;
2425
2444
  background: #fff;
2426
- border: 2px dashed #cccccc;
2445
+ border: 2px dashed #eeeeee;
2427
2446
  box-sizing: border-box;
2428
2447
  display: flex;
2429
2448
  flex-direction: column;
@@ -2439,7 +2458,6 @@ body.tox-dialog__disable-scroll {
2439
2458
  .tox .tox-edit-area {
2440
2459
  display: flex;
2441
2460
  flex: 1;
2442
- -ms-flex-preferred-size: auto;
2443
2461
  overflow: hidden;
2444
2462
  position: relative;
2445
2463
  }
@@ -2448,13 +2466,12 @@ body.tox-dialog__disable-scroll {
2448
2466
  border: 0;
2449
2467
  box-sizing: border-box;
2450
2468
  flex: 1;
2451
- -ms-flex-preferred-size: auto;
2452
2469
  height: 100%;
2453
2470
  position: absolute;
2454
2471
  width: 100%;
2455
2472
  }
2456
2473
  .tox.tox-inline-edit-area {
2457
- border: 1px dotted #cccccc;
2474
+ border: 1px dotted #eeeeee;
2458
2475
  }
2459
2476
  .tox .tox-editor-container {
2460
2477
  display: flex;
@@ -2466,16 +2483,23 @@ body.tox-dialog__disable-scroll {
2466
2483
  z-index: 1;
2467
2484
  }
2468
2485
  .tox:not(.tox-tinymce-inline) .tox-editor-header {
2469
- box-shadow: none;
2486
+ background-color: #fff;
2487
+ border-bottom: none;
2488
+ box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.1), 0 8px 8px -4px rgba(34, 47, 62, 0.07);
2489
+ padding: 4px 0;
2470
2490
  transition: box-shadow 0.5s;
2471
2491
  }
2472
- .tox.tox-tinymce--toolbar-bottom .tox-editor-header,
2473
- .tox.tox-tinymce-inline .tox-editor-header {
2474
- margin-bottom: -1px;
2492
+ .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
2493
+ border-top: 1px solid #e3e3e3;
2494
+ box-shadow: none;
2475
2495
  }
2476
- .tox.tox-tinymce--toolbar-sticky-on .tox-editor-header {
2477
- background-color: transparent;
2478
- box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
2496
+ .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header {
2497
+ background-color: #fff;
2498
+ box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.2), 0 8px 8px -4px rgba(34, 47, 62, 0.15);
2499
+ padding: 4px 0;
2500
+ }
2501
+ .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
2502
+ box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.2), 0 8px 8px -4px rgba(34, 47, 62, 0.15);
2479
2503
  }
2480
2504
  .tox-editor-dock-fadeout {
2481
2505
  opacity: 0;
@@ -2537,6 +2561,7 @@ body.tox-dialog__disable-scroll {
2537
2561
  max-width: 25em;
2538
2562
  }
2539
2563
  .tox .tox-autocompleter .tox-menu {
2564
+ box-sizing: border-box;
2540
2565
  max-width: 25em;
2541
2566
  }
2542
2567
  .tox .tox-autocompleter .tox-autocompleter-highlight {
@@ -2552,7 +2577,7 @@ body.tox-dialog__disable-scroll {
2552
2577
  }
2553
2578
  .tox .tox-color-input span {
2554
2579
  border-color: rgba(34, 47, 62, 0.2);
2555
- border-radius: 3px;
2580
+ border-radius: 6px;
2556
2581
  border-style: solid;
2557
2582
  border-width: 1px;
2558
2583
  box-shadow: none;
@@ -2564,7 +2589,7 @@ body.tox-dialog__disable-scroll {
2564
2589
  }
2565
2590
  .tox .tox-color-input span:hover:not([aria-disabled=true]),
2566
2591
  .tox .tox-color-input span:focus:not([aria-disabled=true]) {
2567
- border-color: #207ab7;
2592
+ border-color: #006ce7;
2568
2593
  cursor: pointer;
2569
2594
  }
2570
2595
  .tox .tox-color-input span::before {
@@ -2572,7 +2597,7 @@ body.tox-dialog__disable-scroll {
2572
2597
  background-position: 0 0, 0 6px, 6px -6px, -6px 0;
2573
2598
  background-size: 12px 12px;
2574
2599
  border: 1px solid #fff;
2575
- border-radius: 3px;
2600
+ border-radius: 6px;
2576
2601
  box-sizing: border-box;
2577
2602
  content: '';
2578
2603
  height: 24px;
@@ -2625,7 +2650,6 @@ body.tox-dialog__disable-scroll {
2625
2650
  display: flex;
2626
2651
  flex: 1;
2627
2652
  flex-direction: column;
2628
- -ms-flex-preferred-size: auto;
2629
2653
  }
2630
2654
  .tox .tox-form__group {
2631
2655
  box-sizing: border-box;
@@ -2667,20 +2691,16 @@ body.tox-dialog__disable-scroll {
2667
2691
  display: flex;
2668
2692
  flex: 1;
2669
2693
  flex-direction: column;
2670
- -ms-flex-preferred-size: auto;
2671
2694
  }
2672
2695
  .tox .tox-form__group--stretched .tox-textarea {
2673
2696
  flex: 1;
2674
- -ms-flex-preferred-size: auto;
2675
2697
  }
2676
2698
  .tox .tox-form__group--stretched .tox-navobj {
2677
2699
  display: flex;
2678
2700
  flex: 1;
2679
- -ms-flex-preferred-size: auto;
2680
2701
  }
2681
2702
  .tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
2682
2703
  flex: 1;
2683
- -ms-flex-preferred-size: auto;
2684
2704
  height: 100%;
2685
2705
  }
2686
2706
  .tox:not([dir=rtl]) .tox-form__controls-h-stack > *:not(:first-child) {
@@ -2701,8 +2721,8 @@ body.tox-dialog__disable-scroll {
2701
2721
  -moz-appearance: none;
2702
2722
  appearance: none;
2703
2723
  background-color: #fff;
2704
- border-color: #cccccc;
2705
- border-radius: 3px;
2724
+ border-color: #eeeeee;
2725
+ border-radius: 6px;
2706
2726
  border-style: solid;
2707
2727
  border-width: 1px;
2708
2728
  box-shadow: none;
@@ -2714,7 +2734,7 @@ body.tox-dialog__disable-scroll {
2714
2734
  margin: 0;
2715
2735
  min-height: 34px;
2716
2736
  outline: none;
2717
- padding: 5px 4.75px;
2737
+ padding: 5px 5.5px;
2718
2738
  resize: none;
2719
2739
  width: 100%;
2720
2740
  }
@@ -2728,8 +2748,8 @@ body.tox-dialog__disable-scroll {
2728
2748
  .tox .tox-listboxfield .tox-listbox--select:focus,
2729
2749
  .tox .tox-textarea:focus {
2730
2750
  background-color: #fff;
2731
- border-color: #207ab7;
2732
- box-shadow: none;
2751
+ border-color: #006ce7;
2752
+ box-shadow: 0 0 0 2px rgba(0, 108, 231, 0.25);
2733
2753
  outline: none;
2734
2754
  }
2735
2755
  .tox .tox-toolbar-textfield {
@@ -2743,7 +2763,7 @@ body.tox-dialog__disable-scroll {
2743
2763
  border: 0;
2744
2764
  border-color: transparent;
2745
2765
  box-shadow: unset;
2746
- color: #207ab7;
2766
+ color: #006ce7;
2747
2767
  cursor: pointer;
2748
2768
  display: block;
2749
2769
  margin: 0;
@@ -2801,8 +2821,8 @@ body.tox-dialog__disable-scroll {
2801
2821
  -moz-appearance: none;
2802
2822
  appearance: none;
2803
2823
  background-color: #fff;
2804
- border-color: #cccccc;
2805
- border-radius: 3px;
2824
+ border-color: #eeeeee;
2825
+ border-radius: 6px;
2806
2826
  border-style: solid;
2807
2827
  border-width: 1px;
2808
2828
  box-shadow: none;
@@ -2814,7 +2834,7 @@ body.tox-dialog__disable-scroll {
2814
2834
  margin: 0;
2815
2835
  min-height: 34px;
2816
2836
  outline: none;
2817
- padding: 5px 4.75px;
2837
+ padding: 5px 5.5px;
2818
2838
  resize: none;
2819
2839
  width: 100%;
2820
2840
  }
@@ -2828,8 +2848,8 @@ body.tox-dialog__disable-scroll {
2828
2848
  }
2829
2849
  .tox .tox-selectfield select:focus {
2830
2850
  background-color: #fff;
2831
- border-color: #207ab7;
2832
- box-shadow: none;
2851
+ border-color: #006ce7;
2852
+ box-shadow: 0 0 0 2px rgba(0, 108, 231, 0.25);
2833
2853
  outline: none;
2834
2854
  }
2835
2855
  .tox .tox-selectfield svg {
@@ -2889,40 +2909,46 @@ body.tox-dialog__disable-scroll {
2889
2909
  list-style: none;
2890
2910
  margin-top: 1em;
2891
2911
  }
2892
- .tox .tox-image-tools {
2893
- width: 100%;
2894
- }
2895
- .tox .tox-image-tools__toolbar {
2896
- align-items: center;
2897
- display: flex;
2898
- justify-content: center;
2899
- }
2900
- .tox .tox-image-tools__image {
2912
+ .tox .tox-imagepreview {
2901
2913
  background-color: #666;
2902
2914
  height: 380px;
2903
- overflow: auto;
2915
+ overflow: hidden;
2904
2916
  position: relative;
2905
2917
  width: 100%;
2906
2918
  }
2907
- .tox .tox-image-tools__image,
2908
- .tox .tox-image-tools__image + .tox-image-tools__toolbar {
2909
- margin-top: 8px;
2919
+ .tox .tox-imagepreview.tox-imagepreview__loaded {
2920
+ overflow: auto;
2910
2921
  }
2911
- .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 {
2912
2929
  background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
2913
2930
  }
2914
- .tox .tox-image-tools__toolbar > .tox-spacer {
2931
+ .tox .tox-image-tools .tox-spacer {
2915
2932
  flex: 1;
2916
- -ms-flex-preferred-size: auto;
2917
2933
  }
2918
- .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 {
2919
2945
  background: black;
2920
2946
  filter: alpha(opacity=50);
2921
2947
  opacity: 0.5;
2922
2948
  position: absolute;
2923
2949
  zoom: 1;
2924
2950
  }
2925
- .tox .tox-croprect-handle {
2951
+ .tox .tox-image-tools .tox-croprect-handle {
2926
2952
  border: 2px solid white;
2927
2953
  height: 20px;
2928
2954
  left: 0;
@@ -2930,64 +2956,46 @@ body.tox-dialog__disable-scroll {
2930
2956
  top: 0;
2931
2957
  width: 20px;
2932
2958
  }
2933
- .tox .tox-croprect-handle-move {
2959
+ .tox .tox-image-tools .tox-croprect-handle-move {
2934
2960
  border: 0;
2935
2961
  cursor: move;
2936
2962
  position: absolute;
2937
2963
  }
2938
- .tox .tox-croprect-handle-nw {
2964
+ .tox .tox-image-tools .tox-croprect-handle-nw {
2939
2965
  border-width: 2px 0 0 2px;
2940
2966
  cursor: nw-resize;
2941
2967
  left: 100px;
2942
2968
  margin: -2px 0 0 -2px;
2943
2969
  top: 100px;
2944
2970
  }
2945
- .tox .tox-croprect-handle-ne {
2971
+ .tox .tox-image-tools .tox-croprect-handle-ne {
2946
2972
  border-width: 2px 2px 0 0;
2947
2973
  cursor: ne-resize;
2948
2974
  left: 200px;
2949
2975
  margin: -2px 0 0 -20px;
2950
2976
  top: 100px;
2951
2977
  }
2952
- .tox .tox-croprect-handle-sw {
2978
+ .tox .tox-image-tools .tox-croprect-handle-sw {
2953
2979
  border-width: 0 0 2px 2px;
2954
2980
  cursor: sw-resize;
2955
2981
  left: 100px;
2956
2982
  margin: -20px 2px 0 -2px;
2957
2983
  top: 200px;
2958
2984
  }
2959
- .tox .tox-croprect-handle-se {
2985
+ .tox .tox-image-tools .tox-croprect-handle-se {
2960
2986
  border-width: 0 2px 2px 0;
2961
2987
  cursor: se-resize;
2962
2988
  left: 200px;
2963
2989
  margin: -20px 0 0 -20px;
2964
2990
  top: 200px;
2965
2991
  }
2966
- .tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) {
2967
- margin-left: 8px;
2968
- }
2969
- .tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-button + .tox-slider {
2970
- margin-left: 32px;
2971
- }
2972
- .tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider + .tox-button {
2973
- margin-left: 32px;
2974
- }
2975
- .tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) {
2976
- margin-right: 8px;
2977
- }
2978
- .tox[dir=rtl] .tox-image-tools__toolbar > .tox-button + .tox-slider {
2979
- margin-right: 32px;
2980
- }
2981
- .tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider + .tox-button {
2982
- margin-right: 32px;
2983
- }
2984
2992
  .tox .tox-insert-table-picker {
2985
2993
  display: flex;
2986
2994
  flex-wrap: wrap;
2987
2995
  width: 170px;
2988
2996
  }
2989
2997
  .tox .tox-insert-table-picker > div {
2990
- border-color: #cccccc;
2998
+ border-color: #eeeeee;
2991
2999
  border-style: solid;
2992
3000
  border-width: 0 1px 1px 0;
2993
3001
  box-sizing: border-box;
@@ -2995,11 +3003,11 @@ body.tox-dialog__disable-scroll {
2995
3003
  width: 17px;
2996
3004
  }
2997
3005
  .tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
2998
- margin: -4px 0;
3006
+ margin: -4px -4px;
2999
3007
  }
3000
3008
  .tox .tox-insert-table-picker .tox-insert-table-picker__selected {
3001
- background-color: rgba(32, 122, 183, 0.5);
3002
- 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);
3003
3011
  }
3004
3012
  .tox .tox-insert-table-picker__label {
3005
3013
  color: rgba(34, 47, 62, 0.7);
@@ -3027,22 +3035,28 @@ body.tox-dialog__disable-scroll {
3027
3035
  }
3028
3036
  .tox .tox-menu {
3029
3037
  background-color: #fff;
3030
- border: 1px solid #cccccc;
3031
- border-radius: 3px;
3032
- 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);
3033
3041
  display: inline-block;
3034
3042
  overflow: hidden;
3035
3043
  vertical-align: top;
3036
3044
  z-index: 1150;
3037
3045
  }
3038
3046
  .tox .tox-menu.tox-collection.tox-collection--list {
3039
- padding: 0;
3047
+ padding: 0 4px;
3040
3048
  }
3041
3049
  .tox .tox-menu.tox-collection.tox-collection--toolbar {
3042
- padding: 4px;
3050
+ padding: 8px;
3043
3051
  }
3044
3052
  .tox .tox-menu.tox-collection.tox-collection--grid {
3045
- 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
+ }
3046
3060
  }
3047
3061
  .tox .tox-menu__label h1,
3048
3062
  .tox .tox-menu__label h2,
@@ -3056,16 +3070,16 @@ body.tox-dialog__disable-scroll {
3056
3070
  margin: 0;
3057
3071
  }
3058
3072
  .tox .tox-menubar {
3059
- 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;
3060
3074
  background-color: #fff;
3061
3075
  display: flex;
3062
3076
  flex: 0 0 auto;
3063
3077
  flex-shrink: 0;
3064
3078
  flex-wrap: wrap;
3065
- padding: 0 4px 0 4px;
3079
+ padding: 0 11px 0 12px;
3066
3080
  }
3067
3081
  .tox.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar {
3068
- border-top: 1px solid #cccccc;
3082
+ border-top: 1px solid transparent;
3069
3083
  }
3070
3084
  /* Deprecated. Remove in next major release */
3071
3085
  .tox .tox-mbtn {
@@ -3080,9 +3094,9 @@ body.tox-dialog__disable-scroll {
3080
3094
  font-size: 14px;
3081
3095
  font-style: normal;
3082
3096
  font-weight: normal;
3083
- height: 34px;
3097
+ height: 28px;
3084
3098
  justify-content: center;
3085
- margin: 2px 0 3px 0;
3099
+ margin: 5px 1px 6px 0;
3086
3100
  outline: none;
3087
3101
  overflow: hidden;
3088
3102
  padding: 0 4px;
@@ -3097,19 +3111,19 @@ body.tox-dialog__disable-scroll {
3097
3111
  cursor: not-allowed;
3098
3112
  }
3099
3113
  .tox .tox-mbtn:focus:not(:disabled) {
3100
- background: #dee0e2;
3114
+ background: #cce2fa;
3101
3115
  border: 0;
3102
3116
  box-shadow: none;
3103
3117
  color: #222f3e;
3104
3118
  }
3105
3119
  .tox .tox-mbtn--active {
3106
- background: #c8cbcf;
3120
+ background: #a6ccf7;
3107
3121
  border: 0;
3108
3122
  box-shadow: none;
3109
3123
  color: #222f3e;
3110
3124
  }
3111
3125
  .tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
3112
- background: #dee0e2;
3126
+ background: #cce2fa;
3113
3127
  border: 0;
3114
3128
  box-shadow: none;
3115
3129
  color: #222f3e;
@@ -3130,7 +3144,7 @@ body.tox-dialog__disable-scroll {
3130
3144
  display: none;
3131
3145
  }
3132
3146
  .tox .tox-notification {
3133
- border-radius: 3px;
3147
+ border-radius: 6px;
3134
3148
  border-style: solid;
3135
3149
  border-width: 1px;
3136
3150
  box-shadow: none;
@@ -3164,29 +3178,29 @@ body.tox-dialog__disable-scroll {
3164
3178
  color: #222f3e;
3165
3179
  }
3166
3180
  .tox .tox-notification--success a {
3167
- color: #547831;
3181
+ color: #517342;
3168
3182
  }
3169
3183
  .tox .tox-notification--success svg {
3170
3184
  fill: #222f3e;
3171
3185
  }
3172
3186
  .tox .tox-notification--error {
3173
- background-color: #f8dede;
3174
- border-color: #f2bfbf;
3187
+ background-color: #f5cccc;
3188
+ border-color: #f0b3b3;
3175
3189
  color: #222f3e;
3176
3190
  }
3177
3191
  .tox .tox-notification--error p {
3178
3192
  color: #222f3e;
3179
3193
  }
3180
3194
  .tox .tox-notification--error a {
3181
- color: #c00;
3195
+ color: #77181f;
3182
3196
  }
3183
3197
  .tox .tox-notification--error svg {
3184
3198
  fill: #222f3e;
3185
3199
  }
3186
3200
  .tox .tox-notification--warn,
3187
3201
  .tox .tox-notification--warning {
3188
- background-color: #fffaea;
3189
- border-color: #ffe89d;
3202
+ background-color: #fff5cc;
3203
+ border-color: #fff0b3;
3190
3204
  color: #222f3e;
3191
3205
  }
3192
3206
  .tox .tox-notification--warn p,
@@ -3195,22 +3209,22 @@ body.tox-dialog__disable-scroll {
3195
3209
  }
3196
3210
  .tox .tox-notification--warn a,
3197
3211
  .tox .tox-notification--warning a {
3198
- color: #222f3e;
3212
+ color: #7a6e25;
3199
3213
  }
3200
3214
  .tox .tox-notification--warn svg,
3201
3215
  .tox .tox-notification--warning svg {
3202
3216
  fill: #222f3e;
3203
3217
  }
3204
3218
  .tox .tox-notification--info {
3205
- background-color: #d9edf7;
3206
- border-color: #779ecb;
3219
+ background-color: #d6e7fb;
3220
+ border-color: #c1dbf9;
3207
3221
  color: #222f3e;
3208
3222
  }
3209
3223
  .tox .tox-notification--info p {
3210
3224
  color: #222f3e;
3211
3225
  }
3212
3226
  .tox .tox-notification--info a {
3213
- color: #222f3e;
3227
+ color: #2a64a6;
3214
3228
  }
3215
3229
  .tox .tox-notification--info svg {
3216
3230
  fill: #222f3e;
@@ -3219,10 +3233,8 @@ body.tox-dialog__disable-scroll {
3219
3233
  align-self: center;
3220
3234
  color: #222f3e;
3221
3235
  font-size: 14px;
3222
- -ms-grid-column-span: 1;
3223
3236
  grid-column-end: 3;
3224
3237
  grid-column-start: 2;
3225
- -ms-grid-row-span: 1;
3226
3238
  grid-row-end: 2;
3227
3239
  grid-row-start: 1;
3228
3240
  text-align: center;
@@ -3238,10 +3250,8 @@ body.tox-dialog__disable-scroll {
3238
3250
  }
3239
3251
  .tox .tox-notification__icon {
3240
3252
  align-self: center;
3241
- -ms-grid-column-span: 1;
3242
3253
  grid-column-end: 2;
3243
3254
  grid-column-start: 1;
3244
- -ms-grid-row-span: 1;
3245
3255
  grid-row-end: 2;
3246
3256
  grid-row-start: 1;
3247
3257
  justify-self: end;
@@ -3251,19 +3261,15 @@ body.tox-dialog__disable-scroll {
3251
3261
  }
3252
3262
  .tox .tox-notification__dismiss {
3253
3263
  align-self: start;
3254
- -ms-grid-column-span: 1;
3255
3264
  grid-column-end: 4;
3256
3265
  grid-column-start: 3;
3257
- -ms-grid-row-span: 1;
3258
3266
  grid-row-end: 2;
3259
3267
  grid-row-start: 1;
3260
3268
  justify-self: end;
3261
3269
  }
3262
3270
  .tox .tox-notification .tox-progress-bar {
3263
- -ms-grid-column-span: 3;
3264
3271
  grid-column-end: 4;
3265
3272
  grid-column-start: 1;
3266
- -ms-grid-row-span: 1;
3267
3273
  grid-row-end: 3;
3268
3274
  grid-row-start: 2;
3269
3275
  justify-self: center;
@@ -3289,9 +3295,9 @@ body.tox-dialog__disable-scroll {
3289
3295
  }
3290
3296
  .tox .tox-pop__dialog {
3291
3297
  background-color: #fff;
3292
- border: 1px solid #cccccc;
3293
- border-radius: 3px;
3294
- 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);
3295
3301
  min-width: 0;
3296
3302
  overflow: hidden;
3297
3303
  }
@@ -3329,7 +3335,7 @@ body.tox-dialog__disable-scroll {
3329
3335
  margin-top: -1px;
3330
3336
  }
3331
3337
  .tox .tox-pop.tox-pop--bottom::before {
3332
- border-color: #cccccc transparent transparent transparent;
3338
+ border-color: #eeeeee transparent transparent transparent;
3333
3339
  border-width: 9px;
3334
3340
  margin-left: -9px;
3335
3341
  }
@@ -3346,7 +3352,7 @@ body.tox-dialog__disable-scroll {
3346
3352
  margin-top: 1px;
3347
3353
  }
3348
3354
  .tox .tox-pop.tox-pop--top::before {
3349
- border-color: transparent transparent #cccccc transparent;
3355
+ border-color: transparent transparent #eeeeee transparent;
3350
3356
  border-width: 9px;
3351
3357
  margin-left: -9px;
3352
3358
  }
@@ -3362,7 +3368,7 @@ body.tox-dialog__disable-scroll {
3362
3368
  margin-left: -15px;
3363
3369
  }
3364
3370
  .tox .tox-pop.tox-pop--left::before {
3365
- border-color: transparent #cccccc transparent transparent;
3371
+ border-color: transparent #eeeeee transparent transparent;
3366
3372
  border-width: 10px;
3367
3373
  margin-left: -19px;
3368
3374
  }
@@ -3378,7 +3384,7 @@ body.tox-dialog__disable-scroll {
3378
3384
  margin-left: -1px;
3379
3385
  }
3380
3386
  .tox .tox-pop.tox-pop--right::before {
3381
- border-color: transparent transparent transparent #cccccc;
3387
+ border-color: transparent transparent transparent #eeeeee;
3382
3388
  border-width: 10px;
3383
3389
  margin-left: -1px;
3384
3390
  }
@@ -3394,7 +3400,6 @@ body.tox-dialog__disable-scroll {
3394
3400
  display: flex;
3395
3401
  flex-direction: row;
3396
3402
  flex-grow: 1;
3397
- -ms-flex-preferred-size: 0;
3398
3403
  min-height: 0;
3399
3404
  }
3400
3405
  .tox .tox-sidebar {
@@ -3442,23 +3447,22 @@ body.tox-dialog__disable-scroll {
3442
3447
  align-items: center;
3443
3448
  display: flex;
3444
3449
  flex: 1;
3445
- -ms-flex-preferred-size: auto;
3446
3450
  height: 24px;
3447
3451
  justify-content: center;
3448
3452
  position: relative;
3449
3453
  }
3450
3454
  .tox .tox-slider__rail {
3451
3455
  background-color: transparent;
3452
- border: 1px solid #cccccc;
3453
- border-radius: 3px;
3456
+ border: 1px solid #eeeeee;
3457
+ border-radius: 6px;
3454
3458
  height: 10px;
3455
3459
  min-width: 120px;
3456
3460
  width: 100%;
3457
3461
  }
3458
3462
  .tox .tox-slider__handle {
3459
- background-color: #207ab7;
3460
- border: 2px solid #185d8c;
3461
- border-radius: 3px;
3463
+ background-color: #006ce7;
3464
+ border: 2px solid #0054b4;
3465
+ border-radius: 6px;
3462
3466
  box-shadow: none;
3463
3467
  height: 24px;
3464
3468
  left: 50%;
@@ -3467,6 +3471,18 @@ body.tox-dialog__disable-scroll {
3467
3471
  transform: translateX(-50%) translateY(-50%);
3468
3472
  width: 14px;
3469
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
+ }
3470
3486
  .tox .tox-source-code {
3471
3487
  overflow: auto;
3472
3488
  }
@@ -3518,17 +3534,17 @@ body.tox-dialog__disable-scroll {
3518
3534
  .tox .tox-statusbar {
3519
3535
  align-items: center;
3520
3536
  background-color: #fff;
3521
- border-top: 1px solid #cccccc;
3537
+ border-top: 1px solid #e3e3e3;
3522
3538
  color: rgba(34, 47, 62, 0.7);
3523
3539
  display: flex;
3524
3540
  flex: 0 0 auto;
3525
- font-size: 12px;
3541
+ font-size: 14px;
3526
3542
  font-weight: normal;
3527
- height: 18px;
3543
+ height: 25px;
3528
3544
  overflow: hidden;
3529
3545
  padding: 0 8px;
3530
3546
  position: relative;
3531
- text-transform: uppercase;
3547
+ text-transform: none;
3532
3548
  }
3533
3549
  .tox .tox-statusbar__text-container {
3534
3550
  display: flex;
@@ -3564,8 +3580,18 @@ body.tox-dialog__disable-scroll {
3564
3580
  .tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),
3565
3581
  .tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),
3566
3582
  .tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]) {
3583
+ color: #222f3e;
3567
3584
  cursor: pointer;
3568
- 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;
3569
3595
  }
3570
3596
  .tox .tox-statusbar__resize-handle {
3571
3597
  align-items: flex-end;
@@ -3576,22 +3602,24 @@ body.tox-dialog__disable-scroll {
3576
3602
  justify-content: flex-end;
3577
3603
  margin-left: auto;
3578
3604
  margin-right: -8px;
3605
+ padding-bottom: 3px;
3579
3606
  padding-left: 1ch;
3607
+ padding-right: 3px;
3580
3608
  }
3581
3609
  .tox .tox-statusbar__resize-handle svg {
3582
3610
  display: block;
3583
- fill: rgba(34, 47, 62, 0.7);
3611
+ fill: rgba(34, 47, 62, 0.5);
3584
3612
  }
3585
3613
  .tox .tox-statusbar__resize-handle:focus svg {
3586
3614
  background-color: #dee0e2;
3587
- border-radius: 1px;
3615
+ border-radius: 1px 1px 5px 1px;
3588
3616
  box-shadow: 0 0 0 2px #dee0e2;
3589
3617
  }
3590
3618
  .tox:not([dir=rtl]) .tox-statusbar__path > * {
3591
3619
  margin-right: 4px;
3592
3620
  }
3593
3621
  .tox:not([dir=rtl]) .tox-statusbar__branding {
3594
- margin-left: 1ch;
3622
+ margin-left: 2ch;
3595
3623
  }
3596
3624
  .tox[dir=rtl] .tox-statusbar {
3597
3625
  flex-direction: row-reverse;
@@ -3625,9 +3653,9 @@ body.tox-dialog__disable-scroll {
3625
3653
  font-size: 14px;
3626
3654
  font-style: normal;
3627
3655
  font-weight: normal;
3628
- height: 34px;
3656
+ height: 28px;
3629
3657
  justify-content: center;
3630
- margin: 2px 0 3px 0;
3658
+ margin: 6px 1px 5px 0;
3631
3659
  outline: none;
3632
3660
  overflow: hidden;
3633
3661
  padding: 0;
@@ -3644,12 +3672,12 @@ body.tox-dialog__disable-scroll {
3644
3672
  width: inherit;
3645
3673
  }
3646
3674
  .tox .tox-tbtn:focus {
3647
- background: #dee0e2;
3675
+ background: #cce2fa;
3648
3676
  border: 0;
3649
3677
  box-shadow: none;
3650
3678
  }
3651
3679
  .tox .tox-tbtn:hover {
3652
- background: #dee0e2;
3680
+ background: #cce2fa;
3653
3681
  border: 0;
3654
3682
  box-shadow: none;
3655
3683
  color: #222f3e;
@@ -3658,7 +3686,7 @@ body.tox-dialog__disable-scroll {
3658
3686
  fill: #222f3e;
3659
3687
  }
3660
3688
  .tox .tox-tbtn:active {
3661
- background: #c8cbcf;
3689
+ background: #a6ccf7;
3662
3690
  border: 0;
3663
3691
  box-shadow: none;
3664
3692
  color: #222f3e;
@@ -3685,7 +3713,7 @@ body.tox-dialog__disable-scroll {
3685
3713
  }
3686
3714
  .tox .tox-tbtn--enabled,
3687
3715
  .tox .tox-tbtn--enabled:hover {
3688
- background: #c8cbcf;
3716
+ background: #a6ccf7;
3689
3717
  border: 0;
3690
3718
  box-shadow: none;
3691
3719
  color: #222f3e;
@@ -3709,12 +3737,12 @@ body.tox-dialog__disable-scroll {
3709
3737
  transform: none;
3710
3738
  }
3711
3739
  .tox .tox-tbtn--md {
3712
- height: 51px;
3740
+ height: 42px;
3713
3741
  width: 51px;
3714
3742
  }
3715
3743
  .tox .tox-tbtn--lg {
3716
3744
  flex-direction: column;
3717
- height: 68px;
3745
+ height: 56px;
3718
3746
  width: 68px;
3719
3747
  }
3720
3748
  .tox .tox-tbtn--return {
@@ -3735,7 +3763,7 @@ body.tox-dialog__disable-scroll {
3735
3763
  white-space: nowrap;
3736
3764
  }
3737
3765
  .tox .tox-tbtn--select {
3738
- margin: 2px 0 3px 0;
3766
+ margin: 6px 1px 5px 0;
3739
3767
  padding: 0 4px;
3740
3768
  width: auto;
3741
3769
  }
@@ -3753,6 +3781,13 @@ body.tox-dialog__disable-scroll {
3753
3781
  .tox .tox-tbtn__select-chevron svg {
3754
3782
  fill: rgba(34, 47, 62, 0.5);
3755
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
+ }
3756
3791
  .tox .tox-tbtn--bespoke .tox-tbtn__select-label {
3757
3792
  overflow: hidden;
3758
3793
  text-overflow: ellipsis;
@@ -3764,14 +3799,14 @@ body.tox-dialog__disable-scroll {
3764
3799
  border-radius: 3px;
3765
3800
  box-sizing: border-box;
3766
3801
  display: flex;
3767
- margin: 2px 0 3px 0;
3802
+ margin: 6px 1px 5px 0;
3768
3803
  overflow: hidden;
3769
3804
  }
3770
3805
  .tox .tox-split-button:hover {
3771
- box-shadow: 0 0 0 1px #dee0e2 inset;
3806
+ box-shadow: 0 0 0 1px #cce2fa inset;
3772
3807
  }
3773
3808
  .tox .tox-split-button:focus {
3774
- background: #dee0e2;
3809
+ background: #cce2fa;
3775
3810
  box-shadow: none;
3776
3811
  color: #222f3e;
3777
3812
  }
@@ -3787,12 +3822,6 @@ body.tox-dialog__disable-scroll {
3787
3822
  .tox .tox-split-button .tox-tbtn {
3788
3823
  margin: 0;
3789
3824
  }
3790
- .tox.tox-platform-touch .tox-split-button .tox-tbtn:first-child {
3791
- width: 30px;
3792
- }
3793
- .tox.tox-platform-touch .tox-split-button__chevron {
3794
- width: 20px;
3795
- }
3796
3825
  .tox .tox-split-button.tox-tbtn--disabled:hover,
3797
3826
  .tox .tox-split-button.tox-tbtn--disabled:focus,
3798
3827
  .tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
@@ -3801,19 +3830,38 @@ body.tox-dialog__disable-scroll {
3801
3830
  box-shadow: none;
3802
3831
  color: rgba(34, 47, 62, 0.5);
3803
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
+ }
3804
3842
  .tox .tox-toolbar-overlord {
3805
3843
  background-color: #fff;
3806
3844
  }
3807
3845
  .tox .tox-toolbar,
3808
3846
  .tox .tox-toolbar__primary,
3809
3847
  .tox .tox-toolbar__overflow {
3810
- 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;
3811
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);
3812
3853
  display: flex;
3813
3854
  flex: 0 0 auto;
3814
3855
  flex-shrink: 0;
3815
3856
  flex-wrap: wrap;
3816
- 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);
3817
3865
  }
3818
3866
  .tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
3819
3867
  height: 0;
@@ -3829,9 +3877,11 @@ body.tox-dialog__disable-scroll {
3829
3877
  transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s;
3830
3878
  }
3831
3879
  .tox .tox-menubar + .tox-toolbar,
3832
- .tox .tox-menubar + .tox-toolbar-overlord .tox-toolbar__primary {
3833
- border-top: 1px solid #cccccc;
3834
- 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;
3835
3885
  }
3836
3886
  .tox .tox-toolbar--scrolling {
3837
3887
  flex-wrap: nowrap;
@@ -3843,22 +3893,37 @@ body.tox-dialog__disable-scroll {
3843
3893
  .tox .tox-toolbar--no-divider {
3844
3894
  background-image: none;
3845
3895
  }
3846
- .tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child,
3847
- .tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary {
3848
- 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;
3849
3903
  }
3850
3904
  .tox.tox-tinymce-aux .tox-toolbar__overflow {
3851
3905
  background-color: #fff;
3852
- border: 1px solid #cccccc;
3853
- border-radius: 3px;
3854
- 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;
3855
3920
  }
3856
3921
  .tox .tox-toolbar__group {
3857
3922
  align-items: center;
3858
3923
  display: flex;
3859
3924
  flex-wrap: wrap;
3860
3925
  margin: 0 0;
3861
- padding: 0 4px 0 4px;
3926
+ padding: 0 11px 0 12px;
3862
3927
  }
3863
3928
  .tox .tox-toolbar__group--pull-right {
3864
3929
  margin-left: auto;
@@ -3868,10 +3933,10 @@ body.tox-dialog__disable-scroll {
3868
3933
  flex-wrap: nowrap;
3869
3934
  }
3870
3935
  .tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
3871
- border-right: 1px solid #cccccc;
3936
+ border-right: 1px solid transparent;
3872
3937
  }
3873
3938
  .tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) {
3874
- border-left: 1px solid #cccccc;
3939
+ border-left: 1px solid transparent;
3875
3940
  }
3876
3941
  .tox .tox-tooltip {
3877
3942
  display: inline-block;
@@ -3880,7 +3945,7 @@ body.tox-dialog__disable-scroll {
3880
3945
  }
3881
3946
  .tox .tox-tooltip__body {
3882
3947
  background-color: #222f3e;
3883
- border-radius: 3px;
3948
+ border-radius: 6px;
3884
3949
  box-shadow: 0 2px 4px rgba(34, 47, 62, 0.3);
3885
3950
  color: rgba(255, 255, 255, 0.75);
3886
3951
  font-size: 14px;
@@ -3929,8 +3994,8 @@ body.tox-dialog__disable-scroll {
3929
3994
  transform: translateY(-50%);
3930
3995
  }
3931
3996
  .tox .tox-well {
3932
- border: 1px solid #cccccc;
3933
- border-radius: 3px;
3997
+ border: 1px solid #eeeeee;
3998
+ border-radius: 6px;
3934
3999
  padding: 8px;
3935
4000
  width: 100%;
3936
4001
  }
@@ -3944,8 +4009,8 @@ body.tox-dialog__disable-scroll {
3944
4009
  margin: 0;
3945
4010
  }
3946
4011
  .tox .tox-custom-editor {
3947
- border: 1px solid #cccccc;
3948
- border-radius: 3px;
4012
+ border: 1px solid #eeeeee;
4013
+ border-radius: 6px;
3949
4014
  display: flex;
3950
4015
  flex: 1;
3951
4016
  position: relative;
@@ -3968,18 +4033,10 @@ body.tox-dialog__disable-scroll {
3968
4033
  .tox .tox-dialog__content-js {
3969
4034
  display: flex;
3970
4035
  flex: 1;
3971
- -ms-flex-preferred-size: auto;
3972
4036
  }
3973
4037
  .tox .tox-dialog__body-content .tox-collection {
3974
4038
  display: flex;
3975
4039
  flex: 1;
3976
- -ms-flex-preferred-size: auto;
3977
- }
3978
- .tox .tox-image-tools-edit-panel {
3979
- height: 60px;
3980
- }
3981
- .tox .tox-image-tools__sidebar {
3982
- height: 60px;
3983
4040
  }
3984
4041
  .video-react .video-react-control:before, .video-react .video-react-big-play-button:before {
3985
4042
  position: absolute;
@@ -5196,7 +5253,8 @@ body.video-react-full-window .video-react-fullscreen {
5196
5253
  --pre-background: var(--background);
5197
5254
  --link-color: var(--info);
5198
5255
  --link-decoration: none;
5199
- --link-onHover-color: var(--info-onHover);
5256
+ --link-onHover-color: #528eff;
5257
+ --link-onClick-color: #144bcc;
5200
5258
  --link-onHover-decoration: underline;
5201
5259
  --body-bg: var(--light);
5202
5260
  --body-size: var(--fontSizeBase);
@@ -5238,8 +5296,11 @@ body.video-react-full-window .video-react-fullscreen {
5238
5296
  --Alert-boxShadow: none;
5239
5297
  --Alert-fontSize: var(--fontSizeBase);
5240
5298
  --Alert-marginBottom: var(--gap-md);
5241
- --Alert-paddingX: var(--gap-sm);
5242
- --Alert-paddingY: var(--gap-sm);
5299
+ --Alert-paddingX: var(--gap-md);
5300
+ --Alert-paddingY: var(--gap-xs);
5301
+ --Alert-fontColor: #151b26;
5302
+ --Alert-title-fontColor: #151b26;
5303
+ --Alert-height: 2.5rem;
5243
5304
  --Audio-border: 0.0625rem solid #dee2e6;
5244
5305
  --Audio-height: 3.125rem;
5245
5306
  --Audio-input-width: 5rem;
@@ -5395,6 +5456,14 @@ body.video-react-full-window .video-react-fullscreen {
5395
5456
  --Button--success-onHover-bg: var(--success-onHover);
5396
5457
  --Button--success-onHover-border: var(--success-onActive);
5397
5458
  --Button--success-onHover-color: var(--Button--success-color);
5459
+ --Button--emphasize-bg: #ffffff;
5460
+ --Button--emphasize-color: var(--primary);
5461
+ --Button--emphasize-onHover-bg: #ffffff;
5462
+ --Button--emphasize-onHover-border: var(--primary);
5463
+ --Button--emphasize-onHover-color: #528eff;
5464
+ --Button--emphasize-onActive-bg: #ffffff;
5465
+ --Button--emphasize-onActive-border: #144bcc;
5466
+ --Button--emphasize-onActive-color: #144bcc;
5398
5467
  --Button--enhance-border: var(--primary);
5399
5468
  --Button--enhance-color: var(--primary);
5400
5469
  --Button--enhance-onActive-bg: var(--white);
@@ -5456,6 +5525,8 @@ body.video-react-full-window .video-react-fullscreen {
5456
5525
  box-shadow var(--animation-duration) ease-in-out;
5457
5526
  --ButtonGroup--primary-isActive-color: var(--white);
5458
5527
  --ButtonGroup--primary-isActive-bg: var(--primary);
5528
+ --ButtonGroup-divider-width: 0.0625rem;
5529
+ --ButtonGroup-divider-color: #fff;
5459
5530
  --Breadcrumb-item-fontSize: var(--fontSizeMd);
5460
5531
  --Breadcrumb-item-default-color: #83868c;
5461
5532
  --Breadcrumb-item-hover-color: #2468f2;
@@ -5470,6 +5541,7 @@ body.video-react-full-window .video-react-fullscreen {
5470
5541
  --BreadcrumbDropdown-item-paddingY: calc(
5471
5542
  (var(--BreadcrumbDropdown-item-height) - var(--fontSizeSm)) / 2
5472
5543
  );
5544
+ --Breadcrumb-item-disabled-color: #b8babf;
5473
5545
  --Calendar-btn-bg: var(--info);
5474
5546
  --Calendar-btn-border: var(--Calendar-btn-bg);
5475
5547
  --Calendar-btn-borderRadius: var(--Button-borderRadius);
@@ -5676,6 +5748,7 @@ body.video-react-full-window .video-react-fullscreen {
5676
5748
  --Collapse-header-collapsed-border
5677
5749
  );
5678
5750
  --Collapse-header-wrapper-direction: row;
5751
+ --Collapse-header-bg-disabled-color: #f7f7f9;
5679
5752
  --Collapse-content-padding: 1.125rem 0;
5680
5753
  --Collapse-content-color: var(--body-color);
5681
5754
  --Collapse-content-fontSize: var(--body-size);
@@ -5695,9 +5768,11 @@ body.video-react-full-window .video-react-fullscreen {
5695
5768
  --DatePicker-height: var(--Form-input-height);
5696
5769
  --DatePicker-iconColor: var(--icon-color);
5697
5770
  --DatePicker-lineHeight: var(--Form-input-lineHeight);
5698
- --DatePicker-onFocused-borderColor: var(--Form-input-onFocused-borderColor);
5771
+ --DatePicker-onFocused-borderColor: #144bcc;
5699
5772
  --DatePicker-onHover-bg: var(--DatePicker-bg);
5700
5773
  --DatePicker-onHover-borderColor: var(--Form-input-onFocused-borderColor);
5774
+ --DatePicker-onDisabled-bg: #f5f5f5;
5775
+ --DatePicker-onDisabled-color: #999;
5701
5776
  --DatePicker-onHover-iconColor: var(--icon-onHover-color);
5702
5777
  --DatePicker-paddingX: 0.75rem;
5703
5778
  --DatePicker-paddingY: calc(
@@ -5719,7 +5794,7 @@ body.video-react-full-window .video-react-fullscreen {
5719
5794
  --Divider-borderStyle: solid;
5720
5795
  --Drawer-bg: var(--background);
5721
5796
  --Drawer-body-padding: var(--gap-base);
5722
- --Drawer-close-color: var(--text--muted-color);
5797
+ --Drawer-close-color: #151b26;
5723
5798
  --Drawer-close-onHover-color: var(--text-color);
5724
5799
  --Drawer-close-size: 0.75rem;
5725
5800
  --Drawer-content-borderColor: var(--borderColor);
@@ -5731,7 +5806,7 @@ body.video-react-full-window .video-react-fullscreen {
5731
5806
  --Drawer-header-borderColor: #dfe2e6;
5732
5807
  --Drawer-header-padding: var(--gap-base);
5733
5808
  --Drawer-overlay-bg: rgba(0, 0, 0, 0.6);
5734
- --Drawer-title-fontColor: var(--text--loud-color);
5809
+ --Drawer-title-fontColor: #151b26;
5735
5810
  --Drawer-title-fontSize: var(--fontSizeMd);
5736
5811
  --Drawer-widthBase: 80%;
5737
5812
  --Drawer-widthLg: 50rem;
@@ -5845,6 +5920,7 @@ body.video-react-full-window .video-react-fullscreen {
5845
5920
  --Form-select-borderWidth: var(--Form-input-borderWidth);
5846
5921
  --Form-select-caret-iconColor: var(--icon-color);
5847
5922
  --Form-select-caret-onHover-iconColor: var(--icon-onHover-color);
5923
+ --Form-select-caret-fontSize: 0.75rem;
5848
5924
  --Form-select-checkall-bottomBorder: #eceff8;
5849
5925
  --Form-select-color: var(--text-color);
5850
5926
  --Form-select-input-fontSize: var(--fontSizeSm);
@@ -5864,6 +5940,7 @@ body.video-react-full-window .video-react-fullscreen {
5864
5940
  --Form-select-onHover-bg: #f2f2f2;
5865
5941
  --Form-select-onHover-borderColor: var(--Form-input-borderColor);
5866
5942
  --Form-select-outer-borderWidth: 0.0625rem;
5943
+ --Form-select-outer-top: 2rem;
5867
5944
  --Form-select-outer-boxShadow: none;
5868
5945
  --Form-select-paddingX: var(--Form-input-paddingX);
5869
5946
  --Form-select-placeholderColor: var(--Form-input-placeholderColor);
@@ -5875,6 +5952,7 @@ body.video-react-full-window .video-react-fullscreen {
5875
5952
  --Form-select-valueIcon-color: var(--Form-select-valueIcon-color);
5876
5953
  --Form-select-valueIcon-color--dark: #e9e9e9;
5877
5954
  --Form-select-valueIcon-onHover-color: var(--Form-select-color);
5955
+ --Form-select-multiple-bgColor: #f7f7f9;
5878
5956
  --Form-selectOption-height: var(--Form-input-height);
5879
5957
  --Form-selectValue-bg: #e4f2ff;
5880
5958
  --Form-selectValue-onHover-bgColor: var(--Form-select-borderColor);
@@ -6008,6 +6086,8 @@ body.video-react-full-window .video-react-fullscreen {
6008
6086
  --Layout-asideLink-color: #b4b6bd;
6009
6087
  --Layout-asideLink-fontSize: var(--fontSizeBase);
6010
6088
  --Layout-asideLink-fontSize: var(--fontSizeBase);
6089
+ --Layout-asideLink-arrowFontSize: 0.75rem;
6090
+ --Layout-asideLink-arrowColor: #8d99b0;
6011
6091
  --Layout-asideLink-iconColor: inherit;
6012
6092
  --Layout-asideLink-onActive-arrowColor: var(
6013
6093
  --Layout-asideLink-onActive-color
@@ -6107,7 +6187,7 @@ body.video-react-full-window .video-react-fullscreen {
6107
6187
  --Modal-body-paddingX: var(--gap-md);
6108
6188
  --Modal-body-paddingY: var(--gap-md);
6109
6189
  --Modal-close-color: var(--text--muted-color);
6110
- --Modal-close-width: 0.75rem;
6190
+ --Modal-close-width: 1rem;
6111
6191
  --Modal-content-borderColor: var(--borderColor);
6112
6192
  --Modal-content-borderRadius: var(--borderRadius);
6113
6193
  --Modal-content-borderWidth: var(--borderWidth);
@@ -6186,8 +6266,8 @@ body.video-react-full-window .video-react-fullscreen {
6186
6266
  --Page-title-fontWeight: var(--fontWeightNormal);
6187
6267
  --Page-title-lineHeight: 1.5;
6188
6268
  --Pagination-fontSize: var(--fontSizeBase);
6189
- --Pagination-height: 1.875rem;
6190
- --Pagination-minWidth: 1.875rem;
6269
+ --Pagination-height: 2rem;
6270
+ --Pagination-minWidth: 2rem;
6191
6271
  --Pagination-onActive-backgroundColor: var(--primary);
6192
6272
  --Pagination-onActive-border: 0;
6193
6273
  --Pagination-onActive-color: var(--white);
@@ -6283,7 +6363,7 @@ body.video-react-full-window .video-react-fullscreen {
6283
6363
  --ResultBox-value-color: #000;
6284
6364
  --ResultBox-value-clear-bg: #d4d6d9;
6285
6365
  --ResultBox-value-clear-hover-bg: #f5f5f5;
6286
- --Rating-inactive-color: #e6e6e8;
6366
+ --Rating-inactive-color: #e8e9eb;
6287
6367
  --Rating-star-margin: 0.5rem;
6288
6368
  --Rating-star-size: 1.5rem;
6289
6369
  --Satus-icon-width: var(--gap-lg);
@@ -6308,6 +6388,8 @@ body.video-react-full-window .video-react-fullscreen {
6308
6388
  --Switch-onDisabled-circle-BackgroundColor: var(--white);
6309
6389
  --Switch-onDisabled-color: #fff;
6310
6390
  --Switch-onHover-bgColor: var(--Switch-bgColor);
6391
+ --Switch-checked-onHover-bgColor: #144bcc;
6392
+ --Switch-checked-onActive-bgColor: #144bcc;
6311
6393
  --Switch-valueColor: var(--white);
6312
6394
  --Switch-width: 3.125rem;
6313
6395
  --Switch-slider-margin: 0.0625rem;
@@ -6347,6 +6429,9 @@ body.video-react-full-window .video-react-fullscreen {
6347
6429
  --Table-onChecked-bg: #d9f3fb;
6348
6430
  --Table-onChecked-borderColor: #abe4f6;
6349
6431
  --Table-onChecked-color: #20b9e8;
6432
+ --Table-onChecked-onHover-bg: #f5f5f5;
6433
+ --Table-onChecked-onHover-borderColor: #eceff8;
6434
+ --Table-onChecked-onHover-color: #666;
6350
6435
  --Table-onDragging-opacity: 0.1;
6351
6436
  --Table-onHover-bg-rgb: 243, 246, 246;
6352
6437
  --Table-onHover-bg: #f3f6f6;
@@ -6371,6 +6456,8 @@ body.video-react-full-window .video-react-fullscreen {
6371
6456
  --Table-searchableForm-backgroundColor: #f6f7f8;
6372
6457
  --Table-searchableForm-borderRadius: 0.25rem;
6373
6458
  --Table-empty-icon-size: 4.625rem;
6459
+ --TableRow-onDisabled-bg: #f7f7f9;
6460
+ --TableRow-onDisabled-color: #b8babf;
6374
6461
  --TableCell--edge-paddingX: var(--gap-md);
6375
6462
  --TableCell--edge-paddingX-default: var(--gap-base);
6376
6463
  --TableCell-filterBtn--onActive-color: var(--primary);
@@ -6444,6 +6531,9 @@ body.video-react-full-window .video-react-fullscreen {
6444
6531
  --Tabs--simple-split-width: 0.0625rem;
6445
6532
  --Tabs--strong-add-size: 2rem;
6446
6533
  --Tabs--strong-arrow-size: 1.5rem;
6534
+ --Tabs-link-disabled-color: #b8babf;
6535
+ --Tabs--simple-split-size: var(--gap-xs) var(--gap-md);
6536
+ --Tabs--sidebar-iconColor: #2468f2;
6447
6537
  --Tabs-borderColor: var(--borderColor);
6448
6538
  --Tabs--simple-split-color: var(--Tabs-borderColor);
6449
6539
  --Tabs-borderRadius: var(--borderRadius);
@@ -6467,6 +6557,8 @@ body.video-react-full-window .video-react-fullscreen {
6467
6557
  --Tabs-close-marginTop: 0.0625rem;
6468
6558
  --Tabs-close-size: 0.75rem;
6469
6559
  --Tabs-link-maxWidth: 10rem;
6560
+ --Tabs-icon-gap: var(--gap-sm);
6561
+ --Tabs-animation-duration: var(--animation-duration);
6470
6562
  --Tabs--sidebar-sideWidth: 3.875rem;
6471
6563
  --Tabs--sidebar-sidePadding: 1.6875rem;
6472
6564
  --Tabs--sidebar-sideMargin: 0 0 1.375rem 0;
@@ -6522,7 +6614,7 @@ body.video-react-full-window .video-react-fullscreen {
6522
6614
  --Toast--warning-color: var(--Toast-color);
6523
6615
  --Toast-border-width: 0;
6524
6616
  --Toast-borderRadius: 0.125rem;
6525
- --Toast-box-shadow: var(--boxShadow);
6617
+ --Toast-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);
6526
6618
  --Toast-close-color: var(--icon-color);
6527
6619
  --Toast-close--onHover-color: var(--Toast-close-color);
6528
6620
  --Toast-icon-width: 1rem;
@@ -6533,6 +6625,7 @@ body.video-react-full-window .video-react-fullscreen {
6533
6625
  --Toast-paddingY: var(--gap-xs);
6534
6626
  --Toast-title-display: block;
6535
6627
  --Toast-width: 25rem;
6628
+ --Toast--info-paddingL: 0;
6536
6629
  --Tooltip--attr-bg: rgba(0, 0, 0, 0.7);
6537
6630
  --Tooltip--attr-borderColor: var(--borderColor);
6538
6631
  --Tooltip--attr-borderRadius: var(--borderRadius);
@@ -6576,11 +6669,14 @@ body.video-react-full-window .video-react-fullscreen {
6576
6669
  --Tooltip-title-paddingY: var(--gap-sm);
6577
6670
  --Transfer-title-bg: #f6f8f8;
6578
6671
  --Transfer-selection-maxHeight: 21.875rem;
6672
+ --TransferSelect--table-heading-bg: var(--background);
6673
+ --TransferSelect--normal-heading-bg: #f6f7fb;
6674
+ --TransferSelect-heading-borderBottom: 0;
6579
6675
  --TabsTransfer-title-bg: #f7f7f9;
6580
6676
  --TabsTransfer-border-color: #e8e9eb;
6581
6677
  --Tree-indent: var(--gap-md);
6582
6678
  --Tree-icon-gap: var(--gap-xs);
6583
- --Tree-icon-margin-right: 0.625rem;
6679
+ --Tree-icon-margin-right: 0.5rem;
6584
6680
  --Tree-inputHeight: calc(var(--Form-input-height) * 0.85);
6585
6681
  --Tree-item-onHover-bg: rgba(0, 126, 255, 0.08);
6586
6682
  --Tree-item-onHover-bg-pure: rgba(0, 126, 255, 0.08);
@@ -6588,6 +6684,12 @@ body.video-react-full-window .video-react-fullscreen {
6588
6684
  --Tree-itemHeight: 1.875rem;
6589
6685
  --Tree-itemLabel--onChecked-color: var(--Form-selectValue-color);
6590
6686
  --TreeSelect-popover-bg: #fff;
6687
+ --Tree-item-text-max-height: 15.625rem;
6688
+ --Tree-item-text-top: 0.25rem;
6689
+ --Tree-item-arrow-padding-left: 0.25rem;
6690
+ --Tree-item-arrow-color: #84868c;
6691
+ --Tree-item-onChekced-bg: var(--Form-select-menu-onHover-bg);
6692
+ --Tree-item-onChekced-bg-borderRadius: 0.125rem;
6591
6693
  --Wizard-badge-bg: #9ca3af;
6592
6694
  --Wizard-badge-border: 0;
6593
6695
  --Wizard-badge-borderRadius: 0.625rem;
@@ -6610,16 +6712,19 @@ body.video-react-full-window .video-react-fullscreen {
6610
6712
  --Wizard-steps-textAlign: left;
6611
6713
  --Wizard-steps-ulDisplay: block;
6612
6714
  --Wizard-stepsContent-padding: var(--gap-base);
6613
- --AnchorNav-links-container-borderRight: 0.0625rem solid #d3dae0;
6614
- --AnchorNav-onActive-borderWidth: 0 0.125rem 0 0;
6715
+ --AnchorNav-links-container-borderRight: 0.125rem solid #d3dae0;
6716
+ --AnchorNav-onActive-borderWidth: 0 0 0 0.125rem;
6615
6717
  --Steps-bg: var(--borderColorDarken);
6616
6718
  --Steps-status-success: var(--info);
6617
- --Steps-status-error: var(--danger);
6719
+ --Steps-status-error: var(--Tag-error-color);
6720
+ --Steps-status-wait: #84868c;
6618
6721
  --Steps-icon-fontsize: var(--fontSizeLg);
6619
- --Steps-title-fontsize: var(--fontSizeLg);
6620
- --Steps-title-color: var(--text--loud-color);
6722
+ --Steps-title-fontsize: var(--fontSizeMd);
6723
+ --Steps-title-color: #151b26;
6621
6724
  --Steps-sub-title-fontsize: var(--fontSizeBase);
6622
6725
  --Steps-sub-title-color: var(--text-color);
6726
+ --Steps-description-title-fontsize: var(--fontSizeSm);
6727
+ --Steps-description-title-color: #84868c;
6623
6728
  --Steps-line-bg: var(--Steps-bg);
6624
6729
  --Steps-line-success-bg: var(--Steps-status-success);
6625
6730
  --Progress-borderRadius: var(--borderRadius);
@@ -6644,6 +6749,8 @@ body.video-react-full-window .video-react-fullscreen {
6644
6749
  --TimelineItem--left-line-width: 0.125rem;
6645
6750
  --TimelineItem--left-line-left: 0.8125rem;
6646
6751
  --TimelineItem--left-line-top: 1.25rem;
6752
+ --TimelineItem--horizontal-left-line-top: 1.125rem;
6753
+ --TimelineItem--icon-left-line-left: 0.75rem;
6647
6754
  --TimelineItem--round-width: 0.5rem;
6648
6755
  --TimelineItem--round-height: 0.5rem;
6649
6756
  --TimelineItem--round-left: 0.625rem;
@@ -6660,6 +6767,8 @@ body.video-react-full-window .video-react-fullscreen {
6660
6767
  --TimelineItem-detail-visible-padding: 0.625rem;
6661
6768
  --TimelineItem-detail-visible-max-width: 18.75rem;
6662
6769
  --Timeline-alternate-margin-left: var(--gap-xl);
6770
+ --Timeline-visible-border-radius: var(--gap-xs);
6771
+ --Timeline-horizontal-content-margin-top: -0.1875rem;
6663
6772
  --TimelineItem--icon-radius: 50%;
6664
6773
  --TimelineItem--round-radius: 50%;
6665
6774
  --TimelineItem--content-radius: px2rem(2px);
@@ -6672,6 +6781,9 @@ body.video-react-full-window .video-react-fullscreen {
6672
6781
  --TimelineItem--line-bg: #e6e6e8;
6673
6782
  --TimelineItem--content-bg: #f2f2f4;
6674
6783
  --TimelineItem-round-bg: #dadbdd;
6784
+ --TimelineItem-custem-button-margin-left: var(--fontSizeSm);
6785
+ --TimelineItem-custem-time-padding-right: var(--fontSizeSm);
6786
+ --TimelineItem-round-bg: #dadbdd;
6675
6787
  --Timeline--success-bg: var(--success);
6676
6788
  --Timeline--info-bg: var(--info);
6677
6789
  --Timeline--warning-bg: var(--warning);
@@ -6687,12 +6799,12 @@ body.video-react-full-window .video-react-fullscreen {
6687
6799
  --Tag-borderRadius: 0.125rem;
6688
6800
  --Tag-fontColor: #151a26;
6689
6801
  --Tag-default-color: #f2f2f4;
6690
- --Tag-inactive-color: #b4b6ba;
6802
+ --Tag-inactive-color: #b8babf;
6691
6803
  --Tag-active-color: #2468f2;
6692
- --Tag-processing-color: #1ac5ff;
6693
- --Tag-success-color: #0bc286;
6694
- --Tag-error-color: #e8684a;
6695
- --Tag-warning-color: #ffb200;
6804
+ --Tag-processing-color: #528eff;
6805
+ --Tag-success-color: #30bf13;
6806
+ --Tag-error-color: #f33e3e;
6807
+ --Tag-warning-color: #ff9326;
6696
6808
  --Tag-checkable-bgColor: #f2f2f4;
6697
6809
  --Tag-checkable-bgColor-onDisable: #e6e6e8;
6698
6810
  --Tag-checkable-bgColor-onHover: #e6e6e8;
@@ -6718,6 +6830,17 @@ body.video-react-full-window .video-react-fullscreen {
6718
6830
  --SearchBox-width: 9.375rem;
6719
6831
  --SearchBox-history-dropdown-maxWidth: calc(var(--SearchBox-width) * 2);
6720
6832
  --SearchBox-history-dropdown-maxHeight: 12.5rem;
6833
+ --SearchBox-hover-color: #2468f2;
6834
+ --SearchBox-focus-color: #144bcc;
6835
+ --SearchBox-search-icon-color: #84868c;
6836
+ --SearchBox-enhonce-icon-color: #ffffff;
6837
+ --SearchBox-clearable-icon-color: #d4d6d9;
6838
+ --SearchBox-clearable-icon-size: 1rem;
6839
+ --SearchBox-height: 1.875rem;
6840
+ --SearchBox-disabled-color: #f7f7f9;
6841
+ --SearchBox-enhonce-disabled-color: #f2f2f4;
6842
+ --SearchBox-enhonce-disabled-search-color: #b8babf;
6843
+ --SearchBox-enhonce-clearable-gap: 0.375rem;
6721
6844
  }
6722
6845
  :root {
6723
6846
  --fontFamilyBase: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
@@ -6844,6 +6967,9 @@ body.video-react-full-window .video-react-fullscreen {
6844
6967
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
6845
6968
  border: 1px solid #f9f9f9;
6846
6969
  }
6970
+ .rdtPickerNotDays {
6971
+ width: 192px;
6972
+ }
6847
6973
  .rdtOpen .rdtPicker {
6848
6974
  display: block;
6849
6975
  }
@@ -6882,7 +7008,7 @@ body.video-react-full-window .video-react-fullscreen {
6882
7008
  .rdtPicker td > span {
6883
7009
  display: inline-block;
6884
7010
  border-radius: 2px;
6885
- height: 100%;
7011
+ height: 24px;
6886
7012
  width: 24px;
6887
7013
  }
6888
7014
  .rdtPicker td.rdtDay:hover,
@@ -7385,6 +7511,9 @@ a:hover {
7385
7511
  -webkit-text-decoration: var(--link-onHover-decoration);
7386
7512
  text-decoration: var(--link-onHover-decoration);
7387
7513
  }
7514
+ a:active {
7515
+ color: var(--link-onClick-color);
7516
+ }
7388
7517
  label {
7389
7518
  font-weight: var(--fontWeightNormal);
7390
7519
  }
@@ -9259,11 +9388,19 @@ input[type=button].antd-Button--block {
9259
9388
  }
9260
9389
  .antd-Breadcrumb-item {
9261
9390
  position: relative;
9391
+ display: inline-flex;
9392
+ align-items: center;
9262
9393
  }
9263
9394
  .antd-Breadcrumb-item-default {
9264
9395
  cursor: pointer;
9265
9396
  color: var(--Breadcrumb-item-default-color);
9266
9397
  }
9398
+ .antd-Breadcrumb-item-default:hover {
9399
+ color: var(--Breadcrumb-item-hover-color);
9400
+ }
9401
+ .antd-Breadcrumb-item-default:active {
9402
+ color: var(--Breadcrumb-item-active-color);
9403
+ }
9267
9404
  .antd-Breadcrumb-item-dropdown {
9268
9405
  cursor: pointer;
9269
9406
  color: var(--BreadcrumbDropdown-item-default-color);
@@ -9279,7 +9416,8 @@ input[type=button].antd-Button--block {
9279
9416
  color: var(--Breadcrumb-item-last-color);
9280
9417
  }
9281
9418
  .antd-Breadcrumb-item-caret {
9282
- margin-left: var(--gap-sm);
9419
+ height: 16px;
9420
+ margin: 0 2px;
9283
9421
  cursor: pointer;
9284
9422
  display: inline-block;
9285
9423
  transition: transform var(--animation-duration) ease;
@@ -9391,6 +9529,7 @@ input[type=button].antd-Button--block {
9391
9529
  white-space: nowrap;
9392
9530
  text-align: center;
9393
9531
  padding: 0 6px;
9532
+ border: 1px solid #FFFFFF;
9394
9533
  }
9395
9534
  .antd-Badge-dot {
9396
9535
  z-index: auto;
@@ -9471,25 +9610,35 @@ input[type=button].antd-Button--block {
9471
9610
  @-webkit-keyframes modalIn {
9472
9611
  from {
9473
9612
  opacity: 0;
9474
- transform: translate3d(0, -300px, 0) scale(0.2);
9613
+ width: 0;
9614
+ height: 0;
9615
+ bottom: -999px;
9475
9616
  }
9476
9617
  }
9477
9618
  @keyframes modalIn {
9478
9619
  from {
9479
9620
  opacity: 0;
9480
- transform: translate3d(0, -300px, 0) scale(0.2);
9621
+ width: 0;
9622
+ height: 0;
9623
+ bottom: -999px;
9481
9624
  }
9482
9625
  }
9483
9626
  @-webkit-keyframes modalOut {
9484
9627
  to {
9485
9628
  opacity: 0;
9486
- transform: translate3d(0, -300px, 0) scale(0.2);
9629
+ opacity: 0;
9630
+ width: 0;
9631
+ height: 0;
9632
+ bottom: -999px;
9487
9633
  }
9488
9634
  }
9489
9635
  @keyframes modalOut {
9490
9636
  to {
9491
9637
  opacity: 0;
9492
- transform: translate3d(0, -300px, 0) scale(0.2);
9638
+ opacity: 0;
9639
+ width: 0;
9640
+ height: 0;
9641
+ bottom: -999px;
9493
9642
  }
9494
9643
  }
9495
9644
  .antd-Modal {
@@ -9552,7 +9701,7 @@ input[type=button].antd-Button--block {
9552
9701
  opacity: 0;
9553
9702
  }
9554
9703
  .antd-Modal-header {
9555
- padding: var(--Modal-header-paddingY) var(--Modal-header-paddingX);
9704
+ padding: var(--Modal-header-paddingY) 1.5rem;
9556
9705
  background: var(--Modal-header-bg);
9557
9706
  border-bottom: var(--Modal-body-borderTop);
9558
9707
  border-top-left-radius: var(--Modal-content-borderRadius);
@@ -9599,17 +9748,16 @@ input[type=button].antd-Button--block {
9599
9748
  z-index: 10;
9600
9749
  }
9601
9750
  .antd-Modal-body {
9602
- padding: var(--Modal-body--noHeader-paddingTop) var(--Modal-body-paddingX) var(--Modal-body-paddingY);
9751
+ margin: 1rem 0 1.5rem 0;
9603
9752
  flex-grow: 1;
9604
- }
9605
- .antd-Modal-header + .antd-Modal-body {
9606
- padding-top: var(--Modal-body-paddingY);
9753
+ height: auto;
9754
+ padding: 0 1.5rem;
9607
9755
  }
9608
9756
  .antd-Modal-footer {
9609
9757
  display: flex;
9610
9758
  align-items: center;
9611
9759
  justify-content: flex-end;
9612
- padding: var(--Modal-footer-padding);
9760
+ padding: var(--Modal-footer-padding) 1.5rem;
9613
9761
  border-top: var(--Modal-body-borderBottom);
9614
9762
  margin: var(--Modal-footer-marginY) var(--Modal-footer-marginX);
9615
9763
  border-bottom-left-radius: var(--Modal-content-borderRadius);
@@ -10868,6 +11016,15 @@ input[type=button].antd-Button--block {
10868
11016
  justify-content: space-between;
10869
11017
  align-items: flex-start;
10870
11018
  }
11019
+ .antd-Alert-has-title {
11020
+ padding: var(--Alert-paddingX);
11021
+ }
11022
+ .antd-Alert-has-title .antd-Alert-content .antd-Alert-title {
11023
+ line-height: 1.375rem;
11024
+ }
11025
+ .antd-Alert-has-title .antd-Alert-content .antd-Alert-desc {
11026
+ line-height: 1.25rem;
11027
+ }
10871
11028
  .antd-Alert-icon {
10872
11029
  margin-right: var(--gap-sm);
10873
11030
  font-size: var(--fontSizeLg);
@@ -11185,9 +11342,16 @@ input[type=button].antd-Button--block {
11185
11342
  border: none;
11186
11343
  outline: none;
11187
11344
  }
11345
+ .antd-Tabs-links > .antd-Tabs-link:hover .antd-Tabs-link-close {
11346
+ width: var(--Tabs-close-size);
11347
+ margin-left: var(--Tabs-close-margin);
11348
+ }
11188
11349
  .antd-Tabs-links > .antd-Tabs-link .antd-Tabs-link-close {
11189
- margin: var(--Tabs-close-marginTop) 0 0 var(--Tabs-close-margin);
11350
+ width: 0;
11351
+ margin: var(--Tabs-close-marginTop) 0 0;
11190
11352
  fill: var(--Tabs-gray-color);
11353
+ transition: all var(--Tabs-animation-duration) linear;
11354
+ overflow: hidden;
11191
11355
  cursor: pointer;
11192
11356
  }
11193
11357
  .antd-Tabs-links > .antd-Tabs-link .antd-Tabs-link-close .antd-Tabs-link-close-icon {
@@ -11209,6 +11373,14 @@ input[type=button].antd-Button--block {
11209
11373
  overflow: hidden;
11210
11374
  white-space: nowrap;
11211
11375
  }
11376
+ .antd-Tabs-links > .antd-Tabs-link > a:first-child > .antd-Icon {
11377
+ margin-right: var(--Tabs-icon-gap);
11378
+ vertical-align: unset;
11379
+ }
11380
+ .antd-Tabs-links > .antd-Tabs-link > a:first-child > img.antd-Icon {
11381
+ position: relative;
11382
+ top: 0.125em;
11383
+ }
11212
11384
  .antd-Tabs-links > .antd-Tabs-link > .antd-Combo-toolbarBtn {
11213
11385
  position: absolute;
11214
11386
  right: -10px;
@@ -11257,6 +11429,14 @@ input[type=button].antd-Button--block {
11257
11429
  opacity: 1;
11258
11430
  }
11259
11431
  .antd-Tabs--line > .antd-Tabs-linksContainer-wrapper {
11432
+ position: relative;
11433
+ }
11434
+ .antd-Tabs--line > .antd-Tabs-linksContainer-wrapper::before {
11435
+ content: "";
11436
+ position: absolute;
11437
+ width: 100%;
11438
+ left: 0;
11439
+ bottom: 0;
11260
11440
  border-bottom: var(--Tabs-borderWidth) solid var(--Tabs--simple-split-color);
11261
11441
  }
11262
11442
  .antd-Tabs--line > .antd-Tabs-linksContainer-wrapper--toolbar .antd-Tabs-link {
@@ -11302,6 +11482,11 @@ input[type=button].antd-Button--block {
11302
11482
  .antd-Tabs--line > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-linksContainer > .antd-Tabs-linksContainer-main > .antd-Tabs-links > li:not(.is-disabled):hover .antd-Tabs-link-close {
11303
11483
  fill: var(--primary);
11304
11484
  }
11485
+ .antd-Tabs--line > .antd-Tabs-linksWrapper > .antd-Tabs-links > li:not(.is-disabled):hover > a:first-child:hover:active,
11486
+ .antd-Tabs--line > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-linksContainer > .antd-Tabs-linksContainer-main > .antd-Tabs-links > li:not(.is-disabled):hover > a:first-child:hover:active {
11487
+ color: #144BCC;
11488
+ border-color: #144BCC;
11489
+ }
11305
11490
  .antd-Tabs--line > .antd-Tabs-linksWrapper > .antd-Tabs-links > li:last-child > a,
11306
11491
  .antd-Tabs--line > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-linksContainer > .antd-Tabs-linksContainer-main > .antd-Tabs-links > li:last-child > a {
11307
11492
  margin: 0;
@@ -11600,6 +11785,8 @@ input[type=button].antd-Button--block {
11600
11785
  font-size: var(--Tabs--sidebar-iconSize);
11601
11786
  height: var(--Tabs--sidebar-iconSize);
11602
11787
  margin-bottom: var(--Tabs--sidebar-iconMargin);
11788
+ margin-right: 0;
11789
+ top: 0;
11603
11790
  }
11604
11791
  .antd-Tabs--sidebar > .antd-Tabs-linksWrapper > .antd-Tabs-links > li.is-active > a:first-child,
11605
11792
  .antd-Tabs--sidebar > .antd-Tabs-linksWrapper > .antd-Tabs-links > li > a:first-child:hover,
@@ -11744,7 +11931,6 @@ input[type=button].antd-Button--block {
11744
11931
  background-color: var(--Tabs--simple-split-color);
11745
11932
  }
11746
11933
  .antd-Tabs--simple > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-linksContainer > .antd-Tabs-linksContainer-main > .antd-Tabs-links > li > .antd-Tabs-link-close {
11747
- padding-top: var(--Tabs--simple-split-width);
11748
11934
  cursor: pointer;
11749
11935
  }
11750
11936
  .antd-Tabs--simple > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-linksContainer > .antd-Tabs-linksContainer-main > .antd-Tabs-links > li:last-of-type::after {
@@ -11758,6 +11944,10 @@ input[type=button].antd-Button--block {
11758
11944
  color: var(--Tabs--line-onHover-color);
11759
11945
  border: none;
11760
11946
  }
11947
+ .antd-Tabs--simple > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-linksContainer > .antd-Tabs-linksContainer-main > .antd-Tabs-links > li.is-active > a:first-child:hover:active, .antd-Tabs--simple > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-linksContainer > .antd-Tabs-linksContainer-main > .antd-Tabs-links > li:not(.is-disabled):hover > a:first-child:hover:active {
11948
+ color: #144BCC;
11949
+ border-color: #144BCC;
11950
+ }
11761
11951
  .antd-Tabs--simple > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-linksContainer > .antd-Tabs-linksContainer-main > .antd-Tabs-links > li:not(.is-disabled):hover .antd-Tabs-link-close {
11762
11952
  fill: var(--primary);
11763
11953
  }
@@ -11845,6 +12035,10 @@ input[type=button].antd-Button--block {
11845
12035
  .antd-Tabs--strong > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-linksContainer > .antd-Tabs-linksContainer-main > .antd-Tabs-links > .antd-Tabs-link:not(.is-disabled):hover > a:first-child:focus {
11846
12036
  color: var(--Tabs--line-onHover-color);
11847
12037
  }
12038
+ .antd-Tabs--strong > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-linksContainer > .antd-Tabs-linksContainer-main > .antd-Tabs-links > .antd-Tabs-link.is-active > a:first-child:hover:active, .antd-Tabs--strong > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-linksContainer > .antd-Tabs-linksContainer-main > .antd-Tabs-links > .antd-Tabs-link:not(.is-disabled):hover > a:first-child:hover:active {
12039
+ color: #144BCC;
12040
+ border-color: #144BCC;
12041
+ }
11848
12042
  .antd-Tabs--strong > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-linksContainer > .antd-Tabs-linksContainer-main > .antd-Tabs-links > .antd-Tabs-link:not(.is-disabled):hover .antd-Tabs-link-close {
11849
12043
  fill: var(--primary);
11850
12044
  }
@@ -13485,6 +13679,7 @@ input[type=button].antd-Button--block {
13485
13679
  .antd-Collapse-arrow {
13486
13680
  display: inline-block;
13487
13681
  width: 1rem;
13682
+ height: 1rem;
13488
13683
  text-align: center;
13489
13684
  margin-right: var(--gap-sm);
13490
13685
  }
@@ -13495,7 +13690,7 @@ input[type=button].antd-Button--block {
13495
13690
  width: 0.375rem;
13496
13691
  height: 0.375rem;
13497
13692
  top: -0.125rem;
13498
- border-color: #84868C;
13693
+ border-color: #84868c;
13499
13694
  border-style: solid;
13500
13695
  border-width: 0.0625rem 0.0625rem 0 0;
13501
13696
  transform: rotate(45deg);
@@ -13566,9 +13761,21 @@ input[type=button].antd-Button--block {
13566
13761
  .antd-CollapseGroup .antd-Collapse:first-child {
13567
13762
  border-radius: 4px 4px 0 0;
13568
13763
  }
13764
+ .antd-CollapseGroup .antd-Collapse:first-child > .antd-Collapse-header {
13765
+ border-radius: 4px 4px 0 0;
13766
+ }
13569
13767
  .antd-CollapseGroup .antd-Collapse:last-child {
13570
13768
  border-radius: 0 0 4px 4px;
13571
13769
  }
13770
+ .antd-CollapseGroup .antd-Collapse:last-child > .antd-Collapse-header {
13771
+ border-radius: 0 0 4px 4px;
13772
+ }
13773
+ .antd-CollapseGroup .antd-Collapse:first-child:nth-last-child(1) {
13774
+ border-radius: 4px;
13775
+ }
13776
+ .antd-CollapseGroup .antd-Collapse:first-child:nth-last-child(1) > .antd-Collapse-header {
13777
+ border-radius: 4px;
13778
+ }
13572
13779
  .antd-CollapseGroup .antd-Collapse:not(:last-child) {
13573
13780
  border-bottom: none;
13574
13781
  }
@@ -14314,7 +14521,10 @@ input[type=button].antd-Button--block {
14314
14521
  display: inline-flex;
14315
14522
  align-items: center;
14316
14523
  }
14317
- .antd-Crud-toolbar-item:not(:first-child) {
14524
+ .antd-Crud-toolbar-item--left:not(:first-child) {
14525
+ margin-left: var(--Crud-toolbar-gap);
14526
+ }
14527
+ .antd-Crud-toolbar-item--right:not(:last-child) {
14318
14528
  margin-left: var(--Crud-toolbar-gap);
14319
14529
  }
14320
14530
  .antd-Crud-toolbar-item--left {
@@ -14364,7 +14574,10 @@ input[type=button].antd-Button--block {
14364
14574
  height: var(--Crud-toolbar-height);
14365
14575
  vertical-align: middle;
14366
14576
  }
14367
- .antd-Crud-toolbar-item:not(:first-child) {
14577
+ .antd-Crud-toolbar-item--left:not(:first-child) {
14578
+ margin-left: var(--Crud-toolbar-gap);
14579
+ }
14580
+ .antd-Crud-toolbar-item--right:not(:last-child) {
14368
14581
  margin-left: var(--Crud-toolbar-gap);
14369
14582
  }
14370
14583
  .antd-Crud-toolbar-item--left {
@@ -14441,7 +14654,10 @@ input[type=button].antd-Button--block {
14441
14654
  display: inline-flex;
14442
14655
  align-items: center;
14443
14656
  }
14444
- .antd-Crud2-toolbar-item:not(:first-child) {
14657
+ .antd-Crud2-toolbar-item--left:not(:first-child) {
14658
+ margin-left: var(--Crud-toolbar-gap);
14659
+ }
14660
+ .antd-Crud2-toolbar-item--right:not(:last-child) {
14445
14661
  margin-left: var(--Crud-toolbar-gap);
14446
14662
  }
14447
14663
  .antd-Crud2-toolbar-item--left {
@@ -14486,7 +14702,10 @@ input[type=button].antd-Button--block {
14486
14702
  height: var(--Crud-toolbar-height);
14487
14703
  vertical-align: middle;
14488
14704
  }
14489
- .antd-Crud-toolbar-item:not(:first-child) {
14705
+ .antd-Crud-toolbar-item--left:not(:first-child) {
14706
+ margin-left: var(--Crud-toolbar-gap);
14707
+ }
14708
+ .antd-Crud-toolbar-item--right:not(:last-child) {
14490
14709
  margin-left: var(--Crud-toolbar-gap);
14491
14710
  }
14492
14711
  .antd-Crud-toolbar-item--left {
@@ -14550,9 +14769,17 @@ input[type=button].antd-Button--block {
14550
14769
  background: var(--Table-bg);
14551
14770
  z-index: -1;
14552
14771
  opacity: 0;
14772
+ }
14773
+ .antd-Table-fixedTop-shadow {
14774
+ position: absolute;
14553
14775
  box-shadow: var(--Table-fixedTop-boxShadow);
14776
+ z-index: -1;
14777
+ height: 10px;
14778
+ margin-top: -10px;
14779
+ background-color: transparent;
14780
+ opacity: 0;
14554
14781
  }
14555
- .antd-Table-fixedTop.in {
14782
+ .antd-Table-fixedTop.in, .antd-Table-fixedTop.in + .antd-Table-fixedTop-shadow {
14556
14783
  position: fixed;
14557
14784
  opacity: 1;
14558
14785
  z-index: 900;
@@ -14694,6 +14921,9 @@ input[type=button].antd-Button--block {
14694
14921
  .antd-Table-table th.text-right, .antd-Table-table td.text-right {
14695
14922
  text-align: right;
14696
14923
  }
14924
+ .antd-Table-table td .antd-SwitchControl {
14925
+ padding-top: 0;
14926
+ }
14697
14927
  .antd-Table-table--withCombine > thead > tr > th:first-child,
14698
14928
  .antd-Table-table--withCombine > tbody > tr > td:first-child {
14699
14929
  padding-left: var(--TableCell-paddingX) !important;
@@ -14720,6 +14950,7 @@ input[type=button].antd-Button--block {
14720
14950
  .antd-Table-table > thead > tr > th {
14721
14951
  background: var(--Table-thead-bg);
14722
14952
  padding: var(--TableCell-paddingY) var(--TableCell-paddingX);
14953
+ text-align: left;
14723
14954
  border-bottom: var(--Table-thead-borderWidth) solid var(--Table-thead-borderColor);
14724
14955
  font-size: var(--Table-thead-fontSize);
14725
14956
  color: var(--Table-thead-color);
@@ -14727,10 +14958,13 @@ input[type=button].antd-Button--block {
14727
14958
  white-space: nowrap;
14728
14959
  }
14729
14960
  .antd-Table-table > thead > tr > th:first-child {
14961
+ padding-left: 0.75rem;
14962
+ }
14963
+ .antd-Table-table > thead > tr > th:first-child.antd-Table-checkCell {
14730
14964
  padding-left: var(--TableCell--edge-paddingX);
14731
14965
  }
14732
14966
  .antd-Table-table > thead > tr > th:last-child {
14733
- padding-right: var(--TableCell--edge-paddingX);
14967
+ padding-right: 0.75rem;
14734
14968
  }
14735
14969
  .antd-Table-table > thead > tr > th:last-child .antd-Table-content-colDragLine {
14736
14970
  width: 4px;
@@ -14742,6 +14976,12 @@ input[type=button].antd-Button--block {
14742
14976
  .antd-Table-table > thead > tr > th .antd-Remark {
14743
14977
  margin-left: var(--gap-xs);
14744
14978
  }
14979
+ .antd-Table-table > thead > tr > th:first-child {
14980
+ border-top-left-radius: 4px;
14981
+ }
14982
+ .antd-Table-table > thead > tr > th:last-child {
14983
+ border-top-right-radius: 4px;
14984
+ }
14745
14985
  .antd-Table-table > thead > tr + tr {
14746
14986
  border-top: var(--Table-borderWidth) solid var(--Table-borderColor);
14747
14987
  }
@@ -14791,6 +15031,12 @@ input[type=button].antd-Button--block {
14791
15031
  .antd-Table-table > tbody > tr:hover + tr, .antd-Table-table > tbody > tr.is-hovered + tr {
14792
15032
  border-color: var(--Table-onHover-borderColor);
14793
15033
  }
15034
+ .antd-Table-table > tbody > tr:active {
15035
+ background: transparent;
15036
+ }
15037
+ .antd-Table-table > tbody > tr:hover.antd-Table-placeholder {
15038
+ color: var(--text--muted-color);
15039
+ }
14794
15040
  .antd-Table-table > tbody > tr.is-checked {
14795
15041
  background: var(--Table-onChecked-bg);
14796
15042
  border-color: var(--Table-onChecked-borderColor);
@@ -15402,7 +15648,6 @@ input[type=button].antd-Button--block {
15402
15648
  }
15403
15649
  .antd-Table-table > thead > tr > th.antd-Table-checkCell,
15404
15650
  .antd-Table-table > tbody > tr > td.antd-Table-checkCell {
15405
- border-right: 0;
15406
15651
  width: 0.0625rem;
15407
15652
  padding-right: var(--TableCell-paddingX);
15408
15653
  white-space: nowrap;
@@ -15411,6 +15656,9 @@ input[type=button].antd-Button--block {
15411
15656
  .antd-Table-table > tbody > tr > td.antd-Table-checkCell .antd-Checkbox {
15412
15657
  margin: 0;
15413
15658
  }
15659
+ .antd-Table-table > tbody > tr > td.antd-Table-checkCell {
15660
+ border-right: 0;
15661
+ }
15414
15662
  .antd-Table-table > thead > tr > th.antd-Table-expandCell,
15415
15663
  .antd-Table-table > tbody > tr > td.antd-Table-expandCell {
15416
15664
  border-right: 0;
@@ -15558,12 +15806,12 @@ input[type=button].antd-Button--block {
15558
15806
  width: 12px;
15559
15807
  height: 12px;
15560
15808
  }
15561
- .antd-TableCell-searchBtn:hover {
15562
- color: var(--text-color);
15563
- }
15564
15809
  .antd-TableCell-searchBtn.is-active {
15565
15810
  color: var(--TableCell-searchBtn--onActive-color);
15566
15811
  }
15812
+ .antd-TableCell-searchBtn.is-opened {
15813
+ color: var(--Button--default-onActive-border);
15814
+ }
15567
15815
  .antd-TableCell-searchPopOver {
15568
15816
  border: none;
15569
15817
  min-width: 20rem;
@@ -15661,6 +15909,9 @@ input[type=button].antd-Button--block {
15661
15909
  width: 100%;
15662
15910
  color: var(--info);
15663
15911
  }
15912
+ .antd-Table-foot {
15913
+ background: var(--Table-thead-bg);
15914
+ }
15664
15915
  .antd-Table-footTable {
15665
15916
  position: relative;
15666
15917
  width: 100%;
@@ -15702,9 +15953,10 @@ input[type=button].antd-Button--block {
15702
15953
  width: 0.625rem;
15703
15954
  height: 0.625rem;
15704
15955
  top: 0;
15956
+ transform: rotate(90deg);
15705
15957
  }
15706
15958
  .antd-Table-expandBtn.is-active > svg {
15707
- transform: rotate(90deg);
15959
+ transform: rotate(-90deg);
15708
15960
  }
15709
15961
  .antd-Table-expandBtn:hover {
15710
15962
  text-decoration: none;
@@ -15747,18 +15999,31 @@ input[type=button].antd-Button--block {
15747
15999
  top: 0;
15748
16000
  z-index: 1;
15749
16001
  }
15750
- .antd-Table--autoFillHeight > .antd-Table-fixedTop {
16002
+ .antd-Table--autoFillHeight > .antd-Table-fixedTop .antd-Table-fixedTop-shadow {
15751
16003
  display: none;
15752
16004
  }
15753
16005
  .antd-Table--autoFillHeight > .antd-Table-footToolbar {
15754
16006
  margin-bottom: 0;
15755
16007
  }
16008
+ .antd-InputTable .antd-Field--quickEditable svg {
16009
+ color: var(--primary);
16010
+ }
16011
+ .antd-InputTable .antd-Field--quickEditable svg:hover {
16012
+ color: var(--primary-onHover);
16013
+ }
16014
+ .antd-InputTable .antd-Field--quickEditable svg:active {
16015
+ color: var(--primary-onActive);
16016
+ }
15756
16017
  .antd-InputTable-toolbar {
15757
16018
  display: flex;
15758
16019
  flex-direction: row;
15759
16020
  flex-wrap: wrap;
15760
16021
  justify-content: space-between;
15761
16022
  }
16023
+ .antd-InputTable-toolbar .antd-Button {
16024
+ border: none;
16025
+ color: var(--Button--link-color);
16026
+ }
15762
16027
  .antd-InputTable-pager {
15763
16028
  margin-left: auto;
15764
16029
  }
@@ -17764,6 +18029,9 @@ input[type=button].antd-Button--block {
17764
18029
  .antd-Card-actions > a.is-disabled:hover {
17765
18030
  text-decoration: none;
17766
18031
  }
18032
+ .antd-Card-actions > a > .antd-Button-icon:first-child:not(:last-child) {
18033
+ margin-right: var(--Button-icon-rightMargin);
18034
+ }
17767
18035
  .antd-Card.is-checked {
17768
18036
  background: var(--Card-onChecked-bg);
17769
18037
  border-color: var(--Card-onChecked-borderColor);
@@ -18076,9 +18344,10 @@ input[type=button].antd-Button--block {
18076
18344
  .antd-Progress-line-bar {
18077
18345
  float: left;
18078
18346
  width: 0;
18079
- height: 10px;
18347
+ height: 8px;
18080
18348
  background: var(--primary);
18081
18349
  transition: width var(--animation-duration) ease;
18350
+ border-radius: var(--Progress-borderRadius);
18082
18351
  }
18083
18352
  .antd-Progress-line-bar--stripe {
18084
18353
  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);
@@ -18238,7 +18507,7 @@ input[type=button].antd-Button--block {
18238
18507
  .antd-Pagination {
18239
18508
  display: inline-block;
18240
18509
  padding: 0;
18241
- margin: 0 0 -0.625rem;
18510
+ margin: 0 0 -0.5rem;
18242
18511
  border-radius: 0.25rem;
18243
18512
  }
18244
18513
  .antd-Pagination > li {
@@ -18340,7 +18609,7 @@ input[type=button].antd-Button--block {
18340
18609
  border: var(--borderWidth) solid var(--borderColor);
18341
18610
  border-radius: var(--borderRadius) 0 0 var(--borderRadius);
18342
18611
  padding: var(--Pagination-padding);
18343
- margin-left: 0.625rem;
18612
+ margin-left: 0.5rem;
18344
18613
  text-align: center;
18345
18614
  }
18346
18615
  .antd-Pagination-inputGroup input:focus, .antd-Pagination-inputGroup input:hover {
@@ -18363,12 +18632,13 @@ input[type=button].antd-Button--block {
18363
18632
  color: var(--primary);
18364
18633
  border-color: var(--primary);
18365
18634
  border-left: var(--borderWidth) solid var(--primary);
18635
+ margin-left: -1px;
18366
18636
  }
18367
18637
  .antd-Pagination-wrap {
18368
18638
  line-height: 1.875rem;
18369
18639
  }
18370
18640
  .antd-Pagination-wrap .antd-Pagination-item {
18371
- margin-left: 0.625rem;
18641
+ margin-left: 0.5rem;
18372
18642
  }
18373
18643
  .antd-Pagination-wrap .antd-Pagination-item:nth-child(1) {
18374
18644
  margin-left: 0;
@@ -18758,6 +19028,7 @@ input[type=button].antd-Button--block {
18758
19028
  display: block;
18759
19029
  max-width: 100%;
18760
19030
  max-height: 100%;
19031
+ transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
18761
19032
  }
18762
19033
  .antd-ImageGallery-prevBtn, .antd-ImageGallery-nextBtn {
18763
19034
  position: absolute;
@@ -18887,6 +19158,57 @@ input[type=button].antd-Button--block {
18887
19158
  .antd-ImageGallery-item.is-active:after {
18888
19159
  display: none;
18889
19160
  }
19161
+ .antd-ImageGallery-toolbar {
19162
+ background-color: var(--white);
19163
+ border-radius: 0.25rem;
19164
+ display: flex;
19165
+ align-items: flex-start;
19166
+ padding: 0.25rem 1rem;
19167
+ position: absolute;
19168
+ bottom: 1.25rem;
19169
+ left: 50%;
19170
+ transform: translateX(-50%);
19171
+ display: flex;
19172
+ flex-flow: row nowrap;
19173
+ justify-content: space-between;
19174
+ align-items: center;
19175
+ }
19176
+ .antd-ImageGallery-toolbar-action {
19177
+ padding: 0.8125rem;
19178
+ border-radius: 0.25rem;
19179
+ width: 2.5rem;
19180
+ height: 2.5rem;
19181
+ cursor: pointer;
19182
+ display: flex;
19183
+ justify-content: center;
19184
+ align-items: center;
19185
+ }
19186
+ .antd-ImageGallery-toolbar-action-icon {
19187
+ display: block;
19188
+ color: var(--black);
19189
+ }
19190
+ .antd-ImageGallery-toolbar-action-icon > svg {
19191
+ fill: var(--black);
19192
+ }
19193
+ .antd-ImageGallery-toolbar-action.is-disabled {
19194
+ cursor: not-allowed;
19195
+ color: var(--icon-onDisabled-color);
19196
+ }
19197
+ .antd-ImageGallery-toolbar-action.is-disabled .antd-ImageGallery-toolbar-action-icon {
19198
+ color: var(--icon-onDisabled-color);
19199
+ }
19200
+ .antd-ImageGallery-toolbar-action.is-disabled .antd-ImageGallery-toolbar-action-icon > svg {
19201
+ color: var(--icon-onDisabled-color);
19202
+ }
19203
+ .antd-ImageGallery-toolbar-action:hover {
19204
+ background-color: #f2f3f5;
19205
+ }
19206
+ .antd-ImageGallery-toolbar-action:hover .antd-ImageGallery-toolbar-action-icon {
19207
+ color: var(--primary);
19208
+ }
19209
+ .antd-ImageGallery-toolbar-action:hover .antd-ImageGallery-toolbar-action-icon > svg {
19210
+ fill: var(--primary);
19211
+ }
18890
19212
  .antd-Images {
18891
19213
  display: flex;
18892
19214
  flex-wrap: wrap;
@@ -19152,6 +19474,7 @@ input[type=button].antd-Button--block {
19152
19474
  display: inline-block;
19153
19475
  width: 14px;
19154
19476
  color: var(--icon-color);
19477
+ margin-top: 0.125rem;
19155
19478
  }
19156
19479
  .antd-InputBox > a {
19157
19480
  cursor: pointer;
@@ -19475,9 +19798,7 @@ input[type=button].antd-Button--block {
19475
19798
  display: flex;
19476
19799
  align-items: center;
19477
19800
  flex-shrink: 0;
19478
- }
19479
- .antd-ResultBox-actions > *:first-child {
19480
- margin-left: 0.3125rem;
19801
+ padding-left: 0.3125rem;
19481
19802
  }
19482
19803
  .antd-ResultBox-actions > *:not(:last-child) {
19483
19804
  margin-right: 0.3125rem;
@@ -19501,7 +19822,7 @@ input[type=button].antd-Button--block {
19501
19822
  .antd-ResultBox-pc-arrow > svg {
19502
19823
  width: 0.625rem;
19503
19824
  height: 0.625rem;
19504
- top: 0.125em;
19825
+ top: 0;
19505
19826
  color: var(--default-icon-color);
19506
19827
  }
19507
19828
  .antd-ResultBox.is-opened .antd-ResultBox-pc-arrow {
@@ -19798,6 +20119,9 @@ input[type=button].antd-Button--block {
19798
20119
  color: var(--SearchBox-enhonce-icon-color);
19799
20120
  background: var(--SearchBox-hover-color);
19800
20121
  }
20122
+ .antd-SearchBox--enhance.is-active .antd-SearchBox-searchBtn:hover {
20123
+ background: var(--Button--primary-onHover-bg);
20124
+ }
19801
20125
  .antd-SearchBox--enhance .antd-SearchBox-clearable {
19802
20126
  margin-right: var(--SearchBox-enhonce-clearable-gap);
19803
20127
  }
@@ -20107,7 +20431,7 @@ input[type=button].antd-Button--block {
20107
20431
  .antd-Steps .antd-StepsItem {
20108
20432
  flex: 1;
20109
20433
  overflow: hidden;
20110
- padding: 0 1.25rem;
20434
+ padding: 0 0.5rem;
20111
20435
  height: auto;
20112
20436
  line-height: 2rem;
20113
20437
  }
@@ -20128,6 +20452,10 @@ input[type=button].antd-Button--block {
20128
20452
  font-size: var(--Steps-icon-fontsize);
20129
20453
  text-align: center;
20130
20454
  }
20455
+ .antd-Steps .antd-StepsItem-containerIcon .antd-StepsItem-icon .icon {
20456
+ width: 0.5625rem;
20457
+ height: 0.5625rem;
20458
+ }
20131
20459
  .antd-Steps .antd-StepsItem-containerWrapper {
20132
20460
  display: inline-block;
20133
20461
  position: relative;
@@ -20135,7 +20463,7 @@ input[type=button].antd-Button--block {
20135
20463
  .antd-Steps .antd-StepsItem-containerWrapper .antd-StepsItem-body .antd-StepsItem-title {
20136
20464
  font-size: var(--Steps-title-fontsize);
20137
20465
  color: var(--Steps-title-color);
20138
- padding-right: 1.25rem;
20466
+ padding-right: 0.5rem;
20139
20467
  position: relative;
20140
20468
  display: inline-block;
20141
20469
  }
@@ -20171,7 +20499,11 @@ input[type=button].antd-Button--block {
20171
20499
  max-width: 8.75rem;
20172
20500
  white-space: nowrap;
20173
20501
  position: relative;
20174
- bottom: 0.625rem;
20502
+ bottom: 1.25rem;
20503
+ }
20504
+ .antd-Steps .antd-StepsItem-containerWrapper .antd-StepsItem-body .antd-StepsItem-description > span {
20505
+ color: var(--Steps-description-title-color);
20506
+ font-size: var(--Steps-description-title-fontsize);
20175
20507
  }
20176
20508
  .antd-Steps .antd-StepsItem:last-child {
20177
20509
  flex: none;
@@ -20191,7 +20523,7 @@ input[type=button].antd-Button--block {
20191
20523
  content: "";
20192
20524
  position: absolute;
20193
20525
  right: 0;
20194
- top: 2rem;
20526
+ top: 2.25rem;
20195
20527
  height: 9999px;
20196
20528
  left: 0.6875rem;
20197
20529
  width: 1px;
@@ -20286,18 +20618,20 @@ input[type=button].antd-Button--block {
20286
20618
  }
20287
20619
  .antd-Steps--Placement-vertical .antd-StepsItem-containerWrapper .antd-StepsItem-body .antd-StepsItem-title {
20288
20620
  padding: 0 0.625rem;
20621
+ bottom: 0.5625rem;
20289
20622
  width: 100%;
20290
20623
  }
20291
20624
  .antd-Steps--Placement-vertical .antd-StepsItem-containerWrapper .antd-StepsItem-body .antd-StepsItem-title > span {
20292
20625
  display: block;
20293
20626
  position: relative;
20294
- left: 0.625rem;
20627
+ left: 0.75rem;
20295
20628
  }
20296
20629
  .antd-Steps--Placement-vertical .antd-StepsItem-containerWrapper .antd-StepsItem-body .antd-StepsItem-title .antd-StepsItem-subTitle {
20297
20630
  word-break: break-all;
20298
20631
  padding: 0 0.625rem;
20299
20632
  position: relative;
20300
20633
  left: 0.625rem;
20634
+ bottom: 0.75rem;
20301
20635
  }
20302
20636
  .antd-Steps--Placement-vertical .antd-StepsItem-containerWrapper .antd-StepsItem-body .antd-StepsItem-title:after {
20303
20637
  display: none;
@@ -20305,7 +20639,8 @@ input[type=button].antd-Button--block {
20305
20639
  .antd-Steps--Placement-vertical .antd-StepsItem-containerWrapper .antd-StepsItem-body .antd-StepsItem-description {
20306
20640
  min-width: 12.5rem;
20307
20641
  word-break: break-all;
20308
- padding: 0 0.625rem;
20642
+ padding: 0 1.25rem;
20643
+ bottom: 2.75rem;
20309
20644
  }
20310
20645
  .antd-Steps--Placement-vertical .antd-StepsItem-containerWrapper .antd-StepsItem-body .antd-StepsItem-title.is-success:after {
20311
20646
  background-color: var(--Steps-line-success-bg);
@@ -20349,16 +20684,16 @@ input[type=button].antd-Button--block {
20349
20684
  color: var(--Steps-bg);
20350
20685
  border: 1px solid var(--Steps-bg);
20351
20686
  }
20687
+ .antd-Steps .antd-StepsItem.is-wait .antd-StepsItem-title,
20688
+ .antd-Steps .antd-StepsItem.is-wait .antd-StepsItem-subTitle,
20689
+ .antd-Steps .antd-StepsItem.is-wait .antd-StepsItem-description {
20690
+ color: var(--Steps-status-wait);
20691
+ }
20352
20692
  .antd-Steps .antd-StepsItem.is-error .antd-StepsItem-icon {
20353
20693
  background-color: var(--Steps-status-error);
20354
20694
  color: var(--white);
20355
20695
  border: 1px solid var(--Steps-status-error);
20356
20696
  }
20357
- .antd-Steps .antd-StepsItem.is-error .antd-StepsItem-title,
20358
- .antd-Steps .antd-StepsItem.is-error .antd-StepsItem-subTitle,
20359
- .antd-Steps .antd-StepsItem.is-error .antd-StepsItem-description {
20360
- color: var(--Steps-status-error);
20361
- }
20362
20697
  .antd-Steps .antd-StepsItem.is-finish .antd-StepsItem-icon,
20363
20698
  .antd-Steps .antd-StepsItem.is-process .antd-StepsItem-icon {
20364
20699
  background-color: var(--Steps-status-success);
@@ -21013,6 +21348,11 @@ fieldset.antd-Collapse--lg:after {
21013
21348
  display: inline-flex;
21014
21349
  }
21015
21350
  }
21351
+ .antd-TextControl-input input {
21352
+ overflow: hidden;
21353
+ white-space: nowrap;
21354
+ text-overflow: ellipsis;
21355
+ }
21016
21356
  .antd-TextControl-placeholder {
21017
21357
  color: var(--Form-input-placeholderColor);
21018
21358
  -webkit-user-select: none;
@@ -21331,6 +21671,9 @@ input.antd-TextControl-input-password {
21331
21671
  display: inline-flex;
21332
21672
  }
21333
21673
  }
21674
+ .antd-TextareaControl > textarea.antd-TextareaControl-input--counter {
21675
+ padding-bottom: 23px;
21676
+ }
21334
21677
  .antd-TextareaControl > textarea {
21335
21678
  border: 1px solid var(--Form-input-borderColor);
21336
21679
  border-radius: var(--Form-input-borderRadius);
@@ -21362,19 +21705,19 @@ input.antd-TextControl-input-password {
21362
21705
  }
21363
21706
  .antd-TextareaControl-counter {
21364
21707
  position: absolute;
21365
- right: var(--Form-input-paddingX);
21366
- bottom: var(--Form-input-paddingY);
21708
+ left: 1px;
21709
+ bottom: 1px;
21710
+ right: var(--scrollbar-width);
21711
+ padding-bottom: var(--Form-input-paddingY);
21712
+ background-color: #fff;
21713
+ text-align: right;
21367
21714
  font-size: var(--fontSizeSm);
21368
- padding: 0 5px;
21369
21715
  border-radius: 3px;
21370
21716
  color: #84868c;
21371
21717
  }
21372
21718
  .antd-TextareaControl-counter.is-empty {
21373
21719
  color: #84868c;
21374
21720
  }
21375
- .antd-TextareaControl-counter.is-clearable {
21376
- right: calc( var(--Form-input-paddingX) + var(--Form-input-clearBtn-size) + var(--Form-input-clearBtn-padding) * 2 + 0.3125rem );
21377
- }
21378
21721
  .has-error--maxLength .antd-TextareaControl-counter {
21379
21722
  background: var(--danger);
21380
21723
  }
@@ -21388,7 +21731,7 @@ input.antd-TextControl-input-password {
21388
21731
  text-decoration: none;
21389
21732
  position: absolute;
21390
21733
  right: var(--Form-input-paddingX);
21391
- bottom: var(--Form-input-paddingY);
21734
+ top: var(--Form-input-paddingY);
21392
21735
  }
21393
21736
  .antd-TextareaControl-clear svg {
21394
21737
  fill: var(--Form-input-clearBtn-color);
@@ -21493,8 +21836,8 @@ input.antd-TextControl-input-password {
21493
21836
  border-radius: var(--Checkbox-borderRadius);
21494
21837
  margin-left: calc(var(--Checkbox-size) * -1);
21495
21838
  }
21496
- .antd-Checkbox--checkbox.antd-Checkbox:hover > i:before {
21497
- background: var(--Button--primary-onHover-bg);
21839
+ .antd-Checkbox--checkbox.antd-Checkbox:hover > input + i {
21840
+ border-color: var(--Button--primary-onHover-bg);
21498
21841
  }
21499
21842
  .antd-Checkbox--checkbox.antd-Checkbox:active > i:before {
21500
21843
  background: var(--Switch-checked-onHover-bgColor);
@@ -21504,6 +21847,7 @@ input.antd-TextControl-input-password {
21504
21847
  }
21505
21848
  .antd-Checkbox--full.antd-Checkbox--checkbox:hover input:checked + i {
21506
21849
  background: var(--Button--primary-onHover-bg);
21850
+ border-color: transparent;
21507
21851
  }
21508
21852
  .antd-Checkbox--full.antd-Checkbox--checkbox:hover input:checked + i:before {
21509
21853
  background: var(--Button--primary-onHover-bg);
@@ -21599,6 +21943,10 @@ input.antd-TextControl-input-password {
21599
21943
  .antd-Checkbox--button.antd-Checkbox--checkbox:hover:not(:disabled) {
21600
21944
  color: var(--Checkbox-onHover-color);
21601
21945
  border-color: var(--Checkbox-onHover-color);
21946
+ box-shadow: -1px 0 0 0 var(--Checkbox-onHover-color);
21947
+ }
21948
+ .antd-Checkbox--button.antd-Checkbox--checkbox:hover:not(:disabled):first-child {
21949
+ box-shadow: none;
21602
21950
  }
21603
21951
  .antd-Checkbox--button.antd-Checkbox--checkbox:hover input:checked + i {
21604
21952
  background: transparent;
@@ -21661,14 +22009,20 @@ input.antd-TextControl-input-password {
21661
22009
  .antd-Checkbox--button--checked.antd-Checkbox--checkbox.antd-Checkbox--button {
21662
22010
  border-color: var(--Checkbox-onHover-color);
21663
22011
  color: var(--Checkbox-onHover-color);
22012
+ box-shadow: -1px 0 0 0 var(--Checkbox-onHover-color);
22013
+ }
22014
+ .antd-Checkbox--button--checked.antd-Checkbox--checkbox.antd-Checkbox--button:first-child {
22015
+ box-shadow: none;
21664
22016
  }
21665
22017
  .antd-Checkbox--button--checked.antd-Checkbox--checkbox.antd-Checkbox--button:hover {
21666
22018
  border-color: var(--menu-active-color);
21667
22019
  color: var(--menu-active-color);
22020
+ box-shadow: -1px 0 0 0 var(--menu-active-color);
21668
22021
  }
21669
22022
  .antd-Checkbox--button--checked.antd-Checkbox--checkbox.antd-Checkbox--button:active {
21670
22023
  border-color: var(--Switch-checked-onHover-bgColor);
21671
22024
  color: var(--Switch-checked-onHover-bgColor);
22025
+ box-shadow: -1px 0 0 0 var(--Switch-checked-onHover-bgColor);
21672
22026
  }
21673
22027
  .antd-Checkbox--button--disabled--unchecked.antd-Checkbox--checkbox {
21674
22028
  background: var(--Checkbox-disabled-unchecked-bg);
@@ -21841,6 +22195,7 @@ input.antd-TextControl-input-password {
21841
22195
  padding: var(--gap-xs) 0;
21842
22196
  }
21843
22197
  .antd-GroupedSelection-group > .antd-GroupedSelection-itemLabel {
22198
+ height: 2rem;
21844
22199
  padding: var(--gap-xs) var(--gap-base);
21845
22200
  color: var(--FileControl-icon-color);
21846
22201
  }
@@ -22309,6 +22664,9 @@ input.antd-TextControl-input-password {
22309
22664
  .antd-Number:hover {
22310
22665
  border-color: var(--Form-input-onFocused-borderColor);
22311
22666
  }
22667
+ .antd-Number:hover .antd-Number-handler-wrap {
22668
+ display: block;
22669
+ }
22312
22670
  .antd-Number-disabled:hover {
22313
22671
  border-color: var(--Form-input-onDisabled-borderColor);
22314
22672
  }
@@ -22355,6 +22713,7 @@ input.antd-TextControl-input-password {
22355
22713
  content: var(--Number-handler--down-content);
22356
22714
  }
22357
22715
  .antd-Number-handler-wrap {
22716
+ display: none;
22358
22717
  float: right;
22359
22718
  border-left: 0.0625rem solid var(--Form-input-borderColor);
22360
22719
  width: var(--Number-handler-width);
@@ -22543,11 +22902,14 @@ input.antd-TextControl-input-password {
22543
22902
  }
22544
22903
  .antd-Select:hover {
22545
22904
  background: var(--Form-select-onHover-bg);
22546
- border-color: var(--Form-select-onHover-borderColor);
22905
+ border-color: var(--Form-input-onHover-borderColor);
22547
22906
  }
22548
22907
  .antd-Select:hover .antd-Select-arrow:before {
22549
22908
  color: var(--Form-select-caret-onHover-iconColor);
22550
22909
  }
22910
+ .antd-Select:active {
22911
+ border-color: var(--Button--default-onActive-border);
22912
+ }
22551
22913
  .antd-Select.is-disabled {
22552
22914
  color: var(--text--muted-color);
22553
22915
  background: var(--Form-input-onDisabled-bg);
@@ -22556,6 +22918,9 @@ input.antd-TextControl-input-password {
22556
22918
  .antd-Select:focus {
22557
22919
  box-shadow: var(--Form-select-onFocus-boxShadow);
22558
22920
  }
22921
+ .antd-Select .antd-PopOver.antd-Select-popover {
22922
+ margin-top: 0.25rem;
22923
+ }
22559
22924
  .antd-Select .antd-PopOver.antd-Select-popover .antd-Select-menu {
22560
22925
  overflow-x: hidden;
22561
22926
  }
@@ -22789,6 +23154,7 @@ input.antd-TextControl-input-password {
22789
23154
  text-overflow: ellipsis;
22790
23155
  overflow: hidden;
22791
23156
  white-space: nowrap;
23157
+ width: 100%;
22792
23158
  }
22793
23159
  .antd-Select-option.is-active {
22794
23160
  color: var(--Form-select-menu-onActive-color);
@@ -22941,6 +23307,29 @@ input.antd-TextControl-input-password {
22941
23307
  border-color: var(--Form-input-onError-borderColor);
22942
23308
  background: var(--Form-input-onError-bg);
22943
23309
  }
23310
+ .antd-SelectControl .antd-TransferDropDown-popover {
23311
+ border: none;
23312
+ }
23313
+ .antd-SelectControl .antd-TransferDropDown-popover .antd-Tree-list .antd-Tree-item .antd-Tree-itemLabel:hover,
23314
+ .antd-SelectControl .antd-TransferDropDown-popover .antd-Tree-list .antd-Tree-item .antd-Tree-item--isLeaf:hover {
23315
+ background-color: transparent;
23316
+ }
23317
+ .antd-SelectControl .antd-TransferDropDown-popover .antd-Tree-list .antd-Tree-item .antd-Tree-itemLabel:hover .antd-Tree-itemText,
23318
+ .antd-SelectControl .antd-TransferDropDown-popover .antd-Tree-list .antd-Tree-item .antd-Tree-item--isLeaf:hover .antd-Tree-itemText {
23319
+ background: var(--Transfer-title-bg);
23320
+ }
23321
+ .antd-SelectControl .antd-TransferDropDown-popover .antd-Tree-list .antd-Tree-item .antd-Tree-itemLabel:active,
23322
+ .antd-SelectControl .antd-TransferDropDown-popover .antd-Tree-list .antd-Tree-item .antd-Tree-item--isLeaf:active {
23323
+ background-color: transparent;
23324
+ }
23325
+ .antd-SelectControl .antd-TransferDropDown-popover .antd-Tree-list .antd-Tree-item .antd-Tree-itemLabel:active .antd-Tree-itemText,
23326
+ .antd-SelectControl .antd-TransferDropDown-popover .antd-Tree-list .antd-Tree-item .antd-Tree-item--isLeaf:active .antd-Tree-itemText {
23327
+ background: var(--Tree-item-onChekced-bg);
23328
+ }
23329
+ .antd-SelectControl .antd-TransferDropDown-popover .antd-Tree-list .antd-Tree-item .antd-Tree-itemLabel.is-checked,
23330
+ .antd-SelectControl .antd-TransferDropDown-popover .antd-Tree-list .antd-Tree-item .antd-Tree-item--isLeaf.is-checked {
23331
+ background-color: transparent;
23332
+ }
22944
23333
  .antd-Select.is-error {
22945
23334
  border-color: var(--Form-input-onError-borderColor);
22946
23335
  background: var(--Form-input-onError-bg);
@@ -23403,6 +23792,12 @@ input.antd-TextControl-input-password {
23403
23792
  outline: none;
23404
23793
  box-sizing: none;
23405
23794
  }
23795
+ .antd-DatePicker-input::-moz-placeholder {
23796
+ color: #b8babf;
23797
+ }
23798
+ .antd-DatePicker-input::placeholder {
23799
+ color: #b8babf;
23800
+ }
23406
23801
  .antd-DatePicker .antd-DatePicker-clear {
23407
23802
  display: none;
23408
23803
  }
@@ -23427,7 +23822,7 @@ input.antd-TextControl-input-password {
23427
23822
  .antd-DatePicker:not(.is-disabled):hover .antd-DatePicker-clear + .antd-DatePicker-toggler {
23428
23823
  display: none;
23429
23824
  }
23430
- .antd-DatePicker.is-focused {
23825
+ .antd-DatePicker:not(.is-disabled).is-focused {
23431
23826
  border-color: var(--DatePicker-onFocused-borderColor);
23432
23827
  box-shadow: var(--Form-input-boxShadow);
23433
23828
  }
@@ -23623,13 +24018,16 @@ input.antd-TextControl-input-password {
23623
24018
  .rdt .rdtPicker .rdtTimeToggle {
23624
24019
  background: var(--Calendar-cell-bg);
23625
24020
  }
23626
- .rdt .rdtPicker td.rdtDay:hover,
23627
- .rdt .rdtPicker td.rdtHour:hover,
23628
- .rdt .rdtPicker td.rdtMinute:hover,
23629
- .rdt .rdtPicker td.rdtSecond:hover,
23630
- .rdt .rdtPicker .rdtTimeToggle:hover {
24021
+ .rdt .rdtPicker td.rdtDay:hover span,
24022
+ .rdt .rdtPicker td.rdtHour:hover span,
24023
+ .rdt .rdtPicker td.rdtMinute:hover span,
24024
+ .rdt .rdtPicker td.rdtSecond:hover span,
24025
+ .rdt .rdtPicker .rdtTimeToggle:hover span {
23631
24026
  background: var(--Calendar-cell-onHover-bg);
23632
24027
  }
24028
+ .rdt .rdtPicker td.rdtToday:hover span {
24029
+ background: transparent;
24030
+ }
23633
24031
  .rdt .rdtPicker td.rdtBetween {
23634
24032
  background: var(--Calendar-cell-onBetween-bg);
23635
24033
  }
@@ -23652,10 +24050,8 @@ input.antd-TextControl-input-password {
23652
24050
  color: #151b26;
23653
24051
  }
23654
24052
  .rdt .rdtPicker .rdtActive.rdtToday > span {
23655
- background: transparent;
23656
24053
  border-color: #144bcc;
23657
24054
  }
23658
- .rdt .rdtPicker td.rdtDisabled > span,
23659
24055
  .rdt .rdtPicker td.rdtDisabled:hover > span {
23660
24056
  background: var(--Calendar-cell-onDisabled-bg);
23661
24057
  }
@@ -23684,11 +24080,19 @@ input.antd-TextControl-input-password {
23684
24080
  padding: var(--gap-sm);
23685
24081
  border-top: 1px solid var(--Calendar-input-borderColor);
23686
24082
  }
24083
+ .antd-CalendarTimesWrapper {
24084
+ display: flex;
24085
+ flex-direction: column;
24086
+ height: 100%;
24087
+ }
24088
+ .antd-CalendarTimesWrapper .antd-CalendarInputsWrapper {
24089
+ height: 15.5rem;
24090
+ }
23687
24091
  .antd-CalendarInputWrapper {
23688
24092
  display: inline-block;
23689
24093
  position: relative;
23690
24094
  width: 4rem;
23691
- height: 14rem;
24095
+ height: 15.5rem;
23692
24096
  overflow: auto;
23693
24097
  }
23694
24098
  .antd-CalendarInputWrapper .antd-CalendarInput-sugs {
@@ -23701,10 +24105,10 @@ input.antd-TextControl-input-password {
23701
24105
  z-index: 10;
23702
24106
  }
23703
24107
  .antd-CalendarInputWrapper .antd-CalendarInput-sugsHours {
23704
- height: 54.25rem;
24108
+ height: 55.75rem;
23705
24109
  }
23706
24110
  .antd-CalendarInputWrapper .antd-CalendarInput-sugsTimes {
23707
- height: 117.25rem;
24111
+ height: 118.75rem;
23708
24112
  border-left: 1px solid var(--Calendar-input-borderColor);
23709
24113
  }
23710
24114
  .antd-CalendarInputWrapper .antd-CalendarInput-sugsItem {
@@ -23712,10 +24116,17 @@ input.antd-TextControl-input-password {
23712
24116
  height: 28px;
23713
24117
  line-height: 28px;
23714
24118
  }
23715
- .antd-CalendarInputWrapper .antd-CalendarInput-sugsItem.is-highlight, .antd-CalendarInputWrapper .antd-CalendarInput-sugsItem:hover {
24119
+ .antd-CalendarInputWrapper .antd-CalendarInput-sugsItem.is-highlight {
23716
24120
  color: var(--Form-select-menu-onHover-color);
23717
24121
  background: var(--Form-select-menu-onHover-bg);
23718
24122
  }
24123
+ .antd-CalendarInputWrapper .antd-CalendarInput-sugsItem:hover {
24124
+ color: var(--Form-select-menu-onHover-color);
24125
+ background: #F7F7F9;
24126
+ }
24127
+ .antd-TimeContentWrapper {
24128
+ display: flex;
24129
+ }
23719
24130
  .antd-TimeRangeHeaderWrapper {
23720
24131
  height: 40px;
23721
24132
  padding-top: 10px;
@@ -23728,6 +24139,7 @@ input.antd-TextControl-input-password {
23728
24139
  justify-content: space-between;
23729
24140
  align-items: center;
23730
24141
  padding: 0 12px;
24142
+ border-top: 1px solid var(--Calendar-input-borderColor);
23731
24143
  }
23732
24144
  .antd-TimeFooterWrapper .antd-Button {
23733
24145
  height: 24px;
@@ -23899,7 +24311,6 @@ input.antd-TextControl-input-password {
23899
24311
  display: table;
23900
24312
  table-layout: fixed;
23901
24313
  border-collapse: separate;
23902
- border-bottom: 1px solid var(--Calendar-input-borderColor);
23903
24314
  height: 40px;
23904
24315
  width: 100%;
23905
24316
  margin-top: -8px;
@@ -23912,6 +24323,25 @@ input.antd-TextControl-input-password {
23912
24323
  .rdtHeader .rdtSwitch + .rdtSwitch {
23913
24324
  margin-left: var(--gap-xs);
23914
24325
  }
24326
+ .rdtHeader .date-icon-arrow-left,
24327
+ .rdtHeader .date-icon-arrow {
24328
+ width: 0.625rem;
24329
+ height: 0.625rem;
24330
+ top: 0;
24331
+ }
24332
+ .rdtHeader .date-icon-arrow-left {
24333
+ transform: rotate(180deg);
24334
+ transform-origin: 50% 50%;
24335
+ }
24336
+ .header-line {
24337
+ display: block;
24338
+ position: absolute;
24339
+ right: 0;
24340
+ left: 0;
24341
+ top: 40px;
24342
+ height: 1px;
24343
+ background: var(--Calendar-input-borderColor);
24344
+ }
23915
24345
  td.rdtMonth > span,
23916
24346
  td.rdtYear > span,
23917
24347
  td.rdtQuarter > span {
@@ -23922,20 +24352,27 @@ td.rdtYear.rdtBetween,
23922
24352
  td.rdtQuarter.rdtBetween {
23923
24353
  background: var(--Calendar-cell-onBetween-bg);
23924
24354
  }
23925
- td.rdtMonth:hover, td.rdtMonth.rdtActive, td.rdtMonth.rdtActive:hover,
24355
+ td.rdtMonth:hover,
23926
24356
  td.rdtYear:hover,
24357
+ td.rdtQuarter:hover {
24358
+ background: transparent;
24359
+ }
24360
+ td.rdtMonth:hover > span,
24361
+ td.rdtYear:hover > span,
24362
+ td.rdtQuarter:hover > span {
24363
+ color: var(--Form-select-menu-onHover-color);
24364
+ background: #F7F7F9;
24365
+ }
24366
+ td.rdtMonth.rdtActive, td.rdtMonth.rdtActive:hover,
23927
24367
  td.rdtYear.rdtActive,
23928
24368
  td.rdtYear.rdtActive:hover,
23929
- td.rdtQuarter:hover,
23930
24369
  td.rdtQuarter.rdtActive,
23931
24370
  td.rdtQuarter.rdtActive:hover {
23932
24371
  background: transparent;
23933
24372
  }
23934
- td.rdtMonth:hover > span, td.rdtMonth.rdtActive > span, td.rdtMonth.rdtActive:hover > span,
23935
- td.rdtYear:hover > span,
24373
+ td.rdtMonth.rdtActive > span, td.rdtMonth.rdtActive:hover > span,
23936
24374
  td.rdtYear.rdtActive > span,
23937
24375
  td.rdtYear.rdtActive:hover > span,
23938
- td.rdtQuarter:hover > span,
23939
24376
  td.rdtQuarter.rdtActive > span,
23940
24377
  td.rdtQuarter.rdtActive:hover > span {
23941
24378
  background: var(--info) !important;
@@ -23949,10 +24386,23 @@ td.rdtQuarter.rdtDisabled:hover {
23949
24386
  background: var(--Calendar-cell-onDisabled-bg);
23950
24387
  color: #b8babf;
23951
24388
  }
23952
- .antd-DateRangePicker-start .rdtPicker .rdtActive.rdtBetween {
24389
+ .rdtPicker .rdtActive.rdtBetween.rdtStartDay {
23953
24390
  background: linear-gradient(to right, transparent 0%, transparent 50%, var(--Calendar-cell-onBetween-bg) 51%, var(--Calendar-cell-onBetween-bg) 100%);
23954
24391
  }
23955
- .antd-DateRangePicker-end .rdtPicker .rdtActive.rdtBetween {
24392
+ .rdt .rdtPicker td.is-disabled {
24393
+ cursor: not-allowed !important;
24394
+ background: var(--Calendar-cell-onDisabled-bg);
24395
+ color: var(--text--muted-color);
24396
+ }
24397
+ .rdt .rdtPicker td.is-disabled:hover {
24398
+ background: var(--Calendar-cell-onDisabled-bg);
24399
+ color: var(--text--muted-color);
24400
+ }
24401
+ .rdt .rdtPicker td.is-disabled:hover > span {
24402
+ background: inherit !important;
24403
+ color: inherit !important;
24404
+ }
24405
+ .rdtPicker .rdtActive.rdtBetween.rdtEndDay {
23956
24406
  background: linear-gradient(to right, var(--Calendar-cell-onBetween-bg) 0%, var(--Calendar-cell-onBetween-bg) 50%, transparent 51%, transparent 100%);
23957
24407
  }
23958
24408
  .antd-DateCalendar {
@@ -23967,7 +24417,7 @@ td.rdtQuarter.rdtDisabled:hover {
23967
24417
  flex-wrap: nowrap;
23968
24418
  border: var(--DatePicker-borderWidth) solid var(--DatePicker-borderColor);
23969
24419
  font-size: var(--DatePicker-fontSize);
23970
- padding: var(--DatePicker-paddingY) var(--DatePicker-paddingX);
24420
+ padding: 0 var(--DatePicker-paddingX);
23971
24421
  height: var(--DatePicker-height);
23972
24422
  outline: none;
23973
24423
  border-radius: var(--DatePicker-borderRadius);
@@ -23985,9 +24435,6 @@ td.rdtQuarter.rdtDisabled:hover {
23985
24435
  .antd-DateRangePicker .antd-DateRangePicker-clear {
23986
24436
  display: none;
23987
24437
  }
23988
- .antd-DateRangePicker:not(.is-disabled) {
23989
- cursor: pointer;
23990
- }
23991
24438
  .antd-DateRangePicker:not(.is-disabled):hover {
23992
24439
  background: var(--DatePicker-onHover-bg);
23993
24440
  border-color: var(--DatePicker-onHover-borderColor);
@@ -23998,24 +24445,38 @@ td.rdtQuarter.rdtDisabled:hover {
23998
24445
  .antd-DateRangePicker:not(.is-disabled):hover .antd-DateRangePicker-clear + .antd-DateRangePicker-toggler {
23999
24446
  display: none;
24000
24447
  }
24001
- .antd-DateRangePicker.is-focused {
24448
+ .antd-DateRangePicker:not(.is-disabled).is-focused {
24002
24449
  border-color: var(--DatePicker-onFocused-borderColor);
24003
24450
  box-shadow: var(--Form-input-boxShadow);
24004
24451
  }
24005
24452
  .antd-DateRangePicker .antd-DateRangePicker-input {
24006
24453
  border: none;
24007
- border-bottom: 1px solid transparent;
24454
+ border-bottom: 2px solid transparent;
24008
24455
  outline: none;
24009
24456
  padding: 0;
24010
24457
  background: 0;
24011
24458
  flex: 1;
24012
24459
  width: 50%;
24460
+ line-height: 1.875rem;
24461
+ }
24462
+ .antd-DateRangePicker .antd-DateRangePicker-input::-moz-placeholder {
24463
+ color: #b8babf;
24464
+ }
24465
+ .antd-DateRangePicker .antd-DateRangePicker-input::placeholder {
24466
+ color: #b8babf;
24013
24467
  }
24014
24468
  .antd-DateRangePicker .antd-DateRangePicker-input.isActive {
24015
- border-bottom: 1px solid var(--DatePicker-onFocused-borderColor);
24469
+ border-bottom: 2px solid var(--Form-input-onHover-borderColor);
24016
24470
  }
24017
24471
  .antd-DateRangePicker .antd-DateRangePicker-input-separator {
24018
24472
  margin: 0 var(--gap-sm);
24473
+ display: flex;
24474
+ align-items: center;
24475
+ }
24476
+ .antd-DateRangePicker .antd-DateRangePicker-input-separator-line {
24477
+ width: var(--gap-sm);
24478
+ height: 1px;
24479
+ background: #B8BABF;
24019
24480
  }
24020
24481
  .antd-DateRangePicker.is-disabled {
24021
24482
  background: #e5e7eb;
@@ -24085,10 +24546,13 @@ td.rdtQuarter.rdtDisabled:hover {
24085
24546
  width: auto;
24086
24547
  padding: 0;
24087
24548
  }
24549
+ .antd-DateRangePicker-picker-wrap {
24550
+ display: flex;
24551
+ }
24088
24552
  .antd-DateRangePicker-start,
24089
24553
  .antd-DateRangePicker-end {
24090
- display: inline-block;
24091
- vertical-align: top;
24554
+ display: flex;
24555
+ flex: 1;
24092
24556
  }
24093
24557
  .antd-DateRangePicker-start .rdtPicker,
24094
24558
  .antd-DateRangePicker-end .rdtPicker {
@@ -25115,6 +25579,7 @@ td.rdtQuarter.rdtDisabled:hover {
25115
25579
  }
25116
25580
  .antd-Tree-itemLabel {
25117
25581
  display: flex;
25582
+ flex-direction: row;
25118
25583
  align-items: center;
25119
25584
  position: relative;
25120
25585
  -webkit-user-select: none;
@@ -25131,13 +25596,26 @@ td.rdtQuarter.rdtDisabled:hover {
25131
25596
  display: inline-flex;
25132
25597
  align-self: center;
25133
25598
  }
25134
- .antd-Tree-itemLabel:hover {
25135
- background: var(--Tree-item-onHover-bg-pure);
25599
+ .antd-Tree-itemLabel-item {
25600
+ padding-left: var(--Tree-item-arrow-padding-left);
25601
+ display: inline-block;
25602
+ width: 100%;
25603
+ }
25604
+ .antd-Tree-itemLabel:hover .antd-Tree-itemLabel-item {
25605
+ background-color: var(--Tree-item-onHover-bg-pure);
25606
+ }
25607
+ .antd-Tree-itemLabel:hover .antd-Tree-item-icons {
25608
+ visibility: visible;
25136
25609
  }
25137
25610
  .antd-Tree-item .is-checked {
25138
- background: var(--Tree-item-onChekced-bg);
25139
25611
  border-radius: var(--Tree-item-onChekced-bg-borderRadius);
25140
25612
  }
25613
+ .antd-Tree-item .is-checked .antd-Tree-itemLabel-item {
25614
+ background-color: var(--Tree-item-onChekced-bg);
25615
+ }
25616
+ .antd-Tree-item .is-checked .antd-Tree-item-icons {
25617
+ visibility: visible;
25618
+ }
25141
25619
  .antd-Tree-item .is-disabled {
25142
25620
  color: var(--text--muted-color);
25143
25621
  background: none;
@@ -25242,6 +25720,7 @@ td.rdtQuarter.rdtDisabled:hover {
25242
25720
  display: block;
25243
25721
  transition: transform var(--animation-duration);
25244
25722
  top: 0;
25723
+ color: var(--Tree-item-arrow-color);
25245
25724
  }
25246
25725
  .antd-Tree-itemArrow.is-folded > svg {
25247
25726
  transform: rotate(-90deg);
@@ -25259,7 +25738,7 @@ td.rdtQuarter.rdtDisabled:hover {
25259
25738
  }
25260
25739
  .antd-Tree-itemIcon {
25261
25740
  display: inline-flex;
25262
- margin-right: var(--Tree-icon-gap);
25741
+ margin-right: var(--Tree-icon-margin-right);
25263
25742
  }
25264
25743
  .antd-Tree-rootIcon > svg, .antd-Tree-folderIcon > svg, .antd-Tree-leafIcon > svg {
25265
25744
  top: 0;
@@ -25269,8 +25748,15 @@ td.rdtQuarter.rdtDisabled:hover {
25269
25748
  .antd-Tree-itemText {
25270
25749
  cursor: pointer;
25271
25750
  flex: 1 auto;
25751
+ display: inline-block;
25272
25752
  color: var(--Form-input-color);
25273
25753
  line-height: var(--lineHeightBase);
25754
+ max-width: var(--Tree-item-text-max-height);
25755
+ overflow: hidden;
25756
+ text-overflow: ellipsis;
25757
+ white-space: nowrap;
25758
+ position: relative;
25759
+ top: var(--Tree-item-text-top);
25274
25760
  }
25275
25761
  .is-disabled .antd-Tree-itemText {
25276
25762
  color: var(--text--muted-color);
@@ -25939,10 +26425,13 @@ td.rdtQuarter.rdtDisabled:hover {
25939
26425
  user-select: none;
25940
26426
  position: absolute;
25941
26427
  line-height: var(--Form-input-lineHeight);
26428
+ padding: var(--Form-input-paddingY) var(--Form-input-paddingX);
25942
26429
  }
25943
26430
  .antd-Picker-input {
25944
26431
  min-height: var(--Form-input-height);
25945
26432
  height: auto;
26433
+ padding: 0;
26434
+ flex-wrap: nowrap;
25946
26435
  }
25947
26436
  .antd-Picker .antd-Picker-values {
25948
26437
  display: inline;
@@ -25950,6 +26439,7 @@ td.rdtQuarter.rdtDisabled:hover {
25950
26439
  .antd-Picker-valueWrap {
25951
26440
  flex-grow: 1;
25952
26441
  position: relative;
26442
+ padding: var(--Form-input-paddingY) var(--Form-input-paddingX);
25953
26443
  }
25954
26444
  .antd-Picker-valueWrap > input {
25955
26445
  width: 1rem;
@@ -25990,6 +26480,10 @@ td.rdtQuarter.rdtDisabled:hover {
25990
26480
  .antd-Picker-btn {
25991
26481
  cursor: pointer;
25992
26482
  color: var(--Picker-iconColor);
26483
+ flex: 30px 0 0;
26484
+ display: flex;
26485
+ align-items: center;
26486
+ justify-content: center;
25993
26487
  }
25994
26488
  .antd-Picker-btn:hover {
25995
26489
  color: var(--Picker-onHover-iconColor);
@@ -26177,8 +26671,8 @@ td.rdtQuarter.rdtDisabled:hover {
26177
26671
  width: 50%;
26178
26672
  }
26179
26673
  .antd-Rating-text {
26180
- font-size: var(--fontSizeSm);
26181
- color: var(--text-color);
26674
+ font-size: var(--fontSizeMd);
26675
+ color: var(--Rating-text-color);
26182
26676
  font-weight: var(--fontWeightNormal);
26183
26677
  }
26184
26678
  .antd-Rating-text--left {
@@ -26240,6 +26734,7 @@ td.rdtQuarter.rdtDisabled:hover {
26240
26734
  max-height: 100%;
26241
26735
  overflow: auto;
26242
26736
  position: relative;
26737
+ padding: 0;
26243
26738
  }
26244
26739
  .antd-Transfer-select > .antd-ChainedSelection {
26245
26740
  min-height: unset;
@@ -26263,9 +26758,6 @@ td.rdtQuarter.rdtDisabled:hover {
26263
26758
  .antd-Transfer-select {
26264
26759
  overflow: hidden;
26265
26760
  }
26266
- .antd-Transfer-search + .antd-Transfer-selection {
26267
- border-top: 1px solid var(--borderColor);
26268
- }
26269
26761
  .antd-Transfer-selection .antd-ListSelection-placeholder {
26270
26762
  height: 100%;
26271
26763
  display: flex;
@@ -26451,6 +26943,11 @@ td.rdtQuarter.rdtDisabled:hover {
26451
26943
  .antd-NestedSelectControl {
26452
26944
  position: relative;
26453
26945
  }
26946
+ .antd-NestedSelectControl .antd-NestedSelect-menu {
26947
+ padding-top: 0.25rem;
26948
+ padding-bottom: 0.25rem;
26949
+ box-shadow: 0 0.125rem 0.5rem 0 rgba(7, 12, 20, 0.12);
26950
+ }
26454
26951
  .antd-NestedSelect {
26455
26952
  position: relative;
26456
26953
  }
@@ -26884,7 +27381,7 @@ td.rdtQuarter.rdtDisabled:hover {
26884
27381
  }
26885
27382
  .antd-Form-label {
26886
27383
  font-weight: var(--fontWeightNormal);
26887
- margin-bottom: var(--gap-xs);
27384
+ margin-bottom: var(--gap-sm);
26888
27385
  position: relative;
26889
27386
  font-size: var(--Form-item-fontSize);
26890
27387
  color: var(--Form-item-fontColor);
@@ -26971,6 +27468,9 @@ td.rdtQuarter.rdtDisabled:hover {
26971
27468
  .antd-Form-item.is-error > .antd-Form-label {
26972
27469
  color: var(--danger);
26973
27470
  }
27471
+ .antd-Form-item .antd-Form-control--withSize > .antd-ResultBox {
27472
+ display: flex;
27473
+ }
26974
27474
  .antd-Form-placeholder {
26975
27475
  color: var(--Form-input-placeholderColor);
26976
27476
  }
@@ -27767,7 +28267,7 @@ td.rdtQuarter.rdtDisabled:hover {
27767
28267
  margin: 0;
27768
28268
  padding: 0;
27769
28269
  width: var(--Tabs--vertical-width);
27770
- border-right: var(--AnchorNav-links-container-borderRight);
28270
+ border-left: var(--AnchorNav-links-container-borderRight);
27771
28271
  padding-bottom: 3.75rem;
27772
28272
  }
27773
28273
  .antd-AnchorNav--vertical .antd-AnchorNav-link-wrap > .antd-AnchorNav-link {
@@ -27779,21 +28279,35 @@ td.rdtQuarter.rdtDisabled:hover {
27779
28279
  border: var(--Tabs-borderWidth) solid transparent;
27780
28280
  border-width: var(--AnchorNav-onActive-borderWidth);
27781
28281
  color: var(--Tabs-color);
27782
- padding: var(--Tabs-linkPadding);
27783
- font-size: var(--Tabs-linkFontSize);
28282
+ padding: 0 var(--gap-sm);
28283
+ padding-left: 0.625rem;
28284
+ font-size: var(--fontSizeSm);
27784
28285
  outline: none;
27785
- text-align: right;
28286
+ text-align: left;
27786
28287
  text-decoration: none;
27787
28288
  cursor: pointer;
27788
28289
  margin: 0;
28290
+ margin-left: -0.125rem;
28291
+ height: 2rem;
28292
+ line-height: 2rem;
27789
28293
  }
27790
28294
  .antd-AnchorNav--vertical .antd-AnchorNav-link-wrap > .antd-AnchorNav-link > a:hover {
27791
28295
  color: var(--primary);
27792
28296
  }
27793
- .antd-AnchorNav--vertical .antd-AnchorNav-link-wrap > .antd-AnchorNav-link.is-active > a,
28297
+ .antd-AnchorNav--vertical .antd-AnchorNav-link-wrap > .antd-AnchorNav-link > a:active {
28298
+ color: #144bcc;
28299
+ }
28300
+ .antd-AnchorNav--vertical .antd-AnchorNav-link-wrap > .antd-AnchorNav-link.is-active > a {
28301
+ color: var(--primary);
28302
+ border-color: var(--primary);
28303
+ }
27794
28304
  .antd-AnchorNav--vertical .antd-AnchorNav-link-wrap > .antd-AnchorNav-link.is-active > a:hover {
27795
- color: var(--Tabs--vertical-onActive-color);
27796
- border-color: var(--Tabs--vertical-onActive-border);
28305
+ color: #528EFF;
28306
+ border-color: #528EFF;
28307
+ }
28308
+ .antd-AnchorNav--vertical .antd-AnchorNav-link-wrap > .antd-AnchorNav-link.is-active > a:active {
28309
+ color: #144bcc;
28310
+ border-color: #144bcc;
27797
28311
  }
27798
28312
  .antd-AnchorNav--horizontal {
27799
28313
  flex-direction: column;
@@ -28522,6 +29036,9 @@ td.rdtQuarter.rdtDisabled:hover {
28522
29036
  top: var(--TimelineItem--left-line-top);
28523
29037
  background-color: var(--TimelineItem--line-bg);
28524
29038
  }
29039
+ .antd-Timeline-vertical .antd-TimelineItem-axle .antd-TimelineItem-line-icon {
29040
+ left: var(--TimelineItem--icon-left-line-left);
29041
+ }
28525
29042
  .antd-Timeline-vertical .antd-TimelineItem-axle .antd-TimelineItem-round {
28526
29043
  position: absolute;
28527
29044
  width: var(--TimelineItem--round-width);
@@ -28560,10 +29077,17 @@ td.rdtQuarter.rdtDisabled:hover {
28560
29077
  margin-bottom: var(--TimelineItem--content-time-margin-bottom);
28561
29078
  }
28562
29079
  .antd-Timeline-vertical .antd-TimelineItem-content .antd-TimelineItem-title {
29080
+ display: flex;
28563
29081
  color: var(--TimelineItem--text-primary-color);
28564
29082
  font-size: var(--Timeline--font-size);
28565
29083
  margin-bottom: var(--TimelineItem--content-title-margin-bottom);
28566
29084
  }
29085
+ .antd-Timeline-vertical .antd-TimelineItem-content .antd-TimelineItem-title .antd-PlainField {
29086
+ padding-right: var(--TimelineItem-custem-time-padding-right);
29087
+ }
29088
+ .antd-Timeline-vertical .antd-TimelineItem-content .antd-TimelineItem-title .antd-Button {
29089
+ margin-left: var(--TimelineItem-custem-button-margin-left);
29090
+ }
28567
29091
  .antd-Timeline-vertical .antd-TimelineItem-content .antd-TimelineItem-detail .antd-TimelineItem-detail-button {
28568
29092
  display: flex;
28569
29093
  cursor: pointer;
@@ -28581,6 +29105,7 @@ td.rdtQuarter.rdtDisabled:hover {
28581
29105
  }
28582
29106
  .antd-Timeline-vertical .antd-TimelineItem-content .antd-TimelineItem-detail .antd-TimelineItem-detail-visible {
28583
29107
  display: block;
29108
+ border-radius: var(--Timeline-visible-border-radius);
28584
29109
  max-width: var(--TimelineItem-detail-visible-max-width);
28585
29110
  font-size: var(--Timeline--font-size);
28586
29111
  padding: var(--TimelineItem-detail-visible-padding);
@@ -28622,7 +29147,7 @@ td.rdtQuarter.rdtDisabled:hover {
28622
29147
  position: absolute;
28623
29148
  height: var(--TimelineItem--left-line-width);
28624
29149
  width: calc(100% - var(--TimelineItem--left-line-left));
28625
- left: var(--TimelineItem--left-line-top);
29150
+ left: var(--TimelineItem--horizontal-left-line-top);
28626
29151
  top: var(--TimelineItem--left-line-left);
28627
29152
  background-color: var(--TimelineItem--line-bg);
28628
29153
  }
@@ -28655,6 +29180,7 @@ td.rdtQuarter.rdtDisabled:hover {
28655
29180
  border-radius: var(--TimelineItem--icon-radius);
28656
29181
  }
28657
29182
  .antd-Timeline-horizontal .antd-TimelineItem-content {
29183
+ margin-top: var(--Timeline-horizontal-content-margin-top);
28658
29184
  padding-bottom: var(--TimelineItem--content-padding-bottom);
28659
29185
  margin-left: var(--TimelineItem--content-margin-left);
28660
29186
  }
@@ -28685,6 +29211,7 @@ td.rdtQuarter.rdtDisabled:hover {
28685
29211
  }
28686
29212
  .antd-Timeline-horizontal .antd-TimelineItem-content .antd-TimelineItem-detail .antd-TimelineItem-detail-visible {
28687
29213
  display: block;
29214
+ border-radius: var(--Timeline-visible-border-radius);
28688
29215
  max-width: var(--TimelineItem-detail-visible-max-width);
28689
29216
  font-size: var(--Timeline--font-size);
28690
29217
  padding: var(--TimelineItem-detail-visible-padding);