amis 2.0.2 → 2.1.0

Sign up to get free protection for your applications and to get access to all the features.
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;