calendar.css 28 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115
  1. /* BEM support Func
  2. -------------------------- */
  3. /* Element Chalk Variables */
  4. /* Transition
  5. -------------------------- */
  6. /* Color
  7. -------------------------- */
  8. /* 53a8ff */
  9. /* 66b1ff */
  10. /* 79bbff */
  11. /* 8cc5ff */
  12. /* a0cfff */
  13. /* b3d8ff */
  14. /* c6e2ff */
  15. /* d9ecff */
  16. /* ecf5ff */
  17. /* Link
  18. -------------------------- */
  19. /* Border
  20. -------------------------- */
  21. /* Fill
  22. -------------------------- */
  23. /* Typography
  24. -------------------------- */
  25. /* Size
  26. -------------------------- */
  27. /* z-index
  28. -------------------------- */
  29. /* Disable base
  30. -------------------------- */
  31. /* Icon
  32. -------------------------- */
  33. /* Checkbox
  34. -------------------------- */
  35. /* Radio
  36. -------------------------- */
  37. /* Select
  38. -------------------------- */
  39. /* Alert
  40. -------------------------- */
  41. /* MessageBox
  42. -------------------------- */
  43. /* Message
  44. -------------------------- */
  45. /* Notification
  46. -------------------------- */
  47. /* Input
  48. -------------------------- */
  49. /* Cascader
  50. -------------------------- */
  51. /* Group
  52. -------------------------- */
  53. /* Tab
  54. -------------------------- */
  55. /* Button
  56. -------------------------- */
  57. /* cascader
  58. -------------------------- */
  59. /* Switch
  60. -------------------------- */
  61. /* Dialog
  62. -------------------------- */
  63. /* Table
  64. -------------------------- */
  65. /* Pagination
  66. -------------------------- */
  67. /* Popup
  68. -------------------------- */
  69. /* Popover
  70. -------------------------- */
  71. /* Tooltip
  72. -------------------------- */
  73. /* Tag
  74. -------------------------- */
  75. /* Tree
  76. -------------------------- */
  77. /* Dropdown
  78. -------------------------- */
  79. /* Badge
  80. -------------------------- */
  81. /* Card
  82. --------------------------*/
  83. /* Slider
  84. --------------------------*/
  85. /* Steps
  86. --------------------------*/
  87. /* Menu
  88. --------------------------*/
  89. /* Rate
  90. --------------------------*/
  91. /* DatePicker
  92. --------------------------*/
  93. /* Loading
  94. --------------------------*/
  95. /* Scrollbar
  96. --------------------------*/
  97. /* Carousel
  98. --------------------------*/
  99. /* Collapse
  100. --------------------------*/
  101. /* Transfer
  102. --------------------------*/
  103. /* Header
  104. --------------------------*/
  105. /* Footer
  106. --------------------------*/
  107. /* Main
  108. --------------------------*/
  109. /* Timeline
  110. --------------------------*/
  111. /* Backtop
  112. --------------------------*/
  113. /* Link
  114. --------------------------*/
  115. /* Calendar
  116. --------------------------*/
  117. /* Form
  118. -------------------------- */
  119. /* Avatar
  120. --------------------------*/
  121. /* Empty
  122. -------------------------- */
  123. /* Descriptions
  124. -------------------------- */
  125. /* Skeleton
  126. --------------------------*/
  127. /* Svg
  128. --------------- */
  129. /* Result
  130. -------------------------- */
  131. /* Break-point
  132. --------------------------*/
  133. /* Break-points
  134. -------------------------- */
  135. /* Scrollbar
  136. -------------------------- */
  137. /* Placeholder
  138. -------------------------- */
  139. /* BEM
  140. -------------------------- */
  141. /* Element Chalk Variables */
  142. /* Transition
  143. -------------------------- */
  144. /* Color
  145. -------------------------- */
  146. /* 53a8ff */
  147. /* 66b1ff */
  148. /* 79bbff */
  149. /* 8cc5ff */
  150. /* a0cfff */
  151. /* b3d8ff */
  152. /* c6e2ff */
  153. /* d9ecff */
  154. /* ecf5ff */
  155. /* Link
  156. -------------------------- */
  157. /* Border
  158. -------------------------- */
  159. /* Fill
  160. -------------------------- */
  161. /* Typography
  162. -------------------------- */
  163. /* Size
  164. -------------------------- */
  165. /* z-index
  166. -------------------------- */
  167. /* Disable base
  168. -------------------------- */
  169. /* Icon
  170. -------------------------- */
  171. /* Checkbox
  172. -------------------------- */
  173. /* Radio
  174. -------------------------- */
  175. /* Select
  176. -------------------------- */
  177. /* Alert
  178. -------------------------- */
  179. /* MessageBox
  180. -------------------------- */
  181. /* Message
  182. -------------------------- */
  183. /* Notification
  184. -------------------------- */
  185. /* Input
  186. -------------------------- */
  187. /* Cascader
  188. -------------------------- */
  189. /* Group
  190. -------------------------- */
  191. /* Tab
  192. -------------------------- */
  193. /* Button
  194. -------------------------- */
  195. /* cascader
  196. -------------------------- */
  197. /* Switch
  198. -------------------------- */
  199. /* Dialog
  200. -------------------------- */
  201. /* Table
  202. -------------------------- */
  203. /* Pagination
  204. -------------------------- */
  205. /* Popup
  206. -------------------------- */
  207. /* Popover
  208. -------------------------- */
  209. /* Tooltip
  210. -------------------------- */
  211. /* Tag
  212. -------------------------- */
  213. /* Tree
  214. -------------------------- */
  215. /* Dropdown
  216. -------------------------- */
  217. /* Badge
  218. -------------------------- */
  219. /* Card
  220. --------------------------*/
  221. /* Slider
  222. --------------------------*/
  223. /* Steps
  224. --------------------------*/
  225. /* Menu
  226. --------------------------*/
  227. /* Rate
  228. --------------------------*/
  229. /* DatePicker
  230. --------------------------*/
  231. /* Loading
  232. --------------------------*/
  233. /* Scrollbar
  234. --------------------------*/
  235. /* Carousel
  236. --------------------------*/
  237. /* Collapse
  238. --------------------------*/
  239. /* Transfer
  240. --------------------------*/
  241. /* Header
  242. --------------------------*/
  243. /* Footer
  244. --------------------------*/
  245. /* Main
  246. --------------------------*/
  247. /* Timeline
  248. --------------------------*/
  249. /* Backtop
  250. --------------------------*/
  251. /* Link
  252. --------------------------*/
  253. /* Calendar
  254. --------------------------*/
  255. /* Form
  256. -------------------------- */
  257. /* Avatar
  258. --------------------------*/
  259. /* Empty
  260. -------------------------- */
  261. /* Descriptions
  262. -------------------------- */
  263. /* Skeleton
  264. --------------------------*/
  265. /* Svg
  266. --------------- */
  267. /* Result
  268. -------------------------- */
  269. /* Break-point
  270. --------------------------*/
  271. /* Element Chalk Variables */
  272. /* Transition
  273. -------------------------- */
  274. /* Color
  275. -------------------------- */
  276. /* 53a8ff */
  277. /* 66b1ff */
  278. /* 79bbff */
  279. /* 8cc5ff */
  280. /* a0cfff */
  281. /* b3d8ff */
  282. /* c6e2ff */
  283. /* d9ecff */
  284. /* ecf5ff */
  285. /* Link
  286. -------------------------- */
  287. /* Border
  288. -------------------------- */
  289. /* Fill
  290. -------------------------- */
  291. /* Typography
  292. -------------------------- */
  293. /* Size
  294. -------------------------- */
  295. /* z-index
  296. -------------------------- */
  297. /* Disable base
  298. -------------------------- */
  299. /* Icon
  300. -------------------------- */
  301. /* Checkbox
  302. -------------------------- */
  303. /* Radio
  304. -------------------------- */
  305. /* Select
  306. -------------------------- */
  307. /* Alert
  308. -------------------------- */
  309. /* MessageBox
  310. -------------------------- */
  311. /* Message
  312. -------------------------- */
  313. /* Notification
  314. -------------------------- */
  315. /* Input
  316. -------------------------- */
  317. /* Cascader
  318. -------------------------- */
  319. /* Group
  320. -------------------------- */
  321. /* Tab
  322. -------------------------- */
  323. /* Button
  324. -------------------------- */
  325. /* cascader
  326. -------------------------- */
  327. /* Switch
  328. -------------------------- */
  329. /* Dialog
  330. -------------------------- */
  331. /* Table
  332. -------------------------- */
  333. /* Pagination
  334. -------------------------- */
  335. /* Popup
  336. -------------------------- */
  337. /* Popover
  338. -------------------------- */
  339. /* Tooltip
  340. -------------------------- */
  341. /* Tag
  342. -------------------------- */
  343. /* Tree
  344. -------------------------- */
  345. /* Dropdown
  346. -------------------------- */
  347. /* Badge
  348. -------------------------- */
  349. /* Card
  350. --------------------------*/
  351. /* Slider
  352. --------------------------*/
  353. /* Steps
  354. --------------------------*/
  355. /* Menu
  356. --------------------------*/
  357. /* Rate
  358. --------------------------*/
  359. /* DatePicker
  360. --------------------------*/
  361. /* Loading
  362. --------------------------*/
  363. /* Scrollbar
  364. --------------------------*/
  365. /* Carousel
  366. --------------------------*/
  367. /* Collapse
  368. --------------------------*/
  369. /* Transfer
  370. --------------------------*/
  371. /* Header
  372. --------------------------*/
  373. /* Footer
  374. --------------------------*/
  375. /* Main
  376. --------------------------*/
  377. /* Timeline
  378. --------------------------*/
  379. /* Backtop
  380. --------------------------*/
  381. /* Link
  382. --------------------------*/
  383. /* Calendar
  384. --------------------------*/
  385. /* Form
  386. -------------------------- */
  387. /* Avatar
  388. --------------------------*/
  389. /* Empty
  390. -------------------------- */
  391. /* Descriptions
  392. -------------------------- */
  393. /* Skeleton
  394. --------------------------*/
  395. /* Svg
  396. --------------- */
  397. /* Result
  398. -------------------------- */
  399. /* Break-point
  400. --------------------------*/
  401. /* Element Chalk Variables */
  402. /* Transition
  403. -------------------------- */
  404. /* Color
  405. -------------------------- */
  406. /* 53a8ff */
  407. /* 66b1ff */
  408. /* 79bbff */
  409. /* 8cc5ff */
  410. /* a0cfff */
  411. /* b3d8ff */
  412. /* c6e2ff */
  413. /* d9ecff */
  414. /* ecf5ff */
  415. /* Link
  416. -------------------------- */
  417. /* Border
  418. -------------------------- */
  419. /* Fill
  420. -------------------------- */
  421. /* Typography
  422. -------------------------- */
  423. /* Size
  424. -------------------------- */
  425. /* z-index
  426. -------------------------- */
  427. /* Disable base
  428. -------------------------- */
  429. /* Icon
  430. -------------------------- */
  431. /* Checkbox
  432. -------------------------- */
  433. /* Radio
  434. -------------------------- */
  435. /* Select
  436. -------------------------- */
  437. /* Alert
  438. -------------------------- */
  439. /* MessageBox
  440. -------------------------- */
  441. /* Message
  442. -------------------------- */
  443. /* Notification
  444. -------------------------- */
  445. /* Input
  446. -------------------------- */
  447. /* Cascader
  448. -------------------------- */
  449. /* Group
  450. -------------------------- */
  451. /* Tab
  452. -------------------------- */
  453. /* Button
  454. -------------------------- */
  455. /* cascader
  456. -------------------------- */
  457. /* Switch
  458. -------------------------- */
  459. /* Dialog
  460. -------------------------- */
  461. /* Table
  462. -------------------------- */
  463. /* Pagination
  464. -------------------------- */
  465. /* Popup
  466. -------------------------- */
  467. /* Popover
  468. -------------------------- */
  469. /* Tooltip
  470. -------------------------- */
  471. /* Tag
  472. -------------------------- */
  473. /* Tree
  474. -------------------------- */
  475. /* Dropdown
  476. -------------------------- */
  477. /* Badge
  478. -------------------------- */
  479. /* Card
  480. --------------------------*/
  481. /* Slider
  482. --------------------------*/
  483. /* Steps
  484. --------------------------*/
  485. /* Menu
  486. --------------------------*/
  487. /* Rate
  488. --------------------------*/
  489. /* DatePicker
  490. --------------------------*/
  491. /* Loading
  492. --------------------------*/
  493. /* Scrollbar
  494. --------------------------*/
  495. /* Carousel
  496. --------------------------*/
  497. /* Collapse
  498. --------------------------*/
  499. /* Transfer
  500. --------------------------*/
  501. /* Header
  502. --------------------------*/
  503. /* Footer
  504. --------------------------*/
  505. /* Main
  506. --------------------------*/
  507. /* Timeline
  508. --------------------------*/
  509. /* Backtop
  510. --------------------------*/
  511. /* Link
  512. --------------------------*/
  513. /* Calendar
  514. --------------------------*/
  515. /* Form
  516. -------------------------- */
  517. /* Avatar
  518. --------------------------*/
  519. /* Empty
  520. -------------------------- */
  521. /* Descriptions
  522. -------------------------- */
  523. /* Skeleton
  524. --------------------------*/
  525. /* Svg
  526. --------------- */
  527. /* Result
  528. -------------------------- */
  529. /* Break-point
  530. --------------------------*/
  531. /* BEM support Func
  532. -------------------------- */
  533. /* Element Chalk Variables */
  534. /* Transition
  535. -------------------------- */
  536. /* Color
  537. -------------------------- */
  538. /* 53a8ff */
  539. /* 66b1ff */
  540. /* 79bbff */
  541. /* 8cc5ff */
  542. /* a0cfff */
  543. /* b3d8ff */
  544. /* c6e2ff */
  545. /* d9ecff */
  546. /* ecf5ff */
  547. /* Link
  548. -------------------------- */
  549. /* Border
  550. -------------------------- */
  551. /* Fill
  552. -------------------------- */
  553. /* Typography
  554. -------------------------- */
  555. /* Size
  556. -------------------------- */
  557. /* z-index
  558. -------------------------- */
  559. /* Disable base
  560. -------------------------- */
  561. /* Icon
  562. -------------------------- */
  563. /* Checkbox
  564. -------------------------- */
  565. /* Radio
  566. -------------------------- */
  567. /* Select
  568. -------------------------- */
  569. /* Alert
  570. -------------------------- */
  571. /* MessageBox
  572. -------------------------- */
  573. /* Message
  574. -------------------------- */
  575. /* Notification
  576. -------------------------- */
  577. /* Input
  578. -------------------------- */
  579. /* Cascader
  580. -------------------------- */
  581. /* Group
  582. -------------------------- */
  583. /* Tab
  584. -------------------------- */
  585. /* Button
  586. -------------------------- */
  587. /* cascader
  588. -------------------------- */
  589. /* Switch
  590. -------------------------- */
  591. /* Dialog
  592. -------------------------- */
  593. /* Table
  594. -------------------------- */
  595. /* Pagination
  596. -------------------------- */
  597. /* Popup
  598. -------------------------- */
  599. /* Popover
  600. -------------------------- */
  601. /* Tooltip
  602. -------------------------- */
  603. /* Tag
  604. -------------------------- */
  605. /* Tree
  606. -------------------------- */
  607. /* Dropdown
  608. -------------------------- */
  609. /* Badge
  610. -------------------------- */
  611. /* Card
  612. --------------------------*/
  613. /* Slider
  614. --------------------------*/
  615. /* Steps
  616. --------------------------*/
  617. /* Menu
  618. --------------------------*/
  619. /* Rate
  620. --------------------------*/
  621. /* DatePicker
  622. --------------------------*/
  623. /* Loading
  624. --------------------------*/
  625. /* Scrollbar
  626. --------------------------*/
  627. /* Carousel
  628. --------------------------*/
  629. /* Collapse
  630. --------------------------*/
  631. /* Transfer
  632. --------------------------*/
  633. /* Header
  634. --------------------------*/
  635. /* Footer
  636. --------------------------*/
  637. /* Main
  638. --------------------------*/
  639. /* Timeline
  640. --------------------------*/
  641. /* Backtop
  642. --------------------------*/
  643. /* Link
  644. --------------------------*/
  645. /* Calendar
  646. --------------------------*/
  647. /* Form
  648. -------------------------- */
  649. /* Avatar
  650. --------------------------*/
  651. /* Empty
  652. -------------------------- */
  653. /* Descriptions
  654. -------------------------- */
  655. /* Skeleton
  656. --------------------------*/
  657. /* Svg
  658. --------------- */
  659. /* Result
  660. -------------------------- */
  661. /* Break-point
  662. --------------------------*/
  663. /* Break-points
  664. -------------------------- */
  665. /* Scrollbar
  666. -------------------------- */
  667. /* Placeholder
  668. -------------------------- */
  669. /* BEM
  670. -------------------------- */
  671. .el-button {
  672. display: inline-block;
  673. line-height: 1;
  674. white-space: nowrap;
  675. cursor: pointer;
  676. background: #FFFFFF;
  677. border: 1px solid #DCDFE6;
  678. border-color: #DCDFE6;
  679. color: #606266;
  680. -webkit-appearance: none;
  681. text-align: center;
  682. -webkit-box-sizing: border-box;
  683. box-sizing: border-box;
  684. outline: none;
  685. margin: 0;
  686. -webkit-transition: .1s;
  687. transition: .1s;
  688. font-weight: 500;
  689. -moz-user-select: none;
  690. -webkit-user-select: none;
  691. -ms-user-select: none;
  692. padding: 12px 20px;
  693. font-size: 14px;
  694. border-radius: 4px; }
  695. .el-button + .el-button {
  696. margin-left: 10px; }
  697. .el-button.is-round {
  698. padding: 12px 20px; }
  699. .el-button:hover, .el-button:focus {
  700. color: #5075FC;
  701. border-color: #cbd6fe;
  702. background-color: #eef1ff; }
  703. .el-button:active {
  704. color: #4869e3;
  705. border-color: #4869e3;
  706. outline: none; }
  707. .el-button::-moz-focus-inner {
  708. border: 0; }
  709. .el-button [class*="el-icon-"] + span {
  710. margin-left: 5px; }
  711. .el-button.is-plain:hover, .el-button.is-plain:focus {
  712. background: #FFFFFF;
  713. border-color: #5075FC;
  714. color: #5075FC; }
  715. .el-button.is-plain:active {
  716. background: #FFFFFF;
  717. border-color: #4869e3;
  718. color: #4869e3;
  719. outline: none; }
  720. .el-button.is-active {
  721. color: #4869e3;
  722. border-color: #4869e3; }
  723. .el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus {
  724. color: #C0C4CC;
  725. cursor: not-allowed;
  726. background-image: none;
  727. background-color: #FFFFFF;
  728. border-color: #EBEEF5; }
  729. .el-button.is-disabled.el-button--text {
  730. background-color: transparent; }
  731. .el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus {
  732. background-color: #FFFFFF;
  733. border-color: #EBEEF5;
  734. color: #C0C4CC; }
  735. .el-button.is-loading {
  736. position: relative;
  737. pointer-events: none; }
  738. .el-button.is-loading:before {
  739. pointer-events: none;
  740. content: '';
  741. position: absolute;
  742. left: -1px;
  743. top: -1px;
  744. right: -1px;
  745. bottom: -1px;
  746. border-radius: inherit;
  747. background-color: rgba(255, 255, 255, 0.35); }
  748. .el-button.is-round {
  749. border-radius: 20px;
  750. padding: 12px 23px; }
  751. .el-button.is-circle {
  752. border-radius: 50%;
  753. padding: 12px; }
  754. .el-button--primary {
  755. color: #FFFFFF;
  756. background-color: #5075FC;
  757. border-color: #5075FC; }
  758. .el-button--primary:hover, .el-button--primary:focus {
  759. background: #7391fd;
  760. border-color: #7391fd;
  761. color: #FFFFFF; }
  762. .el-button--primary:active {
  763. background: #4869e3;
  764. border-color: #4869e3;
  765. color: #FFFFFF;
  766. outline: none; }
  767. .el-button--primary.is-active {
  768. background: #4869e3;
  769. border-color: #4869e3;
  770. color: #FFFFFF; }
  771. .el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active {
  772. color: #FFFFFF;
  773. background-color: #a8bafe;
  774. border-color: #a8bafe; }
  775. .el-button--primary.is-plain {
  776. color: #5075FC;
  777. background: #eef1ff;
  778. border-color: #b9c8fe; }
  779. .el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus {
  780. background: #5075FC;
  781. border-color: #5075FC;
  782. color: #FFFFFF; }
  783. .el-button--primary.is-plain:active {
  784. background: #4869e3;
  785. border-color: #4869e3;
  786. color: #FFFFFF;
  787. outline: none; }
  788. .el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active {
  789. color: #96acfd;
  790. background-color: #eef1ff;
  791. border-color: #dce3fe; }
  792. .el-button--success {
  793. color: #FFFFFF;
  794. background-color: #67C23A;
  795. border-color: #67C23A; }
  796. .el-button--success:hover, .el-button--success:focus {
  797. background: #85ce61;
  798. border-color: #85ce61;
  799. color: #FFFFFF; }
  800. .el-button--success:active {
  801. background: #5daf34;
  802. border-color: #5daf34;
  803. color: #FFFFFF;
  804. outline: none; }
  805. .el-button--success.is-active {
  806. background: #5daf34;
  807. border-color: #5daf34;
  808. color: #FFFFFF; }
  809. .el-button--success.is-disabled, .el-button--success.is-disabled:hover, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:active {
  810. color: #FFFFFF;
  811. background-color: #b3e19d;
  812. border-color: #b3e19d; }
  813. .el-button--success.is-plain {
  814. color: #67C23A;
  815. background: #f0f9eb;
  816. border-color: #c2e7b0; }
  817. .el-button--success.is-plain:hover, .el-button--success.is-plain:focus {
  818. background: #67C23A;
  819. border-color: #67C23A;
  820. color: #FFFFFF; }
  821. .el-button--success.is-plain:active {
  822. background: #5daf34;
  823. border-color: #5daf34;
  824. color: #FFFFFF;
  825. outline: none; }
  826. .el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active {
  827. color: #a4da89;
  828. background-color: #f0f9eb;
  829. border-color: #e1f3d8; }
  830. .el-button--warning {
  831. color: #FFFFFF;
  832. background-color: #E6A23C;
  833. border-color: #E6A23C; }
  834. .el-button--warning:hover, .el-button--warning:focus {
  835. background: #ebb563;
  836. border-color: #ebb563;
  837. color: #FFFFFF; }
  838. .el-button--warning:active {
  839. background: #cf9236;
  840. border-color: #cf9236;
  841. color: #FFFFFF;
  842. outline: none; }
  843. .el-button--warning.is-active {
  844. background: #cf9236;
  845. border-color: #cf9236;
  846. color: #FFFFFF; }
  847. .el-button--warning.is-disabled, .el-button--warning.is-disabled:hover, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:active {
  848. color: #FFFFFF;
  849. background-color: #f3d19e;
  850. border-color: #f3d19e; }
  851. .el-button--warning.is-plain {
  852. color: #E6A23C;
  853. background: #fdf6ec;
  854. border-color: #f5dab1; }
  855. .el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus {
  856. background: #E6A23C;
  857. border-color: #E6A23C;
  858. color: #FFFFFF; }
  859. .el-button--warning.is-plain:active {
  860. background: #cf9236;
  861. border-color: #cf9236;
  862. color: #FFFFFF;
  863. outline: none; }
  864. .el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active {
  865. color: #f0c78a;
  866. background-color: #fdf6ec;
  867. border-color: #faecd8; }
  868. .el-button--danger {
  869. color: #FFFFFF;
  870. background-color: #F56C6C;
  871. border-color: #F56C6C; }
  872. .el-button--danger:hover, .el-button--danger:focus {
  873. background: #f78989;
  874. border-color: #f78989;
  875. color: #FFFFFF; }
  876. .el-button--danger:active {
  877. background: #dd6161;
  878. border-color: #dd6161;
  879. color: #FFFFFF;
  880. outline: none; }
  881. .el-button--danger.is-active {
  882. background: #dd6161;
  883. border-color: #dd6161;
  884. color: #FFFFFF; }
  885. .el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active {
  886. color: #FFFFFF;
  887. background-color: #fab6b6;
  888. border-color: #fab6b6; }
  889. .el-button--danger.is-plain {
  890. color: #F56C6C;
  891. background: #fef0f0;
  892. border-color: #fbc4c4; }
  893. .el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus {
  894. background: #F56C6C;
  895. border-color: #F56C6C;
  896. color: #FFFFFF; }
  897. .el-button--danger.is-plain:active {
  898. background: #dd6161;
  899. border-color: #dd6161;
  900. color: #FFFFFF;
  901. outline: none; }
  902. .el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active {
  903. color: #f9a7a7;
  904. background-color: #fef0f0;
  905. border-color: #fde2e2; }
  906. .el-button--info {
  907. color: #FFFFFF;
  908. background-color: #909399;
  909. border-color: #909399; }
  910. .el-button--info:hover, .el-button--info:focus {
  911. background: #a6a9ad;
  912. border-color: #a6a9ad;
  913. color: #FFFFFF; }
  914. .el-button--info:active {
  915. background: #82848a;
  916. border-color: #82848a;
  917. color: #FFFFFF;
  918. outline: none; }
  919. .el-button--info.is-active {
  920. background: #82848a;
  921. border-color: #82848a;
  922. color: #FFFFFF; }
  923. .el-button--info.is-disabled, .el-button--info.is-disabled:hover, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:active {
  924. color: #FFFFFF;
  925. background-color: #c8c9cc;
  926. border-color: #c8c9cc; }
  927. .el-button--info.is-plain {
  928. color: #909399;
  929. background: #f4f4f5;
  930. border-color: #d3d4d6; }
  931. .el-button--info.is-plain:hover, .el-button--info.is-plain:focus {
  932. background: #909399;
  933. border-color: #909399;
  934. color: #FFFFFF; }
  935. .el-button--info.is-plain:active {
  936. background: #82848a;
  937. border-color: #82848a;
  938. color: #FFFFFF;
  939. outline: none; }
  940. .el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active {
  941. color: #bcbec2;
  942. background-color: #f4f4f5;
  943. border-color: #e9e9eb; }
  944. .el-button--medium {
  945. padding: 10px 20px;
  946. font-size: 14px;
  947. border-radius: 4px; }
  948. .el-button--medium.is-round {
  949. padding: 10px 20px; }
  950. .el-button--medium.is-circle {
  951. padding: 10px; }
  952. .el-button--small {
  953. padding: 9px 15px;
  954. font-size: 12px;
  955. border-radius: 3px; }
  956. .el-button--small.is-round {
  957. padding: 9px 15px; }
  958. .el-button--small.is-circle {
  959. padding: 9px; }
  960. .el-button--mini {
  961. padding: 7px 15px;
  962. font-size: 12px;
  963. border-radius: 3px; }
  964. .el-button--mini.is-round {
  965. padding: 7px 15px; }
  966. .el-button--mini.is-circle {
  967. padding: 7px; }
  968. .el-button--text {
  969. border-color: transparent;
  970. color: #5075FC;
  971. background: transparent;
  972. padding-left: 0;
  973. padding-right: 0; }
  974. .el-button--text:hover, .el-button--text:focus {
  975. color: #7391fd;
  976. border-color: transparent;
  977. background-color: transparent; }
  978. .el-button--text:active {
  979. color: #4869e3;
  980. border-color: transparent;
  981. background-color: transparent; }
  982. .el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus {
  983. border-color: transparent; }
  984. .el-button-group {
  985. display: inline-block;
  986. vertical-align: middle; }
  987. .el-button-group::before,
  988. .el-button-group::after {
  989. display: table;
  990. content: ""; }
  991. .el-button-group::after {
  992. clear: both; }
  993. .el-button-group > .el-button {
  994. float: left;
  995. position: relative; }
  996. .el-button-group > .el-button + .el-button {
  997. margin-left: 0; }
  998. .el-button-group > .el-button.is-disabled {
  999. z-index: 1; }
  1000. .el-button-group > .el-button:first-child {
  1001. border-top-right-radius: 0;
  1002. border-bottom-right-radius: 0; }
  1003. .el-button-group > .el-button:last-child {
  1004. border-top-left-radius: 0;
  1005. border-bottom-left-radius: 0; }
  1006. .el-button-group > .el-button:first-child:last-child {
  1007. border-top-right-radius: 4px;
  1008. border-bottom-right-radius: 4px;
  1009. border-top-left-radius: 4px;
  1010. border-bottom-left-radius: 4px; }
  1011. .el-button-group > .el-button:first-child:last-child.is-round {
  1012. border-radius: 20px; }
  1013. .el-button-group > .el-button:first-child:last-child.is-circle {
  1014. border-radius: 50%; }
  1015. .el-button-group > .el-button:not(:first-child):not(:last-child) {
  1016. border-radius: 0; }
  1017. .el-button-group > .el-button:not(:last-child) {
  1018. margin-right: -1px; }
  1019. .el-button-group > .el-button:not(.is-disabled):hover, .el-button-group > .el-button:not(.is-disabled):focus, .el-button-group > .el-button:not(.is-disabled):active {
  1020. z-index: 1; }
  1021. .el-button-group > .el-button.is-active {
  1022. z-index: 1; }
  1023. .el-button-group > .el-dropdown > .el-button {
  1024. border-top-left-radius: 0;
  1025. border-bottom-left-radius: 0;
  1026. border-left-color: rgba(255, 255, 255, 0.5); }
  1027. .el-button-group .el-button--primary:first-child {
  1028. border-right-color: rgba(255, 255, 255, 0.5); }
  1029. .el-button-group .el-button--primary:last-child {
  1030. border-left-color: rgba(255, 255, 255, 0.5); }
  1031. .el-button-group .el-button--primary:not(:first-child):not(:last-child) {
  1032. border-left-color: rgba(255, 255, 255, 0.5);
  1033. border-right-color: rgba(255, 255, 255, 0.5); }
  1034. .el-button-group .el-button--success:first-child {
  1035. border-right-color: rgba(255, 255, 255, 0.5); }
  1036. .el-button-group .el-button--success:last-child {
  1037. border-left-color: rgba(255, 255, 255, 0.5); }
  1038. .el-button-group .el-button--success:not(:first-child):not(:last-child) {
  1039. border-left-color: rgba(255, 255, 255, 0.5);
  1040. border-right-color: rgba(255, 255, 255, 0.5); }
  1041. .el-button-group .el-button--warning:first-child {
  1042. border-right-color: rgba(255, 255, 255, 0.5); }
  1043. .el-button-group .el-button--warning:last-child {
  1044. border-left-color: rgba(255, 255, 255, 0.5); }
  1045. .el-button-group .el-button--warning:not(:first-child):not(:last-child) {
  1046. border-left-color: rgba(255, 255, 255, 0.5);
  1047. border-right-color: rgba(255, 255, 255, 0.5); }
  1048. .el-button-group .el-button--danger:first-child {
  1049. border-right-color: rgba(255, 255, 255, 0.5); }
  1050. .el-button-group .el-button--danger:last-child {
  1051. border-left-color: rgba(255, 255, 255, 0.5); }
  1052. .el-button-group .el-button--danger:not(:first-child):not(:last-child) {
  1053. border-left-color: rgba(255, 255, 255, 0.5);
  1054. border-right-color: rgba(255, 255, 255, 0.5); }
  1055. .el-button-group .el-button--info:first-child {
  1056. border-right-color: rgba(255, 255, 255, 0.5); }
  1057. .el-button-group .el-button--info:last-child {
  1058. border-left-color: rgba(255, 255, 255, 0.5); }
  1059. .el-button-group .el-button--info:not(:first-child):not(:last-child) {
  1060. border-left-color: rgba(255, 255, 255, 0.5);
  1061. border-right-color: rgba(255, 255, 255, 0.5); }
  1062. .el-calendar {
  1063. background-color: #fff; }
  1064. .el-calendar__header {
  1065. display: -webkit-box;
  1066. display: -ms-flexbox;
  1067. display: flex;
  1068. -webkit-box-pack: justify;
  1069. -ms-flex-pack: justify;
  1070. justify-content: space-between;
  1071. padding: 12px 20px;
  1072. border-bottom: 1px solid #EBEEF5; }
  1073. .el-calendar__title {
  1074. color: #000000;
  1075. -ms-flex-item-align: center;
  1076. align-self: center; }
  1077. .el-calendar__body {
  1078. padding: 12px 20px 35px; }
  1079. .el-calendar-table {
  1080. table-layout: fixed;
  1081. width: 100%; }
  1082. .el-calendar-table thead th {
  1083. padding: 12px 0;
  1084. color: #606266;
  1085. font-weight: normal; }
  1086. .el-calendar-table:not(.is-range) td.prev,
  1087. .el-calendar-table:not(.is-range) td.next {
  1088. color: #C0C4CC; }
  1089. .el-calendar-table td {
  1090. border-bottom: 1px solid #EBEEF5;
  1091. border-right: 1px solid #EBEEF5;
  1092. vertical-align: top;
  1093. -webkit-transition: background-color 0.2s ease;
  1094. transition: background-color 0.2s ease; }
  1095. .el-calendar-table td.is-selected {
  1096. background-color: #F2F8FE; }
  1097. .el-calendar-table td.is-today {
  1098. color: #5075FC; }
  1099. .el-calendar-table tr:first-child td {
  1100. border-top: 1px solid #EBEEF5; }
  1101. .el-calendar-table tr td:first-child {
  1102. border-left: 1px solid #EBEEF5; }
  1103. .el-calendar-table tr.el-calendar-table__row--hide-border td {
  1104. border-top: none; }
  1105. .el-calendar-table .el-calendar-day {
  1106. -webkit-box-sizing: border-box;
  1107. box-sizing: border-box;
  1108. padding: 8px;
  1109. height: 85px; }
  1110. .el-calendar-table .el-calendar-day:hover {
  1111. cursor: pointer;
  1112. background-color: #F2F8FE; }