index.css 30 KB

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