index.css 33 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035
  1. /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
  2. /* stylelint-disable no-duplicate-selectors */
  3. .ant-input-affix-wrapper {
  4. position: relative;
  5. display: inline-block;
  6. width: 100%;
  7. min-width: 0;
  8. padding: 4px 11px;
  9. color: rgba(0, 0, 0, 0.85);
  10. font-size: 14px;
  11. line-height: 1.5715;
  12. background-color: #fff;
  13. background-image: none;
  14. border: 1px solid #d9d9d9;
  15. border-radius: 2px;
  16. transition: all 0.3s;
  17. display: inline-flex;
  18. }
  19. .ant-input-affix-wrapper::placeholder {
  20. color: #bfbfbf;
  21. user-select: none;
  22. }
  23. .ant-input-affix-wrapper:placeholder-shown {
  24. text-overflow: ellipsis;
  25. }
  26. .ant-input-affix-wrapper:hover {
  27. border-color: #40a9ff;
  28. border-right-width: 1px;
  29. }
  30. .ant-input-rtl .ant-input-affix-wrapper:hover {
  31. border-right-width: 0;
  32. border-left-width: 1px !important;
  33. }
  34. .ant-input-affix-wrapper:focus,
  35. .ant-input-affix-wrapper-focused {
  36. border-color: #40a9ff;
  37. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  38. border-right-width: 1px;
  39. outline: 0;
  40. }
  41. .ant-input-rtl .ant-input-affix-wrapper:focus,
  42. .ant-input-rtl .ant-input-affix-wrapper-focused {
  43. border-right-width: 0;
  44. border-left-width: 1px !important;
  45. }
  46. .ant-input-affix-wrapper-disabled {
  47. color: rgba(0, 0, 0, 0.25);
  48. background-color: #f5f5f5;
  49. border-color: #d9d9d9;
  50. box-shadow: none;
  51. cursor: not-allowed;
  52. opacity: 1;
  53. }
  54. .ant-input-affix-wrapper-disabled:hover {
  55. border-color: #d9d9d9;
  56. border-right-width: 1px;
  57. }
  58. .ant-input-affix-wrapper[disabled] {
  59. color: rgba(0, 0, 0, 0.25);
  60. background-color: #f5f5f5;
  61. border-color: #d9d9d9;
  62. box-shadow: none;
  63. cursor: not-allowed;
  64. opacity: 1;
  65. }
  66. .ant-input-affix-wrapper[disabled]:hover {
  67. border-color: #d9d9d9;
  68. border-right-width: 1px;
  69. }
  70. .ant-input-affix-wrapper-borderless,
  71. .ant-input-affix-wrapper-borderless:hover,
  72. .ant-input-affix-wrapper-borderless:focus,
  73. .ant-input-affix-wrapper-borderless-focused,
  74. .ant-input-affix-wrapper-borderless-disabled,
  75. .ant-input-affix-wrapper-borderless[disabled] {
  76. background-color: transparent;
  77. border: none;
  78. box-shadow: none;
  79. }
  80. textarea.ant-input-affix-wrapper {
  81. max-width: 100%;
  82. height: auto;
  83. min-height: 32px;
  84. line-height: 1.5715;
  85. vertical-align: bottom;
  86. transition: all 0.3s, height 0s;
  87. }
  88. .ant-input-affix-wrapper-lg {
  89. padding: 6.5px 11px;
  90. font-size: 16px;
  91. }
  92. .ant-input-affix-wrapper-sm {
  93. padding: 0px 7px;
  94. }
  95. .ant-input-affix-wrapper-rtl {
  96. direction: rtl;
  97. }
  98. .ant-input-affix-wrapper-stepperless[type='number'] {
  99. /* stylelint-disable-next-line property-no-vendor-prefix */
  100. -moz-appearance: textfield;
  101. }
  102. .ant-input-affix-wrapper-stepperless[type='number']::-webkit-inner-spin-button,
  103. .ant-input-affix-wrapper-stepperless[type='number'] ::-webkit-outer-spin-button {
  104. margin: 0;
  105. /* stylelint-disable-next-line property-no-vendor-prefix */
  106. -webkit-appearance: none;
  107. }
  108. .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  109. border-color: #40a9ff;
  110. border-right-width: 1px;
  111. z-index: 1;
  112. }
  113. .ant-input-rtl .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  114. border-right-width: 0;
  115. border-left-width: 1px !important;
  116. }
  117. .ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  118. z-index: 0;
  119. }
  120. .ant-input-affix-wrapper-focused,
  121. .ant-input-affix-wrapper:focus {
  122. z-index: 1;
  123. }
  124. .ant-input-affix-wrapper-disabled .ant-input[disabled] {
  125. background: rgba(255, 255, 255, 0);
  126. }
  127. .ant-input-affix-wrapper > .ant-input {
  128. font-size: inherit;
  129. border: none;
  130. outline: none;
  131. }
  132. .ant-input-affix-wrapper > .ant-input:focus {
  133. box-shadow: none !important;
  134. }
  135. .ant-input-affix-wrapper > .ant-input:not(textarea) {
  136. padding: 0;
  137. }
  138. .ant-input-affix-wrapper::before {
  139. display: inline-block;
  140. width: 0;
  141. visibility: hidden;
  142. content: '\a0';
  143. }
  144. .ant-input-prefix,
  145. .ant-input-suffix {
  146. display: flex;
  147. flex: none;
  148. align-items: center;
  149. }
  150. .ant-input-prefix > *:not(:last-child),
  151. .ant-input-suffix > *:not(:last-child) {
  152. margin-right: 8px;
  153. }
  154. .ant-input-show-count-suffix {
  155. color: rgba(0, 0, 0, 0.45);
  156. }
  157. .ant-input-show-count-has-suffix {
  158. margin-right: 2px;
  159. }
  160. .ant-input-prefix {
  161. margin-right: 4px;
  162. }
  163. .ant-input-suffix {
  164. margin-left: 4px;
  165. }
  166. .anticon.ant-input-clear-icon,
  167. .ant-input-clear-icon {
  168. margin: 0;
  169. color: rgba(0, 0, 0, 0.25);
  170. font-size: 12px;
  171. vertical-align: -1px;
  172. cursor: pointer;
  173. transition: color 0.3s;
  174. }
  175. .anticon.ant-input-clear-icon:hover,
  176. .ant-input-clear-icon:hover {
  177. color: rgba(0, 0, 0, 0.45);
  178. }
  179. .anticon.ant-input-clear-icon:active,
  180. .ant-input-clear-icon:active {
  181. color: rgba(0, 0, 0, 0.85);
  182. }
  183. .anticon.ant-input-clear-icon-hidden,
  184. .ant-input-clear-icon-hidden {
  185. visibility: hidden;
  186. }
  187. .anticon.ant-input-clear-icon-has-suffix,
  188. .ant-input-clear-icon-has-suffix {
  189. margin: 0 4px;
  190. }
  191. .ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn {
  192. padding: 0;
  193. }
  194. .ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon {
  195. position: absolute;
  196. top: 8px;
  197. right: 8px;
  198. z-index: 1;
  199. }
  200. .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
  201. .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
  202. background: #fff;
  203. border-color: #ff4d4f;
  204. }
  205. .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,
  206. .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused {
  207. border-color: #ff7875;
  208. box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  209. border-right-width: 1px;
  210. outline: 0;
  211. }
  212. .ant-input-status-error .ant-input-prefix {
  213. color: #ff4d4f;
  214. }
  215. .ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
  216. .ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
  217. background: #fff;
  218. border-color: #faad14;
  219. }
  220. .ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,
  221. .ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused {
  222. border-color: #ffc53d;
  223. box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  224. border-right-width: 1px;
  225. outline: 0;
  226. }
  227. .ant-input-status-warning .ant-input-prefix {
  228. color: #faad14;
  229. }
  230. .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
  231. .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
  232. background: #fff;
  233. border-color: #ff4d4f;
  234. }
  235. .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,
  236. .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused {
  237. border-color: #ff7875;
  238. box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  239. border-right-width: 1px;
  240. outline: 0;
  241. }
  242. .ant-input-affix-wrapper-status-error .ant-input-prefix {
  243. color: #ff4d4f;
  244. }
  245. .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
  246. .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
  247. background: #fff;
  248. border-color: #faad14;
  249. }
  250. .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,
  251. .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused {
  252. border-color: #ffc53d;
  253. box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  254. border-right-width: 1px;
  255. outline: 0;
  256. }
  257. .ant-input-affix-wrapper-status-warning .ant-input-prefix {
  258. color: #faad14;
  259. }
  260. .ant-input-textarea-status-error.ant-input-textarea-has-feedback .ant-input,
  261. .ant-input-textarea-status-warning.ant-input-textarea-has-feedback .ant-input,
  262. .ant-input-textarea-status-success.ant-input-textarea-has-feedback .ant-input,
  263. .ant-input-textarea-status-validating.ant-input-textarea-has-feedback .ant-input {
  264. padding-right: 24px;
  265. }
  266. .ant-input-group-wrapper-status-error .ant-input-group-addon {
  267. color: #ff4d4f;
  268. border-color: #ff4d4f;
  269. }
  270. .ant-input-group-wrapper-status-warning .ant-input-group-addon {
  271. color: #faad14;
  272. border-color: #faad14;
  273. }
  274. .ant-input {
  275. box-sizing: border-box;
  276. margin: 0;
  277. padding: 0;
  278. font-variant: tabular-nums;
  279. list-style: none;
  280. font-feature-settings: 'tnum';
  281. position: relative;
  282. display: inline-block;
  283. width: 100%;
  284. min-width: 0;
  285. padding: 4px 11px;
  286. color: rgba(0, 0, 0, 0.85);
  287. font-size: 14px;
  288. line-height: 1.5715;
  289. background-color: #fff;
  290. background-image: none;
  291. border: 1px solid #d9d9d9;
  292. border-radius: 2px;
  293. transition: all 0.3s;
  294. }
  295. .ant-input::placeholder {
  296. color: #bfbfbf;
  297. user-select: none;
  298. }
  299. .ant-input:placeholder-shown {
  300. text-overflow: ellipsis;
  301. }
  302. .ant-input:hover {
  303. border-color: #40a9ff;
  304. border-right-width: 1px;
  305. }
  306. .ant-input-rtl .ant-input:hover {
  307. border-right-width: 0;
  308. border-left-width: 1px !important;
  309. }
  310. .ant-input:focus,
  311. .ant-input-focused {
  312. border-color: #40a9ff;
  313. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  314. border-right-width: 1px;
  315. outline: 0;
  316. }
  317. .ant-input-rtl .ant-input:focus,
  318. .ant-input-rtl .ant-input-focused {
  319. border-right-width: 0;
  320. border-left-width: 1px !important;
  321. }
  322. .ant-input-disabled {
  323. color: rgba(0, 0, 0, 0.25);
  324. background-color: #f5f5f5;
  325. border-color: #d9d9d9;
  326. box-shadow: none;
  327. cursor: not-allowed;
  328. opacity: 1;
  329. }
  330. .ant-input-disabled:hover {
  331. border-color: #d9d9d9;
  332. border-right-width: 1px;
  333. }
  334. .ant-input[disabled] {
  335. color: rgba(0, 0, 0, 0.25);
  336. background-color: #f5f5f5;
  337. border-color: #d9d9d9;
  338. box-shadow: none;
  339. cursor: not-allowed;
  340. opacity: 1;
  341. }
  342. .ant-input[disabled]:hover {
  343. border-color: #d9d9d9;
  344. border-right-width: 1px;
  345. }
  346. .ant-input-borderless,
  347. .ant-input-borderless:hover,
  348. .ant-input-borderless:focus,
  349. .ant-input-borderless-focused,
  350. .ant-input-borderless-disabled,
  351. .ant-input-borderless[disabled] {
  352. background-color: transparent;
  353. border: none;
  354. box-shadow: none;
  355. }
  356. textarea.ant-input {
  357. max-width: 100%;
  358. height: auto;
  359. min-height: 32px;
  360. line-height: 1.5715;
  361. vertical-align: bottom;
  362. transition: all 0.3s, height 0s;
  363. }
  364. .ant-input-lg {
  365. padding: 6.5px 11px;
  366. font-size: 16px;
  367. }
  368. .ant-input-sm {
  369. padding: 0px 7px;
  370. }
  371. .ant-input-rtl {
  372. direction: rtl;
  373. }
  374. .ant-input-stepperless[type='number'] {
  375. /* stylelint-disable-next-line property-no-vendor-prefix */
  376. -moz-appearance: textfield;
  377. }
  378. .ant-input-stepperless[type='number']::-webkit-inner-spin-button,
  379. .ant-input-stepperless[type='number'] ::-webkit-outer-spin-button {
  380. margin: 0;
  381. /* stylelint-disable-next-line property-no-vendor-prefix */
  382. -webkit-appearance: none;
  383. }
  384. .ant-input-group {
  385. box-sizing: border-box;
  386. margin: 0;
  387. padding: 0;
  388. color: rgba(0, 0, 0, 0.85);
  389. font-size: 14px;
  390. font-variant: tabular-nums;
  391. line-height: 1.5715;
  392. list-style: none;
  393. font-feature-settings: 'tnum';
  394. position: relative;
  395. display: table;
  396. width: 100%;
  397. border-collapse: separate;
  398. border-spacing: 0;
  399. }
  400. .ant-input-group[class*='col-'] {
  401. float: none;
  402. padding-right: 0;
  403. padding-left: 0;
  404. }
  405. .ant-input-group > [class*='col-'] {
  406. padding-right: 8px;
  407. }
  408. .ant-input-group > [class*='col-']:last-child {
  409. padding-right: 0;
  410. }
  411. .ant-input-group-addon,
  412. .ant-input-group-wrap,
  413. .ant-input-group > .ant-input {
  414. display: table-cell;
  415. }
  416. .ant-input-group-addon:not(:first-child):not(:last-child),
  417. .ant-input-group-wrap:not(:first-child):not(:last-child),
  418. .ant-input-group > .ant-input:not(:first-child):not(:last-child) {
  419. border-radius: 0;
  420. }
  421. .ant-input-group-addon,
  422. .ant-input-group-wrap {
  423. width: 1px;
  424. white-space: nowrap;
  425. vertical-align: middle;
  426. }
  427. .ant-input-group-wrap > * {
  428. display: block !important;
  429. }
  430. .ant-input-group .ant-input {
  431. float: left;
  432. width: 100%;
  433. margin-bottom: 0;
  434. text-align: inherit;
  435. }
  436. .ant-input-group .ant-input:focus {
  437. z-index: 1;
  438. border-right-width: 1px;
  439. }
  440. .ant-input-group .ant-input:hover {
  441. z-index: 1;
  442. border-right-width: 1px;
  443. }
  444. .ant-input-search-with-button .ant-input-group .ant-input:hover {
  445. z-index: 0;
  446. }
  447. .ant-input-group-addon {
  448. position: relative;
  449. padding: 0 11px;
  450. color: rgba(0, 0, 0, 0.85);
  451. font-weight: normal;
  452. font-size: 14px;
  453. text-align: center;
  454. background-color: #fafafa;
  455. border: 1px solid #d9d9d9;
  456. border-radius: 2px;
  457. transition: all 0.3s;
  458. }
  459. .ant-input-group-addon .ant-select {
  460. margin: -5px -11px;
  461. }
  462. .ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  463. background-color: inherit;
  464. border: 1px solid transparent;
  465. box-shadow: none;
  466. }
  467. .ant-input-group-addon .ant-select-open .ant-select-selector,
  468. .ant-input-group-addon .ant-select-focused .ant-select-selector {
  469. color: #1890ff;
  470. }
  471. .ant-input-group-addon .ant-cascader-picker {
  472. margin: -9px -12px;
  473. background-color: transparent;
  474. }
  475. .ant-input-group-addon .ant-cascader-picker .ant-cascader-input {
  476. text-align: left;
  477. border: 0;
  478. box-shadow: none;
  479. }
  480. .ant-input-group > .ant-input:first-child,
  481. .ant-input-group-addon:first-child {
  482. border-top-right-radius: 0;
  483. border-bottom-right-radius: 0;
  484. }
  485. .ant-input-group > .ant-input:first-child .ant-select .ant-select-selector,
  486. .ant-input-group-addon:first-child .ant-select .ant-select-selector {
  487. border-top-right-radius: 0;
  488. border-bottom-right-radius: 0;
  489. }
  490. .ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
  491. border-top-left-radius: 0;
  492. border-bottom-left-radius: 0;
  493. }
  494. .ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
  495. border-top-right-radius: 0;
  496. border-bottom-right-radius: 0;
  497. }
  498. .ant-input-group-addon:first-child {
  499. border-right: 0;
  500. }
  501. .ant-input-group-addon:last-child {
  502. border-left: 0;
  503. }
  504. .ant-input-group > .ant-input:last-child,
  505. .ant-input-group-addon:last-child {
  506. border-top-left-radius: 0;
  507. border-bottom-left-radius: 0;
  508. }
  509. .ant-input-group > .ant-input:last-child .ant-select .ant-select-selector,
  510. .ant-input-group-addon:last-child .ant-select .ant-select-selector {
  511. border-top-left-radius: 0;
  512. border-bottom-left-radius: 0;
  513. }
  514. .ant-input-group-lg .ant-input,
  515. .ant-input-group-lg > .ant-input-group-addon {
  516. padding: 6.5px 11px;
  517. font-size: 16px;
  518. }
  519. .ant-input-group-sm .ant-input,
  520. .ant-input-group-sm > .ant-input-group-addon {
  521. padding: 0px 7px;
  522. }
  523. .ant-input-group-lg .ant-select-single .ant-select-selector {
  524. height: 40px;
  525. }
  526. .ant-input-group-sm .ant-select-single .ant-select-selector {
  527. height: 24px;
  528. }
  529. .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  530. border-top-right-radius: 0;
  531. border-bottom-right-radius: 0;
  532. }
  533. .ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  534. border-top-left-radius: 2px;
  535. border-bottom-left-radius: 2px;
  536. }
  537. .ant-input-group .ant-input-affix-wrapper:not(:first-child),
  538. .ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:first-child) {
  539. border-top-left-radius: 0;
  540. border-bottom-left-radius: 0;
  541. }
  542. .ant-input-group.ant-input-group-compact {
  543. display: block;
  544. }
  545. .ant-input-group.ant-input-group-compact::before {
  546. display: table;
  547. content: '';
  548. }
  549. .ant-input-group.ant-input-group-compact::after {
  550. display: table;
  551. clear: both;
  552. content: '';
  553. }
  554. .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
  555. .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
  556. .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
  557. border-right-width: 1px;
  558. }
  559. .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
  560. .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
  561. .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover {
  562. z-index: 1;
  563. }
  564. .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
  565. .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
  566. .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus {
  567. z-index: 1;
  568. }
  569. .ant-input-group.ant-input-group-compact > * {
  570. display: inline-block;
  571. float: none;
  572. vertical-align: top;
  573. border-radius: 0;
  574. }
  575. .ant-input-group.ant-input-group-compact > .ant-input-affix-wrapper,
  576. .ant-input-group.ant-input-group-compact > .ant-input-number-affix-wrapper,
  577. .ant-input-group.ant-input-group-compact > .ant-picker-range {
  578. display: inline-flex;
  579. }
  580. .ant-input-group.ant-input-group-compact > *:not(:last-child) {
  581. margin-right: -1px;
  582. border-right-width: 1px;
  583. }
  584. .ant-input-group.ant-input-group-compact .ant-input {
  585. float: none;
  586. }
  587. .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector,
  588. .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
  589. .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
  590. .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input {
  591. border-right-width: 1px;
  592. border-radius: 0;
  593. }
  594. .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:hover,
  595. .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover,
  596. .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover,
  597. .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover {
  598. z-index: 1;
  599. }
  600. .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:focus,
  601. .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus,
  602. .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus,
  603. .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus {
  604. z-index: 1;
  605. }
  606. .ant-input-group.ant-input-group-compact > .ant-select-focused {
  607. z-index: 1;
  608. }
  609. .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-arrow {
  610. z-index: 1;
  611. }
  612. .ant-input-group.ant-input-group-compact > *:first-child,
  613. .ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
  614. .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
  615. .ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
  616. border-top-left-radius: 2px;
  617. border-bottom-left-radius: 2px;
  618. }
  619. .ant-input-group.ant-input-group-compact > *:last-child,
  620. .ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
  621. .ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
  622. .ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
  623. border-right-width: 1px;
  624. border-top-right-radius: 2px;
  625. border-bottom-right-radius: 2px;
  626. }
  627. .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
  628. vertical-align: top;
  629. }
  630. .ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
  631. margin-left: -1px;
  632. }
  633. .ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
  634. border-radius: 0;
  635. }
  636. .ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button {
  637. border-radius: 0;
  638. }
  639. .ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
  640. border-radius: 2px 0 0 2px;
  641. }
  642. .ant-input-group > .ant-input-rtl:first-child,
  643. .ant-input-group-rtl .ant-input-group-addon:first-child {
  644. border-radius: 0 2px 2px 0;
  645. }
  646. .ant-input-group-rtl .ant-input-group-addon:first-child {
  647. border-right: 1px solid #d9d9d9;
  648. border-left: 0;
  649. }
  650. .ant-input-group-rtl .ant-input-group-addon:last-child {
  651. border-right: 0;
  652. border-left: 1px solid #d9d9d9;
  653. border-radius: 2px 0 0 2px;
  654. }
  655. .ant-input-group-rtl.ant-input-group > .ant-input:last-child,
  656. .ant-input-group-rtl.ant-input-group-addon:last-child {
  657. border-radius: 2px 0 0 2px;
  658. }
  659. .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child) {
  660. border-radius: 2px 0 0 2px;
  661. }
  662. .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  663. border-radius: 0 2px 2px 0;
  664. }
  665. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:not(:last-child) {
  666. margin-right: 0;
  667. margin-left: -1px;
  668. border-left-width: 1px;
  669. }
  670. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:first-child,
  671. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
  672. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
  673. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
  674. border-radius: 0 2px 2px 0;
  675. }
  676. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:last-child,
  677. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
  678. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
  679. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
  680. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
  681. border-left-width: 1px;
  682. border-radius: 2px 0 0 2px;
  683. }
  684. .ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl {
  685. margin-right: -1px;
  686. margin-left: 0;
  687. }
  688. .ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
  689. border-radius: 0 2px 2px 0;
  690. }
  691. .ant-input-group-wrapper {
  692. display: inline-block;
  693. width: 100%;
  694. text-align: start;
  695. vertical-align: top;
  696. }
  697. .ant-input-password-icon.anticon {
  698. color: rgba(0, 0, 0, 0.45);
  699. cursor: pointer;
  700. transition: all 0.3s;
  701. }
  702. .ant-input-password-icon.anticon:hover {
  703. color: rgba(0, 0, 0, 0.85);
  704. }
  705. .ant-input[type='color'] {
  706. height: 32px;
  707. }
  708. .ant-input[type='color'].ant-input-lg {
  709. height: 40px;
  710. }
  711. .ant-input[type='color'].ant-input-sm {
  712. height: 24px;
  713. padding-top: 3px;
  714. padding-bottom: 3px;
  715. }
  716. .ant-input-textarea-show-count > .ant-input {
  717. height: 100%;
  718. }
  719. .ant-input-textarea-show-count::after {
  720. float: right;
  721. color: rgba(0, 0, 0, 0.45);
  722. white-space: nowrap;
  723. content: attr(data-count);
  724. pointer-events: none;
  725. }
  726. .ant-input-textarea-show-count.ant-input-textarea-in-form-item::after {
  727. margin-bottom: -22px;
  728. }
  729. .ant-input-textarea-suffix {
  730. position: absolute;
  731. top: 0;
  732. right: 11px;
  733. bottom: 0;
  734. z-index: 1;
  735. display: inline-flex;
  736. align-items: center;
  737. margin: auto;
  738. }
  739. .ant-input-compact-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) {
  740. margin-right: -1px;
  741. }
  742. .ant-input-compact-item:not(.ant-input-compact-last-item).ant-input-compact-item-rtl {
  743. margin-left: -1px;
  744. }
  745. .ant-input-compact-item:hover,
  746. .ant-input-compact-item:focus,
  747. .ant-input-compact-item:active {
  748. z-index: 2;
  749. }
  750. .ant-input-compact-item[disabled] {
  751. z-index: 0;
  752. }
  753. .ant-input-compact-item:not(.ant-input-compact-first-item):not(.ant-input-compact-last-item).ant-input {
  754. border-radius: 0;
  755. }
  756. .ant-input-compact-item.ant-input.ant-input-compact-first-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) {
  757. border-top-right-radius: 0;
  758. border-bottom-right-radius: 0;
  759. }
  760. .ant-input-compact-item.ant-input.ant-input-compact-last-item:not(.ant-input-compact-first-item):not(.ant-input-compact-item-rtl) {
  761. border-top-left-radius: 0;
  762. border-bottom-left-radius: 0;
  763. }
  764. .ant-input-compact-item.ant-input.ant-input-compact-item-rtl.ant-input-compact-first-item:not(.ant-input-compact-last-item) {
  765. border-top-left-radius: 0;
  766. border-bottom-left-radius: 0;
  767. }
  768. .ant-input-compact-item.ant-input.ant-input-compact-item-rtl.ant-input-compact-last-item:not(.ant-input-compact-first-item) {
  769. border-top-right-radius: 0;
  770. border-bottom-right-radius: 0;
  771. }
  772. .ant-input-compact-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) {
  773. margin-right: -1px;
  774. }
  775. .ant-input-compact-item:not(.ant-input-compact-last-item).ant-input-compact-item-rtl {
  776. margin-left: -1px;
  777. }
  778. .ant-input-compact-item:hover,
  779. .ant-input-compact-item:focus,
  780. .ant-input-compact-item:active {
  781. z-index: 2;
  782. }
  783. .ant-input-compact-item[disabled] {
  784. z-index: 0;
  785. }
  786. .ant-input-compact-item:not(.ant-input-compact-first-item):not(.ant-input-compact-last-item).ant-input-affix-wrapper {
  787. border-radius: 0;
  788. }
  789. .ant-input-compact-item.ant-input-affix-wrapper.ant-input-compact-first-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) {
  790. border-top-right-radius: 0;
  791. border-bottom-right-radius: 0;
  792. }
  793. .ant-input-compact-item.ant-input-affix-wrapper.ant-input-compact-last-item:not(.ant-input-compact-first-item):not(.ant-input-compact-item-rtl) {
  794. border-top-left-radius: 0;
  795. border-bottom-left-radius: 0;
  796. }
  797. .ant-input-compact-item.ant-input-affix-wrapper.ant-input-compact-item-rtl.ant-input-compact-first-item:not(.ant-input-compact-last-item) {
  798. border-top-left-radius: 0;
  799. border-bottom-left-radius: 0;
  800. }
  801. .ant-input-compact-item.ant-input-affix-wrapper.ant-input-compact-item-rtl.ant-input-compact-last-item:not(.ant-input-compact-first-item) {
  802. border-top-right-radius: 0;
  803. border-bottom-right-radius: 0;
  804. }
  805. .ant-input-compact-item:not(.ant-input-compact-last-item) {
  806. margin-right: -1px;
  807. }
  808. .ant-input-compact-item:not(.ant-input-compact-last-item).ant-input-group-wrapper-compact-item-rtl {
  809. margin-right: 0;
  810. margin-left: -1px;
  811. }
  812. .ant-input-compact-item:hover > *,
  813. .ant-input-compact-item:focus > *,
  814. .ant-input-compact-item:active > * {
  815. z-index: 2;
  816. }
  817. .ant-input-compact-item[disabled] > * {
  818. z-index: 0;
  819. }
  820. .ant-input-compact-item:not(.ant-input-compact-first-item):not(.ant-input-compact-last-item).ant-input-group-wrapper .ant-input-group-addon {
  821. border-radius: 0;
  822. }
  823. .ant-input-compact-item.ant-input-compact-first-item.ant-input-group-wrapper:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) .ant-input-group-addon {
  824. border-top-right-radius: 0;
  825. border-bottom-right-radius: 0;
  826. }
  827. .ant-input-compact-item.ant-input-compact-last-item.ant-input-group-wrapper:not(.ant-input-compact-first-item):not(.ant-input-compact-item-rtl) .ant-input-group-addon {
  828. border-top-left-radius: 0;
  829. border-bottom-left-radius: 0;
  830. }
  831. .ant-input-compact-item.ant-input-group-wrapper.ant-input-compact-first-item.ant-input-compact-item-rtl:not(.ant-input-compact-last-item) .ant-input-group-addon {
  832. border-top-left-radius: 0;
  833. border-bottom-left-radius: 0;
  834. }
  835. .ant-input-compact-item.ant-input-group-wrapper.ant-input-compact-last-item.ant-input-compact-item-rtl:not(.ant-input-compact-first-item) .ant-input-group-addon {
  836. border-top-right-radius: 0;
  837. border-bottom-right-radius: 0;
  838. }
  839. .ant-input-search .ant-input:hover,
  840. .ant-input-search .ant-input:focus {
  841. border-color: #40a9ff;
  842. }
  843. .ant-input-search .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
  844. .ant-input-search .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
  845. border-left-color: #40a9ff;
  846. }
  847. .ant-input-search .ant-input-affix-wrapper {
  848. border-radius: 0;
  849. }
  850. .ant-input-search .ant-input-lg {
  851. line-height: 1.5713;
  852. }
  853. .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child {
  854. left: -1px;
  855. padding: 0;
  856. border: 0;
  857. }
  858. .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button {
  859. padding-top: 0;
  860. padding-bottom: 0;
  861. border-radius: 0 2px 2px 0;
  862. }
  863. .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary) {
  864. color: rgba(0, 0, 0, 0.45);
  865. }
  866. .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading::before {
  867. top: 0;
  868. right: 0;
  869. bottom: 0;
  870. left: 0;
  871. }
  872. .ant-input-search-button {
  873. height: 32px;
  874. }
  875. .ant-input-search-button:hover,
  876. .ant-input-search-button:focus {
  877. z-index: 1;
  878. }
  879. .ant-input-search-large .ant-input-search-button {
  880. height: 40px;
  881. }
  882. .ant-input-search-small .ant-input-search-button {
  883. height: 24px;
  884. }
  885. .ant-input-search.ant-input-compact-item:not(.ant-input-compact-item-rtl):not(.ant-input-compact-last-item) .ant-input-group-addon .ant-input-search-button {
  886. margin-right: -1px;
  887. border-radius: 0;
  888. }
  889. .ant-input-search.ant-input-compact-item:not(.ant-input-compact-first-item) .ant-input,
  890. .ant-input-search.ant-input-compact-item:not(.ant-input-compact-first-item) .ant-input-affix-wrapper {
  891. border-radius: 0;
  892. }
  893. .ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:hover,
  894. .ant-input-search.ant-input-compact-item > .ant-input:hover,
  895. .ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:hover,
  896. .ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:focus,
  897. .ant-input-search.ant-input-compact-item > .ant-input:focus,
  898. .ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:focus,
  899. .ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:active,
  900. .ant-input-search.ant-input-compact-item > .ant-input:active,
  901. .ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:active {
  902. z-index: 2;
  903. }
  904. .ant-input-search.ant-input-compact-item > .ant-input-affix-wrapper-focused {
  905. z-index: 2;
  906. }
  907. .ant-input-search.ant-input-compact-item-rtl:not(.ant-input-compact-last-item) .ant-input-group-addon:last-child .ant-input-search-button {
  908. margin-left: -1px;
  909. border-radius: 0;
  910. }
  911. .ant-input-group-wrapper-rtl {
  912. direction: rtl;
  913. }
  914. .ant-input-group-rtl {
  915. direction: rtl;
  916. }
  917. .ant-input-affix-wrapper.ant-input-affix-wrapper-rtl > input.ant-input {
  918. border: none;
  919. outline: none;
  920. }
  921. .ant-input-affix-wrapper-rtl .ant-input-prefix {
  922. margin: 0 0 0 4px;
  923. }
  924. .ant-input-affix-wrapper-rtl .ant-input-suffix {
  925. margin: 0 4px 0 0;
  926. }
  927. .ant-input-textarea-rtl {
  928. direction: rtl;
  929. }
  930. .ant-input-textarea-rtl.ant-input-textarea-show-count::after {
  931. text-align: left;
  932. }
  933. .ant-input-affix-wrapper-rtl .ant-input-clear-icon-has-suffix {
  934. margin-right: 0;
  935. margin-left: 4px;
  936. }
  937. .ant-input-affix-wrapper-rtl .ant-input-clear-icon {
  938. right: auto;
  939. left: 8px;
  940. }
  941. .ant-input-search-rtl {
  942. direction: rtl;
  943. }
  944. .ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
  945. .ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
  946. border-left-color: #d9d9d9;
  947. }
  948. .ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary):hover,
  949. .ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary):hover {
  950. border-left-color: #40a9ff;
  951. }
  952. .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper:hover,
  953. .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper-focused {
  954. border-right-color: #40a9ff;
  955. }
  956. .ant-input-search-rtl > .ant-input-group > .ant-input-group-addon:last-child {
  957. right: -1px;
  958. left: auto;
  959. }
  960. .ant-input-search-rtl > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button {
  961. border-radius: 2px 0 0 2px;
  962. }
  963. @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  964. .ant-input {
  965. height: 32px;
  966. }
  967. .ant-input-lg {
  968. height: 40px;
  969. }
  970. .ant-input-sm {
  971. height: 24px;
  972. }
  973. .ant-input-affix-wrapper > input.ant-input {
  974. height: auto;
  975. }
  976. }
  977. .ant-otp {
  978. display: inline-flex;
  979. flex-wrap: nowrap;
  980. align-items: center;
  981. column-gap: 8px;
  982. }
  983. .ant-otp-input {
  984. text-align: center;
  985. padding-inline: 4px;
  986. }
  987. textarea.nz-textarea-autosize-measuring {
  988. height: auto !important;
  989. padding: 2px 0 !important;
  990. overflow: hidden !important;
  991. }
  992. .ant-input-search-rtl.ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button.ant-btn-icon-only,
  993. .ant-input-search-rtl.ant-input-search-enter-button input + .ant-input-group-addon .ant-input-search-button.ant-btn-icon-only {
  994. width: 32px;
  995. height: 32px;
  996. }
  997. .ant-input-search-rtl.ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button.ant-btn-icon-only.ant-btn-sm,
  998. .ant-input-search-rtl.ant-input-search-enter-button input + .ant-input-group-addon .ant-input-search-button.ant-btn-icon-only.ant-btn-sm {
  999. width: 24px;
  1000. height: 24px;
  1001. }
  1002. .ant-input-search-rtl.ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button.ant-btn-icon-only.ant-btn-lg,
  1003. .ant-input-search-rtl.ant-input-search-enter-button input + .ant-input-group-addon .ant-input-search-button.ant-btn-icon-only.ant-btn-lg {
  1004. width: 40px;
  1005. height: 40px;
  1006. }
  1007. .ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-suffix {
  1008. margin-left: 0;
  1009. }
  1010. nz-form-item-feedback-icon.ant-input-suffix {
  1011. position: absolute;
  1012. top: 0;
  1013. right: 0;
  1014. z-index: 1;
  1015. display: flex;
  1016. flex: none;
  1017. align-items: center;
  1018. height: 100%;
  1019. margin-right: 12px;
  1020. margin-left: 4px;
  1021. pointer-events: none;
  1022. }
  1023. .ant-input-status-error.ant-input-has-feedback,
  1024. .ant-input-status-warning.ant-input-has-feedback,
  1025. .ant-input-status-validating.ant-input-has-feedback,
  1026. .ant-input-status-success.ant-input-has-feedback {
  1027. padding-right: 28px;
  1028. }
  1029. .ant-input-textarea-show-count {
  1030. position: relative;
  1031. display: block;
  1032. }
  1033. .ant-otp-input {
  1034. width: auto;
  1035. }