Plat Admin

date-picker.css 77KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421
  1. /* Element Chalk Variables */
  2. /* Transition
  3. -------------------------- */
  4. /* Colors
  5. -------------------------- */
  6. /* 53a8ff */
  7. /* 66b1ff */
  8. /* 79bbff */
  9. /* 8cc5ff */
  10. /* a0cfff */
  11. /* b3d8ff */
  12. /* c6e2ff */
  13. /* d9ecff */
  14. /* ecf5ff */
  15. /* Link
  16. -------------------------- */
  17. /* Background
  18. -------------------------- */
  19. /* Border
  20. -------------------------- */
  21. /* Box-shadow
  22. -------------------------- */
  23. /* Fill
  24. -------------------------- */
  25. /* Font
  26. -------------------------- */
  27. /* Size
  28. -------------------------- */
  29. /* z-index
  30. -------------------------- */
  31. /* Disable base
  32. -------------------------- */
  33. /* Icon
  34. -------------------------- */
  35. /* Checkbox
  36. -------------------------- */
  37. /* Radio
  38. -------------------------- */
  39. /* Select
  40. -------------------------- */
  41. /* Alert
  42. -------------------------- */
  43. /* Message Box
  44. -------------------------- */
  45. /* Message
  46. -------------------------- */
  47. /* Notification
  48. -------------------------- */
  49. /* Input
  50. -------------------------- */
  51. /* Cascader
  52. -------------------------- */
  53. /* Group
  54. -------------------------- */
  55. /* Tab
  56. -------------------------- */
  57. /* Button
  58. -------------------------- */
  59. /* cascader
  60. -------------------------- */
  61. /* Switch
  62. -------------------------- */
  63. /* Dialog
  64. -------------------------- */
  65. /* Table
  66. -------------------------- */
  67. /* Pagination
  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. /* Break-point
  110. --------------------------*/
  111. /* BEM support Func
  112. -------------------------- */
  113. /* Element Chalk Variables */
  114. /* Transition
  115. -------------------------- */
  116. /* Colors
  117. -------------------------- */
  118. /* 53a8ff */
  119. /* 66b1ff */
  120. /* 79bbff */
  121. /* 8cc5ff */
  122. /* a0cfff */
  123. /* b3d8ff */
  124. /* c6e2ff */
  125. /* d9ecff */
  126. /* ecf5ff */
  127. /* Link
  128. -------------------------- */
  129. /* Background
  130. -------------------------- */
  131. /* Border
  132. -------------------------- */
  133. /* Box-shadow
  134. -------------------------- */
  135. /* Fill
  136. -------------------------- */
  137. /* Font
  138. -------------------------- */
  139. /* Size
  140. -------------------------- */
  141. /* z-index
  142. -------------------------- */
  143. /* Disable base
  144. -------------------------- */
  145. /* Icon
  146. -------------------------- */
  147. /* Checkbox
  148. -------------------------- */
  149. /* Radio
  150. -------------------------- */
  151. /* Select
  152. -------------------------- */
  153. /* Alert
  154. -------------------------- */
  155. /* Message Box
  156. -------------------------- */
  157. /* Message
  158. -------------------------- */
  159. /* Notification
  160. -------------------------- */
  161. /* Input
  162. -------------------------- */
  163. /* Cascader
  164. -------------------------- */
  165. /* Group
  166. -------------------------- */
  167. /* Tab
  168. -------------------------- */
  169. /* Button
  170. -------------------------- */
  171. /* cascader
  172. -------------------------- */
  173. /* Switch
  174. -------------------------- */
  175. /* Dialog
  176. -------------------------- */
  177. /* Table
  178. -------------------------- */
  179. /* Pagination
  180. -------------------------- */
  181. /* Popover
  182. -------------------------- */
  183. /* Tooltip
  184. -------------------------- */
  185. /* Tag
  186. -------------------------- */
  187. /* Tree
  188. -------------------------- */
  189. /* Dropdown
  190. -------------------------- */
  191. /* Badge
  192. -------------------------- */
  193. /* Card
  194. --------------------------*/
  195. /* Slider
  196. --------------------------*/
  197. /* Steps
  198. --------------------------*/
  199. /* Menu
  200. --------------------------*/
  201. /* Rate
  202. --------------------------*/
  203. /* DatePicker
  204. --------------------------*/
  205. /* Loading
  206. --------------------------*/
  207. /* Scrollbar
  208. --------------------------*/
  209. /* Carousel
  210. --------------------------*/
  211. /* Collapse
  212. --------------------------*/
  213. /* Transfer
  214. --------------------------*/
  215. /* Header
  216. --------------------------*/
  217. /* Footer
  218. --------------------------*/
  219. /* Main
  220. --------------------------*/
  221. /* Break-point
  222. --------------------------*/
  223. /* Break-points
  224. -------------------------- */
  225. /* Scrollbar
  226. -------------------------- */
  227. /* Placeholder
  228. -------------------------- */
  229. /* BEM
  230. -------------------------- */
  231. .el-date-table {
  232. font-size: 12px;
  233. -webkit-user-select: none;
  234. -moz-user-select: none;
  235. -ms-user-select: none;
  236. user-select: none; }
  237. .el-date-table.is-week-mode .el-date-table__row:hover div {
  238. background-color: #f2f6fc; }
  239. .el-date-table.is-week-mode .el-date-table__row:hover td.available:hover {
  240. color: #606266; }
  241. .el-date-table.is-week-mode .el-date-table__row:hover td:first-child div {
  242. margin-left: 5px;
  243. border-top-left-radius: 15px;
  244. border-bottom-left-radius: 15px; }
  245. .el-date-table.is-week-mode .el-date-table__row:hover td:last-child div {
  246. margin-right: 5px;
  247. border-top-right-radius: 15px;
  248. border-bottom-right-radius: 15px; }
  249. .el-date-table.is-week-mode .el-date-table__row.current div {
  250. background-color: #f2f6fc; }
  251. .el-date-table td {
  252. width: 32px;
  253. height: 30px;
  254. padding: 4px 0;
  255. -webkit-box-sizing: border-box;
  256. box-sizing: border-box;
  257. text-align: center;
  258. cursor: pointer;
  259. position: relative; }
  260. .el-date-table td div {
  261. height: 30px;
  262. padding: 3px 0;
  263. -webkit-box-sizing: border-box;
  264. box-sizing: border-box; }
  265. .el-date-table td span {
  266. width: 24px;
  267. height: 24px;
  268. display: block;
  269. margin: 0 auto;
  270. line-height: 24px;
  271. position: absolute;
  272. left: 50%;
  273. -webkit-transform: translateX(-50%);
  274. transform: translateX(-50%);
  275. border-radius: 50%; }
  276. .el-date-table td.next-month, .el-date-table td.prev-month {
  277. color: #c0c4cc; }
  278. .el-date-table td.today {
  279. position: relative; }
  280. .el-date-table td.today span {
  281. color: #1b73a5;
  282. font-weight: bold; }
  283. .el-date-table td.today.start-date span,
  284. .el-date-table td.today.end-date span {
  285. color: #fff; }
  286. .el-date-table td.available:hover {
  287. color: #1b73a5; }
  288. .el-date-table td.in-range div {
  289. background-color: #f2f6fc; }
  290. .el-date-table td.in-range div:hover {
  291. background-color: #f2f6fc; }
  292. .el-date-table td.current:not(.disabled) span {
  293. color: #fff;
  294. background-color: #1b73a5; }
  295. .el-date-table td.start-date div,
  296. .el-date-table td.end-date div {
  297. color: #fff; }
  298. .el-date-table td.start-date span,
  299. .el-date-table td.end-date span {
  300. background-color: #1b73a5; }
  301. .el-date-table td.start-date div {
  302. margin-left: 5px;
  303. border-top-left-radius: 15px;
  304. border-bottom-left-radius: 15px; }
  305. .el-date-table td.end-date div {
  306. margin-right: 5px;
  307. border-top-right-radius: 15px;
  308. border-bottom-right-radius: 15px; }
  309. .el-date-table td.disabled div {
  310. background-color: #f5f7fa;
  311. opacity: 1;
  312. cursor: not-allowed;
  313. color: #c0c4cc; }
  314. .el-date-table td.selected div {
  315. margin-left: 5px;
  316. margin-right: 5px;
  317. background-color: #f2f6fc;
  318. border-radius: 15px; }
  319. .el-date-table td.selected div:hover {
  320. background-color: #f2f6fc; }
  321. .el-date-table td.selected span {
  322. background-color: #1b73a5;
  323. color: #fff;
  324. border-radius: 15px; }
  325. .el-date-table td.week {
  326. font-size: 80%;
  327. color: #606266; }
  328. .el-date-table th {
  329. padding: 5px;
  330. color: #606266;
  331. font-weight: 400;
  332. border-bottom: solid 1px #ebeef5; }
  333. /* Element Chalk Variables */
  334. /* Transition
  335. -------------------------- */
  336. /* Colors
  337. -------------------------- */
  338. /* 53a8ff */
  339. /* 66b1ff */
  340. /* 79bbff */
  341. /* 8cc5ff */
  342. /* a0cfff */
  343. /* b3d8ff */
  344. /* c6e2ff */
  345. /* d9ecff */
  346. /* ecf5ff */
  347. /* Link
  348. -------------------------- */
  349. /* Background
  350. -------------------------- */
  351. /* Border
  352. -------------------------- */
  353. /* Box-shadow
  354. -------------------------- */
  355. /* Fill
  356. -------------------------- */
  357. /* Font
  358. -------------------------- */
  359. /* Size
  360. -------------------------- */
  361. /* z-index
  362. -------------------------- */
  363. /* Disable base
  364. -------------------------- */
  365. /* Icon
  366. -------------------------- */
  367. /* Checkbox
  368. -------------------------- */
  369. /* Radio
  370. -------------------------- */
  371. /* Select
  372. -------------------------- */
  373. /* Alert
  374. -------------------------- */
  375. /* Message Box
  376. -------------------------- */
  377. /* Message
  378. -------------------------- */
  379. /* Notification
  380. -------------------------- */
  381. /* Input
  382. -------------------------- */
  383. /* Cascader
  384. -------------------------- */
  385. /* Group
  386. -------------------------- */
  387. /* Tab
  388. -------------------------- */
  389. /* Button
  390. -------------------------- */
  391. /* cascader
  392. -------------------------- */
  393. /* Switch
  394. -------------------------- */
  395. /* Dialog
  396. -------------------------- */
  397. /* Table
  398. -------------------------- */
  399. /* Pagination
  400. -------------------------- */
  401. /* Popover
  402. -------------------------- */
  403. /* Tooltip
  404. -------------------------- */
  405. /* Tag
  406. -------------------------- */
  407. /* Tree
  408. -------------------------- */
  409. /* Dropdown
  410. -------------------------- */
  411. /* Badge
  412. -------------------------- */
  413. /* Card
  414. --------------------------*/
  415. /* Slider
  416. --------------------------*/
  417. /* Steps
  418. --------------------------*/
  419. /* Menu
  420. --------------------------*/
  421. /* Rate
  422. --------------------------*/
  423. /* DatePicker
  424. --------------------------*/
  425. /* Loading
  426. --------------------------*/
  427. /* Scrollbar
  428. --------------------------*/
  429. /* Carousel
  430. --------------------------*/
  431. /* Collapse
  432. --------------------------*/
  433. /* Transfer
  434. --------------------------*/
  435. /* Header
  436. --------------------------*/
  437. /* Footer
  438. --------------------------*/
  439. /* Main
  440. --------------------------*/
  441. /* Break-point
  442. --------------------------*/
  443. .el-month-table {
  444. font-size: 12px;
  445. margin: -1px;
  446. border-collapse: collapse; }
  447. .el-month-table td {
  448. text-align: center;
  449. padding: 20px 3px;
  450. cursor: pointer; }
  451. .el-month-table td.disabled .cell {
  452. background-color: #f5f7fa;
  453. cursor: not-allowed;
  454. color: #c0c4cc; }
  455. .el-month-table td.disabled .cell:hover {
  456. color: #c0c4cc; }
  457. .el-month-table td .cell {
  458. width: 48px;
  459. height: 32px;
  460. display: block;
  461. line-height: 32px;
  462. color: #606266;
  463. margin: 0 auto; }
  464. .el-month-table td .cell:hover {
  465. color: #1b73a5; }
  466. .el-month-table td.current:not(.disabled) .cell {
  467. color: #1b73a5; }
  468. /* Element Chalk Variables */
  469. /* Transition
  470. -------------------------- */
  471. /* Colors
  472. -------------------------- */
  473. /* 53a8ff */
  474. /* 66b1ff */
  475. /* 79bbff */
  476. /* 8cc5ff */
  477. /* a0cfff */
  478. /* b3d8ff */
  479. /* c6e2ff */
  480. /* d9ecff */
  481. /* ecf5ff */
  482. /* Link
  483. -------------------------- */
  484. /* Background
  485. -------------------------- */
  486. /* Border
  487. -------------------------- */
  488. /* Box-shadow
  489. -------------------------- */
  490. /* Fill
  491. -------------------------- */
  492. /* Font
  493. -------------------------- */
  494. /* Size
  495. -------------------------- */
  496. /* z-index
  497. -------------------------- */
  498. /* Disable base
  499. -------------------------- */
  500. /* Icon
  501. -------------------------- */
  502. /* Checkbox
  503. -------------------------- */
  504. /* Radio
  505. -------------------------- */
  506. /* Select
  507. -------------------------- */
  508. /* Alert
  509. -------------------------- */
  510. /* Message Box
  511. -------------------------- */
  512. /* Message
  513. -------------------------- */
  514. /* Notification
  515. -------------------------- */
  516. /* Input
  517. -------------------------- */
  518. /* Cascader
  519. -------------------------- */
  520. /* Group
  521. -------------------------- */
  522. /* Tab
  523. -------------------------- */
  524. /* Button
  525. -------------------------- */
  526. /* cascader
  527. -------------------------- */
  528. /* Switch
  529. -------------------------- */
  530. /* Dialog
  531. -------------------------- */
  532. /* Table
  533. -------------------------- */
  534. /* Pagination
  535. -------------------------- */
  536. /* Popover
  537. -------------------------- */
  538. /* Tooltip
  539. -------------------------- */
  540. /* Tag
  541. -------------------------- */
  542. /* Tree
  543. -------------------------- */
  544. /* Dropdown
  545. -------------------------- */
  546. /* Badge
  547. -------------------------- */
  548. /* Card
  549. --------------------------*/
  550. /* Slider
  551. --------------------------*/
  552. /* Steps
  553. --------------------------*/
  554. /* Menu
  555. --------------------------*/
  556. /* Rate
  557. --------------------------*/
  558. /* DatePicker
  559. --------------------------*/
  560. /* Loading
  561. --------------------------*/
  562. /* Scrollbar
  563. --------------------------*/
  564. /* Carousel
  565. --------------------------*/
  566. /* Collapse
  567. --------------------------*/
  568. /* Transfer
  569. --------------------------*/
  570. /* Header
  571. --------------------------*/
  572. /* Footer
  573. --------------------------*/
  574. /* Main
  575. --------------------------*/
  576. /* Break-point
  577. --------------------------*/
  578. .el-year-table {
  579. font-size: 12px;
  580. margin: -1px;
  581. border-collapse: collapse; }
  582. .el-year-table .el-icon {
  583. color: #303133; }
  584. .el-year-table td {
  585. text-align: center;
  586. padding: 20px 3px;
  587. cursor: pointer; }
  588. .el-year-table td.disabled .cell {
  589. background-color: #f5f7fa;
  590. cursor: not-allowed;
  591. color: #c0c4cc; }
  592. .el-year-table td.disabled .cell:hover {
  593. color: #c0c4cc; }
  594. .el-year-table td .cell {
  595. width: 48px;
  596. height: 32px;
  597. display: block;
  598. line-height: 32px;
  599. color: #606266;
  600. margin: 0 auto; }
  601. .el-year-table td .cell:hover {
  602. color: #1b73a5; }
  603. .el-year-table td.current:not(.disabled) .cell {
  604. color: #1b73a5; }
  605. /* Element Chalk Variables */
  606. /* Transition
  607. -------------------------- */
  608. /* Colors
  609. -------------------------- */
  610. /* 53a8ff */
  611. /* 66b1ff */
  612. /* 79bbff */
  613. /* 8cc5ff */
  614. /* a0cfff */
  615. /* b3d8ff */
  616. /* c6e2ff */
  617. /* d9ecff */
  618. /* ecf5ff */
  619. /* Link
  620. -------------------------- */
  621. /* Background
  622. -------------------------- */
  623. /* Border
  624. -------------------------- */
  625. /* Box-shadow
  626. -------------------------- */
  627. /* Fill
  628. -------------------------- */
  629. /* Font
  630. -------------------------- */
  631. /* Size
  632. -------------------------- */
  633. /* z-index
  634. -------------------------- */
  635. /* Disable base
  636. -------------------------- */
  637. /* Icon
  638. -------------------------- */
  639. /* Checkbox
  640. -------------------------- */
  641. /* Radio
  642. -------------------------- */
  643. /* Select
  644. -------------------------- */
  645. /* Alert
  646. -------------------------- */
  647. /* Message Box
  648. -------------------------- */
  649. /* Message
  650. -------------------------- */
  651. /* Notification
  652. -------------------------- */
  653. /* Input
  654. -------------------------- */
  655. /* Cascader
  656. -------------------------- */
  657. /* Group
  658. -------------------------- */
  659. /* Tab
  660. -------------------------- */
  661. /* Button
  662. -------------------------- */
  663. /* cascader
  664. -------------------------- */
  665. /* Switch
  666. -------------------------- */
  667. /* Dialog
  668. -------------------------- */
  669. /* Table
  670. -------------------------- */
  671. /* Pagination
  672. -------------------------- */
  673. /* Popover
  674. -------------------------- */
  675. /* Tooltip
  676. -------------------------- */
  677. /* Tag
  678. -------------------------- */
  679. /* Tree
  680. -------------------------- */
  681. /* Dropdown
  682. -------------------------- */
  683. /* Badge
  684. -------------------------- */
  685. /* Card
  686. --------------------------*/
  687. /* Slider
  688. --------------------------*/
  689. /* Steps
  690. --------------------------*/
  691. /* Menu
  692. --------------------------*/
  693. /* Rate
  694. --------------------------*/
  695. /* DatePicker
  696. --------------------------*/
  697. /* Loading
  698. --------------------------*/
  699. /* Scrollbar
  700. --------------------------*/
  701. /* Carousel
  702. --------------------------*/
  703. /* Collapse
  704. --------------------------*/
  705. /* Transfer
  706. --------------------------*/
  707. /* Header
  708. --------------------------*/
  709. /* Footer
  710. --------------------------*/
  711. /* Main
  712. --------------------------*/
  713. /* Break-point
  714. --------------------------*/
  715. .el-time-spinner.has-seconds .el-time-spinner__wrapper {
  716. width: 33.3%; }
  717. .el-time-spinner__wrapper {
  718. max-height: 190px;
  719. overflow: auto;
  720. display: inline-block;
  721. width: 50%;
  722. vertical-align: top;
  723. position: relative; }
  724. .el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
  725. padding-bottom: 15px; }
  726. .el-time-spinner__wrapper.is-arrow {
  727. -webkit-box-sizing: border-box;
  728. box-sizing: border-box;
  729. text-align: center;
  730. overflow: hidden; }
  731. .el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
  732. -webkit-transform: translateY(-32px);
  733. transform: translateY(-32px); }
  734. .el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active) {
  735. background: #fff;
  736. cursor: default; }
  737. .el-time-spinner__arrow {
  738. font-size: 12px;
  739. color: #909399;
  740. position: absolute;
  741. left: 0;
  742. width: 100%;
  743. z-index: 1;
  744. text-align: center;
  745. height: 30px;
  746. line-height: 30px;
  747. cursor: pointer; }
  748. .el-time-spinner__arrow:hover {
  749. color: #1b73a5; }
  750. .el-time-spinner__arrow.el-icon-arrow-up {
  751. top: 10px; }
  752. .el-time-spinner__arrow.el-icon-arrow-down {
  753. bottom: 10px; }
  754. .el-time-spinner__input.el-input {
  755. width: 70%; }
  756. .el-time-spinner__input.el-input .el-input__inner {
  757. padding: 0;
  758. text-align: center; }
  759. .el-time-spinner__list {
  760. padding: 0;
  761. margin: 0;
  762. list-style: none;
  763. text-align: center; }
  764. .el-time-spinner__list::after, .el-time-spinner__list::before {
  765. content: '';
  766. display: block;
  767. width: 100%;
  768. height: 80px; }
  769. .el-time-spinner__item {
  770. height: 32px;
  771. line-height: 32px;
  772. font-size: 12px;
  773. color: #606266; }
  774. .el-time-spinner__item:hover:not(.disabled):not(.active) {
  775. background: #f5f7fa;
  776. cursor: pointer; }
  777. .el-time-spinner__item.active:not(.disabled) {
  778. color: #303133;
  779. font-weight: bold; }
  780. .el-time-spinner__item.disabled {
  781. color: #c0c4cc;
  782. cursor: not-allowed; }
  783. /* BEM support Func
  784. -------------------------- */
  785. /* Element Chalk Variables */
  786. /* Transition
  787. -------------------------- */
  788. /* Colors
  789. -------------------------- */
  790. /* 53a8ff */
  791. /* 66b1ff */
  792. /* 79bbff */
  793. /* 8cc5ff */
  794. /* a0cfff */
  795. /* b3d8ff */
  796. /* c6e2ff */
  797. /* d9ecff */
  798. /* ecf5ff */
  799. /* Link
  800. -------------------------- */
  801. /* Background
  802. -------------------------- */
  803. /* Border
  804. -------------------------- */
  805. /* Box-shadow
  806. -------------------------- */
  807. /* Fill
  808. -------------------------- */
  809. /* Font
  810. -------------------------- */
  811. /* Size
  812. -------------------------- */
  813. /* z-index
  814. -------------------------- */
  815. /* Disable base
  816. -------------------------- */
  817. /* Icon
  818. -------------------------- */
  819. /* Checkbox
  820. -------------------------- */
  821. /* Radio
  822. -------------------------- */
  823. /* Select
  824. -------------------------- */
  825. /* Alert
  826. -------------------------- */
  827. /* Message Box
  828. -------------------------- */
  829. /* Message
  830. -------------------------- */
  831. /* Notification
  832. -------------------------- */
  833. /* Input
  834. -------------------------- */
  835. /* Cascader
  836. -------------------------- */
  837. /* Group
  838. -------------------------- */
  839. /* Tab
  840. -------------------------- */
  841. /* Button
  842. -------------------------- */
  843. /* cascader
  844. -------------------------- */
  845. /* Switch
  846. -------------------------- */
  847. /* Dialog
  848. -------------------------- */
  849. /* Table
  850. -------------------------- */
  851. /* Pagination
  852. -------------------------- */
  853. /* Popover
  854. -------------------------- */
  855. /* Tooltip
  856. -------------------------- */
  857. /* Tag
  858. -------------------------- */
  859. /* Tree
  860. -------------------------- */
  861. /* Dropdown
  862. -------------------------- */
  863. /* Badge
  864. -------------------------- */
  865. /* Card
  866. --------------------------*/
  867. /* Slider
  868. --------------------------*/
  869. /* Steps
  870. --------------------------*/
  871. /* Menu
  872. --------------------------*/
  873. /* Rate
  874. --------------------------*/
  875. /* DatePicker
  876. --------------------------*/
  877. /* Loading
  878. --------------------------*/
  879. /* Scrollbar
  880. --------------------------*/
  881. /* Carousel
  882. --------------------------*/
  883. /* Collapse
  884. --------------------------*/
  885. /* Transfer
  886. --------------------------*/
  887. /* Header
  888. --------------------------*/
  889. /* Footer
  890. --------------------------*/
  891. /* Main
  892. --------------------------*/
  893. /* Break-point
  894. --------------------------*/
  895. /* Break-points
  896. -------------------------- */
  897. /* Scrollbar
  898. -------------------------- */
  899. /* Placeholder
  900. -------------------------- */
  901. /* BEM
  902. -------------------------- */
  903. /* Element Chalk Variables */
  904. /* Transition
  905. -------------------------- */
  906. /* Colors
  907. -------------------------- */
  908. /* 53a8ff */
  909. /* 66b1ff */
  910. /* 79bbff */
  911. /* 8cc5ff */
  912. /* a0cfff */
  913. /* b3d8ff */
  914. /* c6e2ff */
  915. /* d9ecff */
  916. /* ecf5ff */
  917. /* Link
  918. -------------------------- */
  919. /* Background
  920. -------------------------- */
  921. /* Border
  922. -------------------------- */
  923. /* Box-shadow
  924. -------------------------- */
  925. /* Fill
  926. -------------------------- */
  927. /* Font
  928. -------------------------- */
  929. /* Size
  930. -------------------------- */
  931. /* z-index
  932. -------------------------- */
  933. /* Disable base
  934. -------------------------- */
  935. /* Icon
  936. -------------------------- */
  937. /* Checkbox
  938. -------------------------- */
  939. /* Radio
  940. -------------------------- */
  941. /* Select
  942. -------------------------- */
  943. /* Alert
  944. -------------------------- */
  945. /* Message Box
  946. -------------------------- */
  947. /* Message
  948. -------------------------- */
  949. /* Notification
  950. -------------------------- */
  951. /* Input
  952. -------------------------- */
  953. /* Cascader
  954. -------------------------- */
  955. /* Group
  956. -------------------------- */
  957. /* Tab
  958. -------------------------- */
  959. /* Button
  960. -------------------------- */
  961. /* cascader
  962. -------------------------- */
  963. /* Switch
  964. -------------------------- */
  965. /* Dialog
  966. -------------------------- */
  967. /* Table
  968. -------------------------- */
  969. /* Pagination
  970. -------------------------- */
  971. /* Popover
  972. -------------------------- */
  973. /* Tooltip
  974. -------------------------- */
  975. /* Tag
  976. -------------------------- */
  977. /* Tree
  978. -------------------------- */
  979. /* Dropdown
  980. -------------------------- */
  981. /* Badge
  982. -------------------------- */
  983. /* Card
  984. --------------------------*/
  985. /* Slider
  986. --------------------------*/
  987. /* Steps
  988. --------------------------*/
  989. /* Menu
  990. --------------------------*/
  991. /* Rate
  992. --------------------------*/
  993. /* DatePicker
  994. --------------------------*/
  995. /* Loading
  996. --------------------------*/
  997. /* Scrollbar
  998. --------------------------*/
  999. /* Carousel
  1000. --------------------------*/
  1001. /* Collapse
  1002. --------------------------*/
  1003. /* Transfer
  1004. --------------------------*/
  1005. /* Header
  1006. --------------------------*/
  1007. /* Footer
  1008. --------------------------*/
  1009. /* Main
  1010. --------------------------*/
  1011. /* Break-point
  1012. --------------------------*/
  1013. /* Element Chalk Variables */
  1014. /* Transition
  1015. -------------------------- */
  1016. /* Colors
  1017. -------------------------- */
  1018. /* 53a8ff */
  1019. /* 66b1ff */
  1020. /* 79bbff */
  1021. /* 8cc5ff */
  1022. /* a0cfff */
  1023. /* b3d8ff */
  1024. /* c6e2ff */
  1025. /* d9ecff */
  1026. /* ecf5ff */
  1027. /* Link
  1028. -------------------------- */
  1029. /* Background
  1030. -------------------------- */
  1031. /* Border
  1032. -------------------------- */
  1033. /* Box-shadow
  1034. -------------------------- */
  1035. /* Fill
  1036. -------------------------- */
  1037. /* Font
  1038. -------------------------- */
  1039. /* Size
  1040. -------------------------- */
  1041. /* z-index
  1042. -------------------------- */
  1043. /* Disable base
  1044. -------------------------- */
  1045. /* Icon
  1046. -------------------------- */
  1047. /* Checkbox
  1048. -------------------------- */
  1049. /* Radio
  1050. -------------------------- */
  1051. /* Select
  1052. -------------------------- */
  1053. /* Alert
  1054. -------------------------- */
  1055. /* Message Box
  1056. -------------------------- */
  1057. /* Message
  1058. -------------------------- */
  1059. /* Notification
  1060. -------------------------- */
  1061. /* Input
  1062. -------------------------- */
  1063. /* Cascader
  1064. -------------------------- */
  1065. /* Group
  1066. -------------------------- */
  1067. /* Tab
  1068. -------------------------- */
  1069. /* Button
  1070. -------------------------- */
  1071. /* cascader
  1072. -------------------------- */
  1073. /* Switch
  1074. -------------------------- */
  1075. /* Dialog
  1076. -------------------------- */
  1077. /* Table
  1078. -------------------------- */
  1079. /* Pagination
  1080. -------------------------- */
  1081. /* Popover
  1082. -------------------------- */
  1083. /* Tooltip
  1084. -------------------------- */
  1085. /* Tag
  1086. -------------------------- */
  1087. /* Tree
  1088. -------------------------- */
  1089. /* Dropdown
  1090. -------------------------- */
  1091. /* Badge
  1092. -------------------------- */
  1093. /* Card
  1094. --------------------------*/
  1095. /* Slider
  1096. --------------------------*/
  1097. /* Steps
  1098. --------------------------*/
  1099. /* Menu
  1100. --------------------------*/
  1101. /* Rate
  1102. --------------------------*/
  1103. /* DatePicker
  1104. --------------------------*/
  1105. /* Loading
  1106. --------------------------*/
  1107. /* Scrollbar
  1108. --------------------------*/
  1109. /* Carousel
  1110. --------------------------*/
  1111. /* Collapse
  1112. --------------------------*/
  1113. /* Transfer
  1114. --------------------------*/
  1115. /* Header
  1116. --------------------------*/
  1117. /* Footer
  1118. --------------------------*/
  1119. /* Main
  1120. --------------------------*/
  1121. /* Break-point
  1122. --------------------------*/
  1123. .fade-in-linear-enter-active,
  1124. .fade-in-linear-leave-active {
  1125. -webkit-transition: opacity 200ms linear;
  1126. transition: opacity 200ms linear; }
  1127. .fade-in-linear-enter,
  1128. .fade-in-linear-leave,
  1129. .fade-in-linear-leave-active {
  1130. opacity: 0; }
  1131. .el-fade-in-linear-enter-active,
  1132. .el-fade-in-linear-leave-active {
  1133. -webkit-transition: opacity 200ms linear;
  1134. transition: opacity 200ms linear; }
  1135. .el-fade-in-linear-enter,
  1136. .el-fade-in-linear-leave,
  1137. .el-fade-in-linear-leave-active {
  1138. opacity: 0; }
  1139. .el-fade-in-enter-active,
  1140. .el-fade-in-leave-active {
  1141. -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  1142. transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); }
  1143. .el-fade-in-enter,
  1144. .el-fade-in-leave-active {
  1145. opacity: 0; }
  1146. .el-zoom-in-center-enter-active,
  1147. .el-zoom-in-center-leave-active {
  1148. -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  1149. transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); }
  1150. .el-zoom-in-center-enter,
  1151. .el-zoom-in-center-leave-active {
  1152. opacity: 0;
  1153. -webkit-transform: scaleX(0);
  1154. transform: scaleX(0); }
  1155. .el-zoom-in-top-enter-active,
  1156. .el-zoom-in-top-leave-active {
  1157. opacity: 1;
  1158. -webkit-transform: scaleY(1);
  1159. transform: scaleY(1);
  1160. -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  1161. transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  1162. transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  1163. transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  1164. -webkit-transform-origin: center top;
  1165. transform-origin: center top; }
  1166. .el-zoom-in-top-enter,
  1167. .el-zoom-in-top-leave-active {
  1168. opacity: 0;
  1169. -webkit-transform: scaleY(0);
  1170. transform: scaleY(0); }
  1171. .el-zoom-in-bottom-enter-active,
  1172. .el-zoom-in-bottom-leave-active {
  1173. opacity: 1;
  1174. -webkit-transform: scaleY(1);
  1175. transform: scaleY(1);
  1176. -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  1177. transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  1178. transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  1179. transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  1180. -webkit-transform-origin: center bottom;
  1181. transform-origin: center bottom; }
  1182. .el-zoom-in-bottom-enter,
  1183. .el-zoom-in-bottom-leave-active {
  1184. opacity: 0;
  1185. -webkit-transform: scaleY(0);
  1186. transform: scaleY(0); }
  1187. .el-zoom-in-left-enter-active,
  1188. .el-zoom-in-left-leave-active {
  1189. opacity: 1;
  1190. -webkit-transform: scale(1, 1);
  1191. transform: scale(1, 1);
  1192. -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  1193. transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  1194. transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  1195. transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  1196. -webkit-transform-origin: top left;
  1197. transform-origin: top left; }
  1198. .el-zoom-in-left-enter,
  1199. .el-zoom-in-left-leave-active {
  1200. opacity: 0;
  1201. -webkit-transform: scale(0.45, 0.45);
  1202. transform: scale(0.45, 0.45); }
  1203. .collapse-transition {
  1204. -webkit-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
  1205. transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; }
  1206. .horizontal-collapse-transition {
  1207. -webkit-transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
  1208. transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out; }
  1209. .el-list-enter-active,
  1210. .el-list-leave-active {
  1211. -webkit-transition: all 1s;
  1212. transition: all 1s; }
  1213. .el-list-enter, .el-list-leave-active {
  1214. opacity: 0;
  1215. -webkit-transform: translateY(-30px);
  1216. transform: translateY(-30px); }
  1217. .el-opacity-transition {
  1218. -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  1219. transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); }
  1220. .el-date-editor {
  1221. position: relative;
  1222. display: inline-block;
  1223. text-align: left; }
  1224. .el-date-editor.el-input, .el-date-editor.el-input__inner {
  1225. width: 220px; }
  1226. .el-date-editor--daterange.el-input, .el-date-editor--daterange.el-input__inner, .el-date-editor--timerange.el-input, .el-date-editor--timerange.el-input__inner {
  1227. width: 350px; }
  1228. .el-date-editor--datetimerange.el-input, .el-date-editor--datetimerange.el-input__inner {
  1229. width: 400px; }
  1230. .el-date-editor--dates .el-input__inner {
  1231. text-overflow: ellipsis;
  1232. white-space: nowrap; }
  1233. .el-date-editor .el-icon-circle-close {
  1234. cursor: pointer; }
  1235. .el-date-editor .el-range__icon {
  1236. font-size: 14px;
  1237. margin-left: -5px;
  1238. color: #c0c4cc;
  1239. float: left;
  1240. line-height: 32px; }
  1241. .el-date-editor .el-range-input {
  1242. -webkit-appearance: none;
  1243. -moz-appearance: none;
  1244. appearance: none;
  1245. border: none;
  1246. outline: none;
  1247. display: inline-block;
  1248. height: 100%;
  1249. margin: 0;
  1250. padding: 0;
  1251. width: 39%;
  1252. text-align: center;
  1253. font-size: 14px;
  1254. color: #606266; }
  1255. .el-date-editor .el-range-input::-webkit-input-placeholder {
  1256. color: #c0c4cc; }
  1257. .el-date-editor .el-range-input::-ms-input-placeholder {
  1258. color: #c0c4cc; }
  1259. .el-date-editor .el-range-input::placeholder {
  1260. color: #c0c4cc; }
  1261. .el-date-editor .el-range-separator {
  1262. display: inline-block;
  1263. height: 100%;
  1264. padding: 0 5px;
  1265. margin: 0;
  1266. text-align: center;
  1267. line-height: 32px;
  1268. font-size: 14px;
  1269. width: 5%;
  1270. color: #303133; }
  1271. .el-date-editor .el-range__close-icon {
  1272. font-size: 14px;
  1273. color: #c0c4cc;
  1274. width: 25px;
  1275. display: inline-block;
  1276. float: right;
  1277. line-height: 32px; }
  1278. .el-range-editor.el-input__inner {
  1279. display: -webkit-inline-box;
  1280. display: -ms-inline-flexbox;
  1281. display: inline-flex;
  1282. -webkit-box-align: center;
  1283. -ms-flex-align: center;
  1284. align-items: center;
  1285. padding: 3px 10px; }
  1286. .el-range-editor .el-range-input {
  1287. line-height: 1; }
  1288. .el-range-editor.is-active {
  1289. border-color: #1b73a5; }
  1290. .el-range-editor.is-active:hover {
  1291. border-color: #1b73a5; }
  1292. .el-range-editor--medium.el-input__inner {
  1293. height: 36px; }
  1294. .el-range-editor--medium .el-range-separator {
  1295. line-height: 28px;
  1296. font-size: 14px; }
  1297. .el-range-editor--medium .el-range-input {
  1298. font-size: 14px; }
  1299. .el-range-editor--medium .el-range__icon,
  1300. .el-range-editor--medium .el-range__close-icon {
  1301. line-height: 28px; }
  1302. .el-range-editor--small.el-input__inner {
  1303. height: 32px; }
  1304. .el-range-editor--small .el-range-separator {
  1305. line-height: 24px;
  1306. font-size: 13px; }
  1307. .el-range-editor--small .el-range-input {
  1308. font-size: 13px; }
  1309. .el-range-editor--small .el-range__icon,
  1310. .el-range-editor--small .el-range__close-icon {
  1311. line-height: 24px; }
  1312. .el-range-editor--mini.el-input__inner {
  1313. height: 28px; }
  1314. .el-range-editor--mini .el-range-separator {
  1315. line-height: 20px;
  1316. font-size: 12px; }
  1317. .el-range-editor--mini .el-range-input {
  1318. font-size: 12px; }
  1319. .el-range-editor--mini .el-range__icon,
  1320. .el-range-editor--mini .el-range__close-icon {
  1321. line-height: 20px; }
  1322. .el-range-editor.is-disabled {
  1323. background-color: #f5f7fa;
  1324. border-color: #e4e7ed;
  1325. color: #c0c4cc;
  1326. cursor: not-allowed; }
  1327. .el-range-editor.is-disabled:hover, .el-range-editor.is-disabled:focus {
  1328. border-color: #e4e7ed; }
  1329. .el-range-editor.is-disabled input {
  1330. background-color: #f5f7fa;
  1331. color: #c0c4cc;
  1332. cursor: not-allowed; }
  1333. .el-range-editor.is-disabled input::-webkit-input-placeholder {
  1334. color: #c0c4cc; }
  1335. .el-range-editor.is-disabled input::-ms-input-placeholder {
  1336. color: #c0c4cc; }
  1337. .el-range-editor.is-disabled input::placeholder {
  1338. color: #c0c4cc; }
  1339. .el-range-editor.is-disabled .el-range-separator {
  1340. color: #c0c4cc; }
  1341. /* Element Chalk Variables */
  1342. /* Transition
  1343. -------------------------- */
  1344. /* Colors
  1345. -------------------------- */
  1346. /* 53a8ff */
  1347. /* 66b1ff */
  1348. /* 79bbff */
  1349. /* 8cc5ff */
  1350. /* a0cfff */
  1351. /* b3d8ff */
  1352. /* c6e2ff */
  1353. /* d9ecff */
  1354. /* ecf5ff */
  1355. /* Link
  1356. -------------------------- */
  1357. /* Background
  1358. -------------------------- */
  1359. /* Border
  1360. -------------------------- */
  1361. /* Box-shadow
  1362. -------------------------- */
  1363. /* Fill
  1364. -------------------------- */
  1365. /* Font
  1366. -------------------------- */
  1367. /* Size
  1368. -------------------------- */
  1369. /* z-index
  1370. -------------------------- */
  1371. /* Disable base
  1372. -------------------------- */
  1373. /* Icon
  1374. -------------------------- */
  1375. /* Checkbox
  1376. -------------------------- */
  1377. /* Radio
  1378. -------------------------- */
  1379. /* Select
  1380. -------------------------- */
  1381. /* Alert
  1382. -------------------------- */
  1383. /* Message Box
  1384. -------------------------- */
  1385. /* Message
  1386. -------------------------- */
  1387. /* Notification
  1388. -------------------------- */
  1389. /* Input
  1390. -------------------------- */
  1391. /* Cascader
  1392. -------------------------- */
  1393. /* Group
  1394. -------------------------- */
  1395. /* Tab
  1396. -------------------------- */
  1397. /* Button
  1398. -------------------------- */
  1399. /* cascader
  1400. -------------------------- */
  1401. /* Switch
  1402. -------------------------- */
  1403. /* Dialog
  1404. -------------------------- */
  1405. /* Table
  1406. -------------------------- */
  1407. /* Pagination
  1408. -------------------------- */
  1409. /* Popover
  1410. -------------------------- */
  1411. /* Tooltip
  1412. -------------------------- */
  1413. /* Tag
  1414. -------------------------- */
  1415. /* Tree
  1416. -------------------------- */
  1417. /* Dropdown
  1418. -------------------------- */
  1419. /* Badge
  1420. -------------------------- */
  1421. /* Card
  1422. --------------------------*/
  1423. /* Slider
  1424. --------------------------*/
  1425. /* Steps
  1426. --------------------------*/
  1427. /* Menu
  1428. --------------------------*/
  1429. /* Rate
  1430. --------------------------*/
  1431. /* DatePicker
  1432. --------------------------*/
  1433. /* Loading
  1434. --------------------------*/
  1435. /* Scrollbar
  1436. --------------------------*/
  1437. /* Carousel
  1438. --------------------------*/
  1439. /* Collapse
  1440. --------------------------*/
  1441. /* Transfer
  1442. --------------------------*/
  1443. /* Header
  1444. --------------------------*/
  1445. /* Footer
  1446. --------------------------*/
  1447. /* Main
  1448. --------------------------*/
  1449. /* Break-point
  1450. --------------------------*/
  1451. /* BEM support Func
  1452. -------------------------- */
  1453. /* Element Chalk Variables */
  1454. /* Transition
  1455. -------------------------- */
  1456. /* Colors
  1457. -------------------------- */
  1458. /* 53a8ff */
  1459. /* 66b1ff */
  1460. /* 79bbff */
  1461. /* 8cc5ff */
  1462. /* a0cfff */
  1463. /* b3d8ff */
  1464. /* c6e2ff */
  1465. /* d9ecff */
  1466. /* ecf5ff */
  1467. /* Link
  1468. -------------------------- */
  1469. /* Background
  1470. -------------------------- */
  1471. /* Border
  1472. -------------------------- */
  1473. /* Box-shadow
  1474. -------------------------- */
  1475. /* Fill
  1476. -------------------------- */
  1477. /* Font
  1478. -------------------------- */
  1479. /* Size
  1480. -------------------------- */
  1481. /* z-index
  1482. -------------------------- */
  1483. /* Disable base
  1484. -------------------------- */
  1485. /* Icon
  1486. -------------------------- */
  1487. /* Checkbox
  1488. -------------------------- */
  1489. /* Radio
  1490. -------------------------- */
  1491. /* Select
  1492. -------------------------- */
  1493. /* Alert
  1494. -------------------------- */
  1495. /* Message Box
  1496. -------------------------- */
  1497. /* Message
  1498. -------------------------- */
  1499. /* Notification
  1500. -------------------------- */
  1501. /* Input
  1502. -------------------------- */
  1503. /* Cascader
  1504. -------------------------- */
  1505. /* Group
  1506. -------------------------- */
  1507. /* Tab
  1508. -------------------------- */
  1509. /* Button
  1510. -------------------------- */
  1511. /* cascader
  1512. -------------------------- */
  1513. /* Switch
  1514. -------------------------- */
  1515. /* Dialog
  1516. -------------------------- */
  1517. /* Table
  1518. -------------------------- */
  1519. /* Pagination
  1520. -------------------------- */
  1521. /* Popover
  1522. -------------------------- */
  1523. /* Tooltip
  1524. -------------------------- */
  1525. /* Tag
  1526. -------------------------- */
  1527. /* Tree
  1528. -------------------------- */
  1529. /* Dropdown
  1530. -------------------------- */
  1531. /* Badge
  1532. -------------------------- */
  1533. /* Card
  1534. --------------------------*/
  1535. /* Slider
  1536. --------------------------*/
  1537. /* Steps
  1538. --------------------------*/
  1539. /* Menu
  1540. --------------------------*/
  1541. /* Rate
  1542. --------------------------*/
  1543. /* DatePicker
  1544. --------------------------*/
  1545. /* Loading
  1546. --------------------------*/
  1547. /* Scrollbar
  1548. --------------------------*/
  1549. /* Carousel
  1550. --------------------------*/
  1551. /* Collapse
  1552. --------------------------*/
  1553. /* Transfer
  1554. --------------------------*/
  1555. /* Header
  1556. --------------------------*/
  1557. /* Footer
  1558. --------------------------*/
  1559. /* Main
  1560. --------------------------*/
  1561. /* Break-point
  1562. --------------------------*/
  1563. /* Break-points
  1564. -------------------------- */
  1565. /* Scrollbar
  1566. -------------------------- */
  1567. /* Placeholder
  1568. -------------------------- */
  1569. /* BEM
  1570. -------------------------- */
  1571. /* Element Chalk Variables */
  1572. /* Transition
  1573. -------------------------- */
  1574. /* Colors
  1575. -------------------------- */
  1576. /* 53a8ff */
  1577. /* 66b1ff */
  1578. /* 79bbff */
  1579. /* 8cc5ff */
  1580. /* a0cfff */
  1581. /* b3d8ff */
  1582. /* c6e2ff */
  1583. /* d9ecff */
  1584. /* ecf5ff */
  1585. /* Link
  1586. -------------------------- */
  1587. /* Background
  1588. -------------------------- */
  1589. /* Border
  1590. -------------------------- */
  1591. /* Box-shadow
  1592. -------------------------- */
  1593. /* Fill
  1594. -------------------------- */
  1595. /* Font
  1596. -------------------------- */
  1597. /* Size
  1598. -------------------------- */
  1599. /* z-index
  1600. -------------------------- */
  1601. /* Disable base
  1602. -------------------------- */
  1603. /* Icon
  1604. -------------------------- */
  1605. /* Checkbox
  1606. -------------------------- */
  1607. /* Radio
  1608. -------------------------- */
  1609. /* Select
  1610. -------------------------- */
  1611. /* Alert
  1612. -------------------------- */
  1613. /* Message Box
  1614. -------------------------- */
  1615. /* Message
  1616. -------------------------- */
  1617. /* Notification
  1618. -------------------------- */
  1619. /* Input
  1620. -------------------------- */
  1621. /* Cascader
  1622. -------------------------- */
  1623. /* Group
  1624. -------------------------- */
  1625. /* Tab
  1626. -------------------------- */
  1627. /* Button
  1628. -------------------------- */
  1629. /* cascader
  1630. -------------------------- */
  1631. /* Switch
  1632. -------------------------- */
  1633. /* Dialog
  1634. -------------------------- */
  1635. /* Table
  1636. -------------------------- */
  1637. /* Pagination
  1638. -------------------------- */
  1639. /* Popover
  1640. -------------------------- */
  1641. /* Tooltip
  1642. -------------------------- */
  1643. /* Tag
  1644. -------------------------- */
  1645. /* Tree
  1646. -------------------------- */
  1647. /* Dropdown
  1648. -------------------------- */
  1649. /* Badge
  1650. -------------------------- */
  1651. /* Card
  1652. --------------------------*/
  1653. /* Slider
  1654. --------------------------*/
  1655. /* Steps
  1656. --------------------------*/
  1657. /* Menu
  1658. --------------------------*/
  1659. /* Rate
  1660. --------------------------*/
  1661. /* DatePicker
  1662. --------------------------*/
  1663. /* Loading
  1664. --------------------------*/
  1665. /* Scrollbar
  1666. --------------------------*/
  1667. /* Carousel
  1668. --------------------------*/
  1669. /* Collapse
  1670. --------------------------*/
  1671. /* Transfer
  1672. --------------------------*/
  1673. /* Header
  1674. --------------------------*/
  1675. /* Footer
  1676. --------------------------*/
  1677. /* Main
  1678. --------------------------*/
  1679. /* Break-point
  1680. --------------------------*/
  1681. .el-picker-panel {
  1682. color: #606266;
  1683. border: 1px solid #e4e7ed;
  1684. -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  1685. box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  1686. background: #fff;
  1687. border-radius: 4px;
  1688. line-height: 30px;
  1689. margin: 5px 0; }
  1690. .el-picker-panel__body::after, .el-picker-panel__body-wrapper::after {
  1691. content: "";
  1692. display: table;
  1693. clear: both; }
  1694. .el-picker-panel__content {
  1695. position: relative;
  1696. margin: 15px; }
  1697. .el-picker-panel__footer {
  1698. border-top: 1px solid #e4e4e4;
  1699. padding: 4px;
  1700. text-align: right;
  1701. background-color: #fff;
  1702. position: relative;
  1703. font-size: 0; }
  1704. .el-picker-panel__shortcut {
  1705. display: block;
  1706. width: 100%;
  1707. border: 0;
  1708. background-color: transparent;
  1709. line-height: 28px;
  1710. font-size: 14px;
  1711. color: #606266;
  1712. padding-left: 12px;
  1713. text-align: left;
  1714. outline: none;
  1715. cursor: pointer; }
  1716. .el-picker-panel__shortcut:hover {
  1717. color: #1b73a5; }
  1718. .el-picker-panel__shortcut.active {
  1719. background-color: #e6f1fe;
  1720. color: #1b73a5; }
  1721. .el-picker-panel__btn {
  1722. border: 1px solid #dcdcdc;
  1723. color: #333;
  1724. line-height: 24px;
  1725. border-radius: 2px;
  1726. padding: 0 20px;
  1727. cursor: pointer;
  1728. background-color: transparent;
  1729. outline: none;
  1730. font-size: 12px; }
  1731. .el-picker-panel__btn[disabled] {
  1732. color: #cccccc;
  1733. cursor: not-allowed; }
  1734. .el-picker-panel__icon-btn {
  1735. font-size: 12px;
  1736. color: #303133;
  1737. border: 0;
  1738. background: transparent;
  1739. cursor: pointer;
  1740. outline: none;
  1741. margin-top: 8px; }
  1742. .el-picker-panel__icon-btn:hover {
  1743. color: #1b73a5; }
  1744. .el-picker-panel__icon-btn.is-disabled {
  1745. color: #bbb; }
  1746. .el-picker-panel__icon-btn.is-disabled:hover {
  1747. cursor: not-allowed; }
  1748. .el-picker-panel__link-btn {
  1749. vertical-align: middle; }
  1750. .el-picker-panel *[slot=sidebar],
  1751. .el-picker-panel__sidebar {
  1752. position: absolute;
  1753. top: 0;
  1754. bottom: 0;
  1755. width: 110px;
  1756. border-right: 1px solid #e4e4e4;
  1757. -webkit-box-sizing: border-box;
  1758. box-sizing: border-box;
  1759. padding-top: 6px;
  1760. background-color: #fff;
  1761. overflow: auto; }
  1762. .el-picker-panel *[slot=sidebar] + .el-picker-panel__body,
  1763. .el-picker-panel__sidebar + .el-picker-panel__body {
  1764. margin-left: 110px; }
  1765. .el-date-picker {
  1766. width: 322px; }
  1767. .el-date-picker.has-sidebar.has-time {
  1768. width: 434px; }
  1769. .el-date-picker.has-sidebar {
  1770. width: 438px; }
  1771. .el-date-picker.has-time .el-picker-panel__body-wrapper {
  1772. position: relative; }
  1773. .el-date-picker .el-picker-panel__content {
  1774. width: 292px; }
  1775. .el-date-picker table {
  1776. table-layout: fixed;
  1777. width: 100%; }
  1778. .el-date-picker__editor-wrap {
  1779. position: relative;
  1780. display: table-cell;
  1781. padding: 0 5px; }
  1782. .el-date-picker__time-header {
  1783. position: relative;
  1784. border-bottom: 1px solid #e4e4e4;
  1785. font-size: 12px;
  1786. padding: 8px 5px 5px 5px;
  1787. display: table;
  1788. width: 100%;
  1789. -webkit-box-sizing: border-box;
  1790. box-sizing: border-box; }
  1791. .el-date-picker__header {
  1792. margin: 12px;
  1793. text-align: center; }
  1794. .el-date-picker__header--bordered {
  1795. margin-bottom: 0;
  1796. padding-bottom: 12px;
  1797. border-bottom: solid 1px #ebeef5; }
  1798. .el-date-picker__header--bordered + .el-picker-panel__content {
  1799. margin-top: 0; }
  1800. .el-date-picker__header-label {
  1801. font-size: 16px;
  1802. font-weight: 500;
  1803. padding: 0 5px;
  1804. line-height: 22px;
  1805. text-align: center;
  1806. cursor: pointer;
  1807. color: #606266; }
  1808. .el-date-picker__header-label:hover {
  1809. color: #1b73a5; }
  1810. .el-date-picker__header-label.active {
  1811. color: #1b73a5; }
  1812. .el-date-picker__prev-btn {
  1813. float: left; }
  1814. .el-date-picker__next-btn {
  1815. float: right; }
  1816. .el-date-picker__time-wrap {
  1817. padding: 10px;
  1818. text-align: center; }
  1819. .el-date-picker__time-label {
  1820. float: left;
  1821. cursor: pointer;
  1822. line-height: 30px;
  1823. margin-left: 10px; }
  1824. /* Element Chalk Variables */
  1825. /* Transition
  1826. -------------------------- */
  1827. /* Colors
  1828. -------------------------- */
  1829. /* 53a8ff */
  1830. /* 66b1ff */
  1831. /* 79bbff */
  1832. /* 8cc5ff */
  1833. /* a0cfff */
  1834. /* b3d8ff */
  1835. /* c6e2ff */
  1836. /* d9ecff */
  1837. /* ecf5ff */
  1838. /* Link
  1839. -------------------------- */
  1840. /* Background
  1841. -------------------------- */
  1842. /* Border
  1843. -------------------------- */
  1844. /* Box-shadow
  1845. -------------------------- */
  1846. /* Fill
  1847. -------------------------- */
  1848. /* Font
  1849. -------------------------- */
  1850. /* Size
  1851. -------------------------- */
  1852. /* z-index
  1853. -------------------------- */
  1854. /* Disable base
  1855. -------------------------- */
  1856. /* Icon
  1857. -------------------------- */
  1858. /* Checkbox
  1859. -------------------------- */
  1860. /* Radio
  1861. -------------------------- */
  1862. /* Select
  1863. -------------------------- */
  1864. /* Alert
  1865. -------------------------- */
  1866. /* Message Box
  1867. -------------------------- */
  1868. /* Message
  1869. -------------------------- */
  1870. /* Notification
  1871. -------------------------- */
  1872. /* Input
  1873. -------------------------- */
  1874. /* Cascader
  1875. -------------------------- */
  1876. /* Group
  1877. -------------------------- */
  1878. /* Tab
  1879. -------------------------- */
  1880. /* Button
  1881. -------------------------- */
  1882. /* cascader
  1883. -------------------------- */
  1884. /* Switch
  1885. -------------------------- */
  1886. /* Dialog
  1887. -------------------------- */
  1888. /* Table
  1889. -------------------------- */
  1890. /* Pagination
  1891. -------------------------- */
  1892. /* Popover
  1893. -------------------------- */
  1894. /* Tooltip
  1895. -------------------------- */
  1896. /* Tag
  1897. -------------------------- */
  1898. /* Tree
  1899. -------------------------- */
  1900. /* Dropdown
  1901. -------------------------- */
  1902. /* Badge
  1903. -------------------------- */
  1904. /* Card
  1905. --------------------------*/
  1906. /* Slider
  1907. --------------------------*/
  1908. /* Steps
  1909. --------------------------*/
  1910. /* Menu
  1911. --------------------------*/
  1912. /* Rate
  1913. --------------------------*/
  1914. /* DatePicker
  1915. --------------------------*/
  1916. /* Loading
  1917. --------------------------*/
  1918. /* Scrollbar
  1919. --------------------------*/
  1920. /* Carousel
  1921. --------------------------*/
  1922. /* Collapse
  1923. --------------------------*/
  1924. /* Transfer
  1925. --------------------------*/
  1926. /* Header
  1927. --------------------------*/
  1928. /* Footer
  1929. --------------------------*/
  1930. /* Main
  1931. --------------------------*/
  1932. /* Break-point
  1933. --------------------------*/
  1934. .el-date-range-picker {
  1935. width: 646px; }
  1936. .el-date-range-picker.has-sidebar {
  1937. width: 756px; }
  1938. .el-date-range-picker table {
  1939. table-layout: fixed;
  1940. width: 100%; }
  1941. .el-date-range-picker .el-picker-panel__body {
  1942. min-width: 513px; }
  1943. .el-date-range-picker .el-picker-panel__content {
  1944. margin: 0; }
  1945. .el-date-range-picker__header {
  1946. position: relative;
  1947. text-align: center;
  1948. height: 28px; }
  1949. .el-date-range-picker__header [class*=arrow-left] {
  1950. float: left; }
  1951. .el-date-range-picker__header [class*=arrow-right] {
  1952. float: right; }
  1953. .el-date-range-picker__header div {
  1954. font-size: 16px;
  1955. font-weight: 500;
  1956. margin-right: 50px; }
  1957. .el-date-range-picker__content {
  1958. float: left;
  1959. width: 50%;
  1960. -webkit-box-sizing: border-box;
  1961. box-sizing: border-box;
  1962. margin: 0;
  1963. padding: 16px; }
  1964. .el-date-range-picker__content.is-left {
  1965. border-right: 1px solid #e4e4e4; }
  1966. .el-date-range-picker__content.is-right .el-date-range-picker__header div {
  1967. margin-left: 50px;
  1968. margin-right: 50px; }
  1969. .el-date-range-picker__editors-wrap {
  1970. -webkit-box-sizing: border-box;
  1971. box-sizing: border-box;
  1972. display: table-cell; }
  1973. .el-date-range-picker__editors-wrap.is-right {
  1974. text-align: right; }
  1975. .el-date-range-picker__time-header {
  1976. position: relative;
  1977. border-bottom: 1px solid #e4e4e4;
  1978. font-size: 12px;
  1979. padding: 8px 5px 5px 5px;
  1980. display: table;
  1981. width: 100%;
  1982. -webkit-box-sizing: border-box;
  1983. box-sizing: border-box; }
  1984. .el-date-range-picker__time-header > .el-icon-arrow-right {
  1985. font-size: 20px;
  1986. vertical-align: middle;
  1987. display: table-cell;
  1988. color: #303133; }
  1989. .el-date-range-picker__time-picker-wrap {
  1990. position: relative;
  1991. display: table-cell;
  1992. padding: 0 5px; }
  1993. .el-date-range-picker__time-picker-wrap .el-picker-panel {
  1994. position: absolute;
  1995. top: 13px;
  1996. right: 0;
  1997. z-index: 1;
  1998. background: #fff; }
  1999. /* Element Chalk Variables */
  2000. /* Transition
  2001. -------------------------- */
  2002. /* Colors
  2003. -------------------------- */
  2004. /* 53a8ff */
  2005. /* 66b1ff */
  2006. /* 79bbff */
  2007. /* 8cc5ff */
  2008. /* a0cfff */
  2009. /* b3d8ff */
  2010. /* c6e2ff */
  2011. /* d9ecff */
  2012. /* ecf5ff */
  2013. /* Link
  2014. -------------------------- */
  2015. /* Background
  2016. -------------------------- */
  2017. /* Border
  2018. -------------------------- */
  2019. /* Box-shadow
  2020. -------------------------- */
  2021. /* Fill
  2022. -------------------------- */
  2023. /* Font
  2024. -------------------------- */
  2025. /* Size
  2026. -------------------------- */
  2027. /* z-index
  2028. -------------------------- */
  2029. /* Disable base
  2030. -------------------------- */
  2031. /* Icon
  2032. -------------------------- */
  2033. /* Checkbox
  2034. -------------------------- */
  2035. /* Radio
  2036. -------------------------- */
  2037. /* Select
  2038. -------------------------- */
  2039. /* Alert
  2040. -------------------------- */
  2041. /* Message Box
  2042. -------------------------- */
  2043. /* Message
  2044. -------------------------- */
  2045. /* Notification
  2046. -------------------------- */
  2047. /* Input
  2048. -------------------------- */
  2049. /* Cascader
  2050. -------------------------- */
  2051. /* Group
  2052. -------------------------- */
  2053. /* Tab
  2054. -------------------------- */
  2055. /* Button
  2056. -------------------------- */
  2057. /* cascader
  2058. -------------------------- */
  2059. /* Switch
  2060. -------------------------- */
  2061. /* Dialog
  2062. -------------------------- */
  2063. /* Table
  2064. -------------------------- */
  2065. /* Pagination
  2066. -------------------------- */
  2067. /* Popover
  2068. -------------------------- */
  2069. /* Tooltip
  2070. -------------------------- */
  2071. /* Tag
  2072. -------------------------- */
  2073. /* Tree
  2074. -------------------------- */
  2075. /* Dropdown
  2076. -------------------------- */
  2077. /* Badge
  2078. -------------------------- */
  2079. /* Card
  2080. --------------------------*/
  2081. /* Slider
  2082. --------------------------*/
  2083. /* Steps
  2084. --------------------------*/
  2085. /* Menu
  2086. --------------------------*/
  2087. /* Rate
  2088. --------------------------*/
  2089. /* DatePicker
  2090. --------------------------*/
  2091. /* Loading
  2092. --------------------------*/
  2093. /* Scrollbar
  2094. --------------------------*/
  2095. /* Carousel
  2096. --------------------------*/
  2097. /* Collapse
  2098. --------------------------*/
  2099. /* Transfer
  2100. --------------------------*/
  2101. /* Header
  2102. --------------------------*/
  2103. /* Footer
  2104. --------------------------*/
  2105. /* Main
  2106. --------------------------*/
  2107. /* Break-point
  2108. --------------------------*/
  2109. .el-time-range-picker {
  2110. width: 354px;
  2111. overflow: visible; }
  2112. .el-time-range-picker__content {
  2113. position: relative;
  2114. text-align: center;
  2115. padding: 10px; }
  2116. .el-time-range-picker__cell {
  2117. -webkit-box-sizing: border-box;
  2118. box-sizing: border-box;
  2119. margin: 0;
  2120. padding: 4px 7px 7px;
  2121. width: 50%;
  2122. display: inline-block; }
  2123. .el-time-range-picker__header {
  2124. margin-bottom: 5px;
  2125. text-align: center;
  2126. font-size: 14px; }
  2127. .el-time-range-picker__body {
  2128. border-radius: 2px;
  2129. border: 1px solid #e4e7ed; }
  2130. /* Element Chalk Variables */
  2131. /* Transition
  2132. -------------------------- */
  2133. /* Colors
  2134. -------------------------- */
  2135. /* 53a8ff */
  2136. /* 66b1ff */
  2137. /* 79bbff */
  2138. /* 8cc5ff */
  2139. /* a0cfff */
  2140. /* b3d8ff */
  2141. /* c6e2ff */
  2142. /* d9ecff */
  2143. /* ecf5ff */
  2144. /* Link
  2145. -------------------------- */
  2146. /* Background
  2147. -------------------------- */
  2148. /* Border
  2149. -------------------------- */
  2150. /* Box-shadow
  2151. -------------------------- */
  2152. /* Fill
  2153. -------------------------- */
  2154. /* Font
  2155. -------------------------- */
  2156. /* Size
  2157. -------------------------- */
  2158. /* z-index
  2159. -------------------------- */
  2160. /* Disable base
  2161. -------------------------- */
  2162. /* Icon
  2163. -------------------------- */
  2164. /* Checkbox
  2165. -------------------------- */
  2166. /* Radio
  2167. -------------------------- */
  2168. /* Select
  2169. -------------------------- */
  2170. /* Alert
  2171. -------------------------- */
  2172. /* Message Box
  2173. -------------------------- */
  2174. /* Message
  2175. -------------------------- */
  2176. /* Notification
  2177. -------------------------- */
  2178. /* Input
  2179. -------------------------- */
  2180. /* Cascader
  2181. -------------------------- */
  2182. /* Group
  2183. -------------------------- */
  2184. /* Tab
  2185. -------------------------- */
  2186. /* Button
  2187. -------------------------- */
  2188. /* cascader
  2189. -------------------------- */
  2190. /* Switch
  2191. -------------------------- */
  2192. /* Dialog
  2193. -------------------------- */
  2194. /* Table
  2195. -------------------------- */
  2196. /* Pagination
  2197. -------------------------- */
  2198. /* Popover
  2199. -------------------------- */
  2200. /* Tooltip
  2201. -------------------------- */
  2202. /* Tag
  2203. -------------------------- */
  2204. /* Tree
  2205. -------------------------- */
  2206. /* Dropdown
  2207. -------------------------- */
  2208. /* Badge
  2209. -------------------------- */
  2210. /* Card
  2211. --------------------------*/
  2212. /* Slider
  2213. --------------------------*/
  2214. /* Steps
  2215. --------------------------*/
  2216. /* Menu
  2217. --------------------------*/
  2218. /* Rate
  2219. --------------------------*/
  2220. /* DatePicker
  2221. --------------------------*/
  2222. /* Loading
  2223. --------------------------*/
  2224. /* Scrollbar
  2225. --------------------------*/
  2226. /* Carousel
  2227. --------------------------*/
  2228. /* Collapse
  2229. --------------------------*/
  2230. /* Transfer
  2231. --------------------------*/
  2232. /* Header
  2233. --------------------------*/
  2234. /* Footer
  2235. --------------------------*/
  2236. /* Main
  2237. --------------------------*/
  2238. /* Break-point
  2239. --------------------------*/
  2240. .el-time-panel {
  2241. margin: 5px 0;
  2242. border: solid 1px #e4e7ed;
  2243. background-color: #fff;
  2244. -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  2245. box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  2246. border-radius: 2px;
  2247. position: absolute;
  2248. width: 180px;
  2249. left: 0;
  2250. z-index: 1000;
  2251. -webkit-user-select: none;
  2252. -moz-user-select: none;
  2253. -ms-user-select: none;
  2254. user-select: none;
  2255. -webkit-box-sizing: content-box;
  2256. box-sizing: content-box; }
  2257. .el-time-panel__content {
  2258. font-size: 0;
  2259. position: relative;
  2260. overflow: hidden; }
  2261. .el-time-panel__content::after, .el-time-panel__content::before {
  2262. content: "";
  2263. top: 50%;
  2264. position: absolute;
  2265. margin-top: -15px;
  2266. height: 32px;
  2267. z-index: -1;
  2268. left: 0;
  2269. right: 0;
  2270. -webkit-box-sizing: border-box;
  2271. box-sizing: border-box;
  2272. padding-top: 6px;
  2273. text-align: left;
  2274. border-top: 1px solid #e4e7ed;
  2275. border-bottom: 1px solid #e4e7ed; }
  2276. .el-time-panel__content::after {
  2277. left: 50%;
  2278. margin-left: 12%;
  2279. margin-right: 12%; }
  2280. .el-time-panel__content::before {
  2281. padding-left: 50%;
  2282. margin-right: 12%;
  2283. margin-left: 12%; }
  2284. .el-time-panel__content.has-seconds::after {
  2285. left: calc(100% / 3 * 2); }
  2286. .el-time-panel__content.has-seconds::before {
  2287. padding-left: calc(100% / 3); }
  2288. .el-time-panel__footer {
  2289. border-top: 1px solid #e4e4e4;
  2290. padding: 4px;
  2291. height: 36px;
  2292. line-height: 25px;
  2293. text-align: right;
  2294. -webkit-box-sizing: border-box;
  2295. box-sizing: border-box; }
  2296. .el-time-panel__btn {
  2297. border: none;
  2298. line-height: 28px;
  2299. padding: 0 5px;
  2300. margin: 0 5px;
  2301. cursor: pointer;
  2302. background-color: transparent;
  2303. outline: none;
  2304. font-size: 12px;
  2305. color: #303133; }
  2306. .el-time-panel__btn.confirm {
  2307. font-weight: 800;
  2308. color: #1b73a5; }
  2309. /* BEM support Func
  2310. -------------------------- */
  2311. /* Element Chalk Variables */
  2312. /* Transition
  2313. -------------------------- */
  2314. /* Colors
  2315. -------------------------- */
  2316. /* 53a8ff */
  2317. /* 66b1ff */
  2318. /* 79bbff */
  2319. /* 8cc5ff */
  2320. /* a0cfff */
  2321. /* b3d8ff */
  2322. /* c6e2ff */
  2323. /* d9ecff */
  2324. /* ecf5ff */
  2325. /* Link
  2326. -------------------------- */
  2327. /* Background
  2328. -------------------------- */
  2329. /* Border
  2330. -------------------------- */
  2331. /* Box-shadow
  2332. -------------------------- */
  2333. /* Fill
  2334. -------------------------- */
  2335. /* Font
  2336. -------------------------- */
  2337. /* Size
  2338. -------------------------- */
  2339. /* z-index
  2340. -------------------------- */
  2341. /* Disable base
  2342. -------------------------- */
  2343. /* Icon
  2344. -------------------------- */
  2345. /* Checkbox
  2346. -------------------------- */
  2347. /* Radio
  2348. -------------------------- */
  2349. /* Select
  2350. -------------------------- */
  2351. /* Alert
  2352. -------------------------- */
  2353. /* Message Box
  2354. -------------------------- */
  2355. /* Message
  2356. -------------------------- */
  2357. /* Notification
  2358. -------------------------- */
  2359. /* Input
  2360. -------------------------- */
  2361. /* Cascader
  2362. -------------------------- */
  2363. /* Group
  2364. -------------------------- */
  2365. /* Tab
  2366. -------------------------- */
  2367. /* Button
  2368. -------------------------- */
  2369. /* cascader
  2370. -------------------------- */
  2371. /* Switch
  2372. -------------------------- */
  2373. /* Dialog
  2374. -------------------------- */
  2375. /* Table
  2376. -------------------------- */
  2377. /* Pagination
  2378. -------------------------- */
  2379. /* Popover
  2380. -------------------------- */
  2381. /* Tooltip
  2382. -------------------------- */
  2383. /* Tag
  2384. -------------------------- */
  2385. /* Tree
  2386. -------------------------- */
  2387. /* Dropdown
  2388. -------------------------- */
  2389. /* Badge
  2390. -------------------------- */
  2391. /* Card
  2392. --------------------------*/
  2393. /* Slider
  2394. --------------------------*/
  2395. /* Steps
  2396. --------------------------*/
  2397. /* Menu
  2398. --------------------------*/
  2399. /* Rate
  2400. --------------------------*/
  2401. /* DatePicker
  2402. --------------------------*/
  2403. /* Loading
  2404. --------------------------*/
  2405. /* Scrollbar
  2406. --------------------------*/
  2407. /* Carousel
  2408. --------------------------*/
  2409. /* Collapse
  2410. --------------------------*/
  2411. /* Transfer
  2412. --------------------------*/
  2413. /* Header
  2414. --------------------------*/
  2415. /* Footer
  2416. --------------------------*/
  2417. /* Main
  2418. --------------------------*/
  2419. /* Break-point
  2420. --------------------------*/
  2421. /* Break-points
  2422. -------------------------- */
  2423. /* Scrollbar
  2424. -------------------------- */
  2425. /* Placeholder
  2426. -------------------------- */
  2427. /* BEM
  2428. -------------------------- */
  2429. /* Element Chalk Variables */
  2430. /* Transition
  2431. -------------------------- */
  2432. /* Colors
  2433. -------------------------- */
  2434. /* 53a8ff */
  2435. /* 66b1ff */
  2436. /* 79bbff */
  2437. /* 8cc5ff */
  2438. /* a0cfff */
  2439. /* b3d8ff */
  2440. /* c6e2ff */
  2441. /* d9ecff */
  2442. /* ecf5ff */
  2443. /* Link
  2444. -------------------------- */
  2445. /* Background
  2446. -------------------------- */
  2447. /* Border
  2448. -------------------------- */
  2449. /* Box-shadow
  2450. -------------------------- */
  2451. /* Fill
  2452. -------------------------- */
  2453. /* Font
  2454. -------------------------- */
  2455. /* Size
  2456. -------------------------- */
  2457. /* z-index
  2458. -------------------------- */
  2459. /* Disable base
  2460. -------------------------- */
  2461. /* Icon
  2462. -------------------------- */
  2463. /* Checkbox
  2464. -------------------------- */
  2465. /* Radio
  2466. -------------------------- */
  2467. /* Select
  2468. -------------------------- */
  2469. /* Alert
  2470. -------------------------- */
  2471. /* Message Box
  2472. -------------------------- */
  2473. /* Message
  2474. -------------------------- */
  2475. /* Notification
  2476. -------------------------- */
  2477. /* Input
  2478. -------------------------- */
  2479. /* Cascader
  2480. -------------------------- */
  2481. /* Group
  2482. -------------------------- */
  2483. /* Tab
  2484. -------------------------- */
  2485. /* Button
  2486. -------------------------- */
  2487. /* cascader
  2488. -------------------------- */
  2489. /* Switch
  2490. -------------------------- */
  2491. /* Dialog
  2492. -------------------------- */
  2493. /* Table
  2494. -------------------------- */
  2495. /* Pagination
  2496. -------------------------- */
  2497. /* Popover
  2498. -------------------------- */
  2499. /* Tooltip
  2500. -------------------------- */
  2501. /* Tag
  2502. -------------------------- */
  2503. /* Tree
  2504. -------------------------- */
  2505. /* Dropdown
  2506. -------------------------- */
  2507. /* Badge
  2508. -------------------------- */
  2509. /* Card
  2510. --------------------------*/
  2511. /* Slider
  2512. --------------------------*/
  2513. /* Steps
  2514. --------------------------*/
  2515. /* Menu
  2516. --------------------------*/
  2517. /* Rate
  2518. --------------------------*/
  2519. /* DatePicker
  2520. --------------------------*/
  2521. /* Loading
  2522. --------------------------*/
  2523. /* Scrollbar
  2524. --------------------------*/
  2525. /* Carousel
  2526. --------------------------*/
  2527. /* Collapse
  2528. --------------------------*/
  2529. /* Transfer
  2530. --------------------------*/
  2531. /* Header
  2532. --------------------------*/
  2533. /* Footer
  2534. --------------------------*/
  2535. /* Main
  2536. --------------------------*/
  2537. /* Break-point
  2538. --------------------------*/
  2539. .el-textarea {
  2540. display: inline-block;
  2541. width: 100%;
  2542. vertical-align: bottom;
  2543. font-size: 14px; }
  2544. .el-textarea__inner {
  2545. display: block;
  2546. resize: vertical;
  2547. padding: 5px 15px;
  2548. line-height: 1.5;
  2549. -webkit-box-sizing: border-box;
  2550. box-sizing: border-box;
  2551. width: 100%;
  2552. font-size: inherit;
  2553. color: #606266;
  2554. background-color: #fff;
  2555. background-image: none;
  2556. border: 1px solid #dcdfe6;
  2557. border-radius: 4px;
  2558. -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  2559. transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }
  2560. .el-textarea__inner::-webkit-input-placeholder {
  2561. color: #c0c4cc; }
  2562. .el-textarea__inner::-ms-input-placeholder {
  2563. color: #c0c4cc; }
  2564. .el-textarea__inner::placeholder {
  2565. color: #c0c4cc; }
  2566. .el-textarea__inner:hover {
  2567. border-color: #c0c4cc; }
  2568. .el-textarea__inner:focus {
  2569. outline: none;
  2570. border-color: #1b73a5; }
  2571. .el-textarea.is-disabled .el-textarea__inner {
  2572. background-color: #f5f7fa;
  2573. border-color: #e4e7ed;
  2574. color: #c0c4cc;
  2575. cursor: not-allowed; }
  2576. .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
  2577. color: #c0c4cc; }
  2578. .el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
  2579. color: #c0c4cc; }
  2580. .el-textarea.is-disabled .el-textarea__inner::placeholder {
  2581. color: #c0c4cc; }
  2582. .el-input {
  2583. position: relative;
  2584. font-size: 14px;
  2585. display: inline-block;
  2586. width: 100%; }
  2587. .el-input::-webkit-scrollbar {
  2588. z-index: 11;
  2589. width: 6px; }
  2590. .el-input::-webkit-scrollbar:horizontal {
  2591. height: 6px; }
  2592. .el-input::-webkit-scrollbar-thumb {
  2593. border-radius: 5px;
  2594. width: 6px;
  2595. background: #b4bccc; }
  2596. .el-input::-webkit-scrollbar-corner {
  2597. background: #fff; }
  2598. .el-input::-webkit-scrollbar-track {
  2599. background: #fff; }
  2600. .el-input::-webkit-scrollbar-track-piece {
  2601. background: #fff;
  2602. width: 6px; }
  2603. .el-input .el-input__clear {
  2604. color: #c0c4cc;
  2605. font-size: 14px;
  2606. line-height: 16px;
  2607. cursor: pointer;
  2608. -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  2609. transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }
  2610. .el-input .el-input__clear:hover {
  2611. color: #909399; }
  2612. .el-input__inner {
  2613. -webkit-appearance: none;
  2614. background-color: #fff;
  2615. background-image: none;
  2616. border-radius: 4px;
  2617. border: 1px solid #dcdfe6;
  2618. -webkit-box-sizing: border-box;
  2619. box-sizing: border-box;
  2620. color: #606266;
  2621. display: inline-block;
  2622. font-size: inherit;
  2623. height: 40px;
  2624. line-height: 40px;
  2625. outline: none;
  2626. padding: 0 15px;
  2627. -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  2628. transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  2629. width: 100%; }
  2630. .el-input__inner::-webkit-input-placeholder {
  2631. color: #c0c4cc; }
  2632. .el-input__inner::-ms-input-placeholder {
  2633. color: #c0c4cc; }
  2634. .el-input__inner::placeholder {
  2635. color: #c0c4cc; }
  2636. .el-input__inner:hover {
  2637. border-color: #c0c4cc; }
  2638. .el-input__inner:focus {
  2639. outline: none;
  2640. border-color: #1b73a5; }
  2641. .el-input__suffix {
  2642. position: absolute;
  2643. height: 100%;
  2644. right: 5px;
  2645. top: 0;
  2646. text-align: center;
  2647. color: #c0c4cc;
  2648. -webkit-transition: all .3s;
  2649. transition: all .3s;
  2650. pointer-events: none; }
  2651. .el-input__suffix-inner {
  2652. pointer-events: all; }
  2653. .el-input__prefix {
  2654. position: absolute;
  2655. height: 100%;
  2656. left: 5px;
  2657. top: 0;
  2658. text-align: center;
  2659. color: #c0c4cc;
  2660. -webkit-transition: all .3s;
  2661. transition: all .3s; }
  2662. .el-input__icon {
  2663. height: 100%;
  2664. width: 25px;
  2665. text-align: center;
  2666. -webkit-transition: all .3s;
  2667. transition: all .3s;
  2668. line-height: 40px; }
  2669. .el-input__icon:after {
  2670. content: '';
  2671. height: 100%;
  2672. width: 0;
  2673. display: inline-block;
  2674. vertical-align: middle; }
  2675. .el-input__validateIcon {
  2676. pointer-events: none; }
  2677. .el-input.is-active .el-input__inner {
  2678. outline: none;
  2679. border-color: #1b73a5; }
  2680. .el-input.is-disabled .el-input__inner {
  2681. background-color: #f5f7fa;
  2682. border-color: #e4e7ed;
  2683. color: #c0c4cc;
  2684. cursor: not-allowed; }
  2685. .el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
  2686. color: #c0c4cc; }
  2687. .el-input.is-disabled .el-input__inner::-ms-input-placeholder {
  2688. color: #c0c4cc; }
  2689. .el-input.is-disabled .el-input__inner::placeholder {
  2690. color: #c0c4cc; }
  2691. .el-input.is-disabled .el-input__icon {
  2692. cursor: not-allowed; }
  2693. .el-input--suffix .el-input__inner {
  2694. padding-right: 30px; }
  2695. .el-input--prefix .el-input__inner {
  2696. padding-left: 30px; }
  2697. .el-input--medium {
  2698. font-size: 14px; }
  2699. .el-input--medium .el-input__inner {
  2700. height: 36px;
  2701. line-height: 36px; }
  2702. .el-input--medium .el-input__icon {
  2703. line-height: 36px; }
  2704. .el-input--small {
  2705. font-size: 13px; }
  2706. .el-input--small .el-input__inner {
  2707. height: 32px;
  2708. line-height: 32px; }
  2709. .el-input--small .el-input__icon {
  2710. line-height: 32px; }
  2711. .el-input--mini {
  2712. font-size: 12px; }
  2713. .el-input--mini .el-input__inner {
  2714. height: 28px;
  2715. line-height: 28px; }
  2716. .el-input--mini .el-input__icon {
  2717. line-height: 28px; }
  2718. .el-input-group {
  2719. line-height: normal;
  2720. display: inline-table;
  2721. width: 100%;
  2722. border-collapse: separate;
  2723. border-spacing: 0; }
  2724. .el-input-group > .el-input__inner {
  2725. vertical-align: middle;
  2726. display: table-cell; }
  2727. .el-input-group__append, .el-input-group__prepend {
  2728. background-color: #f5f7fa;
  2729. color: #909399;
  2730. vertical-align: middle;
  2731. display: table-cell;
  2732. position: relative;
  2733. border: 1px solid #dcdfe6;
  2734. border-radius: 4px;
  2735. padding: 0 20px;
  2736. width: 1px;
  2737. white-space: nowrap; }
  2738. .el-input-group__append:focus, .el-input-group__prepend:focus {
  2739. outline: none; }
  2740. .el-input-group__append .el-select,
  2741. .el-input-group__append .el-button, .el-input-group__prepend .el-select,
  2742. .el-input-group__prepend .el-button {
  2743. display: inline-block;
  2744. margin: -10px -20px; }
  2745. .el-input-group__append button.el-button,
  2746. .el-input-group__append div.el-select .el-input__inner,
  2747. .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button,
  2748. .el-input-group__prepend div.el-select .el-input__inner,
  2749. .el-input-group__prepend div.el-select:hover .el-input__inner {
  2750. border-color: transparent;
  2751. background-color: transparent;
  2752. color: inherit;
  2753. border-top: 0;
  2754. border-bottom: 0; }
  2755. .el-input-group__append .el-button,
  2756. .el-input-group__append .el-input, .el-input-group__prepend .el-button,
  2757. .el-input-group__prepend .el-input {
  2758. font-size: inherit; }
  2759. .el-input-group__prepend {
  2760. border-right: 0;
  2761. border-top-right-radius: 0;
  2762. border-bottom-right-radius: 0; }
  2763. .el-input-group__append {
  2764. border-left: 0;
  2765. border-top-left-radius: 0;
  2766. border-bottom-left-radius: 0; }
  2767. .el-input-group--prepend .el-input__inner {
  2768. border-top-left-radius: 0;
  2769. border-bottom-left-radius: 0; }
  2770. .el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
  2771. border-color: transparent; }
  2772. .el-input-group--append .el-input__inner {
  2773. border-top-right-radius: 0;
  2774. border-bottom-right-radius: 0; }
  2775. .el-input-group--append .el-select .el-input.is-focus .el-input__inner {
  2776. border-color: transparent; }
  2777. /** disalbe default clear on IE */
  2778. .el-input__inner::-ms-clear {
  2779. display: none;
  2780. width: 0;
  2781. height: 0; }
  2782. /* BEM support Func
  2783. -------------------------- */
  2784. /* Element Chalk Variables */
  2785. /* Transition
  2786. -------------------------- */
  2787. /* Colors
  2788. -------------------------- */
  2789. /* 53a8ff */
  2790. /* 66b1ff */
  2791. /* 79bbff */
  2792. /* 8cc5ff */
  2793. /* a0cfff */
  2794. /* b3d8ff */
  2795. /* c6e2ff */
  2796. /* d9ecff */
  2797. /* ecf5ff */
  2798. /* Link
  2799. -------------------------- */
  2800. /* Background
  2801. -------------------------- */
  2802. /* Border
  2803. -------------------------- */
  2804. /* Box-shadow
  2805. -------------------------- */
  2806. /* Fill
  2807. -------------------------- */
  2808. /* Font
  2809. -------------------------- */
  2810. /* Size
  2811. -------------------------- */
  2812. /* z-index
  2813. -------------------------- */
  2814. /* Disable base
  2815. -------------------------- */
  2816. /* Icon
  2817. -------------------------- */
  2818. /* Checkbox
  2819. -------------------------- */
  2820. /* Radio
  2821. -------------------------- */
  2822. /* Select
  2823. -------------------------- */
  2824. /* Alert
  2825. -------------------------- */
  2826. /* Message Box
  2827. -------------------------- */
  2828. /* Message
  2829. -------------------------- */
  2830. /* Notification
  2831. -------------------------- */
  2832. /* Input
  2833. -------------------------- */
  2834. /* Cascader
  2835. -------------------------- */
  2836. /* Group
  2837. -------------------------- */
  2838. /* Tab
  2839. -------------------------- */
  2840. /* Button
  2841. -------------------------- */
  2842. /* cascader
  2843. -------------------------- */
  2844. /* Switch
  2845. -------------------------- */
  2846. /* Dialog
  2847. -------------------------- */
  2848. /* Table
  2849. -------------------------- */
  2850. /* Pagination
  2851. -------------------------- */
  2852. /* Popover
  2853. -------------------------- */
  2854. /* Tooltip
  2855. -------------------------- */
  2856. /* Tag
  2857. -------------------------- */
  2858. /* Tree
  2859. -------------------------- */
  2860. /* Dropdown
  2861. -------------------------- */
  2862. /* Badge
  2863. -------------------------- */
  2864. /* Card
  2865. --------------------------*/
  2866. /* Slider
  2867. --------------------------*/
  2868. /* Steps
  2869. --------------------------*/
  2870. /* Menu
  2871. --------------------------*/
  2872. /* Rate
  2873. --------------------------*/
  2874. /* DatePicker
  2875. --------------------------*/
  2876. /* Loading
  2877. --------------------------*/
  2878. /* Scrollbar
  2879. --------------------------*/
  2880. /* Carousel
  2881. --------------------------*/
  2882. /* Collapse
  2883. --------------------------*/
  2884. /* Transfer
  2885. --------------------------*/
  2886. /* Header
  2887. --------------------------*/
  2888. /* Footer
  2889. --------------------------*/
  2890. /* Main
  2891. --------------------------*/
  2892. /* Break-point
  2893. --------------------------*/
  2894. /* Break-points
  2895. -------------------------- */
  2896. /* Scrollbar
  2897. -------------------------- */
  2898. /* Placeholder
  2899. -------------------------- */
  2900. /* BEM
  2901. -------------------------- */
  2902. /* Element Chalk Variables */
  2903. /* Transition
  2904. -------------------------- */
  2905. /* Colors
  2906. -------------------------- */
  2907. /* 53a8ff */
  2908. /* 66b1ff */
  2909. /* 79bbff */
  2910. /* 8cc5ff */
  2911. /* a0cfff */
  2912. /* b3d8ff */
  2913. /* c6e2ff */
  2914. /* d9ecff */
  2915. /* ecf5ff */
  2916. /* Link
  2917. -------------------------- */
  2918. /* Background
  2919. -------------------------- */
  2920. /* Border
  2921. -------------------------- */
  2922. /* Box-shadow
  2923. -------------------------- */
  2924. /* Fill
  2925. -------------------------- */
  2926. /* Font
  2927. -------------------------- */
  2928. /* Size
  2929. -------------------------- */
  2930. /* z-index
  2931. -------------------------- */
  2932. /* Disable base
  2933. -------------------------- */
  2934. /* Icon
  2935. -------------------------- */
  2936. /* Checkbox
  2937. -------------------------- */
  2938. /* Radio
  2939. -------------------------- */
  2940. /* Select
  2941. -------------------------- */
  2942. /* Alert
  2943. -------------------------- */
  2944. /* Message Box
  2945. -------------------------- */
  2946. /* Message
  2947. -------------------------- */
  2948. /* Notification
  2949. -------------------------- */
  2950. /* Input
  2951. -------------------------- */
  2952. /* Cascader
  2953. -------------------------- */
  2954. /* Group
  2955. -------------------------- */
  2956. /* Tab
  2957. -------------------------- */
  2958. /* Button
  2959. -------------------------- */
  2960. /* cascader
  2961. -------------------------- */
  2962. /* Switch
  2963. -------------------------- */
  2964. /* Dialog
  2965. -------------------------- */
  2966. /* Table
  2967. -------------------------- */
  2968. /* Pagination
  2969. -------------------------- */
  2970. /* Popover
  2971. -------------------------- */
  2972. /* Tooltip
  2973. -------------------------- */
  2974. /* Tag
  2975. -------------------------- */
  2976. /* Tree
  2977. -------------------------- */
  2978. /* Dropdown
  2979. -------------------------- */
  2980. /* Badge
  2981. -------------------------- */
  2982. /* Card
  2983. --------------------------*/
  2984. /* Slider
  2985. --------------------------*/
  2986. /* Steps
  2987. --------------------------*/
  2988. /* Menu
  2989. --------------------------*/
  2990. /* Rate
  2991. --------------------------*/
  2992. /* DatePicker
  2993. --------------------------*/
  2994. /* Loading
  2995. --------------------------*/
  2996. /* Scrollbar
  2997. --------------------------*/
  2998. /* Carousel
  2999. --------------------------*/
  3000. /* Collapse
  3001. --------------------------*/
  3002. /* Transfer
  3003. --------------------------*/
  3004. /* Header
  3005. --------------------------*/
  3006. /* Footer
  3007. --------------------------*/
  3008. /* Main
  3009. --------------------------*/
  3010. /* Break-point
  3011. --------------------------*/
  3012. .el-scrollbar {
  3013. overflow: hidden;
  3014. position: relative; }
  3015. .el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .el-scrollbar__bar {
  3016. opacity: 1;
  3017. -webkit-transition: opacity 340ms ease-out;
  3018. transition: opacity 340ms ease-out; }
  3019. .el-scrollbar__wrap {
  3020. overflow: scroll;
  3021. height: 100%; }
  3022. .el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  3023. width: 0;
  3024. height: 0; }
  3025. .el-scrollbar__thumb {
  3026. position: relative;
  3027. display: block;
  3028. width: 0;
  3029. height: 0;
  3030. cursor: pointer;
  3031. border-radius: inherit;
  3032. background-color: rgba(144, 147, 153, 0.3);
  3033. -webkit-transition: .3s background-color;
  3034. transition: .3s background-color; }
  3035. .el-scrollbar__thumb:hover {
  3036. background-color: rgba(144, 147, 153, 0.5); }
  3037. .el-scrollbar__bar {
  3038. position: absolute;
  3039. right: 2px;
  3040. bottom: 2px;
  3041. z-index: 1;
  3042. border-radius: 4px;
  3043. opacity: 0;
  3044. -webkit-transition: opacity 120ms ease-out;
  3045. transition: opacity 120ms ease-out; }
  3046. .el-scrollbar__bar.is-vertical {
  3047. width: 6px;
  3048. top: 2px; }
  3049. .el-scrollbar__bar.is-vertical > div {
  3050. width: 100%; }
  3051. .el-scrollbar__bar.is-horizontal {
  3052. height: 6px;
  3053. left: 2px; }
  3054. .el-scrollbar__bar.is-horizontal > div {
  3055. height: 100%; }
  3056. /* BEM support Func
  3057. -------------------------- */
  3058. /* Element Chalk Variables */
  3059. /* Transition
  3060. -------------------------- */
  3061. /* Colors
  3062. -------------------------- */
  3063. /* 53a8ff */
  3064. /* 66b1ff */
  3065. /* 79bbff */
  3066. /* 8cc5ff */
  3067. /* a0cfff */
  3068. /* b3d8ff */
  3069. /* c6e2ff */
  3070. /* d9ecff */
  3071. /* ecf5ff */
  3072. /* Link
  3073. -------------------------- */
  3074. /* Background
  3075. -------------------------- */
  3076. /* Border
  3077. -------------------------- */
  3078. /* Box-shadow
  3079. -------------------------- */
  3080. /* Fill
  3081. -------------------------- */
  3082. /* Font
  3083. -------------------------- */
  3084. /* Size
  3085. -------------------------- */
  3086. /* z-index
  3087. -------------------------- */
  3088. /* Disable base
  3089. -------------------------- */
  3090. /* Icon
  3091. -------------------------- */
  3092. /* Checkbox
  3093. -------------------------- */
  3094. /* Radio
  3095. -------------------------- */
  3096. /* Select
  3097. -------------------------- */
  3098. /* Alert
  3099. -------------------------- */
  3100. /* Message Box
  3101. -------------------------- */
  3102. /* Message
  3103. -------------------------- */
  3104. /* Notification
  3105. -------------------------- */
  3106. /* Input
  3107. -------------------------- */
  3108. /* Cascader
  3109. -------------------------- */
  3110. /* Group
  3111. -------------------------- */
  3112. /* Tab
  3113. -------------------------- */
  3114. /* Button
  3115. -------------------------- */
  3116. /* cascader
  3117. -------------------------- */
  3118. /* Switch
  3119. -------------------------- */
  3120. /* Dialog
  3121. -------------------------- */
  3122. /* Table
  3123. -------------------------- */
  3124. /* Pagination
  3125. -------------------------- */
  3126. /* Popover
  3127. -------------------------- */
  3128. /* Tooltip
  3129. -------------------------- */
  3130. /* Tag
  3131. -------------------------- */
  3132. /* Tree
  3133. -------------------------- */
  3134. /* Dropdown
  3135. -------------------------- */
  3136. /* Badge
  3137. -------------------------- */
  3138. /* Card
  3139. --------------------------*/
  3140. /* Slider
  3141. --------------------------*/
  3142. /* Steps
  3143. --------------------------*/
  3144. /* Menu
  3145. --------------------------*/
  3146. /* Rate
  3147. --------------------------*/
  3148. /* DatePicker
  3149. --------------------------*/
  3150. /* Loading
  3151. --------------------------*/
  3152. /* Scrollbar
  3153. --------------------------*/
  3154. /* Carousel
  3155. --------------------------*/
  3156. /* Collapse
  3157. --------------------------*/
  3158. /* Transfer
  3159. --------------------------*/
  3160. /* Header
  3161. --------------------------*/
  3162. /* Footer
  3163. --------------------------*/
  3164. /* Main
  3165. --------------------------*/
  3166. /* Break-point
  3167. --------------------------*/
  3168. /* Break-points
  3169. -------------------------- */
  3170. /* Scrollbar
  3171. -------------------------- */
  3172. /* Placeholder
  3173. -------------------------- */
  3174. /* BEM
  3175. -------------------------- */
  3176. /* Element Chalk Variables */
  3177. /* Transition
  3178. -------------------------- */
  3179. /* Colors
  3180. -------------------------- */
  3181. /* 53a8ff */
  3182. /* 66b1ff */
  3183. /* 79bbff */
  3184. /* 8cc5ff */
  3185. /* a0cfff */
  3186. /* b3d8ff */
  3187. /* c6e2ff */
  3188. /* d9ecff */
  3189. /* ecf5ff */
  3190. /* Link
  3191. -------------------------- */
  3192. /* Background
  3193. -------------------------- */
  3194. /* Border
  3195. -------------------------- */
  3196. /* Box-shadow
  3197. -------------------------- */
  3198. /* Fill
  3199. -------------------------- */
  3200. /* Font
  3201. -------------------------- */
  3202. /* Size
  3203. -------------------------- */
  3204. /* z-index
  3205. -------------------------- */
  3206. /* Disable base
  3207. -------------------------- */
  3208. /* Icon
  3209. -------------------------- */
  3210. /* Checkbox
  3211. -------------------------- */
  3212. /* Radio
  3213. -------------------------- */
  3214. /* Select
  3215. -------------------------- */
  3216. /* Alert
  3217. -------------------------- */
  3218. /* Message Box
  3219. -------------------------- */
  3220. /* Message
  3221. -------------------------- */
  3222. /* Notification
  3223. -------------------------- */
  3224. /* Input
  3225. -------------------------- */
  3226. /* Cascader
  3227. -------------------------- */
  3228. /* Group
  3229. -------------------------- */
  3230. /* Tab
  3231. -------------------------- */
  3232. /* Button
  3233. -------------------------- */
  3234. /* cascader
  3235. -------------------------- */
  3236. /* Switch
  3237. -------------------------- */
  3238. /* Dialog
  3239. -------------------------- */
  3240. /* Table
  3241. -------------------------- */
  3242. /* Pagination
  3243. -------------------------- */
  3244. /* Popover
  3245. -------------------------- */
  3246. /* Tooltip
  3247. -------------------------- */
  3248. /* Tag
  3249. -------------------------- */
  3250. /* Tree
  3251. -------------------------- */
  3252. /* Dropdown
  3253. -------------------------- */
  3254. /* Badge
  3255. -------------------------- */
  3256. /* Card
  3257. --------------------------*/
  3258. /* Slider
  3259. --------------------------*/
  3260. /* Steps
  3261. --------------------------*/
  3262. /* Menu
  3263. --------------------------*/
  3264. /* Rate
  3265. --------------------------*/
  3266. /* DatePicker
  3267. --------------------------*/
  3268. /* Loading
  3269. --------------------------*/
  3270. /* Scrollbar
  3271. --------------------------*/
  3272. /* Carousel
  3273. --------------------------*/
  3274. /* Collapse
  3275. --------------------------*/
  3276. /* Transfer
  3277. --------------------------*/
  3278. /* Header
  3279. --------------------------*/
  3280. /* Footer
  3281. --------------------------*/
  3282. /* Main
  3283. --------------------------*/
  3284. /* Break-point
  3285. --------------------------*/
  3286. .el-popper .popper__arrow,
  3287. .el-popper .popper__arrow::after {
  3288. position: absolute;
  3289. display: block;
  3290. width: 0;
  3291. height: 0;
  3292. border-color: transparent;
  3293. border-style: solid; }
  3294. .el-popper .popper__arrow {
  3295. border-width: 6px;
  3296. -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
  3297. filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); }
  3298. .el-popper .popper__arrow::after {
  3299. content: " ";
  3300. border-width: 6px; }
  3301. .el-popper[x-placement^="top"] {
  3302. margin-bottom: 12px; }
  3303. .el-popper[x-placement^="top"] .popper__arrow {
  3304. bottom: -6px;
  3305. left: 50%;
  3306. margin-right: 3px;
  3307. border-top-color: #ebeef5;
  3308. border-bottom-width: 0; }
  3309. .el-popper[x-placement^="top"] .popper__arrow::after {
  3310. bottom: 1px;
  3311. margin-left: -6px;
  3312. border-top-color: #fff;
  3313. border-bottom-width: 0; }
  3314. .el-popper[x-placement^="bottom"] {
  3315. margin-top: 12px; }
  3316. .el-popper[x-placement^="bottom"] .popper__arrow {
  3317. top: -6px;
  3318. left: 50%;
  3319. margin-right: 3px;
  3320. border-top-width: 0;
  3321. border-bottom-color: #ebeef5; }
  3322. .el-popper[x-placement^="bottom"] .popper__arrow::after {
  3323. top: 1px;
  3324. margin-left: -6px;
  3325. border-top-width: 0;
  3326. border-bottom-color: #fff; }
  3327. .el-popper[x-placement^="right"] {
  3328. margin-left: 12px; }
  3329. .el-popper[x-placement^="right"] .popper__arrow {
  3330. top: 50%;
  3331. left: -6px;
  3332. margin-bottom: 3px;
  3333. border-right-color: #ebeef5;
  3334. border-left-width: 0; }
  3335. .el-popper[x-placement^="right"] .popper__arrow::after {
  3336. bottom: -6px;
  3337. left: 1px;
  3338. border-right-color: #fff;
  3339. border-left-width: 0; }
  3340. .el-popper[x-placement^="left"] {
  3341. margin-right: 12px; }
  3342. .el-popper[x-placement^="left"] .popper__arrow {
  3343. top: 50%;
  3344. right: -6px;
  3345. margin-bottom: 3px;
  3346. border-right-width: 0;
  3347. border-left-color: #ebeef5; }
  3348. .el-popper[x-placement^="left"] .popper__arrow::after {
  3349. right: 1px;
  3350. bottom: -6px;
  3351. margin-left: -6px;
  3352. border-right-width: 0;
  3353. border-left-color: #fff; }