index.css 27 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866
  1. /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
  2. /* stylelint-disable no-duplicate-selectors */
  3. /* stylelint-disable */
  4. /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
  5. .ant-form-item .ant-upload {
  6. background: transparent;
  7. }
  8. .ant-form-item .ant-upload.ant-upload-drag {
  9. background: #fafafa;
  10. }
  11. .ant-form-item input[type='radio'],
  12. .ant-form-item input[type='checkbox'] {
  13. width: 14px;
  14. height: 14px;
  15. }
  16. .ant-form-item .ant-radio-inline,
  17. .ant-form-item .ant-checkbox-inline {
  18. display: inline-block;
  19. margin-left: 8px;
  20. font-weight: normal;
  21. vertical-align: middle;
  22. cursor: pointer;
  23. }
  24. .ant-form-item .ant-radio-inline:first-child,
  25. .ant-form-item .ant-checkbox-inline:first-child {
  26. margin-left: 0;
  27. }
  28. .ant-form-item .ant-checkbox-vertical,
  29. .ant-form-item .ant-radio-vertical {
  30. display: block;
  31. }
  32. .ant-form-item .ant-checkbox-vertical + .ant-checkbox-vertical,
  33. .ant-form-item .ant-radio-vertical + .ant-radio-vertical {
  34. margin-left: 0;
  35. }
  36. .ant-form-item .ant-input-number + .ant-form-text {
  37. margin-left: 8px;
  38. }
  39. .ant-form-item .ant-input-number-handler-wrap {
  40. z-index: 2;
  41. }
  42. .ant-form-item .ant-select,
  43. .ant-form-item .ant-cascader-picker {
  44. width: 100%;
  45. }
  46. .ant-form-item .ant-picker-calendar-year-select,
  47. .ant-form-item .ant-picker-calendar-month-select,
  48. .ant-form-item .ant-input-group .ant-select,
  49. .ant-form-item .ant-input-group .ant-cascader-picker,
  50. .ant-form-item .ant-input-number-group .ant-select,
  51. .ant-form-item .ant-input-number-group .ant-cascader-picker {
  52. width: auto;
  53. }
  54. .ant-form-inline {
  55. display: flex;
  56. flex-wrap: wrap;
  57. }
  58. .ant-form-inline .ant-form-item {
  59. flex: none;
  60. flex-wrap: nowrap;
  61. margin-right: 16px;
  62. margin-bottom: 0;
  63. }
  64. .ant-form-inline .ant-form-item-with-help {
  65. margin-bottom: 24px;
  66. }
  67. .ant-form-inline .ant-form-item > .ant-form-item-label,
  68. .ant-form-inline .ant-form-item > .ant-form-item-control {
  69. display: inline-block;
  70. vertical-align: top;
  71. }
  72. .ant-form-inline .ant-form-item > .ant-form-item-label {
  73. flex: none;
  74. }
  75. .ant-form-inline .ant-form-item .ant-form-text {
  76. display: inline-block;
  77. }
  78. .ant-form-inline .ant-form-item .ant-form-item-has-feedback {
  79. display: inline-block;
  80. }
  81. .ant-form-horizontal .ant-form-item-label {
  82. flex-grow: 0;
  83. }
  84. .ant-form-horizontal .ant-form-item-control {
  85. flex: 1 1 0;
  86. min-width: 0;
  87. }
  88. .ant-form-horizontal .ant-form-item-label.ant-col-24 + .ant-form-item-control {
  89. min-width: unset;
  90. }
  91. .ant-form-vertical .ant-form-item {
  92. flex-direction: column;
  93. }
  94. .ant-form-vertical .ant-form-item-label > label {
  95. height: auto;
  96. }
  97. .ant-form-vertical .ant-form-item-label,
  98. .ant-col-24.ant-form-item-label,
  99. .ant-col-xl-24.ant-form-item-label {
  100. padding: 0 0 8px;
  101. line-height: 1.5715;
  102. white-space: initial;
  103. text-align: left;
  104. }
  105. .ant-form-vertical .ant-form-item-label > label,
  106. .ant-col-24.ant-form-item-label > label,
  107. .ant-col-xl-24.ant-form-item-label > label {
  108. margin: 0;
  109. }
  110. .ant-form-vertical .ant-form-item-label > label::after,
  111. .ant-col-24.ant-form-item-label > label::after,
  112. .ant-col-xl-24.ant-form-item-label > label::after {
  113. display: none;
  114. }
  115. .ant-form-rtl.ant-form-vertical .ant-form-item-label,
  116. .ant-form-rtl.ant-col-24.ant-form-item-label,
  117. .ant-form-rtl.ant-col-xl-24.ant-form-item-label {
  118. text-align: right;
  119. }
  120. @media (max-width: 575px) {
  121. .ant-form-item .ant-form-item-label {
  122. padding: 0 0 8px;
  123. line-height: 1.5715;
  124. white-space: initial;
  125. text-align: left;
  126. }
  127. .ant-form-item .ant-form-item-label > label {
  128. margin: 0;
  129. }
  130. .ant-form-item .ant-form-item-label > label::after {
  131. display: none;
  132. }
  133. .ant-form-rtl.ant-form-item .ant-form-item-label {
  134. text-align: right;
  135. }
  136. .ant-form .ant-form-item {
  137. flex-wrap: wrap;
  138. }
  139. .ant-form .ant-form-item .ant-form-item-label,
  140. .ant-form .ant-form-item .ant-form-item-control {
  141. flex: 0 0 100%;
  142. max-width: 100%;
  143. }
  144. .ant-col-xs-24.ant-form-item-label {
  145. padding: 0 0 8px;
  146. line-height: 1.5715;
  147. white-space: initial;
  148. text-align: left;
  149. }
  150. .ant-col-xs-24.ant-form-item-label > label {
  151. margin: 0;
  152. }
  153. .ant-col-xs-24.ant-form-item-label > label::after {
  154. display: none;
  155. }
  156. .ant-form-rtl.ant-col-xs-24.ant-form-item-label {
  157. text-align: right;
  158. }
  159. }
  160. @media (max-width: 767px) {
  161. .ant-col-sm-24.ant-form-item-label {
  162. padding: 0 0 8px;
  163. line-height: 1.5715;
  164. white-space: initial;
  165. text-align: left;
  166. }
  167. .ant-col-sm-24.ant-form-item-label > label {
  168. margin: 0;
  169. }
  170. .ant-col-sm-24.ant-form-item-label > label::after {
  171. display: none;
  172. }
  173. .ant-form-rtl.ant-col-sm-24.ant-form-item-label {
  174. text-align: right;
  175. }
  176. }
  177. @media (max-width: 991px) {
  178. .ant-col-md-24.ant-form-item-label {
  179. padding: 0 0 8px;
  180. line-height: 1.5715;
  181. white-space: initial;
  182. text-align: left;
  183. }
  184. .ant-col-md-24.ant-form-item-label > label {
  185. margin: 0;
  186. }
  187. .ant-col-md-24.ant-form-item-label > label::after {
  188. display: none;
  189. }
  190. .ant-form-rtl.ant-col-md-24.ant-form-item-label {
  191. text-align: right;
  192. }
  193. }
  194. @media (max-width: 1199px) {
  195. .ant-col-lg-24.ant-form-item-label {
  196. padding: 0 0 8px;
  197. line-height: 1.5715;
  198. white-space: initial;
  199. text-align: left;
  200. }
  201. .ant-col-lg-24.ant-form-item-label > label {
  202. margin: 0;
  203. }
  204. .ant-col-lg-24.ant-form-item-label > label::after {
  205. display: none;
  206. }
  207. .ant-form-rtl.ant-col-lg-24.ant-form-item-label {
  208. text-align: right;
  209. }
  210. }
  211. @media (max-width: 1599px) {
  212. .ant-col-xl-24.ant-form-item-label {
  213. padding: 0 0 8px;
  214. line-height: 1.5715;
  215. white-space: initial;
  216. text-align: left;
  217. }
  218. .ant-col-xl-24.ant-form-item-label > label {
  219. margin: 0;
  220. }
  221. .ant-col-xl-24.ant-form-item-label > label::after {
  222. display: none;
  223. }
  224. .ant-form-rtl.ant-col-xl-24.ant-form-item-label {
  225. text-align: right;
  226. }
  227. }
  228. .ant-form-item {
  229. /* Some non-status related component style is in `components.less` */
  230. /* To support leave along ErrorList. We add additional className to handle explain style */
  231. }
  232. .ant-form-item-explain-error {
  233. color: #ff4d4f;
  234. }
  235. .ant-form-item-explain-warning {
  236. color: #faad14;
  237. }
  238. .ant-form-item-has-feedback .ant-input {
  239. padding-right: 24px;
  240. }
  241. .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix {
  242. padding-right: 18px;
  243. }
  244. .ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix {
  245. right: 28px;
  246. }
  247. .ant-form-item-has-feedback .ant-switch {
  248. margin: 2px 0 4px;
  249. }
  250. .ant-form-item-has-feedback > .ant-select .ant-select-arrow,
  251. .ant-form-item-has-feedback > .ant-select .ant-select-clear,
  252. .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow,
  253. .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-clear,
  254. .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-arrow,
  255. .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-clear {
  256. right: 32px;
  257. }
  258. .ant-form-item-has-feedback > .ant-select .ant-select-selection-selected-value,
  259. .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value,
  260. .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-selection-selected-value {
  261. padding-right: 42px;
  262. }
  263. .ant-form-item-has-feedback .ant-cascader-picker-arrow {
  264. margin-right: 19px;
  265. }
  266. .ant-form-item-has-feedback .ant-cascader-picker-clear {
  267. right: 32px;
  268. }
  269. .ant-form-item-has-feedback .ant-picker {
  270. padding-right: 29.2px;
  271. }
  272. .ant-form-item-has-feedback .ant-picker-large {
  273. padding-right: 29.2px;
  274. }
  275. .ant-form-item-has-feedback .ant-picker-small {
  276. padding-right: 25.2px;
  277. }
  278. .ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon,
  279. .ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon,
  280. .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon,
  281. .ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon {
  282. position: absolute;
  283. top: 50%;
  284. right: 0;
  285. z-index: 1;
  286. width: 32px;
  287. height: 20px;
  288. margin-top: -10px;
  289. font-size: 14px;
  290. line-height: 20px;
  291. text-align: center;
  292. visibility: visible;
  293. animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  294. pointer-events: none;
  295. }
  296. .ant-form-item-has-success.ant-form-item-has-feedback .ant-form-item-children-icon {
  297. color: #52c41a;
  298. animation-name: diffZoomIn1 !important;
  299. }
  300. .ant-form-item-has-warning .ant-form-item-split {
  301. color: #faad14;
  302. }
  303. .ant-form-item-has-warning :not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
  304. .ant-form-item-has-warning :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
  305. .ant-form-item-has-warning :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper,
  306. .ant-form-item-has-warning :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover,
  307. .ant-form-item-has-warning :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover,
  308. .ant-form-item-has-warning :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover {
  309. background-color: #fff;
  310. border-color: #faad14;
  311. }
  312. .ant-form-item-has-warning :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,
  313. .ant-form-item-has-warning :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,
  314. .ant-form-item-has-warning :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus,
  315. .ant-form-item-has-warning :not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused,
  316. .ant-form-item-has-warning :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused,
  317. .ant-form-item-has-warning :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused {
  318. border-color: #ffc53d;
  319. box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  320. border-right-width: 1px !important;
  321. outline: 0;
  322. }
  323. .ant-form-item-has-warning .ant-calendar-picker-open .ant-calendar-picker-input {
  324. border-color: #ffc53d;
  325. box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  326. border-right-width: 1px !important;
  327. outline: 0;
  328. }
  329. .ant-form-item-has-warning .ant-input-prefix,
  330. .ant-form-item-has-warning .ant-input-number-prefix {
  331. color: #faad14;
  332. }
  333. .ant-form-item-has-warning .ant-input-group-addon,
  334. .ant-form-item-has-warning .ant-input-number-group-addon {
  335. color: #faad14;
  336. border-color: #faad14;
  337. }
  338. .ant-form-item-has-warning .has-feedback {
  339. color: #faad14;
  340. }
  341. .ant-form-item-has-warning.ant-form-item-has-feedback .ant-form-item-children-icon {
  342. color: #faad14;
  343. animation-name: diffZoomIn3 !important;
  344. }
  345. .ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector {
  346. background-color: #fff;
  347. border-color: #faad14 !important;
  348. }
  349. .ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-open .ant-select-selector,
  350. .ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-focused .ant-select-selector {
  351. border-color: #ffc53d;
  352. box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  353. border-right-width: 1px !important;
  354. outline: 0;
  355. }
  356. .ant-form-item-has-warning .ant-input-number,
  357. .ant-form-item-has-warning .ant-picker {
  358. background-color: #fff;
  359. border-color: #faad14;
  360. }
  361. .ant-form-item-has-warning .ant-input-number-focused,
  362. .ant-form-item-has-warning .ant-picker-focused,
  363. .ant-form-item-has-warning .ant-input-number:focus,
  364. .ant-form-item-has-warning .ant-picker:focus {
  365. border-color: #ffc53d;
  366. box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  367. border-right-width: 1px !important;
  368. outline: 0;
  369. }
  370. .ant-form-item-has-warning .ant-input-number:not([disabled]):hover,
  371. .ant-form-item-has-warning .ant-picker:not([disabled]):hover {
  372. background-color: #fff;
  373. border-color: #faad14;
  374. }
  375. .ant-form-item-has-warning .ant-cascader-picker:focus .ant-cascader-input {
  376. border-color: #ffc53d;
  377. box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  378. border-right-width: 1px !important;
  379. outline: 0;
  380. }
  381. .ant-form-item-has-error .ant-form-item-split {
  382. color: #ff4d4f;
  383. }
  384. .ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
  385. .ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
  386. .ant-form-item-has-error :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper,
  387. .ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover,
  388. .ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover,
  389. .ant-form-item-has-error :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover {
  390. background-color: #fff;
  391. border-color: #ff4d4f;
  392. }
  393. .ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,
  394. .ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,
  395. .ant-form-item-has-error :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus,
  396. .ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused,
  397. .ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused,
  398. .ant-form-item-has-error :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused {
  399. border-color: #ff7875;
  400. box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  401. border-right-width: 1px !important;
  402. outline: 0;
  403. }
  404. .ant-form-item-has-error .ant-calendar-picker-open .ant-calendar-picker-input {
  405. border-color: #ff7875;
  406. box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  407. border-right-width: 1px !important;
  408. outline: 0;
  409. }
  410. .ant-form-item-has-error .ant-input-prefix,
  411. .ant-form-item-has-error .ant-input-number-prefix {
  412. color: #ff4d4f;
  413. }
  414. .ant-form-item-has-error .ant-input-group-addon,
  415. .ant-form-item-has-error .ant-input-number-group-addon {
  416. color: #ff4d4f;
  417. border-color: #ff4d4f;
  418. }
  419. .ant-form-item-has-error .has-feedback {
  420. color: #ff4d4f;
  421. }
  422. .ant-form-item-has-error.ant-form-item-has-feedback .ant-form-item-children-icon {
  423. color: #ff4d4f;
  424. animation-name: diffZoomIn2 !important;
  425. }
  426. .ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector {
  427. background-color: #fff;
  428. border-color: #ff4d4f !important;
  429. }
  430. .ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-open .ant-select-selector,
  431. .ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-focused .ant-select-selector {
  432. border-color: #ff7875;
  433. box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  434. border-right-width: 1px !important;
  435. outline: 0;
  436. }
  437. .ant-form-item-has-error .ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector,
  438. .ant-form-item-has-error .ant-input-number-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  439. background-color: inherit;
  440. border: 0;
  441. box-shadow: none;
  442. }
  443. .ant-form-item-has-error .ant-select.ant-select-auto-complete .ant-input:focus {
  444. border-color: #ff4d4f;
  445. }
  446. .ant-form-item-has-error .ant-input-number,
  447. .ant-form-item-has-error .ant-picker {
  448. background-color: #fff;
  449. border-color: #ff4d4f;
  450. }
  451. .ant-form-item-has-error .ant-input-number-focused,
  452. .ant-form-item-has-error .ant-picker-focused,
  453. .ant-form-item-has-error .ant-input-number:focus,
  454. .ant-form-item-has-error .ant-picker:focus {
  455. border-color: #ff7875;
  456. box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  457. border-right-width: 1px !important;
  458. outline: 0;
  459. }
  460. .ant-form-item-has-error .ant-input-number:not([disabled]):hover,
  461. .ant-form-item-has-error .ant-picker:not([disabled]):hover {
  462. background-color: #fff;
  463. border-color: #ff4d4f;
  464. }
  465. .ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor,
  466. .ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover {
  467. background-color: #fff;
  468. border-color: #ff4d4f;
  469. }
  470. .ant-form-item-has-error .ant-mention-wrapper.ant-mention-active:not([disabled]) .ant-mention-editor,
  471. .ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus {
  472. border-color: #ff7875;
  473. box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  474. border-right-width: 1px !important;
  475. outline: 0;
  476. }
  477. .ant-form-item-has-error .ant-cascader-picker:hover .ant-cascader-picker-label:hover + .ant-cascader-input.ant-input {
  478. border-color: #ff4d4f;
  479. }
  480. .ant-form-item-has-error .ant-cascader-picker:focus .ant-cascader-input {
  481. background-color: #fff;
  482. border-color: #ff7875;
  483. box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  484. border-right-width: 1px !important;
  485. outline: 0;
  486. }
  487. .ant-form-item-has-error .ant-transfer-list {
  488. border-color: #ff4d4f;
  489. }
  490. .ant-form-item-has-error .ant-transfer-list-search:not([disabled]) {
  491. border-color: #d9d9d9;
  492. }
  493. .ant-form-item-has-error .ant-transfer-list-search:not([disabled]):hover {
  494. border-color: #40a9ff;
  495. border-right-width: 1px !important;
  496. }
  497. .ant-form-item-has-error .ant-transfer-list-search:not([disabled]):focus {
  498. border-color: #40a9ff;
  499. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  500. border-right-width: 1px !important;
  501. outline: 0;
  502. }
  503. .ant-form-item-has-error .ant-radio-button-wrapper {
  504. border-color: #ff4d4f !important;
  505. }
  506. .ant-form-item-has-error .ant-radio-button-wrapper:not(:first-child)::before {
  507. background-color: #ff4d4f;
  508. }
  509. .ant-form-item-has-error .ant-mentions {
  510. border-color: #ff4d4f !important;
  511. }
  512. .ant-form-item-has-error .ant-mentions-focused,
  513. .ant-form-item-has-error .ant-mentions:focus {
  514. border-color: #ff7875;
  515. box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  516. border-right-width: 1px !important;
  517. outline: 0;
  518. }
  519. .ant-form-item-is-validating.ant-form-item-has-feedback .ant-form-item-children-icon {
  520. display: inline-block;
  521. color: #1890ff;
  522. }
  523. .ant-form {
  524. box-sizing: border-box;
  525. margin: 0;
  526. padding: 0;
  527. color: rgba(0, 0, 0, 0.85);
  528. font-size: 14px;
  529. font-variant: tabular-nums;
  530. line-height: 1.5715;
  531. list-style: none;
  532. font-feature-settings: 'tnum';
  533. }
  534. .ant-form legend {
  535. display: block;
  536. width: 100%;
  537. margin-bottom: 20px;
  538. padding: 0;
  539. color: rgba(0, 0, 0, 0.45);
  540. font-size: 16px;
  541. line-height: inherit;
  542. border: 0;
  543. border-bottom: 1px solid #d9d9d9;
  544. }
  545. .ant-form label {
  546. font-size: 14px;
  547. }
  548. .ant-form input[type='search'] {
  549. box-sizing: border-box;
  550. }
  551. .ant-form input[type='radio'],
  552. .ant-form input[type='checkbox'] {
  553. line-height: normal;
  554. }
  555. .ant-form input[type='file'] {
  556. display: block;
  557. }
  558. .ant-form input[type='range'] {
  559. display: block;
  560. width: 100%;
  561. }
  562. .ant-form select[multiple],
  563. .ant-form select[size] {
  564. height: auto;
  565. }
  566. .ant-form input[type='file']:focus,
  567. .ant-form input[type='radio']:focus,
  568. .ant-form input[type='checkbox']:focus {
  569. outline: thin dotted;
  570. outline: 5px auto -webkit-focus-ring-color;
  571. outline-offset: -2px;
  572. }
  573. .ant-form output {
  574. display: block;
  575. padding-top: 15px;
  576. color: rgba(0, 0, 0, 0.85);
  577. font-size: 14px;
  578. line-height: 1.5715;
  579. }
  580. .ant-form .ant-form-text {
  581. display: inline-block;
  582. padding-right: 8px;
  583. }
  584. .ant-form-small .ant-form-item-label > label {
  585. height: 24px;
  586. }
  587. .ant-form-small .ant-form-item-control-input {
  588. min-height: 24px;
  589. }
  590. .ant-form-large .ant-form-item-label > label {
  591. height: 40px;
  592. }
  593. .ant-form-large .ant-form-item-control-input {
  594. min-height: 40px;
  595. }
  596. .ant-form-item {
  597. box-sizing: border-box;
  598. margin: 0;
  599. padding: 0;
  600. color: rgba(0, 0, 0, 0.85);
  601. font-size: 14px;
  602. font-variant: tabular-nums;
  603. line-height: 1.5715;
  604. list-style: none;
  605. font-feature-settings: 'tnum';
  606. margin-bottom: 24px;
  607. vertical-align: top;
  608. }
  609. .ant-form-item-with-help {
  610. margin-bottom: 0;
  611. transition: none;
  612. }
  613. .ant-form-item-hidden,
  614. .ant-form-item-hidden.ant-row {
  615. display: none;
  616. }
  617. .ant-form-item-label {
  618. display: inline-block;
  619. flex-grow: 0;
  620. overflow: hidden;
  621. white-space: nowrap;
  622. text-align: right;
  623. vertical-align: middle;
  624. }
  625. .ant-form-item-label-left {
  626. text-align: left;
  627. }
  628. .ant-form-item-label-wrap {
  629. overflow: unset;
  630. line-height: 1.3215em;
  631. white-space: unset;
  632. }
  633. .ant-form-item-label > label {
  634. position: relative;
  635. display: inline-flex;
  636. align-items: center;
  637. max-width: 100%;
  638. height: 32px;
  639. color: rgba(0, 0, 0, 0.85);
  640. font-size: 14px;
  641. }
  642. .ant-form-item-label > label > .anticon {
  643. font-size: 14px;
  644. vertical-align: top;
  645. }
  646. .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
  647. display: inline-block;
  648. margin-right: 4px;
  649. color: #ff4d4f;
  650. font-size: 14px;
  651. font-family: SimSun, sans-serif;
  652. line-height: 1;
  653. content: '*';
  654. }
  655. .ant-form-hide-required-mark .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
  656. display: none;
  657. }
  658. .ant-form-item-label > label .ant-form-item-optional {
  659. display: inline-block;
  660. margin-left: 4px;
  661. color: rgba(0, 0, 0, 0.45);
  662. }
  663. .ant-form-hide-required-mark .ant-form-item-label > label .ant-form-item-optional {
  664. display: none;
  665. }
  666. .ant-form-item-label > label .ant-form-item-tooltip {
  667. color: rgba(0, 0, 0, 0.45);
  668. cursor: help;
  669. writing-mode: horizontal-tb;
  670. -webkit-margin-start: 4px;
  671. margin-inline-start: 4px;
  672. }
  673. .ant-form-item-label > label::after {
  674. content: ':';
  675. position: relative;
  676. top: -0.5px;
  677. margin: 0 8px 0 2px;
  678. }
  679. .ant-form-item-label > label.ant-form-item-no-colon::after {
  680. content: ' ';
  681. }
  682. .ant-form-item-control {
  683. display: flex;
  684. flex-direction: column;
  685. flex-grow: 1;
  686. }
  687. .ant-form-item-control:first-child:not([class^='ant-col-']):not([class*=' ant-col-']) {
  688. width: 100%;
  689. }
  690. .ant-form-item-control-input {
  691. position: relative;
  692. display: flex;
  693. align-items: center;
  694. min-height: 32px;
  695. }
  696. .ant-form-item-control-input-content {
  697. flex: auto;
  698. max-width: 100%;
  699. }
  700. .ant-form-item-explain,
  701. .ant-form-item-extra {
  702. clear: both;
  703. color: rgba(0, 0, 0, 0.45);
  704. font-size: 14px;
  705. line-height: 1.5715;
  706. transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  707. }
  708. .ant-form-item-explain-connected {
  709. height: 0;
  710. min-height: 0;
  711. opacity: 0;
  712. }
  713. .ant-form-item-extra {
  714. min-height: 24px;
  715. }
  716. .ant-form-item .ant-input-textarea-show-count::after {
  717. margin-bottom: -22px;
  718. }
  719. .ant-form-item-with-help .ant-form-item-explain {
  720. height: auto;
  721. min-height: 24px;
  722. opacity: 1;
  723. }
  724. .ant-show-help {
  725. transition: height 0.3s linear, min-height 0.3s linear, margin-bottom 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  726. }
  727. .ant-show-help-leave {
  728. min-height: 24px;
  729. }
  730. .ant-show-help-leave-active {
  731. min-height: 0;
  732. }
  733. .ant-show-help-item {
  734. overflow: hidden;
  735. transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  736. }
  737. .ant-show-help-item-appear,
  738. .ant-show-help-item-enter {
  739. transform: translateY(-5px);
  740. opacity: 0;
  741. }
  742. .ant-show-help-item-appear-active,
  743. .ant-show-help-item-enter-active {
  744. transform: translateY(0);
  745. opacity: 1;
  746. }
  747. .ant-show-help-item-leave-active {
  748. transform: translateY(-5px);
  749. }
  750. @keyframes diffZoomIn1 {
  751. 0% {
  752. transform: scale(0);
  753. opacity: 0;
  754. }
  755. 100% {
  756. transform: scale(1);
  757. opacity: 1;
  758. }
  759. }
  760. @keyframes diffZoomIn2 {
  761. 0% {
  762. transform: scale(0);
  763. opacity: 0;
  764. }
  765. 100% {
  766. transform: scale(1);
  767. opacity: 1;
  768. }
  769. }
  770. @keyframes diffZoomIn3 {
  771. 0% {
  772. transform: scale(0);
  773. opacity: 0;
  774. }
  775. 100% {
  776. transform: scale(1);
  777. opacity: 1;
  778. }
  779. }
  780. .ant-form-rtl {
  781. direction: rtl;
  782. }
  783. .ant-form-rtl .ant-form-item-label {
  784. text-align: left;
  785. }
  786. .ant-form-rtl .ant-form-item-label > label.ant-form-item-required::before {
  787. margin-right: 0;
  788. margin-left: 4px;
  789. }
  790. .ant-form-rtl .ant-form-item-label > label::after {
  791. margin: 0 2px 0 8px;
  792. }
  793. .ant-form-rtl .ant-form-item-label > label .ant-form-item-optional {
  794. margin-right: 4px;
  795. margin-left: 0;
  796. }
  797. .ant-col-rtl .ant-form-item-control:first-child {
  798. width: 100%;
  799. }
  800. .ant-form-rtl .ant-form-item-has-feedback .ant-input {
  801. padding-right: 11px;
  802. padding-left: 24px;
  803. }
  804. .ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix {
  805. padding-right: 11px;
  806. padding-left: 18px;
  807. }
  808. .ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input {
  809. padding: 0;
  810. }
  811. .ant-form-rtl .ant-form-item-has-feedback .ant-input-number-affix-wrapper .ant-input-number {
  812. padding: 0;
  813. }
  814. .ant-form-rtl .ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix {
  815. right: auto;
  816. left: 28px;
  817. }
  818. .ant-form-rtl .ant-form-item-has-feedback .ant-input-number {
  819. padding-left: 18px;
  820. }
  821. .ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-arrow,
  822. .ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-clear,
  823. .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow,
  824. .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-clear,
  825. .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-arrow,
  826. .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-clear {
  827. right: auto;
  828. left: 32px;
  829. }
  830. .ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-selection-selected-value,
  831. .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value,
  832. .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-selection-selected-value {
  833. padding-right: 0;
  834. padding-left: 42px;
  835. }
  836. .ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-arrow {
  837. margin-right: 0;
  838. margin-left: 19px;
  839. }
  840. .ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-clear {
  841. right: auto;
  842. left: 32px;
  843. }
  844. .ant-form-rtl .ant-form-item-has-feedback .ant-picker {
  845. padding-right: 11px;
  846. padding-left: 29.2px;
  847. }
  848. .ant-form-rtl .ant-form-item-has-feedback .ant-picker-large {
  849. padding-right: 11px;
  850. padding-left: 29.2px;
  851. }
  852. .ant-form-rtl .ant-form-item-has-feedback .ant-picker-small {
  853. padding-right: 7px;
  854. padding-left: 25.2px;
  855. }
  856. .ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon,
  857. .ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon,
  858. .ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon,
  859. .ant-form-rtl .ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon {
  860. right: auto;
  861. left: 0;
  862. }
  863. .ant-form-rtl.ant-form-inline .ant-form-item {
  864. margin-right: 0;
  865. margin-left: 16px;
  866. }