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
@@ -938,12 +938,6 @@ span.fr-img-caption.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}
938
938
  span.fr-img-caption.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}
939
939
  span.fr-img-caption.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}
940
940
  span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}
941
- /**
942
- * Copyright (c) Tiny Technologies, Inc. All rights reserved.
943
- * Licensed under the LGPL or a commercial license.
944
- * For LGPL see License.txt in the project root for license information.
945
- * For commercial licenses see https://www.tiny.cloud/
946
- */
947
941
  .tox {
948
942
  box-shadow: none;
949
943
  box-sizing: content-box;
@@ -1002,8 +996,8 @@ span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-w
1002
996
  text-align: right;
1003
997
  }
1004
998
  .tox-tinymce {
1005
- border: 1px solid #cccccc;
1006
- border-radius: 0;
999
+ border: 2px solid #eeeeee;
1000
+ border-radius: 10px;
1007
1001
  box-shadow: none;
1008
1002
  box-sizing: border-box;
1009
1003
  display: flex;
@@ -1013,15 +1007,20 @@ span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-w
1013
1007
  position: relative;
1014
1008
  visibility: inherit !important;
1015
1009
  }
1016
- .tox-tinymce-inline {
1010
+ .tox.tox-tinymce-inline {
1017
1011
  border: none;
1018
1012
  box-shadow: none;
1013
+ overflow: initial;
1019
1014
  }
1020
- .tox-tinymce-inline .tox-editor-header {
1021
- background-color: transparent;
1022
- border: 1px solid #cccccc;
1023
- border-radius: 0;
1015
+ .tox.tox-tinymce-inline .tox-editor-container {
1016
+ overflow: initial;
1017
+ }
1018
+ .tox.tox-tinymce-inline .tox-editor-header {
1019
+ background-color: #fff;
1020
+ border: 2px solid #eeeeee;
1021
+ border-radius: 10px;
1024
1022
  box-shadow: none;
1023
+ overflow: hidden;
1025
1024
  }
1026
1025
  .tox-tinymce-aux {
1027
1026
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
@@ -1044,8 +1043,8 @@ button::-moz-focus-inner {
1044
1043
  }
1045
1044
  .tox .accessibility-issue__description {
1046
1045
  align-items: stretch;
1047
- border: 1px solid #cccccc;
1048
- border-radius: 3px;
1046
+ border: 1px solid #eeeeee;
1047
+ border-radius: 6px;
1049
1048
  display: flex;
1050
1049
  justify-content: space-between;
1051
1050
  }
@@ -1058,28 +1057,28 @@ button::-moz-focus-inner {
1058
1057
  margin-bottom: 4px;
1059
1058
  }
1060
1059
  .tox .accessibility-issue__description > *:last-child:not(:only-child) {
1061
- border-color: #cccccc;
1060
+ border-color: #eeeeee;
1062
1061
  border-style: solid;
1063
1062
  }
1064
1063
  .tox .accessibility-issue__repair {
1065
1064
  margin-top: 16px;
1066
1065
  }
1067
1066
  .tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
1068
- background-color: rgba(32, 122, 183, 0.1);
1069
- border-color: rgba(32, 122, 183, 0.4);
1067
+ background-color: rgba(0, 108, 231, 0.1);
1068
+ border-color: #006ce7;
1070
1069
  color: #222f3e;
1071
1070
  }
1072
1071
  .tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description > *:last-child {
1073
- border-color: rgba(32, 122, 183, 0.4);
1072
+ border-color: #006ce7;
1074
1073
  }
1075
1074
  .tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
1076
- color: #207ab7;
1075
+ color: #006ce7;
1077
1076
  }
1078
1077
  .tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg {
1079
- fill: #207ab7;
1078
+ fill: #006ce7;
1080
1079
  }
1081
1080
  .tox .tox-dialog__body-content .accessibility-issue--info a .tox-icon {
1082
- color: #207ab7;
1081
+ color: #006ce7;
1083
1082
  }
1084
1083
  .tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
1085
1084
  background-color: rgba(255, 165, 0, 0.1);
@@ -1171,12 +1170,12 @@ button::-moz-focus-inner {
1171
1170
  flex: 0 0 auto;
1172
1171
  }
1173
1172
  .tox .tox-button {
1174
- background-color: #207ab7;
1173
+ background-color: #006ce7;
1175
1174
  background-image: none;
1176
1175
  background-position: 0 0;
1177
1176
  background-repeat: repeat;
1178
- border-color: #207ab7;
1179
- border-radius: 3px;
1177
+ border-color: #006ce7;
1178
+ border-radius: 6px;
1180
1179
  border-style: solid;
1181
1180
  border-width: 1px;
1182
1181
  box-shadow: none;
@@ -1193,37 +1192,53 @@ button::-moz-focus-inner {
1193
1192
  margin: 0;
1194
1193
  outline: none;
1195
1194
  padding: 4px 16px;
1195
+ position: relative;
1196
1196
  text-align: center;
1197
1197
  text-decoration: none;
1198
1198
  text-transform: none;
1199
1199
  white-space: nowrap;
1200
1200
  }
1201
+ .tox .tox-button::before {
1202
+ border-radius: 6px;
1203
+ bottom: -1px;
1204
+ box-shadow: inset 0 0 0 2px #fff, 0 0 0 1px #006ce7, 0 0 0 3px rgba(0, 108, 231, 0.25);
1205
+ content: '';
1206
+ left: -1px;
1207
+ opacity: 0;
1208
+ pointer-events: none;
1209
+ position: absolute;
1210
+ right: -1px;
1211
+ top: -1px;
1212
+ }
1201
1213
  .tox .tox-button[disabled] {
1202
- background-color: #207ab7;
1214
+ background-color: #006ce7;
1203
1215
  background-image: none;
1204
- border-color: #207ab7;
1216
+ border-color: #006ce7;
1205
1217
  box-shadow: none;
1206
1218
  color: rgba(255, 255, 255, 0.5);
1207
1219
  cursor: not-allowed;
1208
1220
  }
1209
1221
  .tox .tox-button:focus:not(:disabled) {
1210
- background-color: #1c6ca1;
1222
+ background-color: #0060ce;
1211
1223
  background-image: none;
1212
- border-color: #1c6ca1;
1224
+ border-color: #0060ce;
1213
1225
  box-shadow: none;
1214
1226
  color: #fff;
1215
1227
  }
1228
+ .tox .tox-button:focus-visible:not(:disabled)::before {
1229
+ opacity: 1;
1230
+ }
1216
1231
  .tox .tox-button:hover:not(:disabled) {
1217
- background-color: #1c6ca1;
1232
+ background-color: #0060ce;
1218
1233
  background-image: none;
1219
- border-color: #1c6ca1;
1234
+ border-color: #0060ce;
1220
1235
  box-shadow: none;
1221
1236
  color: #fff;
1222
1237
  }
1223
1238
  .tox .tox-button:active:not(:disabled) {
1224
- background-color: #185d8c;
1239
+ background-color: #0054b4;
1225
1240
  background-image: none;
1226
- border-color: #185d8c;
1241
+ border-color: #0054b4;
1227
1242
  box-shadow: none;
1228
1243
  color: #fff;
1229
1244
  }
@@ -1233,7 +1248,7 @@ button::-moz-focus-inner {
1233
1248
  background-position: 0 0;
1234
1249
  background-repeat: repeat;
1235
1250
  border-color: #f0f0f0;
1236
- border-radius: 3px;
1251
+ border-radius: 6px;
1237
1252
  border-style: solid;
1238
1253
  border-width: 1px;
1239
1254
  box-shadow: none;
@@ -1310,27 +1325,27 @@ button::-moz-focus-inner {
1310
1325
  color: #222f3e;
1311
1326
  }
1312
1327
  .tox .tox-button--naked[disabled] {
1313
- background-color: #f0f0f0;
1314
- border-color: #f0f0f0;
1315
- box-shadow: none;
1328
+ background-color: rgba(34, 47, 62, 0.12);
1329
+ border-color: transparent;
1330
+ box-shadow: unset;
1316
1331
  color: rgba(34, 47, 62, 0.5);
1317
1332
  }
1318
1333
  .tox .tox-button--naked:hover:not(:disabled) {
1319
- background-color: #e3e3e3;
1320
- border-color: #e3e3e3;
1321
- box-shadow: none;
1334
+ background-color: rgba(34, 47, 62, 0.12);
1335
+ border-color: transparent;
1336
+ box-shadow: unset;
1322
1337
  color: #222f3e;
1323
1338
  }
1324
1339
  .tox .tox-button--naked:focus:not(:disabled) {
1325
- background-color: #e3e3e3;
1326
- border-color: #e3e3e3;
1327
- box-shadow: none;
1340
+ background-color: rgba(34, 47, 62, 0.12);
1341
+ border-color: transparent;
1342
+ box-shadow: unset;
1328
1343
  color: #222f3e;
1329
1344
  }
1330
1345
  .tox .tox-button--naked:active:not(:disabled) {
1331
- background-color: #d6d6d6;
1332
- border-color: #d6d6d6;
1333
- box-shadow: none;
1346
+ background-color: rgba(34, 47, 62, 0.18);
1347
+ border-color: transparent;
1348
+ box-shadow: unset;
1334
1349
  color: #222f3e;
1335
1350
  }
1336
1351
  .tox .tox-button--naked .tox-icon svg {
@@ -1341,7 +1356,7 @@ button::-moz-focus-inner {
1341
1356
  }
1342
1357
  .tox .tox-checkbox {
1343
1358
  align-items: center;
1344
- border-radius: 3px;
1359
+ border-radius: 6px;
1345
1360
  cursor: pointer;
1346
1361
  display: flex;
1347
1362
  height: 36px;
@@ -1357,7 +1372,7 @@ button::-moz-focus-inner {
1357
1372
  }
1358
1373
  .tox .tox-checkbox__icons {
1359
1374
  align-items: center;
1360
- border-radius: 3px;
1375
+ border-radius: 6px;
1361
1376
  box-shadow: 0 0 0 2px transparent;
1362
1377
  box-sizing: content-box;
1363
1378
  display: flex;
@@ -1372,11 +1387,11 @@ button::-moz-focus-inner {
1372
1387
  }
1373
1388
  .tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
1374
1389
  display: none;
1375
- fill: #207ab7;
1390
+ fill: #006ce7;
1376
1391
  }
1377
1392
  .tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
1378
1393
  display: none;
1379
- fill: #207ab7;
1394
+ fill: #006ce7;
1380
1395
  }
1381
1396
  .tox .tox-checkbox--disabled {
1382
1397
  color: rgba(34, 47, 62, 0.5);
@@ -1404,8 +1419,8 @@ button::-moz-focus-inner {
1404
1419
  display: block;
1405
1420
  }
1406
1421
  .tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
1407
- border-radius: 3px;
1408
- box-shadow: inset 0 0 0 1px #207ab7;
1422
+ border-radius: 6px;
1423
+ box-shadow: inset 0 0 0 1px #006ce7;
1409
1424
  padding: calc(4px - 1px);
1410
1425
  }
1411
1426
  .tox:not([dir=rtl]) .tox-checkbox__label {
@@ -1443,7 +1458,7 @@ button::-moz-focus-inner {
1443
1458
  }
1444
1459
  .tox .tox-collection--list .tox-collection__group {
1445
1460
  border-bottom-width: 0;
1446
- border-color: #cccccc;
1461
+ border-color: #e3e3e3;
1447
1462
  border-left-width: 0;
1448
1463
  border-right-width: 0;
1449
1464
  border-style: solid;
@@ -1454,7 +1469,7 @@ button::-moz-focus-inner {
1454
1469
  border-top-width: 0;
1455
1470
  }
1456
1471
  .tox .tox-collection__group-heading {
1457
- background-color: #e6e6e6;
1472
+ background-color: #fcfcfc;
1458
1473
  color: rgba(34, 47, 62, 0.7);
1459
1474
  cursor: default;
1460
1475
  font-size: 12px;
@@ -1471,8 +1486,8 @@ button::-moz-focus-inner {
1471
1486
  }
1472
1487
  .tox .tox-collection__item {
1473
1488
  align-items: center;
1489
+ border-radius: 3px;
1474
1490
  color: #222f3e;
1475
- cursor: pointer;
1476
1491
  display: flex;
1477
1492
  -webkit-touch-callout: none;
1478
1493
  -webkit-user-select: none;
@@ -1495,21 +1510,21 @@ button::-moz-focus-inner {
1495
1510
  color: #222f3e;
1496
1511
  }
1497
1512
  .tox .tox-collection--list .tox-collection__item--active {
1498
- background-color: #dee0e2;
1513
+ background-color: #cce2fa;
1499
1514
  }
1500
1515
  .tox .tox-collection--toolbar .tox-collection__item--enabled {
1501
- background-color: #c8cbcf;
1516
+ background-color: #a6ccf7;
1502
1517
  color: #222f3e;
1503
1518
  }
1504
1519
  .tox .tox-collection--toolbar .tox-collection__item--active {
1505
- background-color: #dee0e2;
1520
+ background-color: #cce2fa;
1506
1521
  }
1507
1522
  .tox .tox-collection--grid .tox-collection__item--enabled {
1508
- background-color: #c8cbcf;
1523
+ background-color: #a6ccf7;
1509
1524
  color: #222f3e;
1510
1525
  }
1511
1526
  .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
1512
- background-color: #dee0e2;
1527
+ background-color: #cce2fa;
1513
1528
  color: #222f3e;
1514
1529
  }
1515
1530
  .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
@@ -1538,7 +1553,6 @@ button::-moz-focus-inner {
1538
1553
  color: currentColor;
1539
1554
  display: inline-block;
1540
1555
  flex: 1;
1541
- -ms-flex-preferred-size: auto;
1542
1556
  font-size: 14px;
1543
1557
  font-style: normal;
1544
1558
  font-weight: normal;
@@ -1583,9 +1597,9 @@ button::-moz-focus-inner {
1583
1597
  }
1584
1598
  .tox .tox-collection--horizontal {
1585
1599
  background-color: #fff;
1586
- border: 1px solid #cccccc;
1587
- border-radius: 3px;
1588
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
1600
+ border: 1px solid #e3e3e3;
1601
+ border-radius: 6px;
1602
+ box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
1589
1603
  display: flex;
1590
1604
  flex: 0 0 auto;
1591
1605
  flex-shrink: 0;
@@ -1602,8 +1616,8 @@ button::-moz-focus-inner {
1602
1616
  padding: 0 4px;
1603
1617
  }
1604
1618
  .tox .tox-collection--horizontal .tox-collection__item {
1605
- height: 34px;
1606
- margin: 2px 0 3px 0;
1619
+ height: 28px;
1620
+ margin: 6px 1px 5px 0;
1607
1621
  padding: 0 4px;
1608
1622
  }
1609
1623
  .tox .tox-collection--horizontal .tox-collection__item-label {
@@ -1659,7 +1673,7 @@ button::-moz-focus-inner {
1659
1673
  align-self: flex-end;
1660
1674
  }
1661
1675
  .tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
1662
- border-right: 1px solid #cccccc;
1676
+ border-right: 1px solid transparent;
1663
1677
  }
1664
1678
  .tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > *:not(:first-child) {
1665
1679
  margin-left: 8px;
@@ -1675,7 +1689,7 @@ button::-moz-focus-inner {
1675
1689
  margin-left: 16px;
1676
1690
  }
1677
1691
  .tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
1678
- border-left: 1px solid #cccccc;
1692
+ border-left: 1px solid transparent;
1679
1693
  }
1680
1694
  .tox[dir=rtl] .tox-collection--list .tox-collection__item > *:not(:first-child) {
1681
1695
  margin-right: 8px;
@@ -1800,11 +1814,11 @@ button::-moz-focus-inner {
1800
1814
  .tox .tox-toolbar .tox-swatches,
1801
1815
  .tox .tox-toolbar__primary .tox-swatches,
1802
1816
  .tox .tox-toolbar__overflow .tox-swatches {
1803
- margin: 2px 0 3px 4px;
1817
+ margin: 5px 0 6px 11px;
1804
1818
  }
1805
1819
  .tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
1806
1820
  border: 0;
1807
- margin: -4px 0;
1821
+ margin: -4px -4px;
1808
1822
  }
1809
1823
  .tox .tox-swatches__row {
1810
1824
  display: flex;
@@ -1840,11 +1854,12 @@ button::-moz-focus-inner {
1840
1854
  width: 30px;
1841
1855
  }
1842
1856
  .tox .tox-swatches__picker-btn svg {
1857
+ fill: #222f3e;
1843
1858
  height: 24px;
1844
1859
  width: 24px;
1845
1860
  }
1846
1861
  .tox .tox-swatches__picker-btn:hover {
1847
- background: #dee0e2;
1862
+ background: #cce2fa;
1848
1863
  }
1849
1864
  .tox:not([dir=rtl]) .tox-swatches__picker-btn {
1850
1865
  margin-left: auto;
@@ -1861,8 +1876,8 @@ button::-moz-focus-inner {
1861
1876
  }
1862
1877
  .tox .tox-comment {
1863
1878
  background: #fff;
1864
- border: 1px solid #cccccc;
1865
- border-radius: 3px;
1879
+ border: 1px solid #eeeeee;
1880
+ border-radius: 6px;
1866
1881
  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
1867
1882
  padding: 8px 8px 16px 8px;
1868
1883
  position: relative;
@@ -1874,8 +1889,9 @@ button::-moz-focus-inner {
1874
1889
  justify-content: space-between;
1875
1890
  }
1876
1891
  .tox .tox-comment__date {
1877
- color: rgba(34, 47, 62, 0.7);
1892
+ color: #222f3e;
1878
1893
  font-size: 12px;
1894
+ line-height: 18px;
1879
1895
  }
1880
1896
  .tox .tox-comment__body {
1881
1897
  color: #222f3e;
@@ -2034,20 +2050,31 @@ button::-moz-focus-inner {
2034
2050
  .tox .tox-user__avatar svg {
2035
2051
  fill: rgba(34, 47, 62, 0.7);
2036
2052
  }
2053
+ .tox .tox-user__avatar img {
2054
+ border-radius: 50%;
2055
+ height: 36px;
2056
+ -o-object-fit: cover;
2057
+ object-fit: cover;
2058
+ vertical-align: middle;
2059
+ width: 36px;
2060
+ }
2037
2061
  .tox .tox-user__name {
2038
- color: rgba(34, 47, 62, 0.7);
2039
- font-size: 12px;
2062
+ color: #222f3e;
2063
+ font-size: 14px;
2040
2064
  font-style: normal;
2041
2065
  font-weight: bold;
2042
- text-transform: uppercase;
2066
+ line-height: 18px;
2067
+ text-transform: none;
2043
2068
  }
2044
- .tox:not([dir=rtl]) .tox-user__avatar svg {
2069
+ .tox:not([dir=rtl]) .tox-user__avatar svg,
2070
+ .tox:not([dir=rtl]) .tox-user__avatar img {
2045
2071
  margin-right: 8px;
2046
2072
  }
2047
2073
  .tox:not([dir=rtl]) .tox-user__avatar + .tox-user__name {
2048
2074
  margin-left: 8px;
2049
2075
  }
2050
- .tox[dir=rtl] .tox-user__avatar svg {
2076
+ .tox[dir=rtl] .tox-user__avatar svg,
2077
+ .tox[dir=rtl] .tox-user__avatar img {
2051
2078
  margin-left: 8px;
2052
2079
  }
2053
2080
  .tox[dir=rtl] .tox-user__avatar + .tox-user__name {
@@ -2078,10 +2105,10 @@ button::-moz-focus-inner {
2078
2105
  }
2079
2106
  .tox .tox-dialog {
2080
2107
  background-color: #fff;
2081
- border-color: #cccccc;
2082
- border-radius: 3px;
2108
+ border-color: #eeeeee;
2109
+ border-radius: 10px;
2083
2110
  border-style: solid;
2084
- border-width: 1px;
2111
+ border-width: 0px;
2085
2112
  box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
2086
2113
  display: flex;
2087
2114
  flex-direction: column;
@@ -2092,10 +2119,11 @@ button::-moz-focus-inner {
2092
2119
  width: 95vw;
2093
2120
  z-index: 2;
2094
2121
  }
2095
- @media only screen and (max-width:767px) {
2122
+ @media only screen and (max-width: 767px ) {
2096
2123
  body:not(.tox-force-desktop) .tox .tox-dialog {
2097
2124
  align-self: flex-start;
2098
2125
  margin: 8px auto;
2126
+ max-height: calc(100vh - 8px * 2);
2099
2127
  width: calc(100vw - 16px);
2100
2128
  }
2101
2129
  }
@@ -2145,7 +2173,6 @@ button::-moz-focus-inner {
2145
2173
  color: #222f3e;
2146
2174
  display: flex;
2147
2175
  flex: 1;
2148
- -ms-flex-preferred-size: auto;
2149
2176
  font-size: 16px;
2150
2177
  font-style: normal;
2151
2178
  font-weight: normal;
@@ -2154,7 +2181,7 @@ button::-moz-focus-inner {
2154
2181
  text-align: left;
2155
2182
  text-transform: none;
2156
2183
  }
2157
- @media only screen and (max-width:767px) {
2184
+ @media only screen and (max-width: 767px ) {
2158
2185
  body:not(.tox-force-desktop) .tox .tox-dialog__body {
2159
2186
  flex-direction: column;
2160
2187
  }
@@ -2165,7 +2192,7 @@ button::-moz-focus-inner {
2165
2192
  flex-direction: column;
2166
2193
  padding: 16px 16px;
2167
2194
  }
2168
- @media only screen and (max-width:767px) {
2195
+ @media only screen and (max-width: 767px ) {
2169
2196
  body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
2170
2197
  flex-direction: row;
2171
2198
  -webkit-overflow-scrolling: touch;
@@ -2184,18 +2211,17 @@ button::-moz-focus-inner {
2184
2211
  white-space: nowrap;
2185
2212
  }
2186
2213
  .tox .tox-dialog__body-nav-item:focus {
2187
- background-color: rgba(32, 122, 183, 0.1);
2214
+ background-color: rgba(0, 108, 231, 0.1);
2188
2215
  }
2189
2216
  .tox .tox-dialog__body-nav-item--active {
2190
- border-bottom: 2px solid #207ab7;
2191
- color: #207ab7;
2217
+ border-bottom: 2px solid #006ce7;
2218
+ color: #006ce7;
2192
2219
  }
2193
2220
  .tox .tox-dialog__body-content {
2194
2221
  box-sizing: border-box;
2195
2222
  display: flex;
2196
2223
  flex: 1;
2197
2224
  flex-direction: column;
2198
- -ms-flex-preferred-size: auto;
2199
2225
  max-height: 650px;
2200
2226
  overflow: auto;
2201
2227
  -webkit-overflow-scrolling: touch;
@@ -2216,17 +2242,17 @@ button::-moz-focus-inner {
2216
2242
  margin-top: 0;
2217
2243
  }
2218
2244
  .tox .tox-dialog__body-content a {
2219
- color: #207ab7;
2245
+ color: #006ce7;
2220
2246
  cursor: pointer;
2221
2247
  text-decoration: none;
2222
2248
  }
2223
2249
  .tox .tox-dialog__body-content a:hover,
2224
2250
  .tox .tox-dialog__body-content a:focus {
2225
- color: #185d8c;
2251
+ color: #0054b4;
2226
2252
  text-decoration: none;
2227
2253
  }
2228
2254
  .tox .tox-dialog__body-content a:active {
2229
- color: #185d8c;
2255
+ color: #0054b4;
2230
2256
  text-decoration: none;
2231
2257
  }
2232
2258
  .tox .tox-dialog__body-content svg {
@@ -2298,7 +2324,7 @@ button::-moz-focus-inner {
2298
2324
  .tox .tox-dialog__footer {
2299
2325
  align-items: center;
2300
2326
  background-color: #fff;
2301
- border-top: 1px solid #cccccc;
2327
+ border-top: none;
2302
2328
  display: flex;
2303
2329
  justify-content: space-between;
2304
2330
  padding: 8px 16px;
@@ -2328,7 +2354,7 @@ button::-moz-focus-inner {
2328
2354
  padding-bottom: 8px;
2329
2355
  }
2330
2356
  .tox .tox-dialog__table tbody tr {
2331
- border-bottom: 1px solid #cccccc;
2357
+ border-bottom: 1px solid #eeeeee;
2332
2358
  }
2333
2359
  .tox .tox-dialog__table tbody tr:last-child {
2334
2360
  border-bottom: none;
@@ -2337,6 +2363,9 @@ button::-moz-focus-inner {
2337
2363
  padding-bottom: 8px;
2338
2364
  padding-top: 8px;
2339
2365
  }
2366
+ .tox .tox-dialog__iframe.tox-dialog__iframe--opaque {
2367
+ background: #fff;
2368
+ }
2340
2369
  .tox .tox-dialog__popups {
2341
2370
  position: absolute;
2342
2371
  width: 100%;
@@ -2346,16 +2375,13 @@ button::-moz-focus-inner {
2346
2375
  display: flex;
2347
2376
  flex: 1;
2348
2377
  flex-direction: column;
2349
- -ms-flex-preferred-size: auto;
2350
2378
  }
2351
2379
  .tox .tox-dialog__body-iframe .tox-navobj {
2352
2380
  display: flex;
2353
2381
  flex: 1;
2354
- -ms-flex-preferred-size: auto;
2355
2382
  }
2356
2383
  .tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
2357
2384
  flex: 1;
2358
- -ms-flex-preferred-size: auto;
2359
2385
  height: 100%;
2360
2386
  }
2361
2387
  .tox .tox-dialog-dock-fadeout {
@@ -2372,18 +2398,12 @@ button::-moz-focus-inner {
2372
2398
  .tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {
2373
2399
  transition-delay: 0s;
2374
2400
  }
2375
- .tox.tox-platform-ie {
2376
- /* IE11 CSS styles go here */
2377
- }
2378
- .tox.tox-platform-ie .tox-dialog-wrap {
2379
- position: -ms-device-fixed;
2380
- }
2381
- @media only screen and (max-width:767px) {
2401
+ @media only screen and (max-width: 767px ) {
2382
2402
  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav {
2383
2403
  margin-right: 0;
2384
2404
  }
2385
2405
  }
2386
- @media only screen and (max-width:767px) {
2406
+ @media only screen and (max-width: 767px ) {
2387
2407
  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child) {
2388
2408
  margin-left: 8px;
2389
2409
  }
@@ -2395,12 +2415,12 @@ button::-moz-focus-inner {
2395
2415
  .tox[dir=rtl] .tox-dialog__body {
2396
2416
  text-align: right;
2397
2417
  }
2398
- @media only screen and (max-width:767px) {
2418
+ @media only screen and (max-width: 767px ) {
2399
2419
  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav {
2400
2420
  margin-left: 0;
2401
2421
  }
2402
2422
  }
2403
- @media only screen and (max-width:767px) {
2423
+ @media only screen and (max-width: 767px ) {
2404
2424
  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child) {
2405
2425
  margin-right: 8px;
2406
2426
  }
@@ -2415,12 +2435,11 @@ body.tox-dialog__disable-scroll {
2415
2435
  .tox .tox-dropzone-container {
2416
2436
  display: flex;
2417
2437
  flex: 1;
2418
- -ms-flex-preferred-size: auto;
2419
2438
  }
2420
2439
  .tox .tox-dropzone {
2421
2440
  align-items: center;
2422
2441
  background: #fff;
2423
- border: 2px dashed #cccccc;
2442
+ border: 2px dashed #eeeeee;
2424
2443
  box-sizing: border-box;
2425
2444
  display: flex;
2426
2445
  flex-direction: column;
@@ -2436,7 +2455,6 @@ body.tox-dialog__disable-scroll {
2436
2455
  .tox .tox-edit-area {
2437
2456
  display: flex;
2438
2457
  flex: 1;
2439
- -ms-flex-preferred-size: auto;
2440
2458
  overflow: hidden;
2441
2459
  position: relative;
2442
2460
  }
@@ -2445,13 +2463,12 @@ body.tox-dialog__disable-scroll {
2445
2463
  border: 0;
2446
2464
  box-sizing: border-box;
2447
2465
  flex: 1;
2448
- -ms-flex-preferred-size: auto;
2449
2466
  height: 100%;
2450
2467
  position: absolute;
2451
2468
  width: 100%;
2452
2469
  }
2453
2470
  .tox.tox-inline-edit-area {
2454
- border: 1px dotted #cccccc;
2471
+ border: 1px dotted #eeeeee;
2455
2472
  }
2456
2473
  .tox .tox-editor-container {
2457
2474
  display: flex;
@@ -2463,16 +2480,23 @@ body.tox-dialog__disable-scroll {
2463
2480
  z-index: 1;
2464
2481
  }
2465
2482
  .tox:not(.tox-tinymce-inline) .tox-editor-header {
2466
- box-shadow: none;
2483
+ background-color: #fff;
2484
+ border-bottom: none;
2485
+ box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.1), 0 8px 8px -4px rgba(34, 47, 62, 0.07);
2486
+ padding: 4px 0;
2467
2487
  transition: box-shadow 0.5s;
2468
2488
  }
2469
- .tox.tox-tinymce--toolbar-bottom .tox-editor-header,
2470
- .tox.tox-tinymce-inline .tox-editor-header {
2471
- margin-bottom: -1px;
2489
+ .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
2490
+ border-top: 1px solid #e3e3e3;
2491
+ box-shadow: none;
2472
2492
  }
2473
- .tox.tox-tinymce--toolbar-sticky-on .tox-editor-header {
2474
- background-color: transparent;
2475
- box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
2493
+ .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header {
2494
+ background-color: #fff;
2495
+ box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.2), 0 8px 8px -4px rgba(34, 47, 62, 0.15);
2496
+ padding: 4px 0;
2497
+ }
2498
+ .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
2499
+ box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.2), 0 8px 8px -4px rgba(34, 47, 62, 0.15);
2476
2500
  }
2477
2501
  .tox-editor-dock-fadeout {
2478
2502
  opacity: 0;
@@ -2534,6 +2558,7 @@ body.tox-dialog__disable-scroll {
2534
2558
  max-width: 25em;
2535
2559
  }
2536
2560
  .tox .tox-autocompleter .tox-menu {
2561
+ box-sizing: border-box;
2537
2562
  max-width: 25em;
2538
2563
  }
2539
2564
  .tox .tox-autocompleter .tox-autocompleter-highlight {
@@ -2549,7 +2574,7 @@ body.tox-dialog__disable-scroll {
2549
2574
  }
2550
2575
  .tox .tox-color-input span {
2551
2576
  border-color: rgba(34, 47, 62, 0.2);
2552
- border-radius: 3px;
2577
+ border-radius: 6px;
2553
2578
  border-style: solid;
2554
2579
  border-width: 1px;
2555
2580
  box-shadow: none;
@@ -2561,7 +2586,7 @@ body.tox-dialog__disable-scroll {
2561
2586
  }
2562
2587
  .tox .tox-color-input span:hover:not([aria-disabled=true]),
2563
2588
  .tox .tox-color-input span:focus:not([aria-disabled=true]) {
2564
- border-color: #207ab7;
2589
+ border-color: #006ce7;
2565
2590
  cursor: pointer;
2566
2591
  }
2567
2592
  .tox .tox-color-input span::before {
@@ -2569,7 +2594,7 @@ body.tox-dialog__disable-scroll {
2569
2594
  background-position: 0 0, 0 6px, 6px -6px, -6px 0;
2570
2595
  background-size: 12px 12px;
2571
2596
  border: 1px solid #fff;
2572
- border-radius: 3px;
2597
+ border-radius: 6px;
2573
2598
  box-sizing: border-box;
2574
2599
  content: '';
2575
2600
  height: 24px;
@@ -2622,7 +2647,6 @@ body.tox-dialog__disable-scroll {
2622
2647
  display: flex;
2623
2648
  flex: 1;
2624
2649
  flex-direction: column;
2625
- -ms-flex-preferred-size: auto;
2626
2650
  }
2627
2651
  .tox .tox-form__group {
2628
2652
  box-sizing: border-box;
@@ -2664,20 +2688,16 @@ body.tox-dialog__disable-scroll {
2664
2688
  display: flex;
2665
2689
  flex: 1;
2666
2690
  flex-direction: column;
2667
- -ms-flex-preferred-size: auto;
2668
2691
  }
2669
2692
  .tox .tox-form__group--stretched .tox-textarea {
2670
2693
  flex: 1;
2671
- -ms-flex-preferred-size: auto;
2672
2694
  }
2673
2695
  .tox .tox-form__group--stretched .tox-navobj {
2674
2696
  display: flex;
2675
2697
  flex: 1;
2676
- -ms-flex-preferred-size: auto;
2677
2698
  }
2678
2699
  .tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
2679
2700
  flex: 1;
2680
- -ms-flex-preferred-size: auto;
2681
2701
  height: 100%;
2682
2702
  }
2683
2703
  .tox:not([dir=rtl]) .tox-form__controls-h-stack > *:not(:first-child) {
@@ -2698,8 +2718,8 @@ body.tox-dialog__disable-scroll {
2698
2718
  -moz-appearance: none;
2699
2719
  appearance: none;
2700
2720
  background-color: #fff;
2701
- border-color: #cccccc;
2702
- border-radius: 3px;
2721
+ border-color: #eeeeee;
2722
+ border-radius: 6px;
2703
2723
  border-style: solid;
2704
2724
  border-width: 1px;
2705
2725
  box-shadow: none;
@@ -2711,7 +2731,7 @@ body.tox-dialog__disable-scroll {
2711
2731
  margin: 0;
2712
2732
  min-height: 34px;
2713
2733
  outline: none;
2714
- padding: 5px 4.75px;
2734
+ padding: 5px 5.5px;
2715
2735
  resize: none;
2716
2736
  width: 100%;
2717
2737
  }
@@ -2725,8 +2745,8 @@ body.tox-dialog__disable-scroll {
2725
2745
  .tox .tox-listboxfield .tox-listbox--select:focus,
2726
2746
  .tox .tox-textarea:focus {
2727
2747
  background-color: #fff;
2728
- border-color: #207ab7;
2729
- box-shadow: none;
2748
+ border-color: #006ce7;
2749
+ box-shadow: 0 0 0 2px rgba(0, 108, 231, 0.25);
2730
2750
  outline: none;
2731
2751
  }
2732
2752
  .tox .tox-toolbar-textfield {
@@ -2740,7 +2760,7 @@ body.tox-dialog__disable-scroll {
2740
2760
  border: 0;
2741
2761
  border-color: transparent;
2742
2762
  box-shadow: unset;
2743
- color: #207ab7;
2763
+ color: #006ce7;
2744
2764
  cursor: pointer;
2745
2765
  display: block;
2746
2766
  margin: 0;
@@ -2798,8 +2818,8 @@ body.tox-dialog__disable-scroll {
2798
2818
  -moz-appearance: none;
2799
2819
  appearance: none;
2800
2820
  background-color: #fff;
2801
- border-color: #cccccc;
2802
- border-radius: 3px;
2821
+ border-color: #eeeeee;
2822
+ border-radius: 6px;
2803
2823
  border-style: solid;
2804
2824
  border-width: 1px;
2805
2825
  box-shadow: none;
@@ -2811,7 +2831,7 @@ body.tox-dialog__disable-scroll {
2811
2831
  margin: 0;
2812
2832
  min-height: 34px;
2813
2833
  outline: none;
2814
- padding: 5px 4.75px;
2834
+ padding: 5px 5.5px;
2815
2835
  resize: none;
2816
2836
  width: 100%;
2817
2837
  }
@@ -2825,8 +2845,8 @@ body.tox-dialog__disable-scroll {
2825
2845
  }
2826
2846
  .tox .tox-selectfield select:focus {
2827
2847
  background-color: #fff;
2828
- border-color: #207ab7;
2829
- box-shadow: none;
2848
+ border-color: #006ce7;
2849
+ box-shadow: 0 0 0 2px rgba(0, 108, 231, 0.25);
2830
2850
  outline: none;
2831
2851
  }
2832
2852
  .tox .tox-selectfield svg {
@@ -2886,40 +2906,46 @@ body.tox-dialog__disable-scroll {
2886
2906
  list-style: none;
2887
2907
  margin-top: 1em;
2888
2908
  }
2889
- .tox .tox-image-tools {
2890
- width: 100%;
2891
- }
2892
- .tox .tox-image-tools__toolbar {
2893
- align-items: center;
2894
- display: flex;
2895
- justify-content: center;
2896
- }
2897
- .tox .tox-image-tools__image {
2909
+ .tox .tox-imagepreview {
2898
2910
  background-color: #666;
2899
2911
  height: 380px;
2900
- overflow: auto;
2912
+ overflow: hidden;
2901
2913
  position: relative;
2902
2914
  width: 100%;
2903
2915
  }
2904
- .tox .tox-image-tools__image,
2905
- .tox .tox-image-tools__image + .tox-image-tools__toolbar {
2906
- margin-top: 8px;
2916
+ .tox .tox-imagepreview.tox-imagepreview__loaded {
2917
+ overflow: auto;
2918
+ }
2919
+ .tox .tox-imagepreview__container {
2920
+ display: flex;
2921
+ left: 100vw;
2922
+ position: absolute;
2923
+ top: 100vw;
2907
2924
  }
2908
- .tox .tox-image-tools__image-bg {
2925
+ .tox .tox-imagepreview__image {
2909
2926
  background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
2910
2927
  }
2911
- .tox .tox-image-tools__toolbar > .tox-spacer {
2928
+ .tox .tox-image-tools .tox-spacer {
2912
2929
  flex: 1;
2913
- -ms-flex-preferred-size: auto;
2914
2930
  }
2915
- .tox .tox-croprect-block {
2931
+ .tox .tox-image-tools .tox-bar {
2932
+ align-items: center;
2933
+ display: flex;
2934
+ height: 60px;
2935
+ justify-content: center;
2936
+ }
2937
+ .tox .tox-image-tools .tox-imagepreview,
2938
+ .tox .tox-image-tools .tox-imagepreview + .tox-bar {
2939
+ margin-top: 8px;
2940
+ }
2941
+ .tox .tox-image-tools .tox-croprect-block {
2916
2942
  background: black;
2917
2943
  filter: alpha(opacity=50);
2918
2944
  opacity: 0.5;
2919
2945
  position: absolute;
2920
2946
  zoom: 1;
2921
2947
  }
2922
- .tox .tox-croprect-handle {
2948
+ .tox .tox-image-tools .tox-croprect-handle {
2923
2949
  border: 2px solid white;
2924
2950
  height: 20px;
2925
2951
  left: 0;
@@ -2927,64 +2953,46 @@ body.tox-dialog__disable-scroll {
2927
2953
  top: 0;
2928
2954
  width: 20px;
2929
2955
  }
2930
- .tox .tox-croprect-handle-move {
2956
+ .tox .tox-image-tools .tox-croprect-handle-move {
2931
2957
  border: 0;
2932
2958
  cursor: move;
2933
2959
  position: absolute;
2934
2960
  }
2935
- .tox .tox-croprect-handle-nw {
2961
+ .tox .tox-image-tools .tox-croprect-handle-nw {
2936
2962
  border-width: 2px 0 0 2px;
2937
2963
  cursor: nw-resize;
2938
2964
  left: 100px;
2939
2965
  margin: -2px 0 0 -2px;
2940
2966
  top: 100px;
2941
2967
  }
2942
- .tox .tox-croprect-handle-ne {
2968
+ .tox .tox-image-tools .tox-croprect-handle-ne {
2943
2969
  border-width: 2px 2px 0 0;
2944
2970
  cursor: ne-resize;
2945
2971
  left: 200px;
2946
2972
  margin: -2px 0 0 -20px;
2947
2973
  top: 100px;
2948
2974
  }
2949
- .tox .tox-croprect-handle-sw {
2975
+ .tox .tox-image-tools .tox-croprect-handle-sw {
2950
2976
  border-width: 0 0 2px 2px;
2951
2977
  cursor: sw-resize;
2952
2978
  left: 100px;
2953
2979
  margin: -20px 2px 0 -2px;
2954
2980
  top: 200px;
2955
2981
  }
2956
- .tox .tox-croprect-handle-se {
2982
+ .tox .tox-image-tools .tox-croprect-handle-se {
2957
2983
  border-width: 0 2px 2px 0;
2958
2984
  cursor: se-resize;
2959
2985
  left: 200px;
2960
2986
  margin: -20px 0 0 -20px;
2961
2987
  top: 200px;
2962
2988
  }
2963
- .tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) {
2964
- margin-left: 8px;
2965
- }
2966
- .tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-button + .tox-slider {
2967
- margin-left: 32px;
2968
- }
2969
- .tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider + .tox-button {
2970
- margin-left: 32px;
2971
- }
2972
- .tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) {
2973
- margin-right: 8px;
2974
- }
2975
- .tox[dir=rtl] .tox-image-tools__toolbar > .tox-button + .tox-slider {
2976
- margin-right: 32px;
2977
- }
2978
- .tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider + .tox-button {
2979
- margin-right: 32px;
2980
- }
2981
2989
  .tox .tox-insert-table-picker {
2982
2990
  display: flex;
2983
2991
  flex-wrap: wrap;
2984
2992
  width: 170px;
2985
2993
  }
2986
2994
  .tox .tox-insert-table-picker > div {
2987
- border-color: #cccccc;
2995
+ border-color: #eeeeee;
2988
2996
  border-style: solid;
2989
2997
  border-width: 0 1px 1px 0;
2990
2998
  box-sizing: border-box;
@@ -2992,11 +3000,11 @@ body.tox-dialog__disable-scroll {
2992
3000
  width: 17px;
2993
3001
  }
2994
3002
  .tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
2995
- margin: -4px 0;
3003
+ margin: -4px -4px;
2996
3004
  }
2997
3005
  .tox .tox-insert-table-picker .tox-insert-table-picker__selected {
2998
- background-color: rgba(32, 122, 183, 0.5);
2999
- border-color: rgba(32, 122, 183, 0.5);
3006
+ background-color: rgba(0, 108, 231, 0.5);
3007
+ border-color: rgba(0, 108, 231, 0.5);
3000
3008
  }
3001
3009
  .tox .tox-insert-table-picker__label {
3002
3010
  color: rgba(34, 47, 62, 0.7);
@@ -3024,22 +3032,28 @@ body.tox-dialog__disable-scroll {
3024
3032
  }
3025
3033
  .tox .tox-menu {
3026
3034
  background-color: #fff;
3027
- border: 1px solid #cccccc;
3028
- border-radius: 3px;
3029
- box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
3035
+ border: 1px solid transparent;
3036
+ border-radius: 6px;
3037
+ box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
3030
3038
  display: inline-block;
3031
3039
  overflow: hidden;
3032
3040
  vertical-align: top;
3033
3041
  z-index: 1150;
3034
3042
  }
3035
3043
  .tox .tox-menu.tox-collection.tox-collection--list {
3036
- padding: 0;
3044
+ padding: 0 4px;
3037
3045
  }
3038
3046
  .tox .tox-menu.tox-collection.tox-collection--toolbar {
3039
- padding: 4px;
3047
+ padding: 8px;
3040
3048
  }
3041
3049
  .tox .tox-menu.tox-collection.tox-collection--grid {
3042
- padding: 4px;
3050
+ padding: 8px;
3051
+ }
3052
+ @media only screen and (min-width: 768px ) {
3053
+ .tox .tox-menu .tox-collection__item-label {
3054
+ overflow-wrap: break-word;
3055
+ word-break: normal;
3056
+ }
3043
3057
  }
3044
3058
  .tox .tox-menu__label h1,
3045
3059
  .tox .tox-menu__label h2,
@@ -3053,16 +3067,16 @@ body.tox-dialog__disable-scroll {
3053
3067
  margin: 0;
3054
3068
  }
3055
3069
  .tox .tox-menubar {
3056
- 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;
3070
+ 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;
3057
3071
  background-color: #fff;
3058
3072
  display: flex;
3059
3073
  flex: 0 0 auto;
3060
3074
  flex-shrink: 0;
3061
3075
  flex-wrap: wrap;
3062
- padding: 0 4px 0 4px;
3076
+ padding: 0 11px 0 12px;
3063
3077
  }
3064
3078
  .tox.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar {
3065
- border-top: 1px solid #cccccc;
3079
+ border-top: 1px solid transparent;
3066
3080
  }
3067
3081
  /* Deprecated. Remove in next major release */
3068
3082
  .tox .tox-mbtn {
@@ -3077,9 +3091,9 @@ body.tox-dialog__disable-scroll {
3077
3091
  font-size: 14px;
3078
3092
  font-style: normal;
3079
3093
  font-weight: normal;
3080
- height: 34px;
3094
+ height: 28px;
3081
3095
  justify-content: center;
3082
- margin: 2px 0 3px 0;
3096
+ margin: 5px 1px 6px 0;
3083
3097
  outline: none;
3084
3098
  overflow: hidden;
3085
3099
  padding: 0 4px;
@@ -3094,19 +3108,19 @@ body.tox-dialog__disable-scroll {
3094
3108
  cursor: not-allowed;
3095
3109
  }
3096
3110
  .tox .tox-mbtn:focus:not(:disabled) {
3097
- background: #dee0e2;
3111
+ background: #cce2fa;
3098
3112
  border: 0;
3099
3113
  box-shadow: none;
3100
3114
  color: #222f3e;
3101
3115
  }
3102
3116
  .tox .tox-mbtn--active {
3103
- background: #c8cbcf;
3117
+ background: #a6ccf7;
3104
3118
  border: 0;
3105
3119
  box-shadow: none;
3106
3120
  color: #222f3e;
3107
3121
  }
3108
3122
  .tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
3109
- background: #dee0e2;
3123
+ background: #cce2fa;
3110
3124
  border: 0;
3111
3125
  box-shadow: none;
3112
3126
  color: #222f3e;
@@ -3127,7 +3141,7 @@ body.tox-dialog__disable-scroll {
3127
3141
  display: none;
3128
3142
  }
3129
3143
  .tox .tox-notification {
3130
- border-radius: 3px;
3144
+ border-radius: 6px;
3131
3145
  border-style: solid;
3132
3146
  border-width: 1px;
3133
3147
  box-shadow: none;
@@ -3161,29 +3175,29 @@ body.tox-dialog__disable-scroll {
3161
3175
  color: #222f3e;
3162
3176
  }
3163
3177
  .tox .tox-notification--success a {
3164
- color: #547831;
3178
+ color: #517342;
3165
3179
  }
3166
3180
  .tox .tox-notification--success svg {
3167
3181
  fill: #222f3e;
3168
3182
  }
3169
3183
  .tox .tox-notification--error {
3170
- background-color: #f8dede;
3171
- border-color: #f2bfbf;
3184
+ background-color: #f5cccc;
3185
+ border-color: #f0b3b3;
3172
3186
  color: #222f3e;
3173
3187
  }
3174
3188
  .tox .tox-notification--error p {
3175
3189
  color: #222f3e;
3176
3190
  }
3177
3191
  .tox .tox-notification--error a {
3178
- color: #c00;
3192
+ color: #77181f;
3179
3193
  }
3180
3194
  .tox .tox-notification--error svg {
3181
3195
  fill: #222f3e;
3182
3196
  }
3183
3197
  .tox .tox-notification--warn,
3184
3198
  .tox .tox-notification--warning {
3185
- background-color: #fffaea;
3186
- border-color: #ffe89d;
3199
+ background-color: #fff5cc;
3200
+ border-color: #fff0b3;
3187
3201
  color: #222f3e;
3188
3202
  }
3189
3203
  .tox .tox-notification--warn p,
@@ -3192,22 +3206,22 @@ body.tox-dialog__disable-scroll {
3192
3206
  }
3193
3207
  .tox .tox-notification--warn a,
3194
3208
  .tox .tox-notification--warning a {
3195
- color: #222f3e;
3209
+ color: #7a6e25;
3196
3210
  }
3197
3211
  .tox .tox-notification--warn svg,
3198
3212
  .tox .tox-notification--warning svg {
3199
3213
  fill: #222f3e;
3200
3214
  }
3201
3215
  .tox .tox-notification--info {
3202
- background-color: #d9edf7;
3203
- border-color: #779ecb;
3216
+ background-color: #d6e7fb;
3217
+ border-color: #c1dbf9;
3204
3218
  color: #222f3e;
3205
3219
  }
3206
3220
  .tox .tox-notification--info p {
3207
3221
  color: #222f3e;
3208
3222
  }
3209
3223
  .tox .tox-notification--info a {
3210
- color: #222f3e;
3224
+ color: #2a64a6;
3211
3225
  }
3212
3226
  .tox .tox-notification--info svg {
3213
3227
  fill: #222f3e;
@@ -3216,10 +3230,8 @@ body.tox-dialog__disable-scroll {
3216
3230
  align-self: center;
3217
3231
  color: #222f3e;
3218
3232
  font-size: 14px;
3219
- -ms-grid-column-span: 1;
3220
3233
  grid-column-end: 3;
3221
3234
  grid-column-start: 2;
3222
- -ms-grid-row-span: 1;
3223
3235
  grid-row-end: 2;
3224
3236
  grid-row-start: 1;
3225
3237
  text-align: center;
@@ -3235,10 +3247,8 @@ body.tox-dialog__disable-scroll {
3235
3247
  }
3236
3248
  .tox .tox-notification__icon {
3237
3249
  align-self: center;
3238
- -ms-grid-column-span: 1;
3239
3250
  grid-column-end: 2;
3240
3251
  grid-column-start: 1;
3241
- -ms-grid-row-span: 1;
3242
3252
  grid-row-end: 2;
3243
3253
  grid-row-start: 1;
3244
3254
  justify-self: end;
@@ -3248,19 +3258,15 @@ body.tox-dialog__disable-scroll {
3248
3258
  }
3249
3259
  .tox .tox-notification__dismiss {
3250
3260
  align-self: start;
3251
- -ms-grid-column-span: 1;
3252
3261
  grid-column-end: 4;
3253
3262
  grid-column-start: 3;
3254
- -ms-grid-row-span: 1;
3255
3263
  grid-row-end: 2;
3256
3264
  grid-row-start: 1;
3257
3265
  justify-self: end;
3258
3266
  }
3259
3267
  .tox .tox-notification .tox-progress-bar {
3260
- -ms-grid-column-span: 3;
3261
3268
  grid-column-end: 4;
3262
3269
  grid-column-start: 1;
3263
- -ms-grid-row-span: 1;
3264
3270
  grid-row-end: 3;
3265
3271
  grid-row-start: 2;
3266
3272
  justify-self: center;
@@ -3286,9 +3292,9 @@ body.tox-dialog__disable-scroll {
3286
3292
  }
3287
3293
  .tox .tox-pop__dialog {
3288
3294
  background-color: #fff;
3289
- border: 1px solid #cccccc;
3290
- border-radius: 3px;
3291
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
3295
+ border: 1px solid #eeeeee;
3296
+ border-radius: 6px;
3297
+ box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
3292
3298
  min-width: 0;
3293
3299
  overflow: hidden;
3294
3300
  }
@@ -3326,7 +3332,7 @@ body.tox-dialog__disable-scroll {
3326
3332
  margin-top: -1px;
3327
3333
  }
3328
3334
  .tox .tox-pop.tox-pop--bottom::before {
3329
- border-color: #cccccc transparent transparent transparent;
3335
+ border-color: #eeeeee transparent transparent transparent;
3330
3336
  border-width: 9px;
3331
3337
  margin-left: -9px;
3332
3338
  }
@@ -3343,7 +3349,7 @@ body.tox-dialog__disable-scroll {
3343
3349
  margin-top: 1px;
3344
3350
  }
3345
3351
  .tox .tox-pop.tox-pop--top::before {
3346
- border-color: transparent transparent #cccccc transparent;
3352
+ border-color: transparent transparent #eeeeee transparent;
3347
3353
  border-width: 9px;
3348
3354
  margin-left: -9px;
3349
3355
  }
@@ -3359,7 +3365,7 @@ body.tox-dialog__disable-scroll {
3359
3365
  margin-left: -15px;
3360
3366
  }
3361
3367
  .tox .tox-pop.tox-pop--left::before {
3362
- border-color: transparent #cccccc transparent transparent;
3368
+ border-color: transparent #eeeeee transparent transparent;
3363
3369
  border-width: 10px;
3364
3370
  margin-left: -19px;
3365
3371
  }
@@ -3375,7 +3381,7 @@ body.tox-dialog__disable-scroll {
3375
3381
  margin-left: -1px;
3376
3382
  }
3377
3383
  .tox .tox-pop.tox-pop--right::before {
3378
- border-color: transparent transparent transparent #cccccc;
3384
+ border-color: transparent transparent transparent #eeeeee;
3379
3385
  border-width: 10px;
3380
3386
  margin-left: -1px;
3381
3387
  }
@@ -3391,7 +3397,6 @@ body.tox-dialog__disable-scroll {
3391
3397
  display: flex;
3392
3398
  flex-direction: row;
3393
3399
  flex-grow: 1;
3394
- -ms-flex-preferred-size: 0;
3395
3400
  min-height: 0;
3396
3401
  }
3397
3402
  .tox .tox-sidebar {
@@ -3439,23 +3444,22 @@ body.tox-dialog__disable-scroll {
3439
3444
  align-items: center;
3440
3445
  display: flex;
3441
3446
  flex: 1;
3442
- -ms-flex-preferred-size: auto;
3443
3447
  height: 24px;
3444
3448
  justify-content: center;
3445
3449
  position: relative;
3446
3450
  }
3447
3451
  .tox .tox-slider__rail {
3448
3452
  background-color: transparent;
3449
- border: 1px solid #cccccc;
3450
- border-radius: 3px;
3453
+ border: 1px solid #eeeeee;
3454
+ border-radius: 6px;
3451
3455
  height: 10px;
3452
3456
  min-width: 120px;
3453
3457
  width: 100%;
3454
3458
  }
3455
3459
  .tox .tox-slider__handle {
3456
- background-color: #207ab7;
3457
- border: 2px solid #185d8c;
3458
- border-radius: 3px;
3460
+ background-color: #006ce7;
3461
+ border: 2px solid #0054b4;
3462
+ border-radius: 6px;
3459
3463
  box-shadow: none;
3460
3464
  height: 24px;
3461
3465
  left: 50%;
@@ -3464,6 +3468,18 @@ body.tox-dialog__disable-scroll {
3464
3468
  transform: translateX(-50%) translateY(-50%);
3465
3469
  width: 14px;
3466
3470
  }
3471
+ .tox .tox-form__controls-h-stack > .tox-slider:not(:first-of-type) {
3472
+ -webkit-margin-start: 8px;
3473
+ margin-inline-start: 8px;
3474
+ }
3475
+ .tox .tox-form__controls-h-stack > .tox-form__group + .tox-slider {
3476
+ -webkit-margin-start: 32px;
3477
+ margin-inline-start: 32px;
3478
+ }
3479
+ .tox .tox-form__controls-h-stack > .tox-slider + .tox-form__group {
3480
+ -webkit-margin-start: 32px;
3481
+ margin-inline-start: 32px;
3482
+ }
3467
3483
  .tox .tox-source-code {
3468
3484
  overflow: auto;
3469
3485
  }
@@ -3515,17 +3531,17 @@ body.tox-dialog__disable-scroll {
3515
3531
  .tox .tox-statusbar {
3516
3532
  align-items: center;
3517
3533
  background-color: #fff;
3518
- border-top: 1px solid #cccccc;
3534
+ border-top: 1px solid #e3e3e3;
3519
3535
  color: rgba(34, 47, 62, 0.7);
3520
3536
  display: flex;
3521
3537
  flex: 0 0 auto;
3522
- font-size: 12px;
3538
+ font-size: 14px;
3523
3539
  font-weight: normal;
3524
- height: 18px;
3540
+ height: 25px;
3525
3541
  overflow: hidden;
3526
3542
  padding: 0 8px;
3527
3543
  position: relative;
3528
- text-transform: uppercase;
3544
+ text-transform: none;
3529
3545
  }
3530
3546
  .tox .tox-statusbar__text-container {
3531
3547
  display: flex;
@@ -3561,8 +3577,18 @@ body.tox-dialog__disable-scroll {
3561
3577
  .tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),
3562
3578
  .tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),
3563
3579
  .tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]) {
3580
+ color: #222f3e;
3564
3581
  cursor: pointer;
3565
- text-decoration: underline;
3582
+ }
3583
+ .tox .tox-statusbar__branding svg {
3584
+ fill: rgba(34, 47, 62, 0.8);
3585
+ height: 1.14em;
3586
+ vertical-align: -0.28em;
3587
+ width: 3.6em;
3588
+ }
3589
+ .tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg,
3590
+ .tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg {
3591
+ fill: #222f3e;
3566
3592
  }
3567
3593
  .tox .tox-statusbar__resize-handle {
3568
3594
  align-items: flex-end;
@@ -3573,22 +3599,24 @@ body.tox-dialog__disable-scroll {
3573
3599
  justify-content: flex-end;
3574
3600
  margin-left: auto;
3575
3601
  margin-right: -8px;
3602
+ padding-bottom: 3px;
3576
3603
  padding-left: 1ch;
3604
+ padding-right: 3px;
3577
3605
  }
3578
3606
  .tox .tox-statusbar__resize-handle svg {
3579
3607
  display: block;
3580
- fill: rgba(34, 47, 62, 0.7);
3608
+ fill: rgba(34, 47, 62, 0.5);
3581
3609
  }
3582
3610
  .tox .tox-statusbar__resize-handle:focus svg {
3583
3611
  background-color: #dee0e2;
3584
- border-radius: 1px;
3612
+ border-radius: 1px 1px 5px 1px;
3585
3613
  box-shadow: 0 0 0 2px #dee0e2;
3586
3614
  }
3587
3615
  .tox:not([dir=rtl]) .tox-statusbar__path > * {
3588
3616
  margin-right: 4px;
3589
3617
  }
3590
3618
  .tox:not([dir=rtl]) .tox-statusbar__branding {
3591
- margin-left: 1ch;
3619
+ margin-left: 2ch;
3592
3620
  }
3593
3621
  .tox[dir=rtl] .tox-statusbar {
3594
3622
  flex-direction: row-reverse;
@@ -3622,9 +3650,9 @@ body.tox-dialog__disable-scroll {
3622
3650
  font-size: 14px;
3623
3651
  font-style: normal;
3624
3652
  font-weight: normal;
3625
- height: 34px;
3653
+ height: 28px;
3626
3654
  justify-content: center;
3627
- margin: 2px 0 3px 0;
3655
+ margin: 6px 1px 5px 0;
3628
3656
  outline: none;
3629
3657
  overflow: hidden;
3630
3658
  padding: 0;
@@ -3641,12 +3669,12 @@ body.tox-dialog__disable-scroll {
3641
3669
  width: inherit;
3642
3670
  }
3643
3671
  .tox .tox-tbtn:focus {
3644
- background: #dee0e2;
3672
+ background: #cce2fa;
3645
3673
  border: 0;
3646
3674
  box-shadow: none;
3647
3675
  }
3648
3676
  .tox .tox-tbtn:hover {
3649
- background: #dee0e2;
3677
+ background: #cce2fa;
3650
3678
  border: 0;
3651
3679
  box-shadow: none;
3652
3680
  color: #222f3e;
@@ -3655,7 +3683,7 @@ body.tox-dialog__disable-scroll {
3655
3683
  fill: #222f3e;
3656
3684
  }
3657
3685
  .tox .tox-tbtn:active {
3658
- background: #c8cbcf;
3686
+ background: #a6ccf7;
3659
3687
  border: 0;
3660
3688
  box-shadow: none;
3661
3689
  color: #222f3e;
@@ -3682,7 +3710,7 @@ body.tox-dialog__disable-scroll {
3682
3710
  }
3683
3711
  .tox .tox-tbtn--enabled,
3684
3712
  .tox .tox-tbtn--enabled:hover {
3685
- background: #c8cbcf;
3713
+ background: #a6ccf7;
3686
3714
  border: 0;
3687
3715
  box-shadow: none;
3688
3716
  color: #222f3e;
@@ -3706,12 +3734,12 @@ body.tox-dialog__disable-scroll {
3706
3734
  transform: none;
3707
3735
  }
3708
3736
  .tox .tox-tbtn--md {
3709
- height: 51px;
3737
+ height: 42px;
3710
3738
  width: 51px;
3711
3739
  }
3712
3740
  .tox .tox-tbtn--lg {
3713
3741
  flex-direction: column;
3714
- height: 68px;
3742
+ height: 56px;
3715
3743
  width: 68px;
3716
3744
  }
3717
3745
  .tox .tox-tbtn--return {
@@ -3732,7 +3760,7 @@ body.tox-dialog__disable-scroll {
3732
3760
  white-space: nowrap;
3733
3761
  }
3734
3762
  .tox .tox-tbtn--select {
3735
- margin: 2px 0 3px 0;
3763
+ margin: 6px 1px 5px 0;
3736
3764
  padding: 0 4px;
3737
3765
  width: auto;
3738
3766
  }
@@ -3750,6 +3778,13 @@ body.tox-dialog__disable-scroll {
3750
3778
  .tox .tox-tbtn__select-chevron svg {
3751
3779
  fill: rgba(34, 47, 62, 0.5);
3752
3780
  }
3781
+ .tox .tox-tbtn--bespoke {
3782
+ background: #f7f7f7;
3783
+ }
3784
+ .tox .tox-tbtn--bespoke + .tox-tbtn--bespoke {
3785
+ -webkit-margin-start: 4px;
3786
+ margin-inline-start: 4px;
3787
+ }
3753
3788
  .tox .tox-tbtn--bespoke .tox-tbtn__select-label {
3754
3789
  overflow: hidden;
3755
3790
  text-overflow: ellipsis;
@@ -3761,14 +3796,14 @@ body.tox-dialog__disable-scroll {
3761
3796
  border-radius: 3px;
3762
3797
  box-sizing: border-box;
3763
3798
  display: flex;
3764
- margin: 2px 0 3px 0;
3799
+ margin: 6px 1px 5px 0;
3765
3800
  overflow: hidden;
3766
3801
  }
3767
3802
  .tox .tox-split-button:hover {
3768
- box-shadow: 0 0 0 1px #dee0e2 inset;
3803
+ box-shadow: 0 0 0 1px #cce2fa inset;
3769
3804
  }
3770
3805
  .tox .tox-split-button:focus {
3771
- background: #dee0e2;
3806
+ background: #cce2fa;
3772
3807
  box-shadow: none;
3773
3808
  color: #222f3e;
3774
3809
  }
@@ -3784,12 +3819,6 @@ body.tox-dialog__disable-scroll {
3784
3819
  .tox .tox-split-button .tox-tbtn {
3785
3820
  margin: 0;
3786
3821
  }
3787
- .tox.tox-platform-touch .tox-split-button .tox-tbtn:first-child {
3788
- width: 30px;
3789
- }
3790
- .tox.tox-platform-touch .tox-split-button__chevron {
3791
- width: 20px;
3792
- }
3793
3822
  .tox .tox-split-button.tox-tbtn--disabled:hover,
3794
3823
  .tox .tox-split-button.tox-tbtn--disabled:focus,
3795
3824
  .tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
@@ -3798,19 +3827,38 @@ body.tox-dialog__disable-scroll {
3798
3827
  box-shadow: none;
3799
3828
  color: rgba(34, 47, 62, 0.5);
3800
3829
  }
3830
+ .tox.tox-platform-touch .tox-split-button .tox-tbtn--select {
3831
+ padding: 0 0px;
3832
+ }
3833
+ .tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child {
3834
+ width: 30px;
3835
+ }
3836
+ .tox.tox-platform-touch .tox-split-button__chevron {
3837
+ width: 20px;
3838
+ }
3801
3839
  .tox .tox-toolbar-overlord {
3802
3840
  background-color: #fff;
3803
3841
  }
3804
3842
  .tox .tox-toolbar,
3805
3843
  .tox .tox-toolbar__primary,
3806
3844
  .tox .tox-toolbar__overflow {
3807
- 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;
3808
3845
  background-color: #fff;
3846
+ background-image: repeating-linear-gradient(#e3e3e3 0px 1px, transparent 1px 39px);
3847
+ background-position: center top 40px;
3848
+ background-repeat: no-repeat;
3849
+ background-size: calc(100% - 11px * 2) calc(100% - 41px);
3809
3850
  display: flex;
3810
3851
  flex: 0 0 auto;
3811
3852
  flex-shrink: 0;
3812
3853
  flex-wrap: wrap;
3813
- padding: 0 0;
3854
+ padding: 0 0px;
3855
+ transform: perspective(1px);
3856
+ }
3857
+ .tox .tox-toolbar-overlord > .tox-toolbar,
3858
+ .tox .tox-toolbar-overlord > .tox-toolbar__primary,
3859
+ .tox .tox-toolbar-overlord > .tox-toolbar__overflow {
3860
+ background-position: center top 0px;
3861
+ background-size: calc(100% - 11px * 2) calc(100% - 0px);
3814
3862
  }
3815
3863
  .tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
3816
3864
  height: 0;
@@ -3826,9 +3874,11 @@ body.tox-dialog__disable-scroll {
3826
3874
  transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s;
3827
3875
  }
3828
3876
  .tox .tox-menubar + .tox-toolbar,
3829
- .tox .tox-menubar + .tox-toolbar-overlord .tox-toolbar__primary {
3830
- border-top: 1px solid #cccccc;
3831
- margin-top: -1px;
3877
+ .tox .tox-menubar + .tox-toolbar-overlord {
3878
+ border-top: 1px solid transparent;
3879
+ margin-top: 0px;
3880
+ padding-bottom: 1px;
3881
+ padding-top: 1px;
3832
3882
  }
3833
3883
  .tox .tox-toolbar--scrolling {
3834
3884
  flex-wrap: nowrap;
@@ -3840,22 +3890,37 @@ body.tox-dialog__disable-scroll {
3840
3890
  .tox .tox-toolbar--no-divider {
3841
3891
  background-image: none;
3842
3892
  }
3843
- .tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child,
3844
- .tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary {
3845
- border-top: 1px solid #cccccc;
3893
+ .tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,
3894
+ .tox .tox-toolbar-overlord .tox-toolbar__primary {
3895
+ background-position: center top 39px;
3896
+ }
3897
+ .tox .tox-editor-header > .tox-toolbar--scrolling,
3898
+ .tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child {
3899
+ background-image: none;
3846
3900
  }
3847
3901
  .tox.tox-tinymce-aux .tox-toolbar__overflow {
3848
3902
  background-color: #fff;
3849
- border: 1px solid #cccccc;
3850
- border-radius: 3px;
3851
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
3903
+ background-position: center top 43px;
3904
+ background-size: calc(100% - 8px * 2) calc(100% - 51px);
3905
+ border: none;
3906
+ border-radius: 6px;
3907
+ box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
3908
+ padding: 4px 0;
3909
+ }
3910
+ .tox-pop .tox-pop__dialog {
3911
+ /* stylelint-disable-next-line no-descending-specificity */
3912
+ }
3913
+ .tox-pop .tox-pop__dialog .tox-toolbar {
3914
+ background-position: center top 43px;
3915
+ background-size: calc(100% - 11px * 2) calc(100% - 51px);
3916
+ padding: 4px 0;
3852
3917
  }
3853
3918
  .tox .tox-toolbar__group {
3854
3919
  align-items: center;
3855
3920
  display: flex;
3856
3921
  flex-wrap: wrap;
3857
3922
  margin: 0 0;
3858
- padding: 0 4px 0 4px;
3923
+ padding: 0 11px 0 12px;
3859
3924
  }
3860
3925
  .tox .tox-toolbar__group--pull-right {
3861
3926
  margin-left: auto;
@@ -3865,10 +3930,10 @@ body.tox-dialog__disable-scroll {
3865
3930
  flex-wrap: nowrap;
3866
3931
  }
3867
3932
  .tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
3868
- border-right: 1px solid #cccccc;
3933
+ border-right: 1px solid transparent;
3869
3934
  }
3870
3935
  .tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) {
3871
- border-left: 1px solid #cccccc;
3936
+ border-left: 1px solid transparent;
3872
3937
  }
3873
3938
  .tox .tox-tooltip {
3874
3939
  display: inline-block;
@@ -3877,7 +3942,7 @@ body.tox-dialog__disable-scroll {
3877
3942
  }
3878
3943
  .tox .tox-tooltip__body {
3879
3944
  background-color: #222f3e;
3880
- border-radius: 3px;
3945
+ border-radius: 6px;
3881
3946
  box-shadow: 0 2px 4px rgba(34, 47, 62, 0.3);
3882
3947
  color: rgba(255, 255, 255, 0.75);
3883
3948
  font-size: 14px;
@@ -3926,8 +3991,8 @@ body.tox-dialog__disable-scroll {
3926
3991
  transform: translateY(-50%);
3927
3992
  }
3928
3993
  .tox .tox-well {
3929
- border: 1px solid #cccccc;
3930
- border-radius: 3px;
3994
+ border: 1px solid #eeeeee;
3995
+ border-radius: 6px;
3931
3996
  padding: 8px;
3932
3997
  width: 100%;
3933
3998
  }
@@ -3941,8 +4006,8 @@ body.tox-dialog__disable-scroll {
3941
4006
  margin: 0;
3942
4007
  }
3943
4008
  .tox .tox-custom-editor {
3944
- border: 1px solid #cccccc;
3945
- border-radius: 3px;
4009
+ border: 1px solid #eeeeee;
4010
+ border-radius: 6px;
3946
4011
  display: flex;
3947
4012
  flex: 1;
3948
4013
  position: relative;
@@ -3965,18 +4030,10 @@ body.tox-dialog__disable-scroll {
3965
4030
  .tox .tox-dialog__content-js {
3966
4031
  display: flex;
3967
4032
  flex: 1;
3968
- -ms-flex-preferred-size: auto;
3969
4033
  }
3970
4034
  .tox .tox-dialog__body-content .tox-collection {
3971
4035
  display: flex;
3972
4036
  flex: 1;
3973
- -ms-flex-preferred-size: auto;
3974
- }
3975
- .tox .tox-image-tools-edit-panel {
3976
- height: 60px;
3977
- }
3978
- .tox .tox-image-tools__sidebar {
3979
- height: 60px;
3980
4037
  }
3981
4038
  .video-react .video-react-control:before, .video-react .video-react-big-play-button:before {
3982
4039
  position: absolute;
@@ -5146,6 +5203,9 @@ body.video-react-full-window .video-react-fullscreen {
5146
5203
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
5147
5204
  border: 1px solid #f9f9f9;
5148
5205
  }
5206
+ .rdtPickerNotDays {
5207
+ width: 192px;
5208
+ }
5149
5209
  .rdtOpen .rdtPicker {
5150
5210
  display: block;
5151
5211
  }
@@ -5184,7 +5244,7 @@ body.video-react-full-window .video-react-fullscreen {
5184
5244
  .rdtPicker td > span {
5185
5245
  display: inline-block;
5186
5246
  border-radius: 2px;
5187
- height: 100%;
5247
+ height: 24px;
5188
5248
  width: 24px;
5189
5249
  }
5190
5250
  .rdtPicker td.rdtDay:hover,
@@ -5686,10 +5746,13 @@ a {
5686
5746
  text-decoration: none;
5687
5747
  }
5688
5748
  a:hover {
5689
- color: #0c83e2;
5749
+ color: #528eff;
5690
5750
  -webkit-text-decoration: underline;
5691
5751
  text-decoration: underline;
5692
5752
  }
5753
+ a:active {
5754
+ color: #144bcc;
5755
+ }
5693
5756
  label {
5694
5757
  font-weight: 400;
5695
5758
  }
@@ -7614,11 +7677,19 @@ input[type=button].dark-Button--block {
7614
7677
  }
7615
7678
  .dark-Breadcrumb-item {
7616
7679
  position: relative;
7680
+ display: inline-flex;
7681
+ align-items: center;
7617
7682
  }
7618
7683
  .dark-Breadcrumb-item-default {
7619
7684
  cursor: pointer;
7620
7685
  color: #83868c;
7621
7686
  }
7687
+ .dark-Breadcrumb-item-default:hover {
7688
+ color: #2468f2;
7689
+ }
7690
+ .dark-Breadcrumb-item-default:active {
7691
+ color: #1c53c1;
7692
+ }
7622
7693
  .dark-Breadcrumb-item-dropdown {
7623
7694
  cursor: pointer;
7624
7695
  color: #151a26;
@@ -7634,7 +7705,8 @@ input[type=button].dark-Button--block {
7634
7705
  color: #151a26;
7635
7706
  }
7636
7707
  .dark-Breadcrumb-item-caret {
7637
- margin-left: 0.5rem;
7708
+ height: 16px;
7709
+ margin: 0 2px;
7638
7710
  cursor: pointer;
7639
7711
  display: inline-block;
7640
7712
  transition: transform 0.2s ease;
@@ -7748,6 +7820,7 @@ input[type=button].dark-Button--block {
7748
7820
  white-space: nowrap;
7749
7821
  text-align: center;
7750
7822
  padding: 0 6px;
7823
+ border: 1px solid #FFFFFF;
7751
7824
  }
7752
7825
  .dark-Badge-dot {
7753
7826
  z-index: auto;
@@ -7828,25 +7901,35 @@ input[type=button].dark-Button--block {
7828
7901
  @-webkit-keyframes modalIn {
7829
7902
  from {
7830
7903
  opacity: 0;
7831
- transform: translate3d(0, -300px, 0) scale(0.2);
7904
+ width: 0;
7905
+ height: 0;
7906
+ bottom: -999px;
7832
7907
  }
7833
7908
  }
7834
7909
  @keyframes modalIn {
7835
7910
  from {
7836
7911
  opacity: 0;
7837
- transform: translate3d(0, -300px, 0) scale(0.2);
7912
+ width: 0;
7913
+ height: 0;
7914
+ bottom: -999px;
7838
7915
  }
7839
7916
  }
7840
7917
  @-webkit-keyframes modalOut {
7841
7918
  to {
7842
7919
  opacity: 0;
7843
- transform: translate3d(0, -300px, 0) scale(0.2);
7920
+ opacity: 0;
7921
+ width: 0;
7922
+ height: 0;
7923
+ bottom: -999px;
7844
7924
  }
7845
7925
  }
7846
7926
  @keyframes modalOut {
7847
7927
  to {
7848
7928
  opacity: 0;
7849
- transform: translate3d(0, -300px, 0) scale(0.2);
7929
+ opacity: 0;
7930
+ width: 0;
7931
+ height: 0;
7932
+ bottom: -999px;
7850
7933
  }
7851
7934
  }
7852
7935
  .dark-Modal {
@@ -7914,7 +7997,7 @@ input[type=button].dark-Button--block {
7914
7997
  2.5rem - 1.5 *
7915
7998
  0.875rem
7916
7999
  ) / 2
7917
- ) 1rem;
8000
+ ) 1.5rem;
7918
8001
  background: #f9f9f9;
7919
8002
  border-bottom: 0.0625rem solid #dfe2e6;
7920
8003
  border-top-left-radius: 0.142rem;
@@ -7940,8 +8023,8 @@ input[type=button].dark-Button--block {
7940
8023
  vertical-align: middle;
7941
8024
  }
7942
8025
  .dark-Modal-close svg {
7943
- width: 0.75rem;
7944
- height: 0.75rem;
8026
+ width: 1rem;
8027
+ height: 1rem;
7945
8028
  fill: white;
7946
8029
  }
7947
8030
  .dark-Modal-close:not(.is-disabled) {
@@ -7961,17 +8044,16 @@ input[type=button].dark-Button--block {
7961
8044
  z-index: 10;
7962
8045
  }
7963
8046
  .dark-Modal-body {
7964
- padding: 0.75rem 1rem 1rem;
8047
+ margin: 1rem 0 1.5rem 0;
7965
8048
  flex-grow: 1;
7966
- }
7967
- .dark-Modal-header + .dark-Modal-body {
7968
- padding-top: 1rem;
8049
+ height: auto;
8050
+ padding: 0 1.5rem;
7969
8051
  }
7970
8052
  .dark-Modal-footer {
7971
8053
  display: flex;
7972
8054
  align-items: center;
7973
8055
  justify-content: flex-end;
7974
- padding: 0.5rem;
8056
+ padding: 0.5rem 1.5rem;
7975
8057
  border-top: 0.0625rem solid #dfe2e6;
7976
8058
  margin: 0 0;
7977
8059
  border-bottom-left-radius: 0.142rem;
@@ -8126,11 +8208,11 @@ input[type=button].dark-Button--block {
8126
8208
  }
8127
8209
  .dark-Drawer-title {
8128
8210
  font-size: 0.875rem;
8129
- color: #dbd6d6;
8211
+ color: #151b26;
8130
8212
  }
8131
8213
  .dark-Drawer-close {
8132
8214
  position: absolute;
8133
- color: white;
8215
+ color: #151b26;
8134
8216
  line-height: 1;
8135
8217
  text-decoration: none;
8136
8218
  }
@@ -8138,7 +8220,7 @@ input[type=button].dark-Button--block {
8138
8220
  margin-top: 0.125rem;
8139
8221
  width: 0.75rem;
8140
8222
  height: 0.75rem;
8141
- fill: white;
8223
+ fill: #151b26;
8142
8224
  }
8143
8225
  .dark-Drawer-close:not(.is-disabled) {
8144
8226
  cursor: pointer;
@@ -9044,7 +9126,7 @@ input[type=button].dark-Button--block {
9044
9126
  pointer-events: auto;
9045
9127
  margin-bottom: 0.25rem;
9046
9128
  padding: 0.25rem 1rem;
9047
- box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
9129
+ 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);
9048
9130
  border-radius: 0.125rem;
9049
9131
  border: 0 solid;
9050
9132
  color: #f3f1f1;
@@ -9220,17 +9302,26 @@ input[type=button].dark-Button--block {
9220
9302
  .dark-Alert {
9221
9303
  font-size: 0.875rem;
9222
9304
  box-shadow: none;
9223
- padding: 0.5rem 0.5rem;
9305
+ padding: 0.25rem 1rem;
9224
9306
  border: 0.0625rem solid transparent;
9225
9307
  border-radius: 0.285rem;
9226
9308
  margin-bottom: 1rem;
9227
9309
  position: relative;
9228
- color: var(--Alert-fontColor);
9310
+ color: #151b26;
9229
9311
  display: flex;
9230
9312
  flex-flow: row nowrap;
9231
9313
  justify-content: space-between;
9232
9314
  align-items: flex-start;
9233
9315
  }
9316
+ .dark-Alert-has-title {
9317
+ padding: 1rem;
9318
+ }
9319
+ .dark-Alert-has-title .dark-Alert-content .dark-Alert-title {
9320
+ line-height: 1.375rem;
9321
+ }
9322
+ .dark-Alert-has-title .dark-Alert-content .dark-Alert-desc {
9323
+ line-height: 1.25rem;
9324
+ }
9234
9325
  .dark-Alert-icon {
9235
9326
  margin-right: 0.5rem;
9236
9327
  font-size: 1rem;
@@ -9565,9 +9656,16 @@ input[type=button].dark-Button--block {
9565
9656
  border: none;
9566
9657
  outline: none;
9567
9658
  }
9659
+ .dark-Tabs-links > .dark-Tabs-link:hover .dark-Tabs-link-close {
9660
+ width: 0.75rem;
9661
+ margin-left: 0.25rem;
9662
+ }
9568
9663
  .dark-Tabs-links > .dark-Tabs-link .dark-Tabs-link-close {
9569
- margin: 0.0625rem 0 0 0.25rem;
9664
+ width: 0;
9665
+ margin: 0.0625rem 0 0;
9570
9666
  fill: #83868c;
9667
+ transition: all 0.2s linear;
9668
+ overflow: hidden;
9571
9669
  cursor: pointer;
9572
9670
  }
9573
9671
  .dark-Tabs-links > .dark-Tabs-link .dark-Tabs-link-close .dark-Tabs-link-close-icon {
@@ -9589,6 +9687,14 @@ input[type=button].dark-Button--block {
9589
9687
  overflow: hidden;
9590
9688
  white-space: nowrap;
9591
9689
  }
9690
+ .dark-Tabs-links > .dark-Tabs-link > a:first-child > .dark-Icon {
9691
+ margin-right: 0.5rem;
9692
+ vertical-align: unset;
9693
+ }
9694
+ .dark-Tabs-links > .dark-Tabs-link > a:first-child > img.dark-Icon {
9695
+ position: relative;
9696
+ top: 0.125em;
9697
+ }
9592
9698
  .dark-Tabs-links > .dark-Tabs-link > .dark-Combo-toolbarBtn {
9593
9699
  position: absolute;
9594
9700
  right: -10px;
@@ -9607,7 +9713,7 @@ input[type=button].dark-Button--block {
9607
9713
  cursor: not-allowed;
9608
9714
  }
9609
9715
  .dark-Tabs-links > .dark-Tabs-link.disabled > a:first-child, .dark-Tabs-links > .dark-Tabs-link.is-disabled > a:first-child {
9610
- color: var(--Tabs-link-disabled-color);
9716
+ color: #b8babf;
9611
9717
  background: transparent;
9612
9718
  border-color: transparent;
9613
9719
  pointer-events: none;
@@ -9637,6 +9743,14 @@ input[type=button].dark-Button--block {
9637
9743
  opacity: 1;
9638
9744
  }
9639
9745
  .dark-Tabs--line > .dark-Tabs-linksContainer-wrapper {
9746
+ position: relative;
9747
+ }
9748
+ .dark-Tabs--line > .dark-Tabs-linksContainer-wrapper::before {
9749
+ content: "";
9750
+ position: absolute;
9751
+ width: 100%;
9752
+ left: 0;
9753
+ bottom: 0;
9640
9754
  border-bottom: 0.0625rem solid #656565;
9641
9755
  }
9642
9756
  .dark-Tabs--line > .dark-Tabs-linksContainer-wrapper--toolbar .dark-Tabs-link {
@@ -9682,6 +9796,11 @@ input[type=button].dark-Button--block {
9682
9796
  .dark-Tabs--line > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li:not(.is-disabled):hover .dark-Tabs-link-close {
9683
9797
  fill: #0983ff;
9684
9798
  }
9799
+ .dark-Tabs--line > .dark-Tabs-linksWrapper > .dark-Tabs-links > li:not(.is-disabled):hover > a:first-child:hover:active,
9800
+ .dark-Tabs--line > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li:not(.is-disabled):hover > a:first-child:hover:active {
9801
+ color: #144BCC;
9802
+ border-color: #144BCC;
9803
+ }
9685
9804
  .dark-Tabs--line > .dark-Tabs-linksWrapper > .dark-Tabs-links > li:last-child > a,
9686
9805
  .dark-Tabs--line > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li:last-child > a {
9687
9806
  margin: 0;
@@ -9980,11 +10099,13 @@ input[type=button].dark-Button--block {
9980
10099
  font-size: 1.5rem;
9981
10100
  height: 1.5rem;
9982
10101
  margin-bottom: 0.3125rem;
10102
+ margin-right: 0;
10103
+ top: 0;
9983
10104
  }
9984
10105
  .dark-Tabs--sidebar > .dark-Tabs-linksWrapper > .dark-Tabs-links > li.is-active > a:first-child,
9985
10106
  .dark-Tabs--sidebar > .dark-Tabs-linksWrapper > .dark-Tabs-links > li > a:first-child:hover,
9986
10107
  .dark-Tabs--sidebar > .dark-Tabs-linksWrapper > .dark-Tabs-links > li > a:first-child:focus {
9987
- color: var(--Tabs--sidebar-iconColor);
10108
+ color: #2468f2;
9988
10109
  }
9989
10110
  .dark-Tabs--sidebar > .dark-Tabs-content {
9990
10111
  flex-grow: 1;
@@ -10111,7 +10232,7 @@ input[type=button].dark-Button--block {
10111
10232
  .dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li {
10112
10233
  position: relative;
10113
10234
  border: none;
10114
- padding: var(--Tabs--simple-split-size);
10235
+ padding: 0.25rem 1rem;
10115
10236
  }
10116
10237
  .dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li::after {
10117
10238
  content: "";
@@ -10124,7 +10245,6 @@ input[type=button].dark-Button--block {
10124
10245
  background-color: #656565;
10125
10246
  }
10126
10247
  .dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > .dark-Tabs-link-close {
10127
- padding-top: 0.0625rem;
10128
10248
  cursor: pointer;
10129
10249
  }
10130
10250
  .dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li:last-of-type::after {
@@ -10138,6 +10258,10 @@ input[type=button].dark-Button--block {
10138
10258
  color: #0983ff;
10139
10259
  border: none;
10140
10260
  }
10261
+ .dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > a:first-child:hover:active, .dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li:not(.is-disabled):hover > a:first-child:hover:active {
10262
+ color: #144BCC;
10263
+ border-color: #144BCC;
10264
+ }
10141
10265
  .dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li:not(.is-disabled):hover .dark-Tabs-link-close {
10142
10266
  fill: #0983ff;
10143
10267
  }
@@ -10225,6 +10349,10 @@ input[type=button].dark-Button--block {
10225
10349
  .dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > .dark-Tabs-link:not(.is-disabled):hover > a:first-child:focus {
10226
10350
  color: #0983ff;
10227
10351
  }
10352
+ .dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > .dark-Tabs-link.is-active > a:first-child:hover:active, .dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > .dark-Tabs-link:not(.is-disabled):hover > a:first-child:hover:active {
10353
+ color: #144BCC;
10354
+ border-color: #144BCC;
10355
+ }
10228
10356
  .dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > .dark-Tabs-link:not(.is-disabled):hover .dark-Tabs-link-close {
10229
10357
  fill: #0983ff;
10230
10358
  }
@@ -11868,6 +11996,7 @@ input[type=button].dark-Button--block {
11868
11996
  .dark-Collapse-arrow {
11869
11997
  display: inline-block;
11870
11998
  width: 1rem;
11999
+ height: 1rem;
11871
12000
  text-align: center;
11872
12001
  margin-right: 0.5rem;
11873
12002
  }
@@ -11878,7 +12007,7 @@ input[type=button].dark-Button--block {
11878
12007
  width: 0.375rem;
11879
12008
  height: 0.375rem;
11880
12009
  top: -0.125rem;
11881
- border-color: #84868C;
12010
+ border-color: #84868c;
11882
12011
  border-style: solid;
11883
12012
  border-width: 0.0625rem 0.0625rem 0 0;
11884
12013
  transform: rotate(45deg);
@@ -11908,7 +12037,7 @@ input[type=button].dark-Button--block {
11908
12037
  color: white;
11909
12038
  }
11910
12039
  .dark-Collapse--disabled .dark-Collapse-header:hover {
11911
- background-color: var(--Collapse-header-bg-disabled-color);
12040
+ background-color: #f7f7f9;
11912
12041
  }
11913
12042
  .dark-Collapse--disabled .dark-Collapse-arrow:before {
11914
12043
  border-color: white;
@@ -11950,9 +12079,21 @@ input[type=button].dark-Button--block {
11950
12079
  .dark-CollapseGroup .dark-Collapse:first-child {
11951
12080
  border-radius: 4px 4px 0 0;
11952
12081
  }
12082
+ .dark-CollapseGroup .dark-Collapse:first-child > .dark-Collapse-header {
12083
+ border-radius: 4px 4px 0 0;
12084
+ }
11953
12085
  .dark-CollapseGroup .dark-Collapse:last-child {
11954
12086
  border-radius: 0 0 4px 4px;
11955
12087
  }
12088
+ .dark-CollapseGroup .dark-Collapse:last-child > .dark-Collapse-header {
12089
+ border-radius: 0 0 4px 4px;
12090
+ }
12091
+ .dark-CollapseGroup .dark-Collapse:first-child:nth-last-child(1) {
12092
+ border-radius: 4px;
12093
+ }
12094
+ .dark-CollapseGroup .dark-Collapse:first-child:nth-last-child(1) > .dark-Collapse-header {
12095
+ border-radius: 4px;
12096
+ }
11956
12097
  .dark-CollapseGroup .dark-Collapse:not(:last-child) {
11957
12098
  border-bottom: none;
11958
12099
  }
@@ -12698,7 +12839,10 @@ input[type=button].dark-Button--block {
12698
12839
  display: inline-flex;
12699
12840
  align-items: center;
12700
12841
  }
12701
- .dark-Crud-toolbar-item:not(:first-child) {
12842
+ .dark-Crud-toolbar-item--left:not(:first-child) {
12843
+ margin-left: 0.25rem;
12844
+ }
12845
+ .dark-Crud-toolbar-item--right:not(:last-child) {
12702
12846
  margin-left: 0.25rem;
12703
12847
  }
12704
12848
  .dark-Crud-toolbar-item--left {
@@ -12748,7 +12892,10 @@ input[type=button].dark-Button--block {
12748
12892
  height: 1.875rem;
12749
12893
  vertical-align: middle;
12750
12894
  }
12751
- .dark-Crud-toolbar-item:not(:first-child) {
12895
+ .dark-Crud-toolbar-item--left:not(:first-child) {
12896
+ margin-left: 0.25rem;
12897
+ }
12898
+ .dark-Crud-toolbar-item--right:not(:last-child) {
12752
12899
  margin-left: 0.25rem;
12753
12900
  }
12754
12901
  .dark-Crud-toolbar-item--left {
@@ -12825,7 +12972,10 @@ input[type=button].dark-Button--block {
12825
12972
  display: inline-flex;
12826
12973
  align-items: center;
12827
12974
  }
12828
- .dark-Crud2-toolbar-item:not(:first-child) {
12975
+ .dark-Crud2-toolbar-item--left:not(:first-child) {
12976
+ margin-left: 0.25rem;
12977
+ }
12978
+ .dark-Crud2-toolbar-item--right:not(:last-child) {
12829
12979
  margin-left: 0.25rem;
12830
12980
  }
12831
12981
  .dark-Crud2-toolbar-item--left {
@@ -12870,7 +13020,10 @@ input[type=button].dark-Button--block {
12870
13020
  height: 1.875rem;
12871
13021
  vertical-align: middle;
12872
13022
  }
12873
- .dark-Crud-toolbar-item:not(:first-child) {
13023
+ .dark-Crud-toolbar-item--left:not(:first-child) {
13024
+ margin-left: 0.25rem;
13025
+ }
13026
+ .dark-Crud-toolbar-item--right:not(:last-child) {
12874
13027
  margin-left: 0.25rem;
12875
13028
  }
12876
13029
  .dark-Crud-toolbar-item--left {
@@ -12934,9 +13087,17 @@ input[type=button].dark-Button--block {
12934
13087
  background: #333538;
12935
13088
  z-index: -1;
12936
13089
  opacity: 0;
13090
+ }
13091
+ .dark-Table-fixedTop-shadow {
13092
+ position: absolute;
12937
13093
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
13094
+ z-index: -1;
13095
+ height: 10px;
13096
+ margin-top: -10px;
13097
+ background-color: transparent;
13098
+ opacity: 0;
12938
13099
  }
12939
- .dark-Table-fixedTop.in {
13100
+ .dark-Table-fixedTop.in, .dark-Table-fixedTop.in + .dark-Table-fixedTop-shadow {
12940
13101
  position: fixed;
12941
13102
  opacity: 1;
12942
13103
  z-index: 900;
@@ -13078,6 +13239,9 @@ input[type=button].dark-Button--block {
13078
13239
  .dark-Table-table th.text-right, .dark-Table-table td.text-right {
13079
13240
  text-align: right;
13080
13241
  }
13242
+ .dark-Table-table td .dark-SwitchControl {
13243
+ padding-top: 0;
13244
+ }
13081
13245
  .dark-Table-table--withCombine > thead > tr > th:first-child,
13082
13246
  .dark-Table-table--withCombine > tbody > tr > td:first-child {
13083
13247
  padding-left: 0.5rem !important;
@@ -13107,6 +13271,7 @@ input[type=button].dark-Button--block {
13107
13271
  (2.5rem - 0.875rem * 1.5) /
13108
13272
  2
13109
13273
  ) 0.5rem;
13274
+ text-align: left;
13110
13275
  border-bottom: 0.0625rem solid #656565;
13111
13276
  font-size: 0.875rem;
13112
13277
  color: #dbd6d6;
@@ -13114,10 +13279,13 @@ input[type=button].dark-Button--block {
13114
13279
  white-space: nowrap;
13115
13280
  }
13116
13281
  .dark-Table-table > thead > tr > th:first-child {
13282
+ padding-left: 0.75rem;
13283
+ }
13284
+ .dark-Table-table > thead > tr > th:first-child.dark-Table-checkCell {
13117
13285
  padding-left: 1rem;
13118
13286
  }
13119
13287
  .dark-Table-table > thead > tr > th:last-child {
13120
- padding-right: 1rem;
13288
+ padding-right: 0.75rem;
13121
13289
  }
13122
13290
  .dark-Table-table > thead > tr > th:last-child .dark-Table-content-colDragLine {
13123
13291
  width: 4px;
@@ -13129,6 +13297,12 @@ input[type=button].dark-Button--block {
13129
13297
  .dark-Table-table > thead > tr > th .dark-Remark {
13130
13298
  margin-left: 0.25rem;
13131
13299
  }
13300
+ .dark-Table-table > thead > tr > th:first-child {
13301
+ border-top-left-radius: 4px;
13302
+ }
13303
+ .dark-Table-table > thead > tr > th:last-child {
13304
+ border-top-right-radius: 4px;
13305
+ }
13132
13306
  .dark-Table-table > thead > tr + tr {
13133
13307
  border-top: 0.0625rem solid #656565;
13134
13308
  }
@@ -13181,6 +13355,12 @@ input[type=button].dark-Button--block {
13181
13355
  .dark-Table-table > tbody > tr:hover + tr, .dark-Table-table > tbody > tr.is-hovered + tr {
13182
13356
  border-color: #d6dfdf;
13183
13357
  }
13358
+ .dark-Table-table > tbody > tr:active {
13359
+ background: transparent;
13360
+ }
13361
+ .dark-Table-table > tbody > tr:hover.dark-Table-placeholder {
13362
+ color: white;
13363
+ }
13184
13364
  .dark-Table-table > tbody > tr.is-checked {
13185
13365
  background: #141316;
13186
13366
  border-color: #abe4f6;
@@ -13792,7 +13972,6 @@ input[type=button].dark-Button--block {
13792
13972
  }
13793
13973
  .dark-Table-table > thead > tr > th.dark-Table-checkCell,
13794
13974
  .dark-Table-table > tbody > tr > td.dark-Table-checkCell {
13795
- border-right: 0;
13796
13975
  width: 0.0625rem;
13797
13976
  padding-right: 0.5rem;
13798
13977
  white-space: nowrap;
@@ -13801,6 +13980,9 @@ input[type=button].dark-Button--block {
13801
13980
  .dark-Table-table > tbody > tr > td.dark-Table-checkCell .dark-Checkbox {
13802
13981
  margin: 0;
13803
13982
  }
13983
+ .dark-Table-table > tbody > tr > td.dark-Table-checkCell {
13984
+ border-right: 0;
13985
+ }
13804
13986
  .dark-Table-table > thead > tr > th.dark-Table-expandCell,
13805
13987
  .dark-Table-table > tbody > tr > td.dark-Table-expandCell {
13806
13988
  border-right: 0;
@@ -13948,12 +14130,12 @@ input[type=button].dark-Button--block {
13948
14130
  width: 12px;
13949
14131
  height: 12px;
13950
14132
  }
13951
- .dark-TableCell-searchBtn:hover {
13952
- color: #f3f1f1;
13953
- }
13954
14133
  .dark-TableCell-searchBtn.is-active {
13955
14134
  color: #0983ff;
13956
14135
  }
14136
+ .dark-TableCell-searchBtn.is-opened {
14137
+ color: #1c53c1;
14138
+ }
13957
14139
  .dark-TableCell-searchPopOver {
13958
14140
  border: none;
13959
14141
  min-width: 20rem;
@@ -14035,7 +14217,7 @@ input[type=button].dark-Button--block {
14035
14217
  text-decoration: none;
14036
14218
  }
14037
14219
  .dark-Table-itemActions a:hover {
14038
- color: #0c83e2;
14220
+ color: #528eff;
14039
14221
  -webkit-text-decoration: underline;
14040
14222
  text-decoration: underline;
14041
14223
  }
@@ -14051,6 +14233,9 @@ input[type=button].dark-Button--block {
14051
14233
  width: 100%;
14052
14234
  color: #2296f3;
14053
14235
  }
14236
+ .dark-Table-foot {
14237
+ background: #2f2f2f;
14238
+ }
14054
14239
  .dark-Table-footTable {
14055
14240
  position: relative;
14056
14241
  width: 100%;
@@ -14098,9 +14283,10 @@ input[type=button].dark-Button--block {
14098
14283
  width: 0.625rem;
14099
14284
  height: 0.625rem;
14100
14285
  top: 0;
14286
+ transform: rotate(90deg);
14101
14287
  }
14102
14288
  .dark-Table-expandBtn.is-active > svg {
14103
- transform: rotate(90deg);
14289
+ transform: rotate(-90deg);
14104
14290
  }
14105
14291
  .dark-Table-expandBtn:hover {
14106
14292
  text-decoration: none;
@@ -14143,18 +14329,31 @@ input[type=button].dark-Button--block {
14143
14329
  top: 0;
14144
14330
  z-index: 1;
14145
14331
  }
14146
- .dark-Table--autoFillHeight > .dark-Table-fixedTop {
14332
+ .dark-Table--autoFillHeight > .dark-Table-fixedTop .dark-Table-fixedTop-shadow {
14147
14333
  display: none;
14148
14334
  }
14149
14335
  .dark-Table--autoFillHeight > .dark-Table-footToolbar {
14150
14336
  margin-bottom: 0;
14151
14337
  }
14338
+ .dark-InputTable .dark-Field--quickEditable svg {
14339
+ color: #0983ff;
14340
+ }
14341
+ .dark-InputTable .dark-Field--quickEditable svg:hover {
14342
+ color: #4f86f4;
14343
+ }
14344
+ .dark-InputTable .dark-Field--quickEditable svg:active {
14345
+ color: #1c53c1;
14346
+ }
14152
14347
  .dark-InputTable-toolbar {
14153
14348
  display: flex;
14154
14349
  flex-direction: row;
14155
14350
  flex-wrap: wrap;
14156
14351
  justify-content: space-between;
14157
14352
  }
14353
+ .dark-InputTable-toolbar .dark-Button {
14354
+ border: none;
14355
+ color: #0983ff;
14356
+ }
14158
14357
  .dark-InputTable-pager {
14159
14358
  margin-left: auto;
14160
14359
  }
@@ -15145,8 +15344,8 @@ input[type=button].dark-Button--block {
15145
15344
  position: relative;
15146
15345
  }
15147
15346
  .dark-Table-v2 .dark-Table-table > tbody > tr.dark-Table-row-disabled {
15148
- background: var(--TableRow-onDisabled-bg);
15149
- color: var(--TableRow-onDisabled-color);
15347
+ background: #f7f7f9;
15348
+ color: #b8babf;
15150
15349
  }
15151
15350
  .dark-Table-v2 .dark-Table-table > tbody > tr:not(.dark-Table-row-disabled) > td.dark-Table-cell-row-hover {
15152
15351
  background: #1e1f22;
@@ -16208,6 +16407,9 @@ input[type=button].dark-Button--block {
16208
16407
  .dark-Card-actions > a.is-disabled:hover {
16209
16408
  text-decoration: none;
16210
16409
  }
16410
+ .dark-Card-actions > a > .dark-Button-icon:first-child:not(:last-child) {
16411
+ margin-right: 0.25rem;
16412
+ }
16211
16413
  .dark-Card.is-checked {
16212
16414
  background: #141316;
16213
16415
  border-color: #abe4f6;
@@ -16520,9 +16722,10 @@ input[type=button].dark-Button--block {
16520
16722
  .dark-Progress-line-bar {
16521
16723
  float: left;
16522
16724
  width: 0;
16523
- height: 10px;
16725
+ height: 8px;
16524
16726
  background: #0983ff;
16525
16727
  transition: width 0.2s ease;
16728
+ border-radius: 0.142rem;
16526
16729
  }
16527
16730
  .dark-Progress-line-bar--stripe {
16528
16731
  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);
@@ -16682,7 +16885,7 @@ input[type=button].dark-Button--block {
16682
16885
  .dark-Pagination {
16683
16886
  display: inline-block;
16684
16887
  padding: 0;
16685
- margin: 0 0 -0.625rem;
16888
+ margin: 0 0 -0.5rem;
16686
16889
  border-radius: 0.25rem;
16687
16890
  }
16688
16891
  .dark-Pagination > li {
@@ -16698,10 +16901,10 @@ input[type=button].dark-Button--block {
16698
16901
  position: relative;
16699
16902
  float: left;
16700
16903
  text-decoration: none;
16701
- min-width: 1.875rem;
16702
- height: 1.875rem;
16904
+ min-width: 2rem;
16905
+ height: 2rem;
16703
16906
  border: 0;
16704
- line-height: 1.875rem;
16907
+ line-height: 2rem;
16705
16908
  padding: 0 0.5rem;
16706
16909
  text-align: center;
16707
16910
  color: #666666;
@@ -16770,7 +16973,7 @@ input[type=button].dark-Button--block {
16770
16973
  display: inline-flex;
16771
16974
  flex-wrap: nowrap;
16772
16975
  align-items: center;
16773
- height: 1.875rem;
16976
+ height: 2rem;
16774
16977
  }
16775
16978
  .dark-Pagination-inputGroup-left {
16776
16979
  color: #84868c;
@@ -16778,13 +16981,13 @@ input[type=button].dark-Button--block {
16778
16981
  .dark-Pagination-inputGroup input {
16779
16982
  min-width: 3.125rem;
16780
16983
  width: 3.125rem;
16781
- height: 1.875rem;
16782
- line-height: 1.875rem;
16984
+ height: 2rem;
16985
+ line-height: 2rem;
16783
16986
  border: none;
16784
16987
  border: 0.0625rem solid #656565;
16785
16988
  border-radius: 0.142rem 0 0 0.142rem;
16786
16989
  padding: 0 0.5rem;
16787
- margin-left: 0.625rem;
16990
+ margin-left: 0.5rem;
16788
16991
  text-align: center;
16789
16992
  }
16790
16993
  .dark-Pagination-inputGroup input:focus, .dark-Pagination-inputGroup input:hover {
@@ -16796,8 +16999,8 @@ input[type=button].dark-Button--block {
16796
16999
  width: 2rem;
16797
17000
  cursor: pointer;
16798
17001
  text-align: center;
16799
- height: 1.875rem;
16800
- line-height: 1.875rem;
17002
+ height: 2rem;
17003
+ line-height: 2rem;
16801
17004
  border: 0.0625rem solid #656565;
16802
17005
  border-left: none;
16803
17006
  border-radius: 0 0.142rem 0.142rem 0;
@@ -16807,12 +17010,13 @@ input[type=button].dark-Button--block {
16807
17010
  color: #0983ff;
16808
17011
  border-color: #0983ff;
16809
17012
  border-left: 0.0625rem solid #0983ff;
17013
+ margin-left: -1px;
16810
17014
  }
16811
17015
  .dark-Pagination-wrap {
16812
17016
  line-height: 1.875rem;
16813
17017
  }
16814
17018
  .dark-Pagination-wrap .dark-Pagination-item {
16815
- margin-left: 0.625rem;
17019
+ margin-left: 0.5rem;
16816
17020
  }
16817
17021
  .dark-Pagination-wrap .dark-Pagination-item:nth-child(1) {
16818
17022
  margin-left: 0;
@@ -17202,6 +17406,7 @@ input[type=button].dark-Button--block {
17202
17406
  display: block;
17203
17407
  max-width: 100%;
17204
17408
  max-height: 100%;
17409
+ transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
17205
17410
  }
17206
17411
  .dark-ImageGallery-prevBtn, .dark-ImageGallery-nextBtn {
17207
17412
  position: absolute;
@@ -17331,6 +17536,57 @@ input[type=button].dark-Button--block {
17331
17536
  .dark-ImageGallery-item.is-active:after {
17332
17537
  display: none;
17333
17538
  }
17539
+ .dark-ImageGallery-toolbar {
17540
+ background-color: #fff;
17541
+ border-radius: 0.25rem;
17542
+ display: flex;
17543
+ align-items: flex-start;
17544
+ padding: 0.25rem 1rem;
17545
+ position: absolute;
17546
+ bottom: 1.25rem;
17547
+ left: 50%;
17548
+ transform: translateX(-50%);
17549
+ display: flex;
17550
+ flex-flow: row nowrap;
17551
+ justify-content: space-between;
17552
+ align-items: center;
17553
+ }
17554
+ .dark-ImageGallery-toolbar-action {
17555
+ padding: 0.8125rem;
17556
+ border-radius: 0.25rem;
17557
+ width: 2.5rem;
17558
+ height: 2.5rem;
17559
+ cursor: pointer;
17560
+ display: flex;
17561
+ justify-content: center;
17562
+ align-items: center;
17563
+ }
17564
+ .dark-ImageGallery-toolbar-action-icon {
17565
+ display: block;
17566
+ color: #141316;
17567
+ }
17568
+ .dark-ImageGallery-toolbar-action-icon > svg {
17569
+ fill: #141316;
17570
+ }
17571
+ .dark-ImageGallery-toolbar-action.is-disabled {
17572
+ cursor: not-allowed;
17573
+ color: #6b7280;
17574
+ }
17575
+ .dark-ImageGallery-toolbar-action.is-disabled .dark-ImageGallery-toolbar-action-icon {
17576
+ color: #6b7280;
17577
+ }
17578
+ .dark-ImageGallery-toolbar-action.is-disabled .dark-ImageGallery-toolbar-action-icon > svg {
17579
+ color: #6b7280;
17580
+ }
17581
+ .dark-ImageGallery-toolbar-action:hover {
17582
+ background-color: #f2f3f5;
17583
+ }
17584
+ .dark-ImageGallery-toolbar-action:hover .dark-ImageGallery-toolbar-action-icon {
17585
+ color: #0983ff;
17586
+ }
17587
+ .dark-ImageGallery-toolbar-action:hover .dark-ImageGallery-toolbar-action-icon > svg {
17588
+ fill: #0983ff;
17589
+ }
17334
17590
  .dark-Images {
17335
17591
  display: flex;
17336
17592
  flex-wrap: wrap;
@@ -17601,6 +17857,7 @@ input[type=button].dark-Button--block {
17601
17857
  display: inline-block;
17602
17858
  width: 14px;
17603
17859
  color: #4b5563;
17860
+ margin-top: 0.125rem;
17604
17861
  }
17605
17862
  .dark-InputBox > a {
17606
17863
  cursor: pointer;
@@ -17934,9 +18191,7 @@ input[type=button].dark-Button--block {
17934
18191
  display: flex;
17935
18192
  align-items: center;
17936
18193
  flex-shrink: 0;
17937
- }
17938
- .dark-ResultBox-actions > *:first-child {
17939
- margin-left: 0.3125rem;
18194
+ padding-left: 0.3125rem;
17940
18195
  }
17941
18196
  .dark-ResultBox-actions > *:not(:last-child) {
17942
18197
  margin-right: 0.3125rem;
@@ -17960,7 +18215,7 @@ input[type=button].dark-Button--block {
17960
18215
  .dark-ResultBox-pc-arrow > svg {
17961
18216
  width: 0.625rem;
17962
18217
  height: 0.625rem;
17963
- top: 0.125em;
18218
+ top: 0;
17964
18219
  color: #84868c;
17965
18220
  }
17966
18221
  .dark-ResultBox.is-opened .dark-ResultBox-pc-arrow {
@@ -18185,10 +18440,10 @@ input[type=button].dark-Button--block {
18185
18440
  flex-grow: 1;
18186
18441
  }
18187
18442
  .dark-SearchBox.is-active:hover {
18188
- border-color: var(--SearchBox-hover-color);
18443
+ border-color: #2468f2;
18189
18444
  }
18190
18445
  .dark-SearchBox.is-active.is-focused {
18191
- border-color: var(--SearchBox-focus-color);
18446
+ border-color: #144bcc;
18192
18447
  }
18193
18448
  .dark-SearchBox-searchBtn {
18194
18449
  display: inline-block;
@@ -18199,7 +18454,7 @@ input[type=button].dark-Button--block {
18199
18454
  }
18200
18455
  .dark-SearchBox-activeBtn, .dark-SearchBox-searchBtn, .dark-SearchBox-cancelBtn {
18201
18456
  cursor: pointer;
18202
- color: var(--SearchBox-search-icon-color);
18457
+ color: #84868c;
18203
18458
  }
18204
18459
  .dark-SearchBox-activeBtn:hover, .dark-SearchBox-searchBtn:hover, .dark-SearchBox-cancelBtn:hover {
18205
18460
  color: #111827;
@@ -18209,7 +18464,7 @@ input[type=button].dark-Button--block {
18209
18464
  pointer-events: none;
18210
18465
  }
18211
18466
  .dark-SearchBox.is-disabled {
18212
- background-color: var(--SearchBox-disabled-color);
18467
+ background-color: #f7f7f9;
18213
18468
  cursor: not-allowed;
18214
18469
  }
18215
18470
  .dark-SearchBox.is-disabled:hover {
@@ -18239,9 +18494,9 @@ input[type=button].dark-Button--block {
18239
18494
  }
18240
18495
  .dark-SearchBox-clearable {
18241
18496
  display: flex;
18242
- width: var(--SearchBox-clearable-icon-size);
18243
- height: var(--SearchBox-clearable-icon-size);
18244
- color: var(--SearchBox-clearable-icon-color);
18497
+ width: 1rem;
18498
+ height: 1rem;
18499
+ color: #d4d6d9;
18245
18500
  align-items: center;
18246
18501
  justify-content: center;
18247
18502
  cursor: pointer;
@@ -18254,15 +18509,18 @@ input[type=button].dark-Button--block {
18254
18509
  }
18255
18510
  .dark-SearchBox--enhance.is-active .dark-SearchBox-searchBtn {
18256
18511
  height: 100%;
18257
- color: var(--SearchBox-enhonce-icon-color);
18258
- background: var(--SearchBox-hover-color);
18512
+ color: #ffffff;
18513
+ background: #2468f2;
18514
+ }
18515
+ .dark-SearchBox--enhance.is-active .dark-SearchBox-searchBtn:hover {
18516
+ background: #4f86f4;
18259
18517
  }
18260
18518
  .dark-SearchBox--enhance .dark-SearchBox-clearable {
18261
- margin-right: var(--SearchBox-enhonce-clearable-gap);
18519
+ margin-right: 0.375rem;
18262
18520
  }
18263
18521
  .dark-SearchBox--enhance.is-active.is-disabled .dark-SearchBox-searchBtn {
18264
- background: var(--SearchBox-enhonce-disabled-color);
18265
- color: var(--SearchBox-enhonce-disabled-search-color);
18522
+ background: #f2f2f4;
18523
+ color: #b8babf;
18266
18524
  }
18267
18525
  .dark-SearchBox-history > .is-history {
18268
18526
  width: 100%;
@@ -18567,7 +18825,7 @@ input[type=button].dark-Button--block {
18567
18825
  .dark-Steps .dark-StepsItem {
18568
18826
  flex: 1;
18569
18827
  overflow: hidden;
18570
- padding: 0 1.25rem;
18828
+ padding: 0 0.5rem;
18571
18829
  height: auto;
18572
18830
  line-height: 2rem;
18573
18831
  }
@@ -18588,14 +18846,18 @@ input[type=button].dark-Button--block {
18588
18846
  font-size: 1rem;
18589
18847
  text-align: center;
18590
18848
  }
18849
+ .dark-Steps .dark-StepsItem-containerIcon .dark-StepsItem-icon .icon {
18850
+ width: 0.5625rem;
18851
+ height: 0.5625rem;
18852
+ }
18591
18853
  .dark-Steps .dark-StepsItem-containerWrapper {
18592
18854
  display: inline-block;
18593
18855
  position: relative;
18594
18856
  }
18595
18857
  .dark-Steps .dark-StepsItem-containerWrapper .dark-StepsItem-body .dark-StepsItem-title {
18596
- font-size: 1rem;
18597
- color: #dbd6d6;
18598
- padding-right: 1.25rem;
18858
+ font-size: 0.875rem;
18859
+ color: #151b26;
18860
+ padding-right: 0.5rem;
18599
18861
  position: relative;
18600
18862
  display: inline-block;
18601
18863
  }
@@ -18631,7 +18893,11 @@ input[type=button].dark-Button--block {
18631
18893
  max-width: 8.75rem;
18632
18894
  white-space: nowrap;
18633
18895
  position: relative;
18634
- bottom: 0.625rem;
18896
+ bottom: 1.25rem;
18897
+ }
18898
+ .dark-Steps .dark-StepsItem-containerWrapper .dark-StepsItem-body .dark-StepsItem-description > span {
18899
+ color: #84868c;
18900
+ font-size: 0.75rem;
18635
18901
  }
18636
18902
  .dark-Steps .dark-StepsItem:last-child {
18637
18903
  flex: none;
@@ -18651,7 +18917,7 @@ input[type=button].dark-Button--block {
18651
18917
  content: "";
18652
18918
  position: absolute;
18653
18919
  right: 0;
18654
- top: 2rem;
18920
+ top: 2.25rem;
18655
18921
  height: 9999px;
18656
18922
  left: 0.6875rem;
18657
18923
  width: 1px;
@@ -18746,18 +19012,20 @@ input[type=button].dark-Button--block {
18746
19012
  }
18747
19013
  .dark-Steps--Placement-vertical .dark-StepsItem-containerWrapper .dark-StepsItem-body .dark-StepsItem-title {
18748
19014
  padding: 0 0.625rem;
19015
+ bottom: 0.5625rem;
18749
19016
  width: 100%;
18750
19017
  }
18751
19018
  .dark-Steps--Placement-vertical .dark-StepsItem-containerWrapper .dark-StepsItem-body .dark-StepsItem-title > span {
18752
19019
  display: block;
18753
19020
  position: relative;
18754
- left: 0.625rem;
19021
+ left: 0.75rem;
18755
19022
  }
18756
19023
  .dark-Steps--Placement-vertical .dark-StepsItem-containerWrapper .dark-StepsItem-body .dark-StepsItem-title .dark-StepsItem-subTitle {
18757
19024
  word-break: break-all;
18758
19025
  padding: 0 0.625rem;
18759
19026
  position: relative;
18760
19027
  left: 0.625rem;
19028
+ bottom: 0.75rem;
18761
19029
  }
18762
19030
  .dark-Steps--Placement-vertical .dark-StepsItem-containerWrapper .dark-StepsItem-body .dark-StepsItem-title:after {
18763
19031
  display: none;
@@ -18765,7 +19033,8 @@ input[type=button].dark-Button--block {
18765
19033
  .dark-Steps--Placement-vertical .dark-StepsItem-containerWrapper .dark-StepsItem-body .dark-StepsItem-description {
18766
19034
  min-width: 12.5rem;
18767
19035
  word-break: break-all;
18768
- padding: 0 0.625rem;
19036
+ padding: 0 1.25rem;
19037
+ bottom: 2.75rem;
18769
19038
  }
18770
19039
  .dark-Steps--Placement-vertical .dark-StepsItem-containerWrapper .dark-StepsItem-body .dark-StepsItem-title.is-success:after {
18771
19040
  background-color: #2296f3;
@@ -18797,8 +19066,8 @@ input[type=button].dark-Button--block {
18797
19066
  border: 1px solid #b4bbc5;
18798
19067
  }
18799
19068
  .dark-Steps--ProgressDot .is-error .dark-StepsItem-containerProgressDot {
18800
- background: #dc3545;
18801
- border: 1px solid #dc3545;
19069
+ background: #f33e3e;
19070
+ border: 1px solid #f33e3e;
18802
19071
  }
18803
19072
  .dark-Steps--ProgressDot .is-process .dark-StepsItem-containerProgressDot {
18804
19073
  border: 1px solid #2296f3;
@@ -18809,15 +19078,15 @@ input[type=button].dark-Button--block {
18809
19078
  color: #b4bbc5;
18810
19079
  border: 1px solid #b4bbc5;
18811
19080
  }
19081
+ .dark-Steps .dark-StepsItem.is-wait .dark-StepsItem-title,
19082
+ .dark-Steps .dark-StepsItem.is-wait .dark-StepsItem-subTitle,
19083
+ .dark-Steps .dark-StepsItem.is-wait .dark-StepsItem-description {
19084
+ color: #84868c;
19085
+ }
18812
19086
  .dark-Steps .dark-StepsItem.is-error .dark-StepsItem-icon {
18813
- background-color: #dc3545;
19087
+ background-color: #f33e3e;
18814
19088
  color: #fff;
18815
- border: 1px solid #dc3545;
18816
- }
18817
- .dark-Steps .dark-StepsItem.is-error .dark-StepsItem-title,
18818
- .dark-Steps .dark-StepsItem.is-error .dark-StepsItem-subTitle,
18819
- .dark-Steps .dark-StepsItem.is-error .dark-StepsItem-description {
18820
- color: #dc3545;
19089
+ border: 1px solid #f33e3e;
18821
19090
  }
18822
19091
  .dark-Steps .dark-StepsItem.is-finish .dark-StepsItem-icon,
18823
19092
  .dark-Steps .dark-StepsItem.is-process .dark-StepsItem-icon {
@@ -19488,6 +19757,11 @@ fieldset.dark-Collapse--lg:after {
19488
19757
  display: inline-flex;
19489
19758
  }
19490
19759
  }
19760
+ .dark-TextControl-input input {
19761
+ overflow: hidden;
19762
+ white-space: nowrap;
19763
+ text-overflow: ellipsis;
19764
+ }
19491
19765
  .dark-TextControl-placeholder {
19492
19766
  color: white;
19493
19767
  -webkit-user-select: none;
@@ -19662,7 +19936,7 @@ fieldset.dark-Collapse--lg:after {
19662
19936
  white-space: nowrap;
19663
19937
  line-height: calc( 1.4285714286 * 0.875rem - 0.125rem );
19664
19938
  font-size: 0.75rem;
19665
- background: var(--Form-select-multiple-bgColor);
19939
+ background: #f7f7f9;
19666
19940
  border-radius: 0.125rem;
19667
19941
  margin: 2px 3px;
19668
19942
  display: flex;
@@ -19821,6 +20095,9 @@ input.dark-TextControl-input-password {
19821
20095
  display: inline-flex;
19822
20096
  }
19823
20097
  }
20098
+ .dark-TextareaControl > textarea.dark-TextareaControl-input--counter {
20099
+ padding-bottom: 23px;
20100
+ }
19824
20101
  .dark-TextareaControl > textarea {
19825
20102
  border: 1px solid #656565;
19826
20103
  border-radius: 0.142rem;
@@ -19857,24 +20134,24 @@ input.dark-TextControl-input-password {
19857
20134
  }
19858
20135
  .dark-TextareaControl-counter {
19859
20136
  position: absolute;
19860
- right: 0.5rem;
19861
- bottom: calc(
20137
+ left: 1px;
20138
+ bottom: 1px;
20139
+ right: 1.0625rem;
20140
+ padding-bottom: calc(
19862
20141
  (
19863
20142
  1.875rem - 1.4285714286 *
19864
20143
  0.875rem - 0.125rem
19865
20144
  ) / 2
19866
20145
  );
20146
+ background-color: #fff;
20147
+ text-align: right;
19867
20148
  font-size: 0.75rem;
19868
- padding: 0 5px;
19869
20149
  border-radius: 3px;
19870
20150
  color: #84868c;
19871
20151
  }
19872
20152
  .dark-TextareaControl-counter.is-empty {
19873
20153
  color: #84868c;
19874
20154
  }
19875
- .dark-TextareaControl-counter.is-clearable {
19876
- right: calc( 0.5rem + 0.875rem + 0.1875rem * 2 + 0.3125rem );
19877
- }
19878
20155
  .has-error--maxLength .dark-TextareaControl-counter {
19879
20156
  background: #dc3545;
19880
20157
  }
@@ -19888,7 +20165,7 @@ input.dark-TextControl-input-password {
19888
20165
  text-decoration: none;
19889
20166
  position: absolute;
19890
20167
  right: 0.5rem;
19891
- bottom: calc(
20168
+ top: calc(
19892
20169
  (
19893
20170
  1.875rem - 1.4285714286 *
19894
20171
  0.875rem - 0.125rem
@@ -19998,17 +20275,18 @@ input.dark-TextControl-input-password {
19998
20275
  border-radius: 0.125rem;
19999
20276
  margin-left: calc(1rem * -1);
20000
20277
  }
20001
- .dark-Checkbox--checkbox.dark-Checkbox:hover > i:before {
20002
- background: #4f86f4;
20278
+ .dark-Checkbox--checkbox.dark-Checkbox:hover > input + i {
20279
+ border-color: #4f86f4;
20003
20280
  }
20004
20281
  .dark-Checkbox--checkbox.dark-Checkbox:active > i:before {
20005
- background: var(--Switch-checked-onHover-bgColor);
20282
+ background: #144bcc;
20006
20283
  }
20007
20284
  .dark-Checkbox--full.dark-Checkbox--checkbox:not(:disabled) + i:hover {
20008
20285
  border-color: #656565;
20009
20286
  }
20010
20287
  .dark-Checkbox--full.dark-Checkbox--checkbox:hover input:checked + i {
20011
20288
  background: #4f86f4;
20289
+ border-color: transparent;
20012
20290
  }
20013
20291
  .dark-Checkbox--full.dark-Checkbox--checkbox:hover input:checked + i:before {
20014
20292
  background: #4f86f4;
@@ -20017,10 +20295,10 @@ input.dark-TextControl-input-password {
20017
20295
  background: transparent;
20018
20296
  }
20019
20297
  .dark-Checkbox--full.dark-Checkbox--checkbox:active input:checked + i {
20020
- background: var(--Switch-checked-onHover-bgColor);
20298
+ background: #144bcc;
20021
20299
  }
20022
20300
  .dark-Checkbox--full.dark-Checkbox--checkbox:active input:checked + i:before {
20023
- background: var(--Switch-checked-onHover-bgColor);
20301
+ background: #144bcc;
20024
20302
  }
20025
20303
  .dark-Checkbox--full.dark-Checkbox--checkbox input:checked + i {
20026
20304
  border-color: var(--blue);
@@ -20104,6 +20382,10 @@ input.dark-TextControl-input-password {
20104
20382
  .dark-Checkbox--button.dark-Checkbox--checkbox:hover:not(:disabled) {
20105
20383
  color: var(--blue);
20106
20384
  border-color: var(--blue);
20385
+ box-shadow: -1px 0 0 0 var(--blue);
20386
+ }
20387
+ .dark-Checkbox--button.dark-Checkbox--checkbox:hover:not(:disabled):first-child {
20388
+ box-shadow: none;
20107
20389
  }
20108
20390
  .dark-Checkbox--button.dark-Checkbox--checkbox:hover input:checked + i {
20109
20391
  background: transparent;
@@ -20111,7 +20393,7 @@ input.dark-TextControl-input-password {
20111
20393
  }
20112
20394
  .dark-Checkbox--button.dark-Checkbox--checkbox:active input:checked + i {
20113
20395
  background: transparent;
20114
- border-color: var(--Switch-checked-onHover-bgColor) transparent transparent var(--Switch-checked-onHover-bgColor);
20396
+ border-color: #144bcc transparent transparent #144bcc;
20115
20397
  }
20116
20398
  .dark-Checkbox--button.dark-Checkbox--checkbox input:checked + i {
20117
20399
  background: transparent;
@@ -20166,14 +20448,20 @@ input.dark-TextControl-input-password {
20166
20448
  .dark-Checkbox--button--checked.dark-Checkbox--checkbox.dark-Checkbox--button {
20167
20449
  border-color: var(--blue);
20168
20450
  color: var(--blue);
20451
+ box-shadow: -1px 0 0 0 var(--blue);
20452
+ }
20453
+ .dark-Checkbox--button--checked.dark-Checkbox--checkbox.dark-Checkbox--button:first-child {
20454
+ box-shadow: none;
20169
20455
  }
20170
20456
  .dark-Checkbox--button--checked.dark-Checkbox--checkbox.dark-Checkbox--button:hover {
20171
20457
  border-color: #2468f2;
20172
20458
  color: #2468f2;
20459
+ box-shadow: -1px 0 0 0 #2468f2;
20173
20460
  }
20174
20461
  .dark-Checkbox--button--checked.dark-Checkbox--checkbox.dark-Checkbox--button:active {
20175
- border-color: var(--Switch-checked-onHover-bgColor);
20176
- color: var(--Switch-checked-onHover-bgColor);
20462
+ border-color: #144bcc;
20463
+ color: #144bcc;
20464
+ box-shadow: -1px 0 0 0 #144bcc;
20177
20465
  }
20178
20466
  .dark-Checkbox--button--disabled--unchecked.dark-Checkbox--checkbox {
20179
20467
  background: #f7f7f9;
@@ -20292,7 +20580,7 @@ input.dark-TextControl-input-password {
20292
20580
  }
20293
20581
  .dark-RadiosControl .dark-Checkbox--button-checked:active,
20294
20582
  .dark-CheckboxesControl .dark-Checkbox--button-checked:active {
20295
- border-color: var(--Switch-checked-onHover-bgColor);
20583
+ border-color: #144bcc;
20296
20584
  }
20297
20585
  .dark-RadiosControl.is-inline .dark-Checkbox,
20298
20586
  .dark-CheckboxesControl.is-inline .dark-Checkbox {
@@ -20351,6 +20639,7 @@ input.dark-TextControl-input-password {
20351
20639
  padding: 0.25rem 0;
20352
20640
  }
20353
20641
  .dark-GroupedSelection-group > .dark-GroupedSelection-itemLabel {
20642
+ height: 2rem;
20354
20643
  padding: 0.25rem 0.75rem;
20355
20644
  color: #84868c;
20356
20645
  }
@@ -20841,6 +21130,9 @@ input.dark-TextControl-input-password {
20841
21130
  .dark-Number:hover {
20842
21131
  border-color: #2296f3;
20843
21132
  }
21133
+ .dark-Number:hover .dark-Number-handler-wrap {
21134
+ display: block;
21135
+ }
20844
21136
  .dark-Number-disabled:hover {
20845
21137
  border-color: #656565;
20846
21138
  }
@@ -20887,6 +21179,7 @@ input.dark-TextControl-input-password {
20887
21179
  content: "-";
20888
21180
  }
20889
21181
  .dark-Number-handler-wrap {
21182
+ display: none;
20890
21183
  float: right;
20891
21184
  border-left: 0.0625rem solid #656565;
20892
21185
  width: 1.25rem;
@@ -21075,11 +21368,14 @@ input.dark-TextControl-input-password {
21075
21368
  }
21076
21369
  .dark-Select:hover {
21077
21370
  background: #191c22;
21078
- border-color: #656565;
21371
+ border-color: #2296f3;
21079
21372
  }
21080
21373
  .dark-Select:hover .dark-Select-arrow:before {
21081
21374
  color: #111827;
21082
21375
  }
21376
+ .dark-Select:active {
21377
+ border-color: #1c53c1;
21378
+ }
21083
21379
  .dark-Select.is-disabled {
21084
21380
  color: white;
21085
21381
  background: #302d2a;
@@ -21088,6 +21384,9 @@ input.dark-TextControl-input-password {
21088
21384
  .dark-Select:focus {
21089
21385
  box-shadow: none;
21090
21386
  }
21387
+ .dark-Select .dark-PopOver.dark-Select-popover {
21388
+ margin-top: 0.25rem;
21389
+ }
21091
21390
  .dark-Select .dark-PopOver.dark-Select-popover .dark-Select-menu {
21092
21391
  overflow-x: hidden;
21093
21392
  }
@@ -21321,6 +21620,7 @@ input.dark-TextControl-input-password {
21321
21620
  text-overflow: ellipsis;
21322
21621
  overflow: hidden;
21323
21622
  white-space: nowrap;
21623
+ width: 100%;
21324
21624
  }
21325
21625
  .dark-Select-option.is-active {
21326
21626
  color: #2296f3;
@@ -21473,6 +21773,29 @@ input.dark-TextControl-input-password {
21473
21773
  border-color: #dc3545;
21474
21774
  background: #3c3c3c;
21475
21775
  }
21776
+ .dark-SelectControl .dark-TransferDropDown-popover {
21777
+ border: none;
21778
+ }
21779
+ .dark-SelectControl .dark-TransferDropDown-popover .dark-Tree-list .dark-Tree-item .dark-Tree-itemLabel:hover,
21780
+ .dark-SelectControl .dark-TransferDropDown-popover .dark-Tree-list .dark-Tree-item .dark-Tree-item--isLeaf:hover {
21781
+ background-color: transparent;
21782
+ }
21783
+ .dark-SelectControl .dark-TransferDropDown-popover .dark-Tree-list .dark-Tree-item .dark-Tree-itemLabel:hover .dark-Tree-itemText,
21784
+ .dark-SelectControl .dark-TransferDropDown-popover .dark-Tree-list .dark-Tree-item .dark-Tree-item--isLeaf:hover .dark-Tree-itemText {
21785
+ background: #2f2f2f;
21786
+ }
21787
+ .dark-SelectControl .dark-TransferDropDown-popover .dark-Tree-list .dark-Tree-item .dark-Tree-itemLabel:active,
21788
+ .dark-SelectControl .dark-TransferDropDown-popover .dark-Tree-list .dark-Tree-item .dark-Tree-item--isLeaf:active {
21789
+ background-color: transparent;
21790
+ }
21791
+ .dark-SelectControl .dark-TransferDropDown-popover .dark-Tree-list .dark-Tree-item .dark-Tree-itemLabel:active .dark-Tree-itemText,
21792
+ .dark-SelectControl .dark-TransferDropDown-popover .dark-Tree-list .dark-Tree-item .dark-Tree-item--isLeaf:active .dark-Tree-itemText {
21793
+ background: rgba(0, 126, 255, 0.08);
21794
+ }
21795
+ .dark-SelectControl .dark-TransferDropDown-popover .dark-Tree-list .dark-Tree-item .dark-Tree-itemLabel.is-checked,
21796
+ .dark-SelectControl .dark-TransferDropDown-popover .dark-Tree-list .dark-Tree-item .dark-Tree-item--isLeaf.is-checked {
21797
+ background-color: transparent;
21798
+ }
21476
21799
  .dark-Select.is-error {
21477
21800
  border-color: #dc3545;
21478
21801
  background: #3c3c3c;
@@ -21685,7 +22008,7 @@ input.dark-TextControl-input-password {
21685
22008
  color: #111827;
21686
22009
  }
21687
22010
  .dark-LocationPicker.is-focused, .dark-LocationPicker.is-active {
21688
- border-color: #2296f3;
22011
+ border-color: #144bcc;
21689
22012
  box-shadow: none;
21690
22013
  }
21691
22014
  .dark-LocationPicker.is-disabled {
@@ -21953,6 +22276,12 @@ input.dark-TextControl-input-password {
21953
22276
  outline: none;
21954
22277
  box-sizing: none;
21955
22278
  }
22279
+ .dark-DatePicker-input::-moz-placeholder {
22280
+ color: #b8babf;
22281
+ }
22282
+ .dark-DatePicker-input::placeholder {
22283
+ color: #b8babf;
22284
+ }
21956
22285
  .dark-DatePicker .dark-DatePicker-clear {
21957
22286
  display: none;
21958
22287
  }
@@ -21977,8 +22306,8 @@ input.dark-TextControl-input-password {
21977
22306
  .dark-DatePicker:not(.is-disabled):hover .dark-DatePicker-clear + .dark-DatePicker-toggler {
21978
22307
  display: none;
21979
22308
  }
21980
- .dark-DatePicker.is-focused {
21981
- border-color: #2296f3;
22309
+ .dark-DatePicker:not(.is-disabled).is-focused {
22310
+ border-color: #144bcc;
21982
22311
  box-shadow: none;
21983
22312
  }
21984
22313
  .dark-DatePicker.is-disabled {
@@ -22173,13 +22502,16 @@ input.dark-TextControl-input-password {
22173
22502
  .rdt .rdtPicker .rdtTimeToggle {
22174
22503
  background: #302d2a;
22175
22504
  }
22176
- .rdt .rdtPicker td.rdtDay:hover,
22177
- .rdt .rdtPicker td.rdtHour:hover,
22178
- .rdt .rdtPicker td.rdtMinute:hover,
22179
- .rdt .rdtPicker td.rdtSecond:hover,
22180
- .rdt .rdtPicker .rdtTimeToggle:hover {
22505
+ .rdt .rdtPicker td.rdtDay:hover span,
22506
+ .rdt .rdtPicker td.rdtHour:hover span,
22507
+ .rdt .rdtPicker td.rdtMinute:hover span,
22508
+ .rdt .rdtPicker td.rdtSecond:hover span,
22509
+ .rdt .rdtPicker .rdtTimeToggle:hover span {
22181
22510
  background: #f7f7f9;
22182
22511
  }
22512
+ .rdt .rdtPicker td.rdtToday:hover span {
22513
+ background: transparent;
22514
+ }
22183
22515
  .rdt .rdtPicker td.rdtBetween {
22184
22516
  background: rgba(34, 150, 243, 0.1);
22185
22517
  }
@@ -22202,10 +22534,8 @@ input.dark-TextControl-input-password {
22202
22534
  color: #151b26;
22203
22535
  }
22204
22536
  .rdt .rdtPicker .rdtActive.rdtToday > span {
22205
- background: transparent;
22206
22537
  border-color: #144bcc;
22207
22538
  }
22208
- .rdt .rdtPicker td.rdtDisabled > span,
22209
22539
  .rdt .rdtPicker td.rdtDisabled:hover > span {
22210
22540
  background: #f7f7f9;
22211
22541
  }
@@ -22234,11 +22564,19 @@ input.dark-TextControl-input-password {
22234
22564
  padding: 0.5rem;
22235
22565
  border-top: 1px solid #656565;
22236
22566
  }
22567
+ .dark-CalendarTimesWrapper {
22568
+ display: flex;
22569
+ flex-direction: column;
22570
+ height: 100%;
22571
+ }
22572
+ .dark-CalendarTimesWrapper .dark-CalendarInputsWrapper {
22573
+ height: 15.5rem;
22574
+ }
22237
22575
  .dark-CalendarInputWrapper {
22238
22576
  display: inline-block;
22239
22577
  position: relative;
22240
22578
  width: 4rem;
22241
- height: 14rem;
22579
+ height: 15.5rem;
22242
22580
  overflow: auto;
22243
22581
  }
22244
22582
  .dark-CalendarInputWrapper .dark-CalendarInput-sugs {
@@ -22251,10 +22589,10 @@ input.dark-TextControl-input-password {
22251
22589
  z-index: 10;
22252
22590
  }
22253
22591
  .dark-CalendarInputWrapper .dark-CalendarInput-sugsHours {
22254
- height: 54.25rem;
22592
+ height: 55.75rem;
22255
22593
  }
22256
22594
  .dark-CalendarInputWrapper .dark-CalendarInput-sugsTimes {
22257
- height: 117.25rem;
22595
+ height: 118.75rem;
22258
22596
  border-left: 1px solid #656565;
22259
22597
  }
22260
22598
  .dark-CalendarInputWrapper .dark-CalendarInput-sugsItem {
@@ -22262,10 +22600,17 @@ input.dark-TextControl-input-password {
22262
22600
  height: 28px;
22263
22601
  line-height: 28px;
22264
22602
  }
22265
- .dark-CalendarInputWrapper .dark-CalendarInput-sugsItem.is-highlight, .dark-CalendarInputWrapper .dark-CalendarInput-sugsItem:hover {
22603
+ .dark-CalendarInputWrapper .dark-CalendarInput-sugsItem.is-highlight {
22266
22604
  color: #2296f3;
22267
22605
  background: rgba(0, 126, 255, 0.08);
22268
22606
  }
22607
+ .dark-CalendarInputWrapper .dark-CalendarInput-sugsItem:hover {
22608
+ color: #2296f3;
22609
+ background: #F7F7F9;
22610
+ }
22611
+ .dark-TimeContentWrapper {
22612
+ display: flex;
22613
+ }
22269
22614
  .dark-TimeRangeHeaderWrapper {
22270
22615
  height: 40px;
22271
22616
  padding-top: 10px;
@@ -22278,6 +22623,7 @@ input.dark-TextControl-input-password {
22278
22623
  justify-content: space-between;
22279
22624
  align-items: center;
22280
22625
  padding: 0 12px;
22626
+ border-top: 1px solid #656565;
22281
22627
  }
22282
22628
  .dark-TimeFooterWrapper .dark-Button {
22283
22629
  height: 24px;
@@ -22463,7 +22809,6 @@ input.dark-TextControl-input-password {
22463
22809
  display: table;
22464
22810
  table-layout: fixed;
22465
22811
  border-collapse: separate;
22466
- border-bottom: 1px solid #656565;
22467
22812
  height: 40px;
22468
22813
  width: 100%;
22469
22814
  margin-top: -8px;
@@ -22476,6 +22821,25 @@ input.dark-TextControl-input-password {
22476
22821
  .rdtHeader .rdtSwitch + .rdtSwitch {
22477
22822
  margin-left: 0.25rem;
22478
22823
  }
22824
+ .rdtHeader .date-icon-arrow-left,
22825
+ .rdtHeader .date-icon-arrow {
22826
+ width: 0.625rem;
22827
+ height: 0.625rem;
22828
+ top: 0;
22829
+ }
22830
+ .rdtHeader .date-icon-arrow-left {
22831
+ transform: rotate(180deg);
22832
+ transform-origin: 50% 50%;
22833
+ }
22834
+ .header-line {
22835
+ display: block;
22836
+ position: absolute;
22837
+ right: 0;
22838
+ left: 0;
22839
+ top: 40px;
22840
+ height: 1px;
22841
+ background: #656565;
22842
+ }
22479
22843
  td.rdtMonth > span,
22480
22844
  td.rdtYear > span,
22481
22845
  td.rdtQuarter > span {
@@ -22486,20 +22850,27 @@ td.rdtYear.rdtBetween,
22486
22850
  td.rdtQuarter.rdtBetween {
22487
22851
  background: rgba(34, 150, 243, 0.1);
22488
22852
  }
22489
- td.rdtMonth:hover, td.rdtMonth.rdtActive, td.rdtMonth.rdtActive:hover,
22853
+ td.rdtMonth:hover,
22490
22854
  td.rdtYear:hover,
22855
+ td.rdtQuarter:hover {
22856
+ background: transparent;
22857
+ }
22858
+ td.rdtMonth:hover > span,
22859
+ td.rdtYear:hover > span,
22860
+ td.rdtQuarter:hover > span {
22861
+ color: #2296f3;
22862
+ background: #F7F7F9;
22863
+ }
22864
+ td.rdtMonth.rdtActive, td.rdtMonth.rdtActive:hover,
22491
22865
  td.rdtYear.rdtActive,
22492
22866
  td.rdtYear.rdtActive:hover,
22493
- td.rdtQuarter:hover,
22494
22867
  td.rdtQuarter.rdtActive,
22495
22868
  td.rdtQuarter.rdtActive:hover {
22496
22869
  background: transparent;
22497
22870
  }
22498
- td.rdtMonth:hover > span, td.rdtMonth.rdtActive > span, td.rdtMonth.rdtActive:hover > span,
22499
- td.rdtYear:hover > span,
22871
+ td.rdtMonth.rdtActive > span, td.rdtMonth.rdtActive:hover > span,
22500
22872
  td.rdtYear.rdtActive > span,
22501
22873
  td.rdtYear.rdtActive:hover > span,
22502
- td.rdtQuarter:hover > span,
22503
22874
  td.rdtQuarter.rdtActive > span,
22504
22875
  td.rdtQuarter.rdtActive:hover > span {
22505
22876
  background: #2296f3 !important;
@@ -22513,10 +22884,23 @@ td.rdtQuarter.rdtDisabled:hover {
22513
22884
  background: #f7f7f9;
22514
22885
  color: #b8babf;
22515
22886
  }
22516
- .dark-DateRangePicker-start .rdtPicker .rdtActive.rdtBetween {
22887
+ .rdtPicker .rdtActive.rdtBetween.rdtStartDay {
22517
22888
  background: linear-gradient(to right, transparent 0%, transparent 50%, rgba(34, 150, 243, 0.1) 51%, rgba(34, 150, 243, 0.1) 100%);
22518
22889
  }
22519
- .dark-DateRangePicker-end .rdtPicker .rdtActive.rdtBetween {
22890
+ .rdt .rdtPicker td.is-disabled {
22891
+ cursor: not-allowed !important;
22892
+ background: #f7f7f9;
22893
+ color: white;
22894
+ }
22895
+ .rdt .rdtPicker td.is-disabled:hover {
22896
+ background: #f7f7f9;
22897
+ color: white;
22898
+ }
22899
+ .rdt .rdtPicker td.is-disabled:hover > span {
22900
+ background: inherit !important;
22901
+ color: inherit !important;
22902
+ }
22903
+ .rdtPicker .rdtActive.rdtBetween.rdtEndDay {
22520
22904
  background: linear-gradient(to right, rgba(34, 150, 243, 0.1) 0%, rgba(34, 150, 243, 0.1) 50%, transparent 51%, transparent 100%);
22521
22905
  }
22522
22906
  .dark-DateCalendar {
@@ -22531,12 +22915,7 @@ td.rdtQuarter.rdtDisabled:hover {
22531
22915
  flex-wrap: nowrap;
22532
22916
  border: 0.0625rem solid #656565;
22533
22917
  font-size: 0.75rem;
22534
- padding: calc(
22535
- (
22536
- 1.875rem - 1.4285714286 *
22537
- 0.75rem
22538
- ) / 2 - 0.0625rem
22539
- ) 0.75rem;
22918
+ padding: 0 0.75rem;
22540
22919
  height: 1.875rem;
22541
22920
  outline: none;
22542
22921
  border-radius: 0.142rem;
@@ -22554,9 +22933,6 @@ td.rdtQuarter.rdtDisabled:hover {
22554
22933
  .dark-DateRangePicker .dark-DateRangePicker-clear {
22555
22934
  display: none;
22556
22935
  }
22557
- .dark-DateRangePicker:not(.is-disabled) {
22558
- cursor: pointer;
22559
- }
22560
22936
  .dark-DateRangePicker:not(.is-disabled):hover {
22561
22937
  background: #333538;
22562
22938
  border-color: #2296f3;
@@ -22567,24 +22943,38 @@ td.rdtQuarter.rdtDisabled:hover {
22567
22943
  .dark-DateRangePicker:not(.is-disabled):hover .dark-DateRangePicker-clear + .dark-DateRangePicker-toggler {
22568
22944
  display: none;
22569
22945
  }
22570
- .dark-DateRangePicker.is-focused {
22571
- border-color: #2296f3;
22946
+ .dark-DateRangePicker:not(.is-disabled).is-focused {
22947
+ border-color: #144bcc;
22572
22948
  box-shadow: none;
22573
22949
  }
22574
22950
  .dark-DateRangePicker .dark-DateRangePicker-input {
22575
22951
  border: none;
22576
- border-bottom: 1px solid transparent;
22952
+ border-bottom: 2px solid transparent;
22577
22953
  outline: none;
22578
22954
  padding: 0;
22579
22955
  background: 0;
22580
22956
  flex: 1;
22581
22957
  width: 50%;
22958
+ line-height: 1.875rem;
22959
+ }
22960
+ .dark-DateRangePicker .dark-DateRangePicker-input::-moz-placeholder {
22961
+ color: #b8babf;
22962
+ }
22963
+ .dark-DateRangePicker .dark-DateRangePicker-input::placeholder {
22964
+ color: #b8babf;
22582
22965
  }
22583
22966
  .dark-DateRangePicker .dark-DateRangePicker-input.isActive {
22584
- border-bottom: 1px solid #2296f3;
22967
+ border-bottom: 2px solid #2296f3;
22585
22968
  }
22586
22969
  .dark-DateRangePicker .dark-DateRangePicker-input-separator {
22587
22970
  margin: 0 0.5rem;
22971
+ display: flex;
22972
+ align-items: center;
22973
+ }
22974
+ .dark-DateRangePicker .dark-DateRangePicker-input-separator-line {
22975
+ width: 0.5rem;
22976
+ height: 1px;
22977
+ background: #B8BABF;
22588
22978
  }
22589
22979
  .dark-DateRangePicker.is-disabled {
22590
22980
  background: #e5e7eb;
@@ -22654,10 +23044,13 @@ td.rdtQuarter.rdtDisabled:hover {
22654
23044
  width: auto;
22655
23045
  padding: 0;
22656
23046
  }
23047
+ .dark-DateRangePicker-picker-wrap {
23048
+ display: flex;
23049
+ }
22657
23050
  .dark-DateRangePicker-start,
22658
23051
  .dark-DateRangePicker-end {
22659
- display: inline-block;
22660
- vertical-align: top;
23052
+ display: flex;
23053
+ flex: 1;
22661
23054
  }
22662
23055
  .dark-DateRangePicker-start .rdtPicker,
22663
23056
  .dark-DateRangePicker-end .rdtPicker {
@@ -23693,6 +24086,7 @@ td.rdtQuarter.rdtDisabled:hover {
23693
24086
  }
23694
24087
  .dark-Tree-itemLabel {
23695
24088
  display: flex;
24089
+ flex-direction: row;
23696
24090
  align-items: center;
23697
24091
  position: relative;
23698
24092
  -webkit-user-select: none;
@@ -23709,12 +24103,25 @@ td.rdtQuarter.rdtDisabled:hover {
23709
24103
  display: inline-flex;
23710
24104
  align-self: center;
23711
24105
  }
23712
- .dark-Tree-itemLabel:hover {
23713
- background: rgba(0, 126, 255, 0.08);
24106
+ .dark-Tree-itemLabel-item {
24107
+ padding-left: 0.25rem;
24108
+ display: inline-block;
24109
+ width: 100%;
24110
+ }
24111
+ .dark-Tree-itemLabel:hover .dark-Tree-itemLabel-item {
24112
+ background-color: rgba(0, 126, 255, 0.08);
24113
+ }
24114
+ .dark-Tree-itemLabel:hover .dark-Tree-item-icons {
24115
+ visibility: visible;
23714
24116
  }
23715
24117
  .dark-Tree-item .is-checked {
23716
- background: var(--Tree-item-onChekced-bg);
23717
- border-radius: var(--Tree-item-onChekced-bg-borderRadius);
24118
+ border-radius: 0.125rem;
24119
+ }
24120
+ .dark-Tree-item .is-checked .dark-Tree-itemLabel-item {
24121
+ background-color: rgba(0, 126, 255, 0.08);
24122
+ }
24123
+ .dark-Tree-item .is-checked .dark-Tree-item-icons {
24124
+ visibility: visible;
23718
24125
  }
23719
24126
  .dark-Tree-item .is-disabled {
23720
24127
  color: white;
@@ -23812,7 +24219,7 @@ td.rdtQuarter.rdtDisabled:hover {
23812
24219
  cursor: pointer;
23813
24220
  width: 1rem;
23814
24221
  display: inline-flex;
23815
- margin-right: 0.625rem;
24222
+ margin-right: 0.5rem;
23816
24223
  }
23817
24224
  .dark-Tree-itemArrow > svg {
23818
24225
  width: 1rem;
@@ -23820,6 +24227,7 @@ td.rdtQuarter.rdtDisabled:hover {
23820
24227
  display: block;
23821
24228
  transition: transform 0.2s;
23822
24229
  top: 0;
24230
+ color: #84868c;
23823
24231
  }
23824
24232
  .dark-Tree-itemArrow.is-folded > svg {
23825
24233
  transform: rotate(-90deg);
@@ -23837,7 +24245,7 @@ td.rdtQuarter.rdtDisabled:hover {
23837
24245
  }
23838
24246
  .dark-Tree-itemIcon {
23839
24247
  display: inline-flex;
23840
- margin-right: 0.25rem;
24248
+ margin-right: 0.5rem;
23841
24249
  }
23842
24250
  .dark-Tree-rootIcon > svg, .dark-Tree-folderIcon > svg, .dark-Tree-leafIcon > svg {
23843
24251
  top: 0;
@@ -23847,8 +24255,15 @@ td.rdtQuarter.rdtDisabled:hover {
23847
24255
  .dark-Tree-itemText {
23848
24256
  cursor: pointer;
23849
24257
  flex: 1 auto;
24258
+ display: inline-block;
23850
24259
  color: #f3f1f1;
23851
24260
  line-height: 1.5;
24261
+ max-width: 15.625rem;
24262
+ overflow: hidden;
24263
+ text-overflow: ellipsis;
24264
+ white-space: nowrap;
24265
+ position: relative;
24266
+ top: 0.25rem;
23852
24267
  }
23853
24268
  .is-disabled .dark-Tree-itemText {
23854
24269
  color: white;
@@ -24554,10 +24969,18 @@ td.rdtQuarter.rdtDisabled:hover {
24554
24969
  user-select: none;
24555
24970
  position: absolute;
24556
24971
  line-height: 1.4285714286;
24972
+ padding: calc(
24973
+ (
24974
+ 1.875rem - 1.4285714286 *
24975
+ 0.875rem - 0.125rem
24976
+ ) / 2
24977
+ ) 0.5rem;
24557
24978
  }
24558
24979
  .dark-Picker-input {
24559
24980
  min-height: 1.875rem;
24560
24981
  height: auto;
24982
+ padding: 0;
24983
+ flex-wrap: nowrap;
24561
24984
  }
24562
24985
  .dark-Picker .dark-Picker-values {
24563
24986
  display: inline;
@@ -24565,6 +24988,12 @@ td.rdtQuarter.rdtDisabled:hover {
24565
24988
  .dark-Picker-valueWrap {
24566
24989
  flex-grow: 1;
24567
24990
  position: relative;
24991
+ padding: calc(
24992
+ (
24993
+ 1.875rem - 1.4285714286 *
24994
+ 0.875rem - 0.125rem
24995
+ ) / 2
24996
+ ) 0.5rem;
24568
24997
  }
24569
24998
  .dark-Picker-valueWrap > input {
24570
24999
  width: 1rem;
@@ -24605,6 +25034,10 @@ td.rdtQuarter.rdtDisabled:hover {
24605
25034
  .dark-Picker-btn {
24606
25035
  cursor: pointer;
24607
25036
  color: #4b5563;
25037
+ flex: 30px 0 0;
25038
+ display: flex;
25039
+ align-items: center;
25040
+ justify-content: center;
24608
25041
  }
24609
25042
  .dark-Picker-btn:hover {
24610
25043
  color: #111827;
@@ -24775,7 +25208,7 @@ td.rdtQuarter.rdtDisabled:hover {
24775
25208
  -webkit-user-select: none;
24776
25209
  -moz-user-select: none;
24777
25210
  user-select: none;
24778
- color: #e6e6e8;
25211
+ color: #e8e9eb;
24779
25212
  }
24780
25213
  .dark-Rating-star-half > svg.icon, .dark-Rating-star > svg.icon {
24781
25214
  display: block;
@@ -24800,8 +25233,8 @@ td.rdtQuarter.rdtDisabled:hover {
24800
25233
  width: 50%;
24801
25234
  }
24802
25235
  .dark-Rating-text {
24803
- font-size: 0.75rem;
24804
- color: #f3f1f1;
25236
+ font-size: 0.875rem;
25237
+ color: var(--Rating-text-color);
24805
25238
  font-weight: 400;
24806
25239
  }
24807
25240
  .dark-Rating-text--left {
@@ -24863,6 +25296,7 @@ td.rdtQuarter.rdtDisabled:hover {
24863
25296
  max-height: 100%;
24864
25297
  overflow: auto;
24865
25298
  position: relative;
25299
+ padding: 0;
24866
25300
  }
24867
25301
  .dark-Transfer-select > .dark-ChainedSelection {
24868
25302
  min-height: unset;
@@ -24886,9 +25320,6 @@ td.rdtQuarter.rdtDisabled:hover {
24886
25320
  .dark-Transfer-select {
24887
25321
  overflow: hidden;
24888
25322
  }
24889
- .dark-Transfer-search + .dark-Transfer-selection {
24890
- border-top: 1px solid #656565;
24891
- }
24892
25323
  .dark-Transfer-selection .dark-ListSelection-placeholder {
24893
25324
  height: 100%;
24894
25325
  display: flex;
@@ -25074,6 +25505,11 @@ td.rdtQuarter.rdtDisabled:hover {
25074
25505
  .dark-NestedSelectControl {
25075
25506
  position: relative;
25076
25507
  }
25508
+ .dark-NestedSelectControl .dark-NestedSelect-menu {
25509
+ padding-top: 0.25rem;
25510
+ padding-bottom: 0.25rem;
25511
+ box-shadow: 0 0.125rem 0.5rem 0 rgba(7, 12, 20, 0.12);
25512
+ }
25077
25513
  .dark-NestedSelect {
25078
25514
  position: relative;
25079
25515
  }
@@ -25537,7 +25973,7 @@ td.rdtQuarter.rdtDisabled:hover {
25537
25973
  }
25538
25974
  .dark-Form-label {
25539
25975
  font-weight: 400;
25540
- margin-bottom: 0.25rem;
25976
+ margin-bottom: 0.5rem;
25541
25977
  position: relative;
25542
25978
  font-size: 0.875rem;
25543
25979
  color: #f3f1f1;
@@ -25634,6 +26070,9 @@ td.rdtQuarter.rdtDisabled:hover {
25634
26070
  .dark-Form-item.is-error > .dark-Form-label {
25635
26071
  color: #dc3545;
25636
26072
  }
26073
+ .dark-Form-item .dark-Form-control--withSize > .dark-ResultBox {
26074
+ display: flex;
26075
+ }
25637
26076
  .dark-Form-placeholder {
25638
26077
  color: white;
25639
26078
  }
@@ -26450,7 +26889,7 @@ td.rdtQuarter.rdtDisabled:hover {
26450
26889
  margin: 0;
26451
26890
  padding: 0;
26452
26891
  width: 8.75rem;
26453
- border-right: 0.0625rem solid #d3dae0;
26892
+ border-left: 0.125rem solid #d3dae0;
26454
26893
  padding-bottom: 3.75rem;
26455
26894
  }
26456
26895
  .dark-AnchorNav--vertical .dark-AnchorNav-link-wrap > .dark-AnchorNav-link {
@@ -26460,24 +26899,38 @@ td.rdtQuarter.rdtDisabled:hover {
26460
26899
  .dark-AnchorNav--vertical .dark-AnchorNav-link-wrap > .dark-AnchorNav-link > a {
26461
26900
  display: block;
26462
26901
  border: 0.0625rem solid transparent;
26463
- border-width: 0 0.125rem 0 0;
26902
+ border-width: 0 0 0 0.125rem;
26464
26903
  color: #f3f1f1;
26465
- padding: 0.5rem 0.75rem;
26466
- font-size: 0.875rem;
26904
+ padding: 0 0.5rem;
26905
+ padding-left: 0.625rem;
26906
+ font-size: 0.75rem;
26467
26907
  outline: none;
26468
- text-align: right;
26908
+ text-align: left;
26469
26909
  text-decoration: none;
26470
26910
  cursor: pointer;
26471
26911
  margin: 0;
26912
+ margin-left: -0.125rem;
26913
+ height: 2rem;
26914
+ line-height: 2rem;
26472
26915
  }
26473
26916
  .dark-AnchorNav--vertical .dark-AnchorNav-link-wrap > .dark-AnchorNav-link > a:hover {
26474
26917
  color: #0983ff;
26475
26918
  }
26476
- .dark-AnchorNav--vertical .dark-AnchorNav-link-wrap > .dark-AnchorNav-link.is-active > a,
26477
- .dark-AnchorNav--vertical .dark-AnchorNav-link-wrap > .dark-AnchorNav-link.is-active > a:hover {
26919
+ .dark-AnchorNav--vertical .dark-AnchorNav-link-wrap > .dark-AnchorNav-link > a:active {
26920
+ color: #144bcc;
26921
+ }
26922
+ .dark-AnchorNav--vertical .dark-AnchorNav-link-wrap > .dark-AnchorNav-link.is-active > a {
26478
26923
  color: #0983ff;
26479
26924
  border-color: #0983ff;
26480
26925
  }
26926
+ .dark-AnchorNav--vertical .dark-AnchorNav-link-wrap > .dark-AnchorNav-link.is-active > a:hover {
26927
+ color: #528EFF;
26928
+ border-color: #528EFF;
26929
+ }
26930
+ .dark-AnchorNav--vertical .dark-AnchorNav-link-wrap > .dark-AnchorNav-link.is-active > a:active {
26931
+ color: #144bcc;
26932
+ border-color: #144bcc;
26933
+ }
26481
26934
  .dark-AnchorNav--horizontal {
26482
26935
  flex-direction: column;
26483
26936
  }
@@ -27210,6 +27663,9 @@ td.rdtQuarter.rdtDisabled:hover {
27210
27663
  top: 1.25rem;
27211
27664
  background-color: #e6e6e8;
27212
27665
  }
27666
+ .dark-Timeline-vertical .dark-TimelineItem-axle .dark-TimelineItem-line-icon {
27667
+ left: 0.75rem;
27668
+ }
27213
27669
  .dark-Timeline-vertical .dark-TimelineItem-axle .dark-TimelineItem-round {
27214
27670
  position: absolute;
27215
27671
  width: 0.5rem;
@@ -27248,10 +27704,17 @@ td.rdtQuarter.rdtDisabled:hover {
27248
27704
  margin-bottom: 0.25rem;
27249
27705
  }
27250
27706
  .dark-Timeline-vertical .dark-TimelineItem-content .dark-TimelineItem-title {
27707
+ display: flex;
27251
27708
  color: #f3f1f1;
27252
27709
  font-size: var(--Timeline--font-size);
27253
27710
  margin-bottom: 0.25rem;
27254
27711
  }
27712
+ .dark-Timeline-vertical .dark-TimelineItem-content .dark-TimelineItem-title .dark-PlainField {
27713
+ padding-right: 0.75rem;
27714
+ }
27715
+ .dark-Timeline-vertical .dark-TimelineItem-content .dark-TimelineItem-title .dark-Button {
27716
+ margin-left: 0.75rem;
27717
+ }
27255
27718
  .dark-Timeline-vertical .dark-TimelineItem-content .dark-TimelineItem-detail .dark-TimelineItem-detail-button {
27256
27719
  display: flex;
27257
27720
  cursor: pointer;
@@ -27269,6 +27732,7 @@ td.rdtQuarter.rdtDisabled:hover {
27269
27732
  }
27270
27733
  .dark-Timeline-vertical .dark-TimelineItem-content .dark-TimelineItem-detail .dark-TimelineItem-detail-visible {
27271
27734
  display: block;
27735
+ border-radius: 0.25rem;
27272
27736
  max-width: 18.75rem;
27273
27737
  font-size: var(--Timeline--font-size);
27274
27738
  padding: 0.625rem;
@@ -27311,7 +27775,7 @@ td.rdtQuarter.rdtDisabled:hover {
27311
27775
  position: absolute;
27312
27776
  height: 0.125rem;
27313
27777
  width: calc(100% - 0.8125rem);
27314
- left: 1.25rem;
27778
+ left: 1.125rem;
27315
27779
  top: 0.8125rem;
27316
27780
  background-color: #e6e6e8;
27317
27781
  }
@@ -27344,6 +27808,7 @@ td.rdtQuarter.rdtDisabled:hover {
27344
27808
  border-radius: 50%;
27345
27809
  }
27346
27810
  .dark-Timeline-horizontal .dark-TimelineItem-content {
27811
+ margin-top: -0.1875rem;
27347
27812
  padding-bottom: 1rem;
27348
27813
  margin-left: 0.125rem;
27349
27814
  }
@@ -27374,6 +27839,7 @@ td.rdtQuarter.rdtDisabled:hover {
27374
27839
  }
27375
27840
  .dark-Timeline-horizontal .dark-TimelineItem-content .dark-TimelineItem-detail .dark-TimelineItem-detail-visible {
27376
27841
  display: block;
27842
+ border-radius: 0.25rem;
27377
27843
  max-width: 18.75rem;
27378
27844
  font-size: var(--Timeline--font-size);
27379
27845
  padding: 0.625rem;
@@ -27418,22 +27884,22 @@ td.rdtQuarter.rdtDisabled:hover {
27418
27884
  color: #fff;
27419
27885
  }
27420
27886
  .dark-Tag--normal--inactive {
27421
- background: #b4b6ba;
27887
+ background: #b8babf;
27422
27888
  }
27423
27889
  .dark-Tag--normal--active {
27424
27890
  background: #2468f2;
27425
27891
  }
27426
27892
  .dark-Tag--normal--processing {
27427
- background: #1ac5ff;
27893
+ background: #528eff;
27428
27894
  }
27429
27895
  .dark-Tag--normal--success {
27430
- background: #0bc286;
27896
+ background: #30bf13;
27431
27897
  }
27432
27898
  .dark-Tag--normal--error {
27433
- background: #e8684a;
27899
+ background: #f33e3e;
27434
27900
  }
27435
27901
  .dark-Tag--normal--warning {
27436
- background: #ffb200;
27902
+ background: #ff9326;
27437
27903
  }
27438
27904
  .dark-Tag--rounded {
27439
27905
  background-color: #fff;
@@ -27443,49 +27909,49 @@ td.rdtQuarter.rdtDisabled:hover {
27443
27909
  line-height: 22px;
27444
27910
  }
27445
27911
  .dark-Tag--rounded--inactive {
27446
- border-color: #b4b6ba;
27447
- color: #b4b6ba;
27912
+ border-color: #b8babf;
27913
+ color: #b8babf;
27448
27914
  }
27449
27915
  .dark-Tag--rounded--active {
27450
27916
  border-color: #2468f2;
27451
27917
  color: #2468f2;
27452
27918
  }
27453
27919
  .dark-Tag--rounded--processing {
27454
- border-color: #1ac5ff;
27455
- color: #1ac5ff;
27920
+ border-color: #528eff;
27921
+ color: #528eff;
27456
27922
  }
27457
27923
  .dark-Tag--rounded--success {
27458
- border-color: #0bc286;
27459
- color: #0bc286;
27924
+ border-color: #30bf13;
27925
+ color: #30bf13;
27460
27926
  }
27461
27927
  .dark-Tag--rounded--error {
27462
- border-color: #e8684a;
27463
- color: #e8684a;
27928
+ border-color: #f33e3e;
27929
+ color: #f33e3e;
27464
27930
  }
27465
27931
  .dark-Tag--rounded--warning {
27466
- border-color: #ffb200;
27467
- color: #ffb200;
27932
+ border-color: #ff9326;
27933
+ color: #ff9326;
27468
27934
  }
27469
27935
  .dark-Tag--status {
27470
27936
  background-color: #fff;
27471
27937
  }
27472
27938
  .dark-Tag--status--inactive .dark-Tag--prev {
27473
- color: #b4b6ba;
27939
+ color: #b8babf;
27474
27940
  }
27475
27941
  .dark-Tag--status--active .dark-Tag--prev {
27476
27942
  color: #2468f2;
27477
27943
  }
27478
27944
  .dark-Tag--status--processing .dark-Tag--prev {
27479
- color: #1ac5ff;
27945
+ color: #528eff;
27480
27946
  }
27481
27947
  .dark-Tag--status--success .dark-Tag--prev {
27482
- color: #0bc286;
27948
+ color: #30bf13;
27483
27949
  }
27484
27950
  .dark-Tag--status--error .dark-Tag--prev {
27485
- color: #e8684a;
27951
+ color: #f33e3e;
27486
27952
  }
27487
27953
  .dark-Tag--status--warning .dark-Tag--prev {
27488
- color: #ffb200;
27954
+ color: #ff9326;
27489
27955
  }
27490
27956
  .dark-Tag--status:not(.dark-Tag--status--processing):not(.dark-Tag--status--active) .icon-dot #dotWave {
27491
27957
  display: none;