index.css 71 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407
  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-picker-status-error.ant-picker,
  4. .ant-picker-status-error.ant-picker:not(.ant-picker-disabled):hover {
  5. background-color: #fff;
  6. border-color: #ff4d4f;
  7. }
  8. .ant-picker-status-error.ant-picker-focused,
  9. .ant-picker-status-error.ant-picker:focus {
  10. border-color: #ff7875;
  11. box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  12. border-right-width: 1px;
  13. outline: 0;
  14. }
  15. .ant-picker-status-error.ant-picker .ant-picker-active-bar {
  16. background: #ff7875;
  17. }
  18. .ant-picker-status-warning.ant-picker,
  19. .ant-picker-status-warning.ant-picker:not(.ant-picker-disabled):hover {
  20. background-color: #fff;
  21. border-color: #faad14;
  22. }
  23. .ant-picker-status-warning.ant-picker-focused,
  24. .ant-picker-status-warning.ant-picker:focus {
  25. border-color: #ffc53d;
  26. box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  27. border-right-width: 1px;
  28. outline: 0;
  29. }
  30. .ant-picker-status-warning.ant-picker .ant-picker-active-bar {
  31. background: #ffc53d;
  32. }
  33. .ant-picker {
  34. box-sizing: border-box;
  35. margin: 0;
  36. padding: 0;
  37. color: rgba(0, 0, 0, 0.85);
  38. font-size: 14px;
  39. font-variant: tabular-nums;
  40. line-height: 1.5715;
  41. list-style: none;
  42. font-feature-settings: 'tnum';
  43. padding: 4px 11px 4px;
  44. position: relative;
  45. display: inline-flex;
  46. align-items: center;
  47. background: #fff;
  48. border: 1px solid #d9d9d9;
  49. border-radius: 2px;
  50. transition: border 0.3s, box-shadow 0.3s;
  51. }
  52. .ant-picker:hover,
  53. .ant-picker-focused {
  54. border-color: #40a9ff;
  55. border-right-width: 1px;
  56. }
  57. .ant-input-rtl .ant-picker:hover,
  58. .ant-input-rtl .ant-picker-focused {
  59. border-right-width: 0;
  60. border-left-width: 1px !important;
  61. }
  62. .ant-picker-focused {
  63. border-color: #40a9ff;
  64. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  65. border-right-width: 1px;
  66. outline: 0;
  67. }
  68. .ant-input-rtl .ant-picker-focused {
  69. border-right-width: 0;
  70. border-left-width: 1px !important;
  71. }
  72. .ant-picker.ant-picker-disabled {
  73. background: #f5f5f5;
  74. border-color: #d9d9d9;
  75. cursor: not-allowed;
  76. }
  77. .ant-picker.ant-picker-disabled .ant-picker-suffix {
  78. color: rgba(0, 0, 0, 0.25);
  79. }
  80. .ant-picker.ant-picker-borderless {
  81. background-color: transparent !important;
  82. border-color: transparent !important;
  83. box-shadow: none !important;
  84. }
  85. .ant-picker-input {
  86. position: relative;
  87. display: inline-flex;
  88. align-items: center;
  89. width: 100%;
  90. }
  91. .ant-picker-input > input {
  92. position: relative;
  93. display: inline-block;
  94. width: 100%;
  95. min-width: 0;
  96. padding: 4px 11px;
  97. color: rgba(0, 0, 0, 0.85);
  98. font-size: 14px;
  99. line-height: 1.5715;
  100. background-color: #fff;
  101. background-image: none;
  102. border: 1px solid #d9d9d9;
  103. border-radius: 2px;
  104. transition: all 0.3s;
  105. flex: auto;
  106. min-width: 1px;
  107. height: auto;
  108. padding: 0;
  109. background: transparent;
  110. border: 0;
  111. }
  112. .ant-picker-input > input::placeholder {
  113. color: #bfbfbf;
  114. user-select: none;
  115. }
  116. .ant-picker-input > input:placeholder-shown {
  117. text-overflow: ellipsis;
  118. }
  119. .ant-picker-input > input:hover {
  120. border-color: #40a9ff;
  121. border-right-width: 1px;
  122. }
  123. .ant-input-rtl .ant-picker-input > input:hover {
  124. border-right-width: 0;
  125. border-left-width: 1px !important;
  126. }
  127. .ant-picker-input > input:focus,
  128. .ant-picker-input > input-focused {
  129. border-color: #40a9ff;
  130. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  131. border-right-width: 1px;
  132. outline: 0;
  133. }
  134. .ant-input-rtl .ant-picker-input > input:focus,
  135. .ant-input-rtl .ant-picker-input > input-focused {
  136. border-right-width: 0;
  137. border-left-width: 1px !important;
  138. }
  139. .ant-picker-input > input-disabled {
  140. color: rgba(0, 0, 0, 0.25);
  141. background-color: #f5f5f5;
  142. border-color: #d9d9d9;
  143. box-shadow: none;
  144. cursor: not-allowed;
  145. opacity: 1;
  146. }
  147. .ant-picker-input > input-disabled:hover {
  148. border-color: #d9d9d9;
  149. border-right-width: 1px;
  150. }
  151. .ant-picker-input > input[disabled] {
  152. color: rgba(0, 0, 0, 0.25);
  153. background-color: #f5f5f5;
  154. border-color: #d9d9d9;
  155. box-shadow: none;
  156. cursor: not-allowed;
  157. opacity: 1;
  158. }
  159. .ant-picker-input > input[disabled]:hover {
  160. border-color: #d9d9d9;
  161. border-right-width: 1px;
  162. }
  163. .ant-picker-input > input-borderless,
  164. .ant-picker-input > input-borderless:hover,
  165. .ant-picker-input > input-borderless:focus,
  166. .ant-picker-input > input-borderless-focused,
  167. .ant-picker-input > input-borderless-disabled,
  168. .ant-picker-input > input-borderless[disabled] {
  169. background-color: transparent;
  170. border: none;
  171. box-shadow: none;
  172. }
  173. textarea.ant-picker-input > input {
  174. max-width: 100%;
  175. height: auto;
  176. min-height: 32px;
  177. line-height: 1.5715;
  178. vertical-align: bottom;
  179. transition: all 0.3s, height 0s;
  180. }
  181. .ant-picker-input > input-lg {
  182. padding: 6.5px 11px;
  183. font-size: 16px;
  184. }
  185. .ant-picker-input > input-sm {
  186. padding: 0px 7px;
  187. }
  188. .ant-picker-input > input-rtl {
  189. direction: rtl;
  190. }
  191. .ant-picker-input > input-stepperless[type='number'] {
  192. /* stylelint-disable-next-line property-no-vendor-prefix */
  193. -moz-appearance: textfield;
  194. }
  195. .ant-picker-input > input-stepperless[type='number']::-webkit-inner-spin-button,
  196. .ant-picker-input > input-stepperless[type='number'] ::-webkit-outer-spin-button {
  197. margin: 0;
  198. /* stylelint-disable-next-line property-no-vendor-prefix */
  199. -webkit-appearance: none;
  200. }
  201. .ant-picker-input > input:focus {
  202. box-shadow: none;
  203. }
  204. .ant-picker-input > input[disabled] {
  205. background: transparent;
  206. }
  207. .ant-picker-input:hover .ant-picker-clear {
  208. opacity: 1;
  209. }
  210. .ant-picker-input-placeholder > input {
  211. color: #bfbfbf;
  212. }
  213. .ant-picker-large {
  214. padding: 6.5px 11px 6.5px;
  215. }
  216. .ant-picker-large .ant-picker-input > input {
  217. font-size: 16px;
  218. }
  219. .ant-picker-small {
  220. padding: 0px 7px 0px;
  221. }
  222. .ant-picker-suffix {
  223. display: flex;
  224. flex: none;
  225. align-self: center;
  226. margin-left: 4px;
  227. color: rgba(0, 0, 0, 0.25);
  228. line-height: 1;
  229. pointer-events: none;
  230. }
  231. .ant-picker-suffix > * {
  232. vertical-align: top;
  233. }
  234. .ant-picker-suffix > *:not(:last-child) {
  235. margin-right: 8px;
  236. }
  237. .ant-picker-clear {
  238. position: absolute;
  239. top: 50%;
  240. right: 0;
  241. color: rgba(0, 0, 0, 0.25);
  242. line-height: 1;
  243. background: #fff;
  244. transform: translateY(-50%);
  245. cursor: pointer;
  246. opacity: 0;
  247. transition: opacity 0.3s, color 0.3s;
  248. }
  249. .ant-picker-clear > * {
  250. vertical-align: top;
  251. }
  252. .ant-picker-clear:hover {
  253. color: rgba(0, 0, 0, 0.45);
  254. }
  255. .ant-picker-separator {
  256. position: relative;
  257. display: inline-block;
  258. width: 1em;
  259. height: 16px;
  260. color: rgba(0, 0, 0, 0.25);
  261. font-size: 16px;
  262. vertical-align: top;
  263. cursor: default;
  264. }
  265. .ant-picker-focused .ant-picker-separator {
  266. color: rgba(0, 0, 0, 0.45);
  267. }
  268. .ant-picker-disabled .ant-picker-range-separator .ant-picker-separator {
  269. cursor: not-allowed;
  270. }
  271. .ant-picker-range {
  272. position: relative;
  273. display: inline-flex;
  274. }
  275. .ant-picker-range .ant-picker-clear {
  276. right: 11px;
  277. }
  278. .ant-picker-range:hover .ant-picker-clear {
  279. opacity: 1;
  280. }
  281. .ant-picker-range .ant-picker-active-bar {
  282. bottom: -1px;
  283. height: 2px;
  284. margin-left: 11px;
  285. background: #1890ff;
  286. opacity: 0;
  287. transition: all 0.3s ease-out;
  288. pointer-events: none;
  289. }
  290. .ant-picker-range.ant-picker-focused .ant-picker-active-bar {
  291. opacity: 1;
  292. }
  293. .ant-picker-range-separator {
  294. align-items: center;
  295. padding: 0 8px;
  296. line-height: 1;
  297. }
  298. .ant-picker-range.ant-picker-small .ant-picker-clear {
  299. right: 7px;
  300. }
  301. .ant-picker-range.ant-picker-small .ant-picker-active-bar {
  302. margin-left: 7px;
  303. }
  304. .ant-picker-dropdown {
  305. box-sizing: border-box;
  306. margin: 0;
  307. padding: 0;
  308. color: rgba(0, 0, 0, 0.85);
  309. font-size: 14px;
  310. font-variant: tabular-nums;
  311. line-height: 1.5715;
  312. list-style: none;
  313. font-feature-settings: 'tnum';
  314. position: absolute;
  315. top: -9999px;
  316. left: -9999px;
  317. z-index: 1050;
  318. }
  319. .ant-picker-dropdown-hidden {
  320. display: none;
  321. }
  322. .ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow {
  323. top: 2.58561808px;
  324. display: block;
  325. transform: rotate(-135deg) translateY(1px);
  326. }
  327. .ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow {
  328. bottom: 2.58561808px;
  329. display: block;
  330. transform: rotate(45deg);
  331. }
  332. .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topLeft,
  333. .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topRight,
  334. .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topLeft,
  335. .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topRight {
  336. animation-name: antSlideDownIn;
  337. }
  338. .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomLeft,
  339. .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomRight,
  340. .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomLeft,
  341. .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomRight {
  342. animation-name: antSlideUpIn;
  343. }
  344. .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topLeft,
  345. .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topRight {
  346. animation-name: antSlideDownOut;
  347. }
  348. .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomLeft,
  349. .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomRight {
  350. animation-name: antSlideUpOut;
  351. }
  352. .ant-picker-dropdown-range {
  353. padding: 7.54247233px 0;
  354. }
  355. .ant-picker-dropdown-range-hidden {
  356. display: none;
  357. }
  358. .ant-picker-dropdown .ant-picker-panel > .ant-picker-time-panel {
  359. padding-top: 4px;
  360. }
  361. .ant-picker-ranges {
  362. margin-bottom: 0;
  363. padding: 4px 12px;
  364. overflow: hidden;
  365. line-height: 34px;
  366. text-align: left;
  367. list-style: none;
  368. }
  369. .ant-picker-ranges > li {
  370. display: inline-block;
  371. }
  372. .ant-picker-ranges .ant-picker-preset > .ant-tag-blue {
  373. color: #1890ff;
  374. background: #e6f7ff;
  375. border-color: #91d5ff;
  376. cursor: pointer;
  377. }
  378. .ant-picker-ranges .ant-picker-ok {
  379. float: right;
  380. margin-left: 8px;
  381. }
  382. .ant-picker-range-wrapper {
  383. display: flex;
  384. }
  385. .ant-picker-range-arrow {
  386. position: absolute;
  387. z-index: 1;
  388. width: 11.3137085px;
  389. height: 11.3137085px;
  390. margin-left: 16.5px;
  391. box-shadow: 2px 2px 6px -2px rgba(0, 0, 0, 0.1);
  392. transition: left 0.3s ease-out;
  393. border-radius: 0 0 2px;
  394. pointer-events: none;
  395. }
  396. .ant-picker-range-arrow::before {
  397. position: absolute;
  398. top: -11.3137085px;
  399. left: -11.3137085px;
  400. width: 33.9411255px;
  401. height: 33.9411255px;
  402. background: #fff;
  403. background-repeat: no-repeat;
  404. background-position: -10px -10px;
  405. content: '';
  406. clip-path: inset(33% 33%);
  407. clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
  408. }
  409. .ant-picker-panel-container {
  410. overflow: hidden;
  411. vertical-align: top;
  412. background: #fff;
  413. border-radius: 2px;
  414. box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  415. transition: margin 0.3s;
  416. }
  417. .ant-picker-panel-container .ant-picker-panels {
  418. display: inline-flex;
  419. flex-wrap: nowrap;
  420. direction: ltr;
  421. }
  422. .ant-picker-panel-container .ant-picker-panel {
  423. vertical-align: top;
  424. background: transparent;
  425. border-width: 0 0 1px 0;
  426. border-radius: 0;
  427. }
  428. .ant-picker-panel-container .ant-picker-panel .ant-picker-content,
  429. .ant-picker-panel-container .ant-picker-panel table {
  430. text-align: center;
  431. }
  432. .ant-picker-panel-container .ant-picker-panel-focused {
  433. border-color: #f0f0f0;
  434. }
  435. .ant-picker-compact-item:not(.ant-picker-compact-last-item):not(.ant-picker-compact-item-rtl) {
  436. margin-right: -1px;
  437. }
  438. .ant-picker-compact-item:not(.ant-picker-compact-last-item).ant-picker-compact-item-rtl {
  439. margin-left: -1px;
  440. }
  441. .ant-picker-compact-item:hover,
  442. .ant-picker-compact-item:focus,
  443. .ant-picker-compact-item:active {
  444. z-index: 2;
  445. }
  446. .ant-picker-compact-item.ant-picker-focused {
  447. z-index: 2;
  448. }
  449. .ant-picker-compact-item[disabled] {
  450. z-index: 0;
  451. }
  452. .ant-picker-compact-item:not(.ant-picker-compact-first-item):not(.ant-picker-compact-last-item).ant-picker {
  453. border-radius: 0;
  454. }
  455. .ant-picker-compact-item.ant-picker.ant-picker-compact-first-item:not(.ant-picker-compact-last-item):not(.ant-picker-compact-item-rtl) {
  456. border-top-right-radius: 0;
  457. border-bottom-right-radius: 0;
  458. }
  459. .ant-picker-compact-item.ant-picker.ant-picker-compact-last-item:not(.ant-picker-compact-first-item):not(.ant-picker-compact-item-rtl) {
  460. border-top-left-radius: 0;
  461. border-bottom-left-radius: 0;
  462. }
  463. .ant-picker-compact-item.ant-picker.ant-picker-compact-item-rtl.ant-picker-compact-first-item:not(.ant-picker-compact-last-item) {
  464. border-top-left-radius: 0;
  465. border-bottom-left-radius: 0;
  466. }
  467. .ant-picker-compact-item.ant-picker.ant-picker-compact-item-rtl.ant-picker-compact-last-item:not(.ant-picker-compact-first-item) {
  468. border-top-right-radius: 0;
  469. border-bottom-right-radius: 0;
  470. }
  471. .ant-picker-panel {
  472. display: inline-flex;
  473. flex-direction: column;
  474. text-align: center;
  475. background: #fff;
  476. border: 1px solid #f0f0f0;
  477. border-radius: 2px;
  478. outline: none;
  479. }
  480. .ant-picker-panel-focused {
  481. border-color: #1890ff;
  482. }
  483. .ant-picker-decade-panel,
  484. .ant-picker-year-panel,
  485. .ant-picker-quarter-panel,
  486. .ant-picker-month-panel,
  487. .ant-picker-week-panel,
  488. .ant-picker-date-panel,
  489. .ant-picker-time-panel {
  490. display: flex;
  491. flex-direction: column;
  492. width: 280px;
  493. }
  494. .ant-picker-header {
  495. display: flex;
  496. padding: 0 8px;
  497. color: rgba(0, 0, 0, 0.85);
  498. border-bottom: 1px solid #f0f0f0;
  499. }
  500. .ant-picker-header > * {
  501. flex: none;
  502. }
  503. .ant-picker-header button {
  504. padding: 0;
  505. color: rgba(0, 0, 0, 0.25);
  506. line-height: 40px;
  507. background: transparent;
  508. border: 0;
  509. cursor: pointer;
  510. transition: color 0.3s;
  511. }
  512. .ant-picker-header > button {
  513. min-width: 1.6em;
  514. font-size: 14px;
  515. }
  516. .ant-picker-header > button:hover {
  517. color: rgba(0, 0, 0, 0.85);
  518. }
  519. .ant-picker-header-view {
  520. flex: auto;
  521. font-weight: 500;
  522. line-height: 40px;
  523. }
  524. .ant-picker-header-view button {
  525. color: inherit;
  526. font-weight: inherit;
  527. }
  528. .ant-picker-header-view button:not(:first-child) {
  529. margin-left: 8px;
  530. }
  531. .ant-picker-header-view button:hover {
  532. color: #1890ff;
  533. }
  534. .ant-picker-prev-icon,
  535. .ant-picker-next-icon,
  536. .ant-picker-super-prev-icon,
  537. .ant-picker-super-next-icon {
  538. position: relative;
  539. display: inline-block;
  540. width: 7px;
  541. height: 7px;
  542. }
  543. .ant-picker-prev-icon::before,
  544. .ant-picker-next-icon::before,
  545. .ant-picker-super-prev-icon::before,
  546. .ant-picker-super-next-icon::before {
  547. position: absolute;
  548. top: 0;
  549. left: 0;
  550. display: inline-block;
  551. width: 7px;
  552. height: 7px;
  553. border: 0 solid currentcolor;
  554. border-width: 1.5px 0 0 1.5px;
  555. content: '';
  556. }
  557. .ant-picker-super-prev-icon::after,
  558. .ant-picker-super-next-icon::after {
  559. position: absolute;
  560. top: 4px;
  561. left: 4px;
  562. display: inline-block;
  563. width: 7px;
  564. height: 7px;
  565. border: 0 solid currentcolor;
  566. border-width: 1.5px 0 0 1.5px;
  567. content: '';
  568. }
  569. .ant-picker-prev-icon,
  570. .ant-picker-super-prev-icon {
  571. transform: rotate(-45deg);
  572. }
  573. .ant-picker-next-icon,
  574. .ant-picker-super-next-icon {
  575. transform: rotate(135deg);
  576. }
  577. .ant-picker-content {
  578. width: 100%;
  579. table-layout: fixed;
  580. border-collapse: collapse;
  581. }
  582. .ant-picker-content th,
  583. .ant-picker-content td {
  584. position: relative;
  585. min-width: 24px;
  586. font-weight: 400;
  587. }
  588. .ant-picker-content th {
  589. height: 30px;
  590. color: rgba(0, 0, 0, 0.85);
  591. line-height: 30px;
  592. }
  593. .ant-picker-cell {
  594. padding: 3px 0;
  595. color: rgba(0, 0, 0, 0.25);
  596. cursor: pointer;
  597. }
  598. .ant-picker-cell-in-view {
  599. color: rgba(0, 0, 0, 0.85);
  600. }
  601. .ant-picker-cell::before {
  602. position: absolute;
  603. top: 50%;
  604. right: 0;
  605. left: 0;
  606. z-index: 1;
  607. height: 24px;
  608. transform: translateY(-50%);
  609. transition: all 0.3s;
  610. content: '';
  611. }
  612. .ant-picker-cell .ant-picker-cell-inner {
  613. position: relative;
  614. z-index: 2;
  615. display: inline-block;
  616. min-width: 24px;
  617. height: 24px;
  618. line-height: 24px;
  619. border-radius: 2px;
  620. transition: background 0.3s, border 0.3s;
  621. }
  622. .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
  623. .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {
  624. background: #f5f5f5;
  625. }
  626. .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
  627. position: absolute;
  628. top: 0;
  629. right: 0;
  630. bottom: 0;
  631. left: 0;
  632. z-index: 1;
  633. border: 1px solid #1890ff;
  634. border-radius: 2px;
  635. content: '';
  636. }
  637. .ant-picker-cell-in-view.ant-picker-cell-in-range {
  638. position: relative;
  639. }
  640. .ant-picker-cell-in-view.ant-picker-cell-in-range::before {
  641. background: #e6f7ff;
  642. }
  643. .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,
  644. .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,
  645. .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
  646. color: #fff;
  647. background: #1890ff;
  648. }
  649. .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before,
  650. .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before {
  651. background: #e6f7ff;
  652. }
  653. .ant-picker-cell-in-view.ant-picker-cell-range-start::before {
  654. left: 50%;
  655. }
  656. .ant-picker-cell-in-view.ant-picker-cell-range-end::before {
  657. right: 50%;
  658. }
  659. .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,
  660. .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,
  661. .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after,
  662. .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover::after,
  663. .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover::after,
  664. .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single::after,
  665. .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range)::after {
  666. position: absolute;
  667. top: 50%;
  668. z-index: 0;
  669. height: 24px;
  670. border-top: 1px dashed #7ec1ff;
  671. border-bottom: 1px dashed #7ec1ff;
  672. transform: translateY(-50%);
  673. transition: all 0.3s;
  674. content: '';
  675. }
  676. .ant-picker-cell-range-hover-start::after,
  677. .ant-picker-cell-range-hover-end::after,
  678. .ant-picker-cell-range-hover::after {
  679. right: 0;
  680. left: 2px;
  681. }
  682. .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before,
  683. .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before,
  684. .ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before,
  685. .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before,
  686. .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before,
  687. .ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before,
  688. .ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before {
  689. background: #cbe6ff;
  690. }
  691. .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner {
  692. border-radius: 2px 0 0 2px;
  693. }
  694. .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner {
  695. border-radius: 0 2px 2px 0;
  696. }
  697. .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after,
  698. .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
  699. position: absolute;
  700. top: 0;
  701. bottom: 0;
  702. z-index: -1;
  703. background: #cbe6ff;
  704. transition: all 0.3s;
  705. content: '';
  706. }
  707. .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after {
  708. right: -6px;
  709. left: 0;
  710. }
  711. .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
  712. right: 0;
  713. left: -6px;
  714. }
  715. .ant-picker-cell-range-hover.ant-picker-cell-range-start::after {
  716. right: 50%;
  717. }
  718. .ant-picker-cell-range-hover.ant-picker-cell-range-end::after {
  719. left: 50%;
  720. }
  721. tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after,
  722. tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,
  723. .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after,
  724. .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,
  725. .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after {
  726. left: 6px;
  727. border-left: 1px dashed #7ec1ff;
  728. border-top-left-radius: 2px;
  729. border-bottom-left-radius: 2px;
  730. }
  731. tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after,
  732. tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,
  733. .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after,
  734. .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after,
  735. .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after {
  736. right: 6px;
  737. border-right: 1px dashed #7ec1ff;
  738. border-top-right-radius: 2px;
  739. border-bottom-right-radius: 2px;
  740. }
  741. .ant-picker-cell-disabled {
  742. color: rgba(0, 0, 0, 0.25);
  743. pointer-events: none;
  744. }
  745. .ant-picker-cell-disabled .ant-picker-cell-inner {
  746. background: transparent;
  747. }
  748. .ant-picker-cell-disabled::before {
  749. background: rgba(0, 0, 0, 0.04);
  750. }
  751. .ant-picker-cell-disabled.ant-picker-cell-today .ant-picker-cell-inner::before {
  752. border-color: rgba(0, 0, 0, 0.25);
  753. }
  754. .ant-picker-decade-panel .ant-picker-content,
  755. .ant-picker-year-panel .ant-picker-content,
  756. .ant-picker-quarter-panel .ant-picker-content,
  757. .ant-picker-month-panel .ant-picker-content {
  758. height: 264px;
  759. }
  760. .ant-picker-decade-panel .ant-picker-cell-inner,
  761. .ant-picker-year-panel .ant-picker-cell-inner,
  762. .ant-picker-quarter-panel .ant-picker-cell-inner,
  763. .ant-picker-month-panel .ant-picker-cell-inner {
  764. padding: 0 8px;
  765. }
  766. .ant-picker-quarter-panel .ant-picker-content {
  767. height: 56px;
  768. }
  769. .ant-picker-footer {
  770. width: min-content;
  771. min-width: 100%;
  772. line-height: 38px;
  773. text-align: center;
  774. border-bottom: 1px solid transparent;
  775. }
  776. .ant-picker-panel .ant-picker-footer {
  777. border-top: 1px solid #f0f0f0;
  778. }
  779. .ant-picker-footer-extra {
  780. padding: 0 12px;
  781. line-height: 38px;
  782. text-align: left;
  783. }
  784. .ant-picker-footer-extra:not(:last-child) {
  785. border-bottom: 1px solid #f0f0f0;
  786. }
  787. .ant-picker-now {
  788. text-align: left;
  789. }
  790. .ant-picker-today-btn {
  791. color: #1890ff;
  792. }
  793. .ant-picker-today-btn:hover {
  794. color: #40a9ff;
  795. }
  796. .ant-picker-today-btn:active {
  797. color: #096dd9;
  798. }
  799. .ant-picker-today-btn.ant-picker-today-btn-disabled {
  800. color: rgba(0, 0, 0, 0.25);
  801. cursor: not-allowed;
  802. }
  803. .ant-picker-decade-panel .ant-picker-cell-inner {
  804. padding: 0 4px;
  805. }
  806. .ant-picker-decade-panel .ant-picker-cell::before {
  807. display: none;
  808. }
  809. .ant-picker-year-panel .ant-picker-body,
  810. .ant-picker-quarter-panel .ant-picker-body,
  811. .ant-picker-month-panel .ant-picker-body {
  812. padding: 0 8px;
  813. }
  814. .ant-picker-year-panel .ant-picker-cell-inner,
  815. .ant-picker-quarter-panel .ant-picker-cell-inner,
  816. .ant-picker-month-panel .ant-picker-cell-inner {
  817. width: 60px;
  818. }
  819. .ant-picker-year-panel .ant-picker-cell-range-hover-start::after,
  820. .ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after,
  821. .ant-picker-month-panel .ant-picker-cell-range-hover-start::after {
  822. left: 14px;
  823. border-left: 1px dashed #7ec1ff;
  824. border-radius: 2px 0 0 2px;
  825. }
  826. .ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-start::after,
  827. .ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after,
  828. .ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-start::after {
  829. right: 14px;
  830. border-right: 1px dashed #7ec1ff;
  831. border-radius: 0 2px 2px 0;
  832. }
  833. .ant-picker-year-panel .ant-picker-cell-range-hover-end::after,
  834. .ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after,
  835. .ant-picker-month-panel .ant-picker-cell-range-hover-end::after {
  836. right: 14px;
  837. border-right: 1px dashed #7ec1ff;
  838. border-radius: 0 2px 2px 0;
  839. }
  840. .ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-end::after,
  841. .ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after,
  842. .ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-end::after {
  843. left: 14px;
  844. border-left: 1px dashed #7ec1ff;
  845. border-radius: 2px 0 0 2px;
  846. }
  847. .ant-picker-week-panel .ant-picker-body {
  848. padding: 8px 12px;
  849. }
  850. .ant-picker-week-panel .ant-picker-cell:hover .ant-picker-cell-inner,
  851. .ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner,
  852. .ant-picker-week-panel .ant-picker-cell .ant-picker-cell-inner {
  853. background: transparent !important;
  854. }
  855. .ant-picker-week-panel-row td {
  856. transition: background 0.3s;
  857. }
  858. .ant-picker-week-panel-row:hover td {
  859. background: #f5f5f5;
  860. }
  861. .ant-picker-week-panel-row-selected td,
  862. .ant-picker-week-panel-row-selected:hover td {
  863. background: #1890ff;
  864. }
  865. .ant-picker-week-panel-row-selected td.ant-picker-cell-week,
  866. .ant-picker-week-panel-row-selected:hover td.ant-picker-cell-week {
  867. color: rgba(255, 255, 255, 0.5);
  868. }
  869. .ant-picker-week-panel-row-selected td.ant-picker-cell-today .ant-picker-cell-inner::before,
  870. .ant-picker-week-panel-row-selected:hover td.ant-picker-cell-today .ant-picker-cell-inner::before {
  871. border-color: #fff;
  872. }
  873. .ant-picker-week-panel-row-selected td .ant-picker-cell-inner,
  874. .ant-picker-week-panel-row-selected:hover td .ant-picker-cell-inner {
  875. color: #fff;
  876. }
  877. .ant-picker-date-panel .ant-picker-body {
  878. padding: 8px 12px;
  879. }
  880. .ant-picker-date-panel .ant-picker-content {
  881. width: 252px;
  882. }
  883. .ant-picker-date-panel .ant-picker-content th {
  884. width: 36px;
  885. }
  886. .ant-picker-datetime-panel {
  887. display: flex;
  888. }
  889. .ant-picker-datetime-panel .ant-picker-time-panel {
  890. border-left: 1px solid #f0f0f0;
  891. }
  892. .ant-picker-datetime-panel .ant-picker-date-panel,
  893. .ant-picker-datetime-panel .ant-picker-time-panel {
  894. transition: opacity 0.3s;
  895. }
  896. .ant-picker-datetime-panel-active .ant-picker-date-panel,
  897. .ant-picker-datetime-panel-active .ant-picker-time-panel {
  898. opacity: 0.3;
  899. }
  900. .ant-picker-datetime-panel-active .ant-picker-date-panel-active,
  901. .ant-picker-datetime-panel-active .ant-picker-time-panel-active {
  902. opacity: 1;
  903. }
  904. .ant-picker-time-panel {
  905. width: auto;
  906. min-width: auto;
  907. }
  908. .ant-picker-time-panel .ant-picker-content {
  909. display: flex;
  910. flex: auto;
  911. height: 224px;
  912. }
  913. .ant-picker-time-panel-column {
  914. flex: 1 0 auto;
  915. width: 56px;
  916. margin: 0;
  917. padding: 0;
  918. overflow-y: hidden;
  919. text-align: left;
  920. list-style: none;
  921. transition: background 0.3s;
  922. }
  923. .ant-picker-time-panel-column::after {
  924. display: block;
  925. height: 196px;
  926. content: '';
  927. }
  928. .ant-picker-datetime-panel .ant-picker-time-panel-column::after {
  929. height: 198px;
  930. }
  931. .ant-picker-time-panel-column:not(:first-child) {
  932. border-left: 1px solid #f0f0f0;
  933. }
  934. .ant-picker-time-panel-column-active {
  935. background: rgba(230, 247, 255, 0.2);
  936. }
  937. .ant-picker-time-panel-column:hover {
  938. overflow-y: auto;
  939. }
  940. .ant-picker-time-panel-column > li {
  941. margin: 0;
  942. padding: 0;
  943. }
  944. .ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner {
  945. display: block;
  946. width: 100%;
  947. height: 28px;
  948. margin: 0;
  949. padding: 0 0 0 14px;
  950. color: rgba(0, 0, 0, 0.85);
  951. line-height: 28px;
  952. border-radius: 0;
  953. cursor: pointer;
  954. transition: background 0.3s;
  955. }
  956. .ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover {
  957. background: #f5f5f5;
  958. }
  959. .ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {
  960. background: #e6f7ff;
  961. }
  962. .ant-picker-time-panel-column > li.ant-picker-time-panel-cell-disabled .ant-picker-time-panel-cell-inner {
  963. color: rgba(0, 0, 0, 0.25);
  964. background: transparent;
  965. cursor: not-allowed;
  966. }
  967. /* stylelint-disable selector-type-no-unknown,selector-no-vendor-prefix */
  968. _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,
  969. :root .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,
  970. _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell,
  971. :root .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell {
  972. padding: 21px 0;
  973. }
  974. .ant-picker-rtl {
  975. direction: rtl;
  976. }
  977. .ant-picker-rtl .ant-picker-suffix {
  978. margin-right: 4px;
  979. margin-left: 0;
  980. }
  981. .ant-picker-rtl .ant-picker-clear {
  982. right: auto;
  983. left: 0;
  984. }
  985. .ant-picker-rtl .ant-picker-separator {
  986. transform: rotate(180deg);
  987. }
  988. .ant-picker-panel-rtl .ant-picker-header-view button:not(:first-child) {
  989. margin-right: 8px;
  990. margin-left: 0;
  991. }
  992. .ant-picker-rtl.ant-picker-range .ant-picker-clear {
  993. right: auto;
  994. left: 11px;
  995. }
  996. .ant-picker-rtl.ant-picker-range .ant-picker-active-bar {
  997. margin-right: 11px;
  998. margin-left: 0;
  999. }
  1000. .ant-picker-rtl.ant-picker-range.ant-picker-small .ant-picker-active-bar {
  1001. margin-right: 7px;
  1002. }
  1003. .ant-picker-dropdown-rtl .ant-picker-ranges {
  1004. text-align: right;
  1005. }
  1006. .ant-picker-dropdown-rtl .ant-picker-ranges .ant-picker-ok {
  1007. float: left;
  1008. margin-right: 8px;
  1009. margin-left: 0;
  1010. }
  1011. .ant-picker-panel-rtl {
  1012. direction: rtl;
  1013. }
  1014. .ant-picker-panel-rtl .ant-picker-prev-icon,
  1015. .ant-picker-panel-rtl .ant-picker-super-prev-icon {
  1016. transform: rotate(135deg);
  1017. }
  1018. .ant-picker-panel-rtl .ant-picker-next-icon,
  1019. .ant-picker-panel-rtl .ant-picker-super-next-icon {
  1020. transform: rotate(-45deg);
  1021. }
  1022. .ant-picker-cell .ant-picker-cell-inner {
  1023. position: relative;
  1024. z-index: 2;
  1025. display: inline-block;
  1026. min-width: 24px;
  1027. height: 24px;
  1028. line-height: 24px;
  1029. border-radius: 2px;
  1030. transition: background 0.3s, border 0.3s;
  1031. }
  1032. .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start::before {
  1033. right: 50%;
  1034. left: 0;
  1035. }
  1036. .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end::before {
  1037. right: 0;
  1038. left: 50%;
  1039. }
  1040. .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-end::before {
  1041. right: 50%;
  1042. left: 50%;
  1043. }
  1044. .ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after {
  1045. right: 0;
  1046. left: -6px;
  1047. }
  1048. .ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
  1049. right: -6px;
  1050. left: 0;
  1051. }
  1052. .ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-start::after {
  1053. right: 0;
  1054. left: 50%;
  1055. }
  1056. .ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-end::after {
  1057. right: 50%;
  1058. left: 0;
  1059. }
  1060. .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner {
  1061. border-radius: 0 2px 2px 0;
  1062. }
  1063. .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner {
  1064. border-radius: 2px 0 0 2px;
  1065. }
  1066. .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):first-child::after,
  1067. .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after,
  1068. .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,
  1069. .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after {
  1070. right: 6px;
  1071. left: 0;
  1072. border-right: 1px dashed #7ec1ff;
  1073. border-left: none;
  1074. border-radius: 0 2px 2px 0;
  1075. }
  1076. .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):last-child::after,
  1077. .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after,
  1078. .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after,
  1079. .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after {
  1080. right: 0;
  1081. left: 6px;
  1082. border-right: none;
  1083. border-left: 1px dashed #7ec1ff;
  1084. border-radius: 2px 0 0 2px;
  1085. }
  1086. .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,
  1087. .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,
  1088. .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover)::after,
  1089. .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-end.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover)::after,
  1090. .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-start.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover)::after,
  1091. .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-start:last-child::after,
  1092. .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-end:first-child::after {
  1093. right: 6px;
  1094. left: 6px;
  1095. border-right: 1px dashed #7ec1ff;
  1096. border-left: 1px dashed #7ec1ff;
  1097. border-radius: 2px;
  1098. }
  1099. .ant-picker-dropdown-rtl .ant-picker-footer-extra {
  1100. direction: rtl;
  1101. text-align: right;
  1102. }
  1103. .ant-picker-panel-rtl .ant-picker-time-panel {
  1104. direction: ltr;
  1105. }
  1106. .ant-picker-inline {
  1107. padding: 0;
  1108. border: none;
  1109. }
  1110. .ant-picker-inline .ant-picker-range-arrow {
  1111. display: none !important;
  1112. }
  1113. .ant-picker-inline .ant-picker-dropdown {
  1114. z-index: auto;
  1115. }
  1116. .ant-picker-dropdown {
  1117. top: unset;
  1118. left: unset;
  1119. }
  1120. .ant-picker-panel-container.ant-picker-week-number .ant-picker-date-panel .ant-picker-content {
  1121. width: 100%;
  1122. }
  1123. .ant-picker-panel-container.ant-picker-week-number .ant-picker-date-panel .ant-picker-content th {
  1124. width: inherit;
  1125. }
  1126. .ant-picker-range-arrow {
  1127. margin-right: 16.5px;
  1128. }
  1129. .ant-input-affix-wrapper {
  1130. position: relative;
  1131. display: inline-block;
  1132. width: 100%;
  1133. min-width: 0;
  1134. padding: 4px 11px;
  1135. color: rgba(0, 0, 0, 0.85);
  1136. font-size: 14px;
  1137. line-height: 1.5715;
  1138. background-color: #fff;
  1139. background-image: none;
  1140. border: 1px solid #d9d9d9;
  1141. border-radius: 2px;
  1142. transition: all 0.3s;
  1143. display: inline-flex;
  1144. }
  1145. .ant-input-affix-wrapper::placeholder {
  1146. color: #bfbfbf;
  1147. user-select: none;
  1148. }
  1149. .ant-input-affix-wrapper:placeholder-shown {
  1150. text-overflow: ellipsis;
  1151. }
  1152. .ant-input-affix-wrapper:hover {
  1153. border-color: #40a9ff;
  1154. border-right-width: 1px;
  1155. }
  1156. .ant-input-rtl .ant-input-affix-wrapper:hover {
  1157. border-right-width: 0;
  1158. border-left-width: 1px !important;
  1159. }
  1160. .ant-input-affix-wrapper:focus,
  1161. .ant-input-affix-wrapper-focused {
  1162. border-color: #40a9ff;
  1163. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  1164. border-right-width: 1px;
  1165. outline: 0;
  1166. }
  1167. .ant-input-rtl .ant-input-affix-wrapper:focus,
  1168. .ant-input-rtl .ant-input-affix-wrapper-focused {
  1169. border-right-width: 0;
  1170. border-left-width: 1px !important;
  1171. }
  1172. .ant-input-affix-wrapper-disabled {
  1173. color: rgba(0, 0, 0, 0.25);
  1174. background-color: #f5f5f5;
  1175. border-color: #d9d9d9;
  1176. box-shadow: none;
  1177. cursor: not-allowed;
  1178. opacity: 1;
  1179. }
  1180. .ant-input-affix-wrapper-disabled:hover {
  1181. border-color: #d9d9d9;
  1182. border-right-width: 1px;
  1183. }
  1184. .ant-input-affix-wrapper[disabled] {
  1185. color: rgba(0, 0, 0, 0.25);
  1186. background-color: #f5f5f5;
  1187. border-color: #d9d9d9;
  1188. box-shadow: none;
  1189. cursor: not-allowed;
  1190. opacity: 1;
  1191. }
  1192. .ant-input-affix-wrapper[disabled]:hover {
  1193. border-color: #d9d9d9;
  1194. border-right-width: 1px;
  1195. }
  1196. .ant-input-affix-wrapper-borderless,
  1197. .ant-input-affix-wrapper-borderless:hover,
  1198. .ant-input-affix-wrapper-borderless:focus,
  1199. .ant-input-affix-wrapper-borderless-focused,
  1200. .ant-input-affix-wrapper-borderless-disabled,
  1201. .ant-input-affix-wrapper-borderless[disabled] {
  1202. background-color: transparent;
  1203. border: none;
  1204. box-shadow: none;
  1205. }
  1206. textarea.ant-input-affix-wrapper {
  1207. max-width: 100%;
  1208. height: auto;
  1209. min-height: 32px;
  1210. line-height: 1.5715;
  1211. vertical-align: bottom;
  1212. transition: all 0.3s, height 0s;
  1213. }
  1214. .ant-input-affix-wrapper-lg {
  1215. padding: 6.5px 11px;
  1216. font-size: 16px;
  1217. }
  1218. .ant-input-affix-wrapper-sm {
  1219. padding: 0px 7px;
  1220. }
  1221. .ant-input-affix-wrapper-rtl {
  1222. direction: rtl;
  1223. }
  1224. .ant-input-affix-wrapper-stepperless[type='number'] {
  1225. /* stylelint-disable-next-line property-no-vendor-prefix */
  1226. -moz-appearance: textfield;
  1227. }
  1228. .ant-input-affix-wrapper-stepperless[type='number']::-webkit-inner-spin-button,
  1229. .ant-input-affix-wrapper-stepperless[type='number'] ::-webkit-outer-spin-button {
  1230. margin: 0;
  1231. /* stylelint-disable-next-line property-no-vendor-prefix */
  1232. -webkit-appearance: none;
  1233. }
  1234. .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  1235. border-color: #40a9ff;
  1236. border-right-width: 1px;
  1237. z-index: 1;
  1238. }
  1239. .ant-input-rtl .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  1240. border-right-width: 0;
  1241. border-left-width: 1px !important;
  1242. }
  1243. .ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  1244. z-index: 0;
  1245. }
  1246. .ant-input-affix-wrapper-focused,
  1247. .ant-input-affix-wrapper:focus {
  1248. z-index: 1;
  1249. }
  1250. .ant-input-affix-wrapper-disabled .ant-input[disabled] {
  1251. background: rgba(255, 255, 255, 0);
  1252. }
  1253. .ant-input-affix-wrapper > .ant-input {
  1254. font-size: inherit;
  1255. border: none;
  1256. outline: none;
  1257. }
  1258. .ant-input-affix-wrapper > .ant-input:focus {
  1259. box-shadow: none !important;
  1260. }
  1261. .ant-input-affix-wrapper > .ant-input:not(textarea) {
  1262. padding: 0;
  1263. }
  1264. .ant-input-affix-wrapper::before {
  1265. display: inline-block;
  1266. width: 0;
  1267. visibility: hidden;
  1268. content: '\a0';
  1269. }
  1270. .ant-input-prefix,
  1271. .ant-input-suffix {
  1272. display: flex;
  1273. flex: none;
  1274. align-items: center;
  1275. }
  1276. .ant-input-prefix > *:not(:last-child),
  1277. .ant-input-suffix > *:not(:last-child) {
  1278. margin-right: 8px;
  1279. }
  1280. .ant-input-show-count-suffix {
  1281. color: rgba(0, 0, 0, 0.45);
  1282. }
  1283. .ant-input-show-count-has-suffix {
  1284. margin-right: 2px;
  1285. }
  1286. .ant-input-prefix {
  1287. margin-right: 4px;
  1288. }
  1289. .ant-input-suffix {
  1290. margin-left: 4px;
  1291. }
  1292. .anticon.ant-input-clear-icon,
  1293. .ant-input-clear-icon {
  1294. margin: 0;
  1295. color: rgba(0, 0, 0, 0.25);
  1296. font-size: 12px;
  1297. vertical-align: -1px;
  1298. cursor: pointer;
  1299. transition: color 0.3s;
  1300. }
  1301. .anticon.ant-input-clear-icon:hover,
  1302. .ant-input-clear-icon:hover {
  1303. color: rgba(0, 0, 0, 0.45);
  1304. }
  1305. .anticon.ant-input-clear-icon:active,
  1306. .ant-input-clear-icon:active {
  1307. color: rgba(0, 0, 0, 0.85);
  1308. }
  1309. .anticon.ant-input-clear-icon-hidden,
  1310. .ant-input-clear-icon-hidden {
  1311. visibility: hidden;
  1312. }
  1313. .anticon.ant-input-clear-icon-has-suffix,
  1314. .ant-input-clear-icon-has-suffix {
  1315. margin: 0 4px;
  1316. }
  1317. .ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn {
  1318. padding: 0;
  1319. }
  1320. .ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon {
  1321. position: absolute;
  1322. top: 8px;
  1323. right: 8px;
  1324. z-index: 1;
  1325. }
  1326. .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
  1327. .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
  1328. background: #fff;
  1329. border-color: #ff4d4f;
  1330. }
  1331. .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,
  1332. .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused {
  1333. border-color: #ff7875;
  1334. box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  1335. border-right-width: 1px;
  1336. outline: 0;
  1337. }
  1338. .ant-input-status-error .ant-input-prefix {
  1339. color: #ff4d4f;
  1340. }
  1341. .ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
  1342. .ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
  1343. background: #fff;
  1344. border-color: #faad14;
  1345. }
  1346. .ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,
  1347. .ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused {
  1348. border-color: #ffc53d;
  1349. box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  1350. border-right-width: 1px;
  1351. outline: 0;
  1352. }
  1353. .ant-input-status-warning .ant-input-prefix {
  1354. color: #faad14;
  1355. }
  1356. .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
  1357. .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
  1358. background: #fff;
  1359. border-color: #ff4d4f;
  1360. }
  1361. .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,
  1362. .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused {
  1363. border-color: #ff7875;
  1364. box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  1365. border-right-width: 1px;
  1366. outline: 0;
  1367. }
  1368. .ant-input-affix-wrapper-status-error .ant-input-prefix {
  1369. color: #ff4d4f;
  1370. }
  1371. .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
  1372. .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
  1373. background: #fff;
  1374. border-color: #faad14;
  1375. }
  1376. .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,
  1377. .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused {
  1378. border-color: #ffc53d;
  1379. box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  1380. border-right-width: 1px;
  1381. outline: 0;
  1382. }
  1383. .ant-input-affix-wrapper-status-warning .ant-input-prefix {
  1384. color: #faad14;
  1385. }
  1386. .ant-input-textarea-status-error.ant-input-textarea-has-feedback .ant-input,
  1387. .ant-input-textarea-status-warning.ant-input-textarea-has-feedback .ant-input,
  1388. .ant-input-textarea-status-success.ant-input-textarea-has-feedback .ant-input,
  1389. .ant-input-textarea-status-validating.ant-input-textarea-has-feedback .ant-input {
  1390. padding-right: 24px;
  1391. }
  1392. .ant-input-group-wrapper-status-error .ant-input-group-addon {
  1393. color: #ff4d4f;
  1394. border-color: #ff4d4f;
  1395. }
  1396. .ant-input-group-wrapper-status-warning .ant-input-group-addon {
  1397. color: #faad14;
  1398. border-color: #faad14;
  1399. }
  1400. .ant-input {
  1401. box-sizing: border-box;
  1402. margin: 0;
  1403. padding: 0;
  1404. font-variant: tabular-nums;
  1405. list-style: none;
  1406. font-feature-settings: 'tnum';
  1407. position: relative;
  1408. display: inline-block;
  1409. width: 100%;
  1410. min-width: 0;
  1411. padding: 4px 11px;
  1412. color: rgba(0, 0, 0, 0.85);
  1413. font-size: 14px;
  1414. line-height: 1.5715;
  1415. background-color: #fff;
  1416. background-image: none;
  1417. border: 1px solid #d9d9d9;
  1418. border-radius: 2px;
  1419. transition: all 0.3s;
  1420. }
  1421. .ant-input::placeholder {
  1422. color: #bfbfbf;
  1423. user-select: none;
  1424. }
  1425. .ant-input:placeholder-shown {
  1426. text-overflow: ellipsis;
  1427. }
  1428. .ant-input:hover {
  1429. border-color: #40a9ff;
  1430. border-right-width: 1px;
  1431. }
  1432. .ant-input-rtl .ant-input:hover {
  1433. border-right-width: 0;
  1434. border-left-width: 1px !important;
  1435. }
  1436. .ant-input:focus,
  1437. .ant-input-focused {
  1438. border-color: #40a9ff;
  1439. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  1440. border-right-width: 1px;
  1441. outline: 0;
  1442. }
  1443. .ant-input-rtl .ant-input:focus,
  1444. .ant-input-rtl .ant-input-focused {
  1445. border-right-width: 0;
  1446. border-left-width: 1px !important;
  1447. }
  1448. .ant-input-disabled {
  1449. color: rgba(0, 0, 0, 0.25);
  1450. background-color: #f5f5f5;
  1451. border-color: #d9d9d9;
  1452. box-shadow: none;
  1453. cursor: not-allowed;
  1454. opacity: 1;
  1455. }
  1456. .ant-input-disabled:hover {
  1457. border-color: #d9d9d9;
  1458. border-right-width: 1px;
  1459. }
  1460. .ant-input[disabled] {
  1461. color: rgba(0, 0, 0, 0.25);
  1462. background-color: #f5f5f5;
  1463. border-color: #d9d9d9;
  1464. box-shadow: none;
  1465. cursor: not-allowed;
  1466. opacity: 1;
  1467. }
  1468. .ant-input[disabled]:hover {
  1469. border-color: #d9d9d9;
  1470. border-right-width: 1px;
  1471. }
  1472. .ant-input-borderless,
  1473. .ant-input-borderless:hover,
  1474. .ant-input-borderless:focus,
  1475. .ant-input-borderless-focused,
  1476. .ant-input-borderless-disabled,
  1477. .ant-input-borderless[disabled] {
  1478. background-color: transparent;
  1479. border: none;
  1480. box-shadow: none;
  1481. }
  1482. textarea.ant-input {
  1483. max-width: 100%;
  1484. height: auto;
  1485. min-height: 32px;
  1486. line-height: 1.5715;
  1487. vertical-align: bottom;
  1488. transition: all 0.3s, height 0s;
  1489. }
  1490. .ant-input-lg {
  1491. padding: 6.5px 11px;
  1492. font-size: 16px;
  1493. }
  1494. .ant-input-sm {
  1495. padding: 0px 7px;
  1496. }
  1497. .ant-input-rtl {
  1498. direction: rtl;
  1499. }
  1500. .ant-input-stepperless[type='number'] {
  1501. /* stylelint-disable-next-line property-no-vendor-prefix */
  1502. -moz-appearance: textfield;
  1503. }
  1504. .ant-input-stepperless[type='number']::-webkit-inner-spin-button,
  1505. .ant-input-stepperless[type='number'] ::-webkit-outer-spin-button {
  1506. margin: 0;
  1507. /* stylelint-disable-next-line property-no-vendor-prefix */
  1508. -webkit-appearance: none;
  1509. }
  1510. .ant-input-group {
  1511. box-sizing: border-box;
  1512. margin: 0;
  1513. padding: 0;
  1514. color: rgba(0, 0, 0, 0.85);
  1515. font-size: 14px;
  1516. font-variant: tabular-nums;
  1517. line-height: 1.5715;
  1518. list-style: none;
  1519. font-feature-settings: 'tnum';
  1520. position: relative;
  1521. display: table;
  1522. width: 100%;
  1523. border-collapse: separate;
  1524. border-spacing: 0;
  1525. }
  1526. .ant-input-group[class*='col-'] {
  1527. float: none;
  1528. padding-right: 0;
  1529. padding-left: 0;
  1530. }
  1531. .ant-input-group > [class*='col-'] {
  1532. padding-right: 8px;
  1533. }
  1534. .ant-input-group > [class*='col-']:last-child {
  1535. padding-right: 0;
  1536. }
  1537. .ant-input-group-addon,
  1538. .ant-input-group-wrap,
  1539. .ant-input-group > .ant-input {
  1540. display: table-cell;
  1541. }
  1542. .ant-input-group-addon:not(:first-child):not(:last-child),
  1543. .ant-input-group-wrap:not(:first-child):not(:last-child),
  1544. .ant-input-group > .ant-input:not(:first-child):not(:last-child) {
  1545. border-radius: 0;
  1546. }
  1547. .ant-input-group-addon,
  1548. .ant-input-group-wrap {
  1549. width: 1px;
  1550. white-space: nowrap;
  1551. vertical-align: middle;
  1552. }
  1553. .ant-input-group-wrap > * {
  1554. display: block !important;
  1555. }
  1556. .ant-input-group .ant-input {
  1557. float: left;
  1558. width: 100%;
  1559. margin-bottom: 0;
  1560. text-align: inherit;
  1561. }
  1562. .ant-input-group .ant-input:focus {
  1563. z-index: 1;
  1564. border-right-width: 1px;
  1565. }
  1566. .ant-input-group .ant-input:hover {
  1567. z-index: 1;
  1568. border-right-width: 1px;
  1569. }
  1570. .ant-input-search-with-button .ant-input-group .ant-input:hover {
  1571. z-index: 0;
  1572. }
  1573. .ant-input-group-addon {
  1574. position: relative;
  1575. padding: 0 11px;
  1576. color: rgba(0, 0, 0, 0.85);
  1577. font-weight: normal;
  1578. font-size: 14px;
  1579. text-align: center;
  1580. background-color: #fafafa;
  1581. border: 1px solid #d9d9d9;
  1582. border-radius: 2px;
  1583. transition: all 0.3s;
  1584. }
  1585. .ant-input-group-addon .ant-select {
  1586. margin: -5px -11px;
  1587. }
  1588. .ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  1589. background-color: inherit;
  1590. border: 1px solid transparent;
  1591. box-shadow: none;
  1592. }
  1593. .ant-input-group-addon .ant-select-open .ant-select-selector,
  1594. .ant-input-group-addon .ant-select-focused .ant-select-selector {
  1595. color: #1890ff;
  1596. }
  1597. .ant-input-group-addon .ant-cascader-picker {
  1598. margin: -9px -12px;
  1599. background-color: transparent;
  1600. }
  1601. .ant-input-group-addon .ant-cascader-picker .ant-cascader-input {
  1602. text-align: left;
  1603. border: 0;
  1604. box-shadow: none;
  1605. }
  1606. .ant-input-group > .ant-input:first-child,
  1607. .ant-input-group-addon:first-child {
  1608. border-top-right-radius: 0;
  1609. border-bottom-right-radius: 0;
  1610. }
  1611. .ant-input-group > .ant-input:first-child .ant-select .ant-select-selector,
  1612. .ant-input-group-addon:first-child .ant-select .ant-select-selector {
  1613. border-top-right-radius: 0;
  1614. border-bottom-right-radius: 0;
  1615. }
  1616. .ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
  1617. border-top-left-radius: 0;
  1618. border-bottom-left-radius: 0;
  1619. }
  1620. .ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
  1621. border-top-right-radius: 0;
  1622. border-bottom-right-radius: 0;
  1623. }
  1624. .ant-input-group-addon:first-child {
  1625. border-right: 0;
  1626. }
  1627. .ant-input-group-addon:last-child {
  1628. border-left: 0;
  1629. }
  1630. .ant-input-group > .ant-input:last-child,
  1631. .ant-input-group-addon:last-child {
  1632. border-top-left-radius: 0;
  1633. border-bottom-left-radius: 0;
  1634. }
  1635. .ant-input-group > .ant-input:last-child .ant-select .ant-select-selector,
  1636. .ant-input-group-addon:last-child .ant-select .ant-select-selector {
  1637. border-top-left-radius: 0;
  1638. border-bottom-left-radius: 0;
  1639. }
  1640. .ant-input-group-lg .ant-input,
  1641. .ant-input-group-lg > .ant-input-group-addon {
  1642. padding: 6.5px 11px;
  1643. font-size: 16px;
  1644. }
  1645. .ant-input-group-sm .ant-input,
  1646. .ant-input-group-sm > .ant-input-group-addon {
  1647. padding: 0px 7px;
  1648. }
  1649. .ant-input-group-lg .ant-select-single .ant-select-selector {
  1650. height: 40px;
  1651. }
  1652. .ant-input-group-sm .ant-select-single .ant-select-selector {
  1653. height: 24px;
  1654. }
  1655. .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  1656. border-top-right-radius: 0;
  1657. border-bottom-right-radius: 0;
  1658. }
  1659. .ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  1660. border-top-left-radius: 2px;
  1661. border-bottom-left-radius: 2px;
  1662. }
  1663. .ant-input-group .ant-input-affix-wrapper:not(:first-child),
  1664. .ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:first-child) {
  1665. border-top-left-radius: 0;
  1666. border-bottom-left-radius: 0;
  1667. }
  1668. .ant-input-group.ant-input-group-compact {
  1669. display: block;
  1670. }
  1671. .ant-input-group.ant-input-group-compact::before {
  1672. display: table;
  1673. content: '';
  1674. }
  1675. .ant-input-group.ant-input-group-compact::after {
  1676. display: table;
  1677. clear: both;
  1678. content: '';
  1679. }
  1680. .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
  1681. .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
  1682. .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
  1683. border-right-width: 1px;
  1684. }
  1685. .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
  1686. .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
  1687. .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover {
  1688. z-index: 1;
  1689. }
  1690. .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
  1691. .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
  1692. .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus {
  1693. z-index: 1;
  1694. }
  1695. .ant-input-group.ant-input-group-compact > * {
  1696. display: inline-block;
  1697. float: none;
  1698. vertical-align: top;
  1699. border-radius: 0;
  1700. }
  1701. .ant-input-group.ant-input-group-compact > .ant-input-affix-wrapper,
  1702. .ant-input-group.ant-input-group-compact > .ant-input-number-affix-wrapper,
  1703. .ant-input-group.ant-input-group-compact > .ant-picker-range {
  1704. display: inline-flex;
  1705. }
  1706. .ant-input-group.ant-input-group-compact > *:not(:last-child) {
  1707. margin-right: -1px;
  1708. border-right-width: 1px;
  1709. }
  1710. .ant-input-group.ant-input-group-compact .ant-input {
  1711. float: none;
  1712. }
  1713. .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector,
  1714. .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
  1715. .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
  1716. .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input {
  1717. border-right-width: 1px;
  1718. border-radius: 0;
  1719. }
  1720. .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:hover,
  1721. .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover,
  1722. .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover,
  1723. .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover {
  1724. z-index: 1;
  1725. }
  1726. .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:focus,
  1727. .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus,
  1728. .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus,
  1729. .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus {
  1730. z-index: 1;
  1731. }
  1732. .ant-input-group.ant-input-group-compact > .ant-select-focused {
  1733. z-index: 1;
  1734. }
  1735. .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-arrow {
  1736. z-index: 1;
  1737. }
  1738. .ant-input-group.ant-input-group-compact > *:first-child,
  1739. .ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
  1740. .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
  1741. .ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
  1742. border-top-left-radius: 2px;
  1743. border-bottom-left-radius: 2px;
  1744. }
  1745. .ant-input-group.ant-input-group-compact > *:last-child,
  1746. .ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
  1747. .ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
  1748. .ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
  1749. border-right-width: 1px;
  1750. border-top-right-radius: 2px;
  1751. border-bottom-right-radius: 2px;
  1752. }
  1753. .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
  1754. vertical-align: top;
  1755. }
  1756. .ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
  1757. margin-left: -1px;
  1758. }
  1759. .ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
  1760. border-radius: 0;
  1761. }
  1762. .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 {
  1763. border-radius: 0;
  1764. }
  1765. .ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
  1766. border-radius: 2px 0 0 2px;
  1767. }
  1768. .ant-input-group > .ant-input-rtl:first-child,
  1769. .ant-input-group-rtl .ant-input-group-addon:first-child {
  1770. border-radius: 0 2px 2px 0;
  1771. }
  1772. .ant-input-group-rtl .ant-input-group-addon:first-child {
  1773. border-right: 1px solid #d9d9d9;
  1774. border-left: 0;
  1775. }
  1776. .ant-input-group-rtl .ant-input-group-addon:last-child {
  1777. border-right: 0;
  1778. border-left: 1px solid #d9d9d9;
  1779. border-radius: 2px 0 0 2px;
  1780. }
  1781. .ant-input-group-rtl.ant-input-group > .ant-input:last-child,
  1782. .ant-input-group-rtl.ant-input-group-addon:last-child {
  1783. border-radius: 2px 0 0 2px;
  1784. }
  1785. .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child) {
  1786. border-radius: 2px 0 0 2px;
  1787. }
  1788. .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  1789. border-radius: 0 2px 2px 0;
  1790. }
  1791. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:not(:last-child) {
  1792. margin-right: 0;
  1793. margin-left: -1px;
  1794. border-left-width: 1px;
  1795. }
  1796. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:first-child,
  1797. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
  1798. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
  1799. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
  1800. border-radius: 0 2px 2px 0;
  1801. }
  1802. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:last-child,
  1803. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
  1804. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
  1805. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
  1806. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
  1807. border-left-width: 1px;
  1808. border-radius: 2px 0 0 2px;
  1809. }
  1810. .ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl {
  1811. margin-right: -1px;
  1812. margin-left: 0;
  1813. }
  1814. .ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
  1815. border-radius: 0 2px 2px 0;
  1816. }
  1817. .ant-input-group-wrapper {
  1818. display: inline-block;
  1819. width: 100%;
  1820. text-align: start;
  1821. vertical-align: top;
  1822. }
  1823. .ant-input-password-icon.anticon {
  1824. color: rgba(0, 0, 0, 0.45);
  1825. cursor: pointer;
  1826. transition: all 0.3s;
  1827. }
  1828. .ant-input-password-icon.anticon:hover {
  1829. color: rgba(0, 0, 0, 0.85);
  1830. }
  1831. .ant-input[type='color'] {
  1832. height: 32px;
  1833. }
  1834. .ant-input[type='color'].ant-input-lg {
  1835. height: 40px;
  1836. }
  1837. .ant-input[type='color'].ant-input-sm {
  1838. height: 24px;
  1839. padding-top: 3px;
  1840. padding-bottom: 3px;
  1841. }
  1842. .ant-input-textarea-show-count > .ant-input {
  1843. height: 100%;
  1844. }
  1845. .ant-input-textarea-show-count::after {
  1846. float: right;
  1847. color: rgba(0, 0, 0, 0.45);
  1848. white-space: nowrap;
  1849. content: attr(data-count);
  1850. pointer-events: none;
  1851. }
  1852. .ant-input-textarea-show-count.ant-input-textarea-in-form-item::after {
  1853. margin-bottom: -22px;
  1854. }
  1855. .ant-input-textarea-suffix {
  1856. position: absolute;
  1857. top: 0;
  1858. right: 11px;
  1859. bottom: 0;
  1860. z-index: 1;
  1861. display: inline-flex;
  1862. align-items: center;
  1863. margin: auto;
  1864. }
  1865. .ant-input-compact-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) {
  1866. margin-right: -1px;
  1867. }
  1868. .ant-input-compact-item:not(.ant-input-compact-last-item).ant-input-compact-item-rtl {
  1869. margin-left: -1px;
  1870. }
  1871. .ant-input-compact-item:hover,
  1872. .ant-input-compact-item:focus,
  1873. .ant-input-compact-item:active {
  1874. z-index: 2;
  1875. }
  1876. .ant-input-compact-item[disabled] {
  1877. z-index: 0;
  1878. }
  1879. .ant-input-compact-item:not(.ant-input-compact-first-item):not(.ant-input-compact-last-item).ant-input {
  1880. border-radius: 0;
  1881. }
  1882. .ant-input-compact-item.ant-input.ant-input-compact-first-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) {
  1883. border-top-right-radius: 0;
  1884. border-bottom-right-radius: 0;
  1885. }
  1886. .ant-input-compact-item.ant-input.ant-input-compact-last-item:not(.ant-input-compact-first-item):not(.ant-input-compact-item-rtl) {
  1887. border-top-left-radius: 0;
  1888. border-bottom-left-radius: 0;
  1889. }
  1890. .ant-input-compact-item.ant-input.ant-input-compact-item-rtl.ant-input-compact-first-item:not(.ant-input-compact-last-item) {
  1891. border-top-left-radius: 0;
  1892. border-bottom-left-radius: 0;
  1893. }
  1894. .ant-input-compact-item.ant-input.ant-input-compact-item-rtl.ant-input-compact-last-item:not(.ant-input-compact-first-item) {
  1895. border-top-right-radius: 0;
  1896. border-bottom-right-radius: 0;
  1897. }
  1898. .ant-input-compact-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) {
  1899. margin-right: -1px;
  1900. }
  1901. .ant-input-compact-item:not(.ant-input-compact-last-item).ant-input-compact-item-rtl {
  1902. margin-left: -1px;
  1903. }
  1904. .ant-input-compact-item:hover,
  1905. .ant-input-compact-item:focus,
  1906. .ant-input-compact-item:active {
  1907. z-index: 2;
  1908. }
  1909. .ant-input-compact-item[disabled] {
  1910. z-index: 0;
  1911. }
  1912. .ant-input-compact-item:not(.ant-input-compact-first-item):not(.ant-input-compact-last-item).ant-input-affix-wrapper {
  1913. border-radius: 0;
  1914. }
  1915. .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) {
  1916. border-top-right-radius: 0;
  1917. border-bottom-right-radius: 0;
  1918. }
  1919. .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) {
  1920. border-top-left-radius: 0;
  1921. border-bottom-left-radius: 0;
  1922. }
  1923. .ant-input-compact-item.ant-input-affix-wrapper.ant-input-compact-item-rtl.ant-input-compact-first-item:not(.ant-input-compact-last-item) {
  1924. border-top-left-radius: 0;
  1925. border-bottom-left-radius: 0;
  1926. }
  1927. .ant-input-compact-item.ant-input-affix-wrapper.ant-input-compact-item-rtl.ant-input-compact-last-item:not(.ant-input-compact-first-item) {
  1928. border-top-right-radius: 0;
  1929. border-bottom-right-radius: 0;
  1930. }
  1931. .ant-input-compact-item:not(.ant-input-compact-last-item) {
  1932. margin-right: -1px;
  1933. }
  1934. .ant-input-compact-item:not(.ant-input-compact-last-item).ant-input-group-wrapper-compact-item-rtl {
  1935. margin-right: 0;
  1936. margin-left: -1px;
  1937. }
  1938. .ant-input-compact-item:hover > *,
  1939. .ant-input-compact-item:focus > *,
  1940. .ant-input-compact-item:active > * {
  1941. z-index: 2;
  1942. }
  1943. .ant-input-compact-item[disabled] > * {
  1944. z-index: 0;
  1945. }
  1946. .ant-input-compact-item:not(.ant-input-compact-first-item):not(.ant-input-compact-last-item).ant-input-group-wrapper .ant-input-group-addon {
  1947. border-radius: 0;
  1948. }
  1949. .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 {
  1950. border-top-right-radius: 0;
  1951. border-bottom-right-radius: 0;
  1952. }
  1953. .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 {
  1954. border-top-left-radius: 0;
  1955. border-bottom-left-radius: 0;
  1956. }
  1957. .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 {
  1958. border-top-left-radius: 0;
  1959. border-bottom-left-radius: 0;
  1960. }
  1961. .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 {
  1962. border-top-right-radius: 0;
  1963. border-bottom-right-radius: 0;
  1964. }
  1965. .ant-input-search .ant-input:hover,
  1966. .ant-input-search .ant-input:focus {
  1967. border-color: #40a9ff;
  1968. }
  1969. .ant-input-search .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
  1970. .ant-input-search .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
  1971. border-left-color: #40a9ff;
  1972. }
  1973. .ant-input-search .ant-input-affix-wrapper {
  1974. border-radius: 0;
  1975. }
  1976. .ant-input-search .ant-input-lg {
  1977. line-height: 1.5713;
  1978. }
  1979. .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child {
  1980. left: -1px;
  1981. padding: 0;
  1982. border: 0;
  1983. }
  1984. .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button {
  1985. padding-top: 0;
  1986. padding-bottom: 0;
  1987. border-radius: 0 2px 2px 0;
  1988. }
  1989. .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary) {
  1990. color: rgba(0, 0, 0, 0.45);
  1991. }
  1992. .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading::before {
  1993. top: 0;
  1994. right: 0;
  1995. bottom: 0;
  1996. left: 0;
  1997. }
  1998. .ant-input-search-button {
  1999. height: 32px;
  2000. }
  2001. .ant-input-search-button:hover,
  2002. .ant-input-search-button:focus {
  2003. z-index: 1;
  2004. }
  2005. .ant-input-search-large .ant-input-search-button {
  2006. height: 40px;
  2007. }
  2008. .ant-input-search-small .ant-input-search-button {
  2009. height: 24px;
  2010. }
  2011. .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 {
  2012. margin-right: -1px;
  2013. border-radius: 0;
  2014. }
  2015. .ant-input-search.ant-input-compact-item:not(.ant-input-compact-first-item) .ant-input,
  2016. .ant-input-search.ant-input-compact-item:not(.ant-input-compact-first-item) .ant-input-affix-wrapper {
  2017. border-radius: 0;
  2018. }
  2019. .ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:hover,
  2020. .ant-input-search.ant-input-compact-item > .ant-input:hover,
  2021. .ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:hover,
  2022. .ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:focus,
  2023. .ant-input-search.ant-input-compact-item > .ant-input:focus,
  2024. .ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:focus,
  2025. .ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:active,
  2026. .ant-input-search.ant-input-compact-item > .ant-input:active,
  2027. .ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:active {
  2028. z-index: 2;
  2029. }
  2030. .ant-input-search.ant-input-compact-item > .ant-input-affix-wrapper-focused {
  2031. z-index: 2;
  2032. }
  2033. .ant-input-search.ant-input-compact-item-rtl:not(.ant-input-compact-last-item) .ant-input-group-addon:last-child .ant-input-search-button {
  2034. margin-left: -1px;
  2035. border-radius: 0;
  2036. }
  2037. .ant-input-group-wrapper-rtl {
  2038. direction: rtl;
  2039. }
  2040. .ant-input-group-rtl {
  2041. direction: rtl;
  2042. }
  2043. .ant-input-affix-wrapper.ant-input-affix-wrapper-rtl > input.ant-input {
  2044. border: none;
  2045. outline: none;
  2046. }
  2047. .ant-input-affix-wrapper-rtl .ant-input-prefix {
  2048. margin: 0 0 0 4px;
  2049. }
  2050. .ant-input-affix-wrapper-rtl .ant-input-suffix {
  2051. margin: 0 4px 0 0;
  2052. }
  2053. .ant-input-textarea-rtl {
  2054. direction: rtl;
  2055. }
  2056. .ant-input-textarea-rtl.ant-input-textarea-show-count::after {
  2057. text-align: left;
  2058. }
  2059. .ant-input-affix-wrapper-rtl .ant-input-clear-icon-has-suffix {
  2060. margin-right: 0;
  2061. margin-left: 4px;
  2062. }
  2063. .ant-input-affix-wrapper-rtl .ant-input-clear-icon {
  2064. right: auto;
  2065. left: 8px;
  2066. }
  2067. .ant-input-search-rtl {
  2068. direction: rtl;
  2069. }
  2070. .ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
  2071. .ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
  2072. border-left-color: #d9d9d9;
  2073. }
  2074. .ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary):hover,
  2075. .ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary):hover {
  2076. border-left-color: #40a9ff;
  2077. }
  2078. .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper:hover,
  2079. .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper-focused {
  2080. border-right-color: #40a9ff;
  2081. }
  2082. .ant-input-search-rtl > .ant-input-group > .ant-input-group-addon:last-child {
  2083. right: -1px;
  2084. left: auto;
  2085. }
  2086. .ant-input-search-rtl > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button {
  2087. border-radius: 2px 0 0 2px;
  2088. }
  2089. @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  2090. .ant-input {
  2091. height: 32px;
  2092. }
  2093. .ant-input-lg {
  2094. height: 40px;
  2095. }
  2096. .ant-input-sm {
  2097. height: 24px;
  2098. }
  2099. .ant-input-affix-wrapper > input.ant-input {
  2100. height: auto;
  2101. }
  2102. }
  2103. .ant-otp {
  2104. display: inline-flex;
  2105. flex-wrap: nowrap;
  2106. align-items: center;
  2107. column-gap: 8px;
  2108. }
  2109. .ant-otp-input {
  2110. text-align: center;
  2111. padding-inline: 4px;
  2112. }
  2113. textarea.nz-textarea-autosize-measuring {
  2114. height: auto !important;
  2115. padding: 2px 0 !important;
  2116. overflow: hidden !important;
  2117. }
  2118. .ant-input-search-rtl.ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button.ant-btn-icon-only,
  2119. .ant-input-search-rtl.ant-input-search-enter-button input + .ant-input-group-addon .ant-input-search-button.ant-btn-icon-only {
  2120. width: 32px;
  2121. height: 32px;
  2122. }
  2123. .ant-input-search-rtl.ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button.ant-btn-icon-only.ant-btn-sm,
  2124. .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 {
  2125. width: 24px;
  2126. height: 24px;
  2127. }
  2128. .ant-input-search-rtl.ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button.ant-btn-icon-only.ant-btn-lg,
  2129. .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 {
  2130. width: 40px;
  2131. height: 40px;
  2132. }
  2133. .ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-suffix {
  2134. margin-left: 0;
  2135. }
  2136. nz-form-item-feedback-icon.ant-input-suffix {
  2137. position: absolute;
  2138. top: 0;
  2139. right: 0;
  2140. z-index: 1;
  2141. display: flex;
  2142. flex: none;
  2143. align-items: center;
  2144. height: 100%;
  2145. margin-right: 12px;
  2146. margin-left: 4px;
  2147. pointer-events: none;
  2148. }
  2149. .ant-input-status-error.ant-input-has-feedback,
  2150. .ant-input-status-warning.ant-input-has-feedback,
  2151. .ant-input-status-validating.ant-input-has-feedback,
  2152. .ant-input-status-success.ant-input-has-feedback {
  2153. padding-right: 28px;
  2154. }
  2155. .ant-input-textarea-show-count {
  2156. position: relative;
  2157. display: block;
  2158. }
  2159. .ant-otp-input {
  2160. width: auto;
  2161. }
  2162. .ant-tag {
  2163. box-sizing: border-box;
  2164. margin: 0;
  2165. padding: 0;
  2166. color: rgba(0, 0, 0, 0.85);
  2167. font-size: 14px;
  2168. font-variant: tabular-nums;
  2169. line-height: 1.5715;
  2170. list-style: none;
  2171. font-feature-settings: 'tnum';
  2172. display: inline-block;
  2173. height: auto;
  2174. margin-right: 8px;
  2175. padding: 0 7px;
  2176. font-size: 12px;
  2177. line-height: 20px;
  2178. white-space: nowrap;
  2179. background: #fafafa;
  2180. border: 1px solid #d9d9d9;
  2181. border-radius: 2px;
  2182. opacity: 1;
  2183. transition: all 0.3s;
  2184. }
  2185. .ant-tag,
  2186. .ant-tag a,
  2187. .ant-tag a:hover {
  2188. color: rgba(0, 0, 0, 0.85);
  2189. }
  2190. .ant-tag > a:first-child:last-child {
  2191. display: inline-block;
  2192. margin: 0 -8px;
  2193. padding: 0 8px;
  2194. }
  2195. .ant-tag-close-icon {
  2196. margin-left: 3px;
  2197. color: rgba(0, 0, 0, 0.45);
  2198. font-size: 10px;
  2199. cursor: pointer;
  2200. transition: all 0.3s;
  2201. }
  2202. .ant-tag-close-icon:hover {
  2203. color: rgba(0, 0, 0, 0.85);
  2204. }
  2205. .ant-tag-has-color {
  2206. border-color: transparent;
  2207. }
  2208. .ant-tag-has-color,
  2209. .ant-tag-has-color a,
  2210. .ant-tag-has-color a:hover,
  2211. .ant-tag-has-color .anticon-close,
  2212. .ant-tag-has-color .anticon-close:hover {
  2213. color: #fff;
  2214. }
  2215. .ant-tag-checkable {
  2216. background-color: transparent;
  2217. border-color: transparent;
  2218. cursor: pointer;
  2219. }
  2220. .ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
  2221. color: #1890ff;
  2222. }
  2223. .ant-tag-checkable:active,
  2224. .ant-tag-checkable-checked {
  2225. color: #fff;
  2226. }
  2227. .ant-tag-checkable-checked {
  2228. background-color: #1890ff;
  2229. }
  2230. .ant-tag-checkable:active {
  2231. background-color: #096dd9;
  2232. }
  2233. .ant-tag-hidden {
  2234. display: none;
  2235. }
  2236. .ant-tag-pink {
  2237. color: #c41d7f;
  2238. background: #fff0f6;
  2239. border-color: #ffadd2;
  2240. }
  2241. .ant-tag-pink-inverse {
  2242. color: #fff;
  2243. background: #eb2f96;
  2244. border-color: #eb2f96;
  2245. }
  2246. .ant-tag-magenta {
  2247. color: #c41d7f;
  2248. background: #fff0f6;
  2249. border-color: #ffadd2;
  2250. }
  2251. .ant-tag-magenta-inverse {
  2252. color: #fff;
  2253. background: #eb2f96;
  2254. border-color: #eb2f96;
  2255. }
  2256. .ant-tag-red {
  2257. color: #cf1322;
  2258. background: #fff1f0;
  2259. border-color: #ffa39e;
  2260. }
  2261. .ant-tag-red-inverse {
  2262. color: #fff;
  2263. background: #f5222d;
  2264. border-color: #f5222d;
  2265. }
  2266. .ant-tag-volcano {
  2267. color: #d4380d;
  2268. background: #fff2e8;
  2269. border-color: #ffbb96;
  2270. }
  2271. .ant-tag-volcano-inverse {
  2272. color: #fff;
  2273. background: #fa541c;
  2274. border-color: #fa541c;
  2275. }
  2276. .ant-tag-orange {
  2277. color: #d46b08;
  2278. background: #fff7e6;
  2279. border-color: #ffd591;
  2280. }
  2281. .ant-tag-orange-inverse {
  2282. color: #fff;
  2283. background: #fa8c16;
  2284. border-color: #fa8c16;
  2285. }
  2286. .ant-tag-yellow {
  2287. color: #d4b106;
  2288. background: #feffe6;
  2289. border-color: #fffb8f;
  2290. }
  2291. .ant-tag-yellow-inverse {
  2292. color: #fff;
  2293. background: #fadb14;
  2294. border-color: #fadb14;
  2295. }
  2296. .ant-tag-gold {
  2297. color: #d48806;
  2298. background: #fffbe6;
  2299. border-color: #ffe58f;
  2300. }
  2301. .ant-tag-gold-inverse {
  2302. color: #fff;
  2303. background: #faad14;
  2304. border-color: #faad14;
  2305. }
  2306. .ant-tag-cyan {
  2307. color: #08979c;
  2308. background: #e6fffb;
  2309. border-color: #87e8de;
  2310. }
  2311. .ant-tag-cyan-inverse {
  2312. color: #fff;
  2313. background: #13c2c2;
  2314. border-color: #13c2c2;
  2315. }
  2316. .ant-tag-lime {
  2317. color: #7cb305;
  2318. background: #fcffe6;
  2319. border-color: #eaff8f;
  2320. }
  2321. .ant-tag-lime-inverse {
  2322. color: #fff;
  2323. background: #a0d911;
  2324. border-color: #a0d911;
  2325. }
  2326. .ant-tag-green {
  2327. color: #389e0d;
  2328. background: #f6ffed;
  2329. border-color: #b7eb8f;
  2330. }
  2331. .ant-tag-green-inverse {
  2332. color: #fff;
  2333. background: #52c41a;
  2334. border-color: #52c41a;
  2335. }
  2336. .ant-tag-blue {
  2337. color: #096dd9;
  2338. background: #e6f7ff;
  2339. border-color: #91d5ff;
  2340. }
  2341. .ant-tag-blue-inverse {
  2342. color: #fff;
  2343. background: #1890ff;
  2344. border-color: #1890ff;
  2345. }
  2346. .ant-tag-geekblue {
  2347. color: #1d39c4;
  2348. background: #f0f5ff;
  2349. border-color: #adc6ff;
  2350. }
  2351. .ant-tag-geekblue-inverse {
  2352. color: #fff;
  2353. background: #2f54eb;
  2354. border-color: #2f54eb;
  2355. }
  2356. .ant-tag-purple {
  2357. color: #531dab;
  2358. background: #f9f0ff;
  2359. border-color: #d3adf7;
  2360. }
  2361. .ant-tag-purple-inverse {
  2362. color: #fff;
  2363. background: #722ed1;
  2364. border-color: #722ed1;
  2365. }
  2366. .ant-tag-success {
  2367. color: #52c41a;
  2368. background: #f6ffed;
  2369. border-color: #b7eb8f;
  2370. }
  2371. .ant-tag-processing {
  2372. color: #1890ff;
  2373. background: #e6f7ff;
  2374. border-color: #91d5ff;
  2375. }
  2376. .ant-tag-error {
  2377. color: #ff4d4f;
  2378. background: #fff2f0;
  2379. border-color: #ffccc7;
  2380. }
  2381. .ant-tag-warning {
  2382. color: #faad14;
  2383. background: #fffbe6;
  2384. border-color: #ffe58f;
  2385. }
  2386. .ant-tag > .anticon + span,
  2387. .ant-tag > span + .anticon {
  2388. margin-left: 7px;
  2389. }
  2390. .ant-tag.ant-tag-rtl {
  2391. margin-right: 0;
  2392. margin-left: 8px;
  2393. direction: rtl;
  2394. text-align: right;
  2395. }
  2396. .ant-tag-rtl .ant-tag-close-icon {
  2397. margin-right: 3px;
  2398. margin-left: 0;
  2399. }
  2400. .ant-tag-rtl.ant-tag > .anticon + span,
  2401. .ant-tag-rtl.ant-tag > span + .anticon {
  2402. margin-right: 7px;
  2403. margin-left: 0;
  2404. }
  2405. .ant-tag.ant-tag-borderless {
  2406. border-color: transparent;
  2407. }