Advertisement
Guest User

Untitled

a guest
Jul 11th, 2015
697
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 192.79 KB | None | 0 0
  1. /*!
  2. * Materialize v0.97.0 (http://materializecss.com)
  3. * Copyright 2014-2015 Materialize
  4. * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
  5. */
  6. .materialize-red.lighten-5 {
  7. background-color: #fdeaeb !important; }
  8.  
  9. .materialize-red-text.text-lighten-5 {
  10. color: #fdeaeb !important; }
  11.  
  12. .materialize-red.lighten-4 {
  13. background-color: #f8c1c3 !important; }
  14.  
  15. .materialize-red-text.text-lighten-4 {
  16. color: #f8c1c3 !important; }
  17.  
  18. .materialize-red.lighten-3 {
  19. background-color: #f3989b !important; }
  20.  
  21. .materialize-red-text.text-lighten-3 {
  22. color: #f3989b !important; }
  23.  
  24. .materialize-red.lighten-2 {
  25. background-color: #ee6e73 !important; }
  26.  
  27. .materialize-red-text.text-lighten-2 {
  28. color: #ee6e73 !important; }
  29.  
  30. .materialize-red.lighten-1 {
  31. background-color: #ea454b !important; }
  32.  
  33. .materialize-red-text.text-lighten-1 {
  34. color: #ea454b !important; }
  35.  
  36. .materialize-red {
  37. background-color: #e51c23 !important; }
  38.  
  39. .materialize-red-text {
  40. color: #e51c23 !important; }
  41.  
  42. .materialize-red.darken-1 {
  43. background-color: #d0181e !important; }
  44.  
  45. .materialize-red-text.text-darken-1 {
  46. color: #d0181e !important; }
  47.  
  48. .materialize-red.darken-2 {
  49. background-color: #b9151b !important; }
  50.  
  51. .materialize-red-text.text-darken-2 {
  52. color: #b9151b !important; }
  53.  
  54. .materialize-red.darken-3 {
  55. background-color: #a21318 !important; }
  56.  
  57. .materialize-red-text.text-darken-3 {
  58. color: #a21318 !important; }
  59.  
  60. .materialize-red.darken-4 {
  61. background-color: #8b1014 !important; }
  62.  
  63. .materialize-red-text.text-darken-4 {
  64. color: #8b1014 !important; }
  65.  
  66. .red.lighten-5 {
  67. background-color: #FFEBEE !important; }
  68.  
  69. .red-text.text-lighten-5 {
  70. color: #FFEBEE !important; }
  71.  
  72. .red.lighten-4 {
  73. background-color: #FFCDD2 !important; }
  74.  
  75. .red-text.text-lighten-4 {
  76. color: #FFCDD2 !important; }
  77.  
  78. .red.lighten-3 {
  79. background-color: #EF9A9A !important; }
  80.  
  81. .red-text.text-lighten-3 {
  82. color: #EF9A9A !important; }
  83.  
  84. .red.lighten-2 {
  85. background-color: #E57373 !important; }
  86.  
  87. .red-text.text-lighten-2 {
  88. color: #E57373 !important; }
  89.  
  90. .red.lighten-1 {
  91. background-color: #EF5350 !important; }
  92.  
  93. .red-text.text-lighten-1 {
  94. color: #EF5350 !important; }
  95.  
  96. .red {
  97. background-color: #F44336 !important; }
  98.  
  99. .red-text {
  100. color: #F44336 !important; }
  101.  
  102. .red.darken-1 {
  103. background-color: #E53935 !important; }
  104.  
  105. .red-text.text-darken-1 {
  106. color: #E53935 !important; }
  107.  
  108. .red.darken-2 {
  109. background-color: #D32F2F !important; }
  110.  
  111. .red-text.text-darken-2 {
  112. color: #D32F2F !important; }
  113.  
  114. .red.darken-3 {
  115. background-color: #C62828 !important; }
  116.  
  117. .red-text.text-darken-3 {
  118. color: #C62828 !important; }
  119.  
  120. .red.darken-4 {
  121. background-color: #B71C1C !important; }
  122.  
  123. .red-text.text-darken-4 {
  124. color: #B71C1C !important; }
  125.  
  126. .red.accent-1 {
  127. background-color: #FF8A80 !important; }
  128.  
  129. .red-text.text-accent-1 {
  130. color: #FF8A80 !important; }
  131.  
  132. .red.accent-2 {
  133. background-color: #FF5252 !important; }
  134.  
  135. .red-text.text-accent-2 {
  136. color: #FF5252 !important; }
  137.  
  138. .red.accent-3 {
  139. background-color: #FF1744 !important; }
  140.  
  141. .red-text.text-accent-3 {
  142. color: #FF1744 !important; }
  143.  
  144. .red.accent-4 {
  145. background-color: #D50000 !important; }
  146.  
  147. .red-text.text-accent-4 {
  148. color: #D50000 !important; }
  149.  
  150. .pink.lighten-5 {
  151. background-color: #fce4ec !important; }
  152.  
  153. .pink-text.text-lighten-5 {
  154. color: #fce4ec !important; }
  155.  
  156. .pink.lighten-4 {
  157. background-color: #f8bbd0 !important; }
  158.  
  159. .pink-text.text-lighten-4 {
  160. color: #f8bbd0 !important; }
  161.  
  162. .pink.lighten-3 {
  163. background-color: #f48fb1 !important; }
  164.  
  165. .pink-text.text-lighten-3 {
  166. color: #f48fb1 !important; }
  167.  
  168. .pink.lighten-2 {
  169. background-color: #f06292 !important; }
  170.  
  171. .pink-text.text-lighten-2 {
  172. color: #f06292 !important; }
  173.  
  174. .pink.lighten-1 {
  175. background-color: #ec407a !important; }
  176.  
  177. .pink-text.text-lighten-1 {
  178. color: #ec407a !important; }
  179.  
  180. .pink {
  181. background-color: #e91e63 !important; }
  182.  
  183. .pink-text {
  184. color: #e91e63 !important; }
  185.  
  186. .pink.darken-1 {
  187. background-color: #d81b60 !important; }
  188.  
  189. .pink-text.text-darken-1 {
  190. color: #d81b60 !important; }
  191.  
  192. .pink.darken-2 {
  193. background-color: #c2185b !important; }
  194.  
  195. .pink-text.text-darken-2 {
  196. color: #c2185b !important; }
  197.  
  198. .pink.darken-3 {
  199. background-color: #ad1457 !important; }
  200.  
  201. .pink-text.text-darken-3 {
  202. color: #ad1457 !important; }
  203.  
  204. .pink.darken-4 {
  205. background-color: #880e4f !important; }
  206.  
  207. .pink-text.text-darken-4 {
  208. color: #880e4f !important; }
  209.  
  210. .pink.accent-1 {
  211. background-color: #ff80ab !important; }
  212.  
  213. .pink-text.text-accent-1 {
  214. color: #ff80ab !important; }
  215.  
  216. .pink.accent-2 {
  217. background-color: #ff4081 !important; }
  218.  
  219. .pink-text.text-accent-2 {
  220. color: #ff4081 !important; }
  221.  
  222. .pink.accent-3 {
  223. background-color: #f50057 !important; }
  224.  
  225. .pink-text.text-accent-3 {
  226. color: #f50057 !important; }
  227.  
  228. .pink.accent-4 {
  229. background-color: #c51162 !important; }
  230.  
  231. .pink-text.text-accent-4 {
  232. color: #c51162 !important; }
  233.  
  234. .purple.lighten-5 {
  235. background-color: #f3e5f5 !important; }
  236.  
  237. .purple-text.text-lighten-5 {
  238. color: #f3e5f5 !important; }
  239.  
  240. .purple.lighten-4 {
  241. background-color: #e1bee7 !important; }
  242.  
  243. .purple-text.text-lighten-4 {
  244. color: #e1bee7 !important; }
  245.  
  246. .purple.lighten-3 {
  247. background-color: #ce93d8 !important; }
  248.  
  249. .purple-text.text-lighten-3 {
  250. color: #ce93d8 !important; }
  251.  
  252. .purple.lighten-2 {
  253. background-color: #ba68c8 !important; }
  254.  
  255. .purple-text.text-lighten-2 {
  256. color: #ba68c8 !important; }
  257.  
  258. .purple.lighten-1 {
  259. background-color: #ab47bc !important; }
  260.  
  261. .purple-text.text-lighten-1 {
  262. color: #ab47bc !important; }
  263.  
  264. .purple {
  265. background-color: #9c27b0 !important; }
  266.  
  267. .purple-text {
  268. color: #9c27b0 !important; }
  269.  
  270. .purple.darken-1 {
  271. background-color: #8e24aa !important; }
  272.  
  273. .purple-text.text-darken-1 {
  274. color: #8e24aa !important; }
  275.  
  276. .purple.darken-2 {
  277. background-color: #7b1fa2 !important; }
  278.  
  279. .purple-text.text-darken-2 {
  280. color: #7b1fa2 !important; }
  281.  
  282. .purple.darken-3 {
  283. background-color: #6a1b9a !important; }
  284.  
  285. .purple-text.text-darken-3 {
  286. color: #6a1b9a !important; }
  287.  
  288. .purple.darken-4 {
  289. background-color: #4a148c !important; }
  290.  
  291. .purple-text.text-darken-4 {
  292. color: #4a148c !important; }
  293.  
  294. .purple.accent-1 {
  295. background-color: #ea80fc !important; }
  296.  
  297. .purple-text.text-accent-1 {
  298. color: #ea80fc !important; }
  299.  
  300. .purple.accent-2 {
  301. background-color: #e040fb !important; }
  302.  
  303. .purple-text.text-accent-2 {
  304. color: #e040fb !important; }
  305.  
  306. .purple.accent-3 {
  307. background-color: #d500f9 !important; }
  308.  
  309. .purple-text.text-accent-3 {
  310. color: #d500f9 !important; }
  311.  
  312. .purple.accent-4 {
  313. background-color: #aa00ff !important; }
  314.  
  315. .purple-text.text-accent-4 {
  316. color: #aa00ff !important; }
  317.  
  318. .deep-purple.lighten-5 {
  319. background-color: #ede7f6 !important; }
  320.  
  321. .deep-purple-text.text-lighten-5 {
  322. color: #ede7f6 !important; }
  323.  
  324. .deep-purple.lighten-4 {
  325. background-color: #d1c4e9 !important; }
  326.  
  327. .deep-purple-text.text-lighten-4 {
  328. color: #d1c4e9 !important; }
  329.  
  330. .deep-purple.lighten-3 {
  331. background-color: #b39ddb !important; }
  332.  
  333. .deep-purple-text.text-lighten-3 {
  334. color: #b39ddb !important; }
  335.  
  336. .deep-purple.lighten-2 {
  337. background-color: #9575cd !important; }
  338.  
  339. .deep-purple-text.text-lighten-2 {
  340. color: #9575cd !important; }
  341.  
  342. .deep-purple.lighten-1 {
  343. background-color: #7e57c2 !important; }
  344.  
  345. .deep-purple-text.text-lighten-1 {
  346. color: #7e57c2 !important; }
  347.  
  348. .deep-purple {
  349. background-color: #673ab7 !important; }
  350.  
  351. .deep-purple-text {
  352. color: #673ab7 !important; }
  353.  
  354. .deep-purple.darken-1 {
  355. background-color: #5e35b1 !important; }
  356.  
  357. .deep-purple-text.text-darken-1 {
  358. color: #5e35b1 !important; }
  359.  
  360. .deep-purple.darken-2 {
  361. background-color: #512da8 !important; }
  362.  
  363. .deep-purple-text.text-darken-2 {
  364. color: #512da8 !important; }
  365.  
  366. .deep-purple.darken-3 {
  367. background-color: #4527a0 !important; }
  368.  
  369. .deep-purple-text.text-darken-3 {
  370. color: #4527a0 !important; }
  371.  
  372. .deep-purple.darken-4 {
  373. background-color: #311b92 !important; }
  374.  
  375. .deep-purple-text.text-darken-4 {
  376. color: #311b92 !important; }
  377.  
  378. .deep-purple.accent-1 {
  379. background-color: #b388ff !important; }
  380.  
  381. .deep-purple-text.text-accent-1 {
  382. color: #b388ff !important; }
  383.  
  384. .deep-purple.accent-2 {
  385. background-color: #7c4dff !important; }
  386.  
  387. .deep-purple-text.text-accent-2 {
  388. color: #7c4dff !important; }
  389.  
  390. .deep-purple.accent-3 {
  391. background-color: #651fff !important; }
  392.  
  393. .deep-purple-text.text-accent-3 {
  394. color: #651fff !important; }
  395.  
  396. .deep-purple.accent-4 {
  397. background-color: #6200ea !important; }
  398.  
  399. .deep-purple-text.text-accent-4 {
  400. color: #6200ea !important; }
  401.  
  402. .indigo.lighten-5 {
  403. background-color: #e8eaf6 !important; }
  404.  
  405. .indigo-text.text-lighten-5 {
  406. color: #e8eaf6 !important; }
  407.  
  408. .indigo.lighten-4 {
  409. background-color: #c5cae9 !important; }
  410.  
  411. .indigo-text.text-lighten-4 {
  412. color: #c5cae9 !important; }
  413.  
  414. .indigo.lighten-3 {
  415. background-color: #9fa8da !important; }
  416.  
  417. .indigo-text.text-lighten-3 {
  418. color: #9fa8da !important; }
  419.  
  420. .indigo.lighten-2 {
  421. background-color: #7986cb !important; }
  422.  
  423. .indigo-text.text-lighten-2 {
  424. color: #7986cb !important; }
  425.  
  426. .indigo.lighten-1 {
  427. background-color: #5c6bc0 !important; }
  428.  
  429. .indigo-text.text-lighten-1 {
  430. color: #5c6bc0 !important; }
  431.  
  432. .indigo {
  433. background-color: #3f51b5 !important; }
  434.  
  435. .indigo-text {
  436. color: #3f51b5 !important; }
  437.  
  438. .indigo.darken-1 {
  439. background-color: #3949ab !important; }
  440.  
  441. .indigo-text.text-darken-1 {
  442. color: #3949ab !important; }
  443.  
  444. .indigo.darken-2 {
  445. background-color: #303f9f !important; }
  446.  
  447. .indigo-text.text-darken-2 {
  448. color: #303f9f !important; }
  449.  
  450. .indigo.darken-3 {
  451. background-color: #283593 !important; }
  452.  
  453. .indigo-text.text-darken-3 {
  454. color: #283593 !important; }
  455.  
  456. .indigo.darken-4 {
  457. background-color: #1a237e !important; }
  458.  
  459. .indigo-text.text-darken-4 {
  460. color: #1a237e !important; }
  461.  
  462. .indigo.accent-1 {
  463. background-color: #8c9eff !important; }
  464.  
  465. .indigo-text.text-accent-1 {
  466. color: #8c9eff !important; }
  467.  
  468. .indigo.accent-2 {
  469. background-color: #536dfe !important; }
  470.  
  471. .indigo-text.text-accent-2 {
  472. color: #536dfe !important; }
  473.  
  474. .indigo.accent-3 {
  475. background-color: #3d5afe !important; }
  476.  
  477. .indigo-text.text-accent-3 {
  478. color: #3d5afe !important; }
  479.  
  480. .indigo.accent-4 {
  481. background-color: #304ffe !important; }
  482.  
  483. .indigo-text.text-accent-4 {
  484. color: #304ffe !important; }
  485.  
  486. .blue.lighten-5 {
  487. background-color: #E3F2FD !important; }
  488.  
  489. .blue-text.text-lighten-5 {
  490. color: #E3F2FD !important; }
  491.  
  492. .blue.lighten-4 {
  493. background-color: #BBDEFB !important; }
  494.  
  495. .blue-text.text-lighten-4 {
  496. color: #BBDEFB !important; }
  497.  
  498. .blue.lighten-3 {
  499. background-color: #90CAF9 !important; }
  500.  
  501. .blue-text.text-lighten-3 {
  502. color: #90CAF9 !important; }
  503.  
  504. .blue.lighten-2 {
  505. background-color: #64B5F6 !important; }
  506.  
  507. .blue-text.text-lighten-2 {
  508. color: #64B5F6 !important; }
  509.  
  510. .blue.lighten-1 {
  511. background-color: #42A5F5 !important; }
  512.  
  513. .blue-text.text-lighten-1 {
  514. color: #42A5F5 !important; }
  515.  
  516. .blue {
  517. background-color: #2196F3 !important; }
  518.  
  519. .blue-text {
  520. color: #2196F3 !important; }
  521.  
  522. .blue.darken-1 {
  523. background-color: #1E88E5 !important; }
  524.  
  525. .blue-text.text-darken-1 {
  526. color: #1E88E5 !important; }
  527.  
  528. .blue.darken-2 {
  529. background-color: #1976D2 !important; }
  530.  
  531. .blue-text.text-darken-2 {
  532. color: #1976D2 !important; }
  533.  
  534. .blue.darken-3 {
  535. background-color: #1565C0 !important; }
  536.  
  537. .blue-text.text-darken-3 {
  538. color: #1565C0 !important; }
  539.  
  540. .blue.darken-4 {
  541. background-color: #0D47A1 !important; }
  542.  
  543. .blue-text.text-darken-4 {
  544. color: #0D47A1 !important; }
  545.  
  546. .blue.accent-1 {
  547. background-color: #82B1FF !important; }
  548.  
  549. .blue-text.text-accent-1 {
  550. color: #82B1FF !important; }
  551.  
  552. .blue.accent-2 {
  553. background-color: #448AFF !important; }
  554.  
  555. .blue-text.text-accent-2 {
  556. color: #448AFF !important; }
  557.  
  558. .blue.accent-3 {
  559. background-color: #2979FF !important; }
  560.  
  561. .blue-text.text-accent-3 {
  562. color: #2979FF !important; }
  563.  
  564. .blue.accent-4 {
  565. background-color: #2962FF !important; }
  566.  
  567. .blue-text.text-accent-4 {
  568. color: #2962FF !important; }
  569.  
  570. .light-blue.lighten-5 {
  571. background-color: #e1f5fe !important; }
  572.  
  573. .light-blue-text.text-lighten-5 {
  574. color: #e1f5fe !important; }
  575.  
  576. .light-blue.lighten-4 {
  577. background-color: #b3e5fc !important; }
  578.  
  579. .light-blue-text.text-lighten-4 {
  580. color: #b3e5fc !important; }
  581.  
  582. .light-blue.lighten-3 {
  583. background-color: #81d4fa !important; }
  584.  
  585. .light-blue-text.text-lighten-3 {
  586. color: #81d4fa !important; }
  587.  
  588. .light-blue.lighten-2 {
  589. background-color: #4fc3f7 !important; }
  590.  
  591. .light-blue-text.text-lighten-2 {
  592. color: #4fc3f7 !important; }
  593.  
  594. .light-blue.lighten-1 {
  595. background-color: #29b6f6 !important; }
  596.  
  597. .light-blue-text.text-lighten-1 {
  598. color: #29b6f6 !important; }
  599.  
  600. .light-blue {
  601. background-color: #03a9f4 !important; }
  602.  
  603. .light-blue-text {
  604. color: #03a9f4 !important; }
  605.  
  606. .light-blue.darken-1 {
  607. background-color: #039be5 !important; }
  608.  
  609. .light-blue-text.text-darken-1 {
  610. color: #039be5 !important; }
  611.  
  612. .light-blue.darken-2 {
  613. background-color: #0288d1 !important; }
  614.  
  615. .light-blue-text.text-darken-2 {
  616. color: #0288d1 !important; }
  617.  
  618. .light-blue.darken-3 {
  619. background-color: #0277bd !important; }
  620.  
  621. .light-blue-text.text-darken-3 {
  622. color: #0277bd !important; }
  623.  
  624. .light-blue.darken-4 {
  625. background-color: #01579b !important; }
  626.  
  627. .light-blue-text.text-darken-4 {
  628. color: #01579b !important; }
  629.  
  630. .light-blue.accent-1 {
  631. background-color: #80d8ff !important; }
  632.  
  633. .light-blue-text.text-accent-1 {
  634. color: #80d8ff !important; }
  635.  
  636. .light-blue.accent-2 {
  637. background-color: #40c4ff !important; }
  638.  
  639. .light-blue-text.text-accent-2 {
  640. color: #40c4ff !important; }
  641.  
  642. .light-blue.accent-3 {
  643. background-color: #00b0ff !important; }
  644.  
  645. .light-blue-text.text-accent-3 {
  646. color: #00b0ff !important; }
  647.  
  648. .light-blue.accent-4 {
  649. background-color: #0091ea !important; }
  650.  
  651. .light-blue-text.text-accent-4 {
  652. color: #0091ea !important; }
  653.  
  654. .cyan.lighten-5 {
  655. background-color: #e0f7fa !important; }
  656.  
  657. .cyan-text.text-lighten-5 {
  658. color: #e0f7fa !important; }
  659.  
  660. .cyan.lighten-4 {
  661. background-color: #b2ebf2 !important; }
  662.  
  663. .cyan-text.text-lighten-4 {
  664. color: #b2ebf2 !important; }
  665.  
  666. .cyan.lighten-3 {
  667. background-color: #80deea !important; }
  668.  
  669. .cyan-text.text-lighten-3 {
  670. color: #80deea !important; }
  671.  
  672. .cyan.lighten-2 {
  673. background-color: #4dd0e1 !important; }
  674.  
  675. .cyan-text.text-lighten-2 {
  676. color: #4dd0e1 !important; }
  677.  
  678. .cyan.lighten-1 {
  679. background-color: #26c6da !important; }
  680.  
  681. .cyan-text.text-lighten-1 {
  682. color: #26c6da !important; }
  683.  
  684. .cyan {
  685. background-color: #00bcd4 !important; }
  686.  
  687. .cyan-text {
  688. color: #00bcd4 !important; }
  689.  
  690. .cyan.darken-1 {
  691. background-color: #00acc1 !important; }
  692.  
  693. .cyan-text.text-darken-1 {
  694. color: #00acc1 !important; }
  695.  
  696. .cyan.darken-2 {
  697. background-color: #0097a7 !important; }
  698.  
  699. .cyan-text.text-darken-2 {
  700. color: #0097a7 !important; }
  701.  
  702. .cyan.darken-3 {
  703. background-color: #00838f !important; }
  704.  
  705. .cyan-text.text-darken-3 {
  706. color: #00838f !important; }
  707.  
  708. .cyan.darken-4 {
  709. background-color: #006064 !important; }
  710.  
  711. .cyan-text.text-darken-4 {
  712. color: #006064 !important; }
  713.  
  714. .cyan.accent-1 {
  715. background-color: #84ffff !important; }
  716.  
  717. .cyan-text.text-accent-1 {
  718. color: #84ffff !important; }
  719.  
  720. .cyan.accent-2 {
  721. background-color: #18ffff !important; }
  722.  
  723. .cyan-text.text-accent-2 {
  724. color: #18ffff !important; }
  725.  
  726. .cyan.accent-3 {
  727. background-color: #00e5ff !important; }
  728.  
  729. .cyan-text.text-accent-3 {
  730. color: #00e5ff !important; }
  731.  
  732. .cyan.accent-4 {
  733. background-color: #00b8d4 !important; }
  734.  
  735. .cyan-text.text-accent-4 {
  736. color: #00b8d4 !important; }
  737.  
  738. .teal.lighten-5 {
  739. background-color: #e0f2f1 !important; }
  740.  
  741. .teal-text.text-lighten-5 {
  742. color: #e0f2f1 !important; }
  743.  
  744. .teal.lighten-4 {
  745. background-color: #b2dfdb !important; }
  746.  
  747. .teal-text.text-lighten-4 {
  748. color: #b2dfdb !important; }
  749.  
  750. .teal.lighten-3 {
  751. background-color: #80cbc4 !important; }
  752.  
  753. .teal-text.text-lighten-3 {
  754. color: #80cbc4 !important; }
  755.  
  756. .teal.lighten-2 {
  757. background-color: #4db6ac !important; }
  758.  
  759. .teal-text.text-lighten-2 {
  760. color: #4db6ac !important; }
  761.  
  762. .teal.lighten-1 {
  763. background-color: #26a69a !important; }
  764.  
  765. .teal-text.text-lighten-1 {
  766. color: #26a69a !important; }
  767.  
  768. .teal {
  769. background-color: #009688 !important; }
  770.  
  771. .teal-text {
  772. color: #009688 !important; }
  773.  
  774. .teal.darken-1 {
  775. background-color: #00897b !important; }
  776.  
  777. .teal-text.text-darken-1 {
  778. color: #00897b !important; }
  779.  
  780. .teal.darken-2 {
  781. background-color: #00796b !important; }
  782.  
  783. .teal-text.text-darken-2 {
  784. color: #00796b !important; }
  785.  
  786. .teal.darken-3 {
  787. background-color: #00695c !important; }
  788.  
  789. .teal-text.text-darken-3 {
  790. color: #00695c !important; }
  791.  
  792. .teal.darken-4 {
  793. background-color: #004d40 !important; }
  794.  
  795. .teal-text.text-darken-4 {
  796. color: #004d40 !important; }
  797.  
  798. .teal.accent-1 {
  799. background-color: #a7ffeb !important; }
  800.  
  801. .teal-text.text-accent-1 {
  802. color: #a7ffeb !important; }
  803.  
  804. .teal.accent-2 {
  805. background-color: #64ffda !important; }
  806.  
  807. .teal-text.text-accent-2 {
  808. color: #64ffda !important; }
  809.  
  810. .teal.accent-3 {
  811. background-color: #1de9b6 !important; }
  812.  
  813. .teal-text.text-accent-3 {
  814. color: #1de9b6 !important; }
  815.  
  816. .teal.accent-4 {
  817. background-color: #00bfa5 !important; }
  818.  
  819. .teal-text.text-accent-4 {
  820. color: #00bfa5 !important; }
  821.  
  822. .green.lighten-5 {
  823. background-color: #E8F5E9 !important; }
  824.  
  825. .green-text.text-lighten-5 {
  826. color: #E8F5E9 !important; }
  827.  
  828. .green.lighten-4 {
  829. background-color: #C8E6C9 !important; }
  830.  
  831. .green-text.text-lighten-4 {
  832. color: #C8E6C9 !important; }
  833.  
  834. .green.lighten-3 {
  835. background-color: #A5D6A7 !important; }
  836.  
  837. .green-text.text-lighten-3 {
  838. color: #A5D6A7 !important; }
  839.  
  840. .green.lighten-2 {
  841. background-color: #81C784 !important; }
  842.  
  843. .green-text.text-lighten-2 {
  844. color: #81C784 !important; }
  845.  
  846. .green.lighten-1 {
  847. background-color: #66BB6A !important; }
  848.  
  849. .green-text.text-lighten-1 {
  850. color: #66BB6A !important; }
  851.  
  852. .green {
  853. background-color: #4CAF50 !important; }
  854.  
  855. .green-text {
  856. color: #4CAF50 !important; }
  857.  
  858. .green.darken-1 {
  859. background-color: #43A047 !important; }
  860.  
  861. .green-text.text-darken-1 {
  862. color: #43A047 !important; }
  863.  
  864. .green.darken-2 {
  865. background-color: #388E3C !important; }
  866.  
  867. .green-text.text-darken-2 {
  868. color: #388E3C !important; }
  869.  
  870. .green.darken-3 {
  871. background-color: #2E7D32 !important; }
  872.  
  873. .green-text.text-darken-3 {
  874. color: #2E7D32 !important; }
  875.  
  876. .green.darken-4 {
  877. background-color: #1B5E20 !important; }
  878.  
  879. .green-text.text-darken-4 {
  880. color: #1B5E20 !important; }
  881.  
  882. .green.accent-1 {
  883. background-color: #B9F6CA !important; }
  884.  
  885. .green-text.text-accent-1 {
  886. color: #B9F6CA !important; }
  887.  
  888. .green.accent-2 {
  889. background-color: #69F0AE !important; }
  890.  
  891. .green-text.text-accent-2 {
  892. color: #69F0AE !important; }
  893.  
  894. .green.accent-3 {
  895. background-color: #00E676 !important; }
  896.  
  897. .green-text.text-accent-3 {
  898. color: #00E676 !important; }
  899.  
  900. .green.accent-4 {
  901. background-color: #00C853 !important; }
  902.  
  903. .green-text.text-accent-4 {
  904. color: #00C853 !important; }
  905.  
  906. .light-green.lighten-5 {
  907. background-color: #f1f8e9 !important; }
  908.  
  909. .light-green-text.text-lighten-5 {
  910. color: #f1f8e9 !important; }
  911.  
  912. .light-green.lighten-4 {
  913. background-color: #dcedc8 !important; }
  914.  
  915. .light-green-text.text-lighten-4 {
  916. color: #dcedc8 !important; }
  917.  
  918. .light-green.lighten-3 {
  919. background-color: #c5e1a5 !important; }
  920.  
  921. .light-green-text.text-lighten-3 {
  922. color: #c5e1a5 !important; }
  923.  
  924. .light-green.lighten-2 {
  925. background-color: #aed581 !important; }
  926.  
  927. .light-green-text.text-lighten-2 {
  928. color: #aed581 !important; }
  929.  
  930. .light-green.lighten-1 {
  931. background-color: #9ccc65 !important; }
  932.  
  933. .light-green-text.text-lighten-1 {
  934. color: #9ccc65 !important; }
  935.  
  936. .light-green {
  937. background-color: #8bc34a !important; }
  938.  
  939. .light-green-text {
  940. color: #8bc34a !important; }
  941.  
  942. .light-green.darken-1 {
  943. background-color: #7cb342 !important; }
  944.  
  945. .light-green-text.text-darken-1 {
  946. color: #7cb342 !important; }
  947.  
  948. .light-green.darken-2 {
  949. background-color: #689f38 !important; }
  950.  
  951. .light-green-text.text-darken-2 {
  952. color: #689f38 !important; }
  953.  
  954. .light-green.darken-3 {
  955. background-color: #558b2f !important; }
  956.  
  957. .light-green-text.text-darken-3 {
  958. color: #558b2f !important; }
  959.  
  960. .light-green.darken-4 {
  961. background-color: #33691e !important; }
  962.  
  963. .light-green-text.text-darken-4 {
  964. color: #33691e !important; }
  965.  
  966. .light-green.accent-1 {
  967. background-color: #ccff90 !important; }
  968.  
  969. .light-green-text.text-accent-1 {
  970. color: #ccff90 !important; }
  971.  
  972. .light-green.accent-2 {
  973. background-color: #b2ff59 !important; }
  974.  
  975. .light-green-text.text-accent-2 {
  976. color: #b2ff59 !important; }
  977.  
  978. .light-green.accent-3 {
  979. background-color: #76ff03 !important; }
  980.  
  981. .light-green-text.text-accent-3 {
  982. color: #76ff03 !important; }
  983.  
  984. .light-green.accent-4 {
  985. background-color: #64dd17 !important; }
  986.  
  987. .light-green-text.text-accent-4 {
  988. color: #64dd17 !important; }
  989.  
  990. .lime.lighten-5 {
  991. background-color: #f9fbe7 !important; }
  992.  
  993. .lime-text.text-lighten-5 {
  994. color: #f9fbe7 !important; }
  995.  
  996. .lime.lighten-4 {
  997. background-color: #f0f4c3 !important; }
  998.  
  999. .lime-text.text-lighten-4 {
  1000. color: #f0f4c3 !important; }
  1001.  
  1002. .lime.lighten-3 {
  1003. background-color: #e6ee9c !important; }
  1004.  
  1005. .lime-text.text-lighten-3 {
  1006. color: #e6ee9c !important; }
  1007.  
  1008. .lime.lighten-2 {
  1009. background-color: #dce775 !important; }
  1010.  
  1011. .lime-text.text-lighten-2 {
  1012. color: #dce775 !important; }
  1013.  
  1014. .lime.lighten-1 {
  1015. background-color: #d4e157 !important; }
  1016.  
  1017. .lime-text.text-lighten-1 {
  1018. color: #d4e157 !important; }
  1019.  
  1020. .lime {
  1021. background-color: #cddc39 !important; }
  1022.  
  1023. .lime-text {
  1024. color: #cddc39 !important; }
  1025.  
  1026. .lime.darken-1 {
  1027. background-color: #c0ca33 !important; }
  1028.  
  1029. .lime-text.text-darken-1 {
  1030. color: #c0ca33 !important; }
  1031.  
  1032. .lime.darken-2 {
  1033. background-color: #afb42b !important; }
  1034.  
  1035. .lime-text.text-darken-2 {
  1036. color: #afb42b !important; }
  1037.  
  1038. .lime.darken-3 {
  1039. background-color: #9e9d24 !important; }
  1040.  
  1041. .lime-text.text-darken-3 {
  1042. color: #9e9d24 !important; }
  1043.  
  1044. .lime.darken-4 {
  1045. background-color: #827717 !important; }
  1046.  
  1047. .lime-text.text-darken-4 {
  1048. color: #827717 !important; }
  1049.  
  1050. .lime.accent-1 {
  1051. background-color: #f4ff81 !important; }
  1052.  
  1053. .lime-text.text-accent-1 {
  1054. color: #f4ff81 !important; }
  1055.  
  1056. .lime.accent-2 {
  1057. background-color: #eeff41 !important; }
  1058.  
  1059. .lime-text.text-accent-2 {
  1060. color: #eeff41 !important; }
  1061.  
  1062. .lime.accent-3 {
  1063. background-color: #c6ff00 !important; }
  1064.  
  1065. .lime-text.text-accent-3 {
  1066. color: #c6ff00 !important; }
  1067.  
  1068. .lime.accent-4 {
  1069. background-color: #aeea00 !important; }
  1070.  
  1071. .lime-text.text-accent-4 {
  1072. color: #aeea00 !important; }
  1073.  
  1074. .yellow.lighten-5 {
  1075. background-color: #fffde7 !important; }
  1076.  
  1077. .yellow-text.text-lighten-5 {
  1078. color: #fffde7 !important; }
  1079.  
  1080. .yellow.lighten-4 {
  1081. background-color: #fff9c4 !important; }
  1082.  
  1083. .yellow-text.text-lighten-4 {
  1084. color: #fff9c4 !important; }
  1085.  
  1086. .yellow.lighten-3 {
  1087. background-color: #fff59d !important; }
  1088.  
  1089. .yellow-text.text-lighten-3 {
  1090. color: #fff59d !important; }
  1091.  
  1092. .yellow.lighten-2 {
  1093. background-color: #fff176 !important; }
  1094.  
  1095. .yellow-text.text-lighten-2 {
  1096. color: #fff176 !important; }
  1097.  
  1098. .yellow.lighten-1 {
  1099. background-color: #ffee58 !important; }
  1100.  
  1101. .yellow-text.text-lighten-1 {
  1102. color: #ffee58 !important; }
  1103.  
  1104. .yellow {
  1105. background-color: #ffeb3b !important; }
  1106.  
  1107. .yellow-text {
  1108. color: #ffeb3b !important; }
  1109.  
  1110. .yellow.darken-1 {
  1111. background-color: #fdd835 !important; }
  1112.  
  1113. .yellow-text.text-darken-1 {
  1114. color: #fdd835 !important; }
  1115.  
  1116. .yellow.darken-2 {
  1117. background-color: #fbc02d !important; }
  1118.  
  1119. .yellow-text.text-darken-2 {
  1120. color: #fbc02d !important; }
  1121.  
  1122. .yellow.darken-3 {
  1123. background-color: #f9a825 !important; }
  1124.  
  1125. .yellow-text.text-darken-3 {
  1126. color: #f9a825 !important; }
  1127.  
  1128. .yellow.darken-4 {
  1129. background-color: #f57f17 !important; }
  1130.  
  1131. .yellow-text.text-darken-4 {
  1132. color: #f57f17 !important; }
  1133.  
  1134. .yellow.accent-1 {
  1135. background-color: #ffff8d !important; }
  1136.  
  1137. .yellow-text.text-accent-1 {
  1138. color: #ffff8d !important; }
  1139.  
  1140. .yellow.accent-2 {
  1141. background-color: #ffff00 !important; }
  1142.  
  1143. .yellow-text.text-accent-2 {
  1144. color: #ffff00 !important; }
  1145.  
  1146. .yellow.accent-3 {
  1147. background-color: #ffea00 !important; }
  1148.  
  1149. .yellow-text.text-accent-3 {
  1150. color: #ffea00 !important; }
  1151.  
  1152. .yellow.accent-4 {
  1153. background-color: #ffd600 !important; }
  1154.  
  1155. .yellow-text.text-accent-4 {
  1156. color: #ffd600 !important; }
  1157.  
  1158. .amber.lighten-5 {
  1159. background-color: #fff8e1 !important; }
  1160.  
  1161. .amber-text.text-lighten-5 {
  1162. color: #fff8e1 !important; }
  1163.  
  1164. .amber.lighten-4 {
  1165. background-color: #ffecb3 !important; }
  1166.  
  1167. .amber-text.text-lighten-4 {
  1168. color: #ffecb3 !important; }
  1169.  
  1170. .amber.lighten-3 {
  1171. background-color: #ffe082 !important; }
  1172.  
  1173. .amber-text.text-lighten-3 {
  1174. color: #ffe082 !important; }
  1175.  
  1176. .amber.lighten-2 {
  1177. background-color: #ffd54f !important; }
  1178.  
  1179. .amber-text.text-lighten-2 {
  1180. color: #ffd54f !important; }
  1181.  
  1182. .amber.lighten-1 {
  1183. background-color: #ffca28 !important; }
  1184.  
  1185. .amber-text.text-lighten-1 {
  1186. color: #ffca28 !important; }
  1187.  
  1188. .amber {
  1189. background-color: #ffc107 !important; }
  1190.  
  1191. .amber-text {
  1192. color: #ffc107 !important; }
  1193.  
  1194. .amber.darken-1 {
  1195. background-color: #ffb300 !important; }
  1196.  
  1197. .amber-text.text-darken-1 {
  1198. color: #ffb300 !important; }
  1199.  
  1200. .amber.darken-2 {
  1201. background-color: #ffa000 !important; }
  1202.  
  1203. .amber-text.text-darken-2 {
  1204. color: #ffa000 !important; }
  1205.  
  1206. .amber.darken-3 {
  1207. background-color: #ff8f00 !important; }
  1208.  
  1209. .amber-text.text-darken-3 {
  1210. color: #ff8f00 !important; }
  1211.  
  1212. .amber.darken-4 {
  1213. background-color: #ff6f00 !important; }
  1214.  
  1215. .amber-text.text-darken-4 {
  1216. color: #ff6f00 !important; }
  1217.  
  1218. .amber.accent-1 {
  1219. background-color: #ffe57f !important; }
  1220.  
  1221. .amber-text.text-accent-1 {
  1222. color: #ffe57f !important; }
  1223.  
  1224. .amber.accent-2 {
  1225. background-color: #ffd740 !important; }
  1226.  
  1227. .amber-text.text-accent-2 {
  1228. color: #ffd740 !important; }
  1229.  
  1230. .amber.accent-3 {
  1231. background-color: #ffc400 !important; }
  1232.  
  1233. .amber-text.text-accent-3 {
  1234. color: #ffc400 !important; }
  1235.  
  1236. .amber.accent-4 {
  1237. background-color: #ffab00 !important; }
  1238.  
  1239. .amber-text.text-accent-4 {
  1240. color: #ffab00 !important; }
  1241.  
  1242. .orange.lighten-5 {
  1243. background-color: #fff3e0 !important; }
  1244.  
  1245. .orange-text.text-lighten-5 {
  1246. color: #fff3e0 !important; }
  1247.  
  1248. .orange.lighten-4 {
  1249. background-color: #ffe0b2 !important; }
  1250.  
  1251. .orange-text.text-lighten-4 {
  1252. color: #ffe0b2 !important; }
  1253.  
  1254. .orange.lighten-3 {
  1255. background-color: #ffcc80 !important; }
  1256.  
  1257. .orange-text.text-lighten-3 {
  1258. color: #ffcc80 !important; }
  1259.  
  1260. .orange.lighten-2 {
  1261. background-color: #ffb74d !important; }
  1262.  
  1263. .orange-text.text-lighten-2 {
  1264. color: #ffb74d !important; }
  1265.  
  1266. .orange.lighten-1 {
  1267. background-color: #ffa726 !important; }
  1268.  
  1269. .orange-text.text-lighten-1 {
  1270. color: #ffa726 !important; }
  1271.  
  1272. .orange {
  1273. background-color: #ff9800 !important; }
  1274.  
  1275. .orange-text {
  1276. color: #ff9800 !important; }
  1277.  
  1278. .orange.darken-1 {
  1279. background-color: #fb8c00 !important; }
  1280.  
  1281. .orange-text.text-darken-1 {
  1282. color: #fb8c00 !important; }
  1283.  
  1284. .orange.darken-2 {
  1285. background-color: #f57c00 !important; }
  1286.  
  1287. .orange-text.text-darken-2 {
  1288. color: #f57c00 !important; }
  1289.  
  1290. .orange.darken-3 {
  1291. background-color: #ef6c00 !important; }
  1292.  
  1293. .orange-text.text-darken-3 {
  1294. color: #ef6c00 !important; }
  1295.  
  1296. .orange.darken-4 {
  1297. background-color: #e65100 !important; }
  1298.  
  1299. .orange-text.text-darken-4 {
  1300. color: #e65100 !important; }
  1301.  
  1302. .orange.accent-1 {
  1303. background-color: #ffd180 !important; }
  1304.  
  1305. .orange-text.text-accent-1 {
  1306. color: #ffd180 !important; }
  1307.  
  1308. .orange.accent-2 {
  1309. background-color: #ffab40 !important; }
  1310.  
  1311. .orange-text.text-accent-2 {
  1312. color: #ffab40 !important; }
  1313.  
  1314. .orange.accent-3 {
  1315. background-color: #ff9100 !important; }
  1316.  
  1317. .orange-text.text-accent-3 {
  1318. color: #ff9100 !important; }
  1319.  
  1320. .orange.accent-4 {
  1321. background-color: #ff6d00 !important; }
  1322.  
  1323. .orange-text.text-accent-4 {
  1324. color: #ff6d00 !important; }
  1325.  
  1326. .deep-orange.lighten-5 {
  1327. background-color: #fbe9e7 !important; }
  1328.  
  1329. .deep-orange-text.text-lighten-5 {
  1330. color: #fbe9e7 !important; }
  1331.  
  1332. .deep-orange.lighten-4 {
  1333. background-color: #ffccbc !important; }
  1334.  
  1335. .deep-orange-text.text-lighten-4 {
  1336. color: #ffccbc !important; }
  1337.  
  1338. .deep-orange.lighten-3 {
  1339. background-color: #ffab91 !important; }
  1340.  
  1341. .deep-orange-text.text-lighten-3 {
  1342. color: #ffab91 !important; }
  1343.  
  1344. .deep-orange.lighten-2 {
  1345. background-color: #ff8a65 !important; }
  1346.  
  1347. .deep-orange-text.text-lighten-2 {
  1348. color: #ff8a65 !important; }
  1349.  
  1350. .deep-orange.lighten-1 {
  1351. background-color: #ff7043 !important; }
  1352.  
  1353. .deep-orange-text.text-lighten-1 {
  1354. color: #ff7043 !important; }
  1355.  
  1356. .deep-orange {
  1357. background-color: #ff5722 !important; }
  1358.  
  1359. .deep-orange-text {
  1360. color: #ff5722 !important; }
  1361.  
  1362. .deep-orange.darken-1 {
  1363. background-color: #f4511e !important; }
  1364.  
  1365. .deep-orange-text.text-darken-1 {
  1366. color: #f4511e !important; }
  1367.  
  1368. .deep-orange.darken-2 {
  1369. background-color: #e64a19 !important; }
  1370.  
  1371. .deep-orange-text.text-darken-2 {
  1372. color: #e64a19 !important; }
  1373.  
  1374. .deep-orange.darken-3 {
  1375. background-color: #d84315 !important; }
  1376.  
  1377. .deep-orange-text.text-darken-3 {
  1378. color: #d84315 !important; }
  1379.  
  1380. .deep-orange.darken-4 {
  1381. background-color: #bf360c !important; }
  1382.  
  1383. .deep-orange-text.text-darken-4 {
  1384. color: #bf360c !important; }
  1385.  
  1386. .deep-orange.accent-1 {
  1387. background-color: #ff9e80 !important; }
  1388.  
  1389. .deep-orange-text.text-accent-1 {
  1390. color: #ff9e80 !important; }
  1391.  
  1392. .deep-orange.accent-2 {
  1393. background-color: #ff6e40 !important; }
  1394.  
  1395. .deep-orange-text.text-accent-2 {
  1396. color: #ff6e40 !important; }
  1397.  
  1398. .deep-orange.accent-3 {
  1399. background-color: #ff3d00 !important; }
  1400.  
  1401. .deep-orange-text.text-accent-3 {
  1402. color: #ff3d00 !important; }
  1403.  
  1404. .deep-orange.accent-4 {
  1405. background-color: #dd2c00 !important; }
  1406.  
  1407. .deep-orange-text.text-accent-4 {
  1408. color: #dd2c00 !important; }
  1409.  
  1410. .brown.lighten-5 {
  1411. background-color: #efebe9 !important; }
  1412.  
  1413. .brown-text.text-lighten-5 {
  1414. color: #efebe9 !important; }
  1415.  
  1416. .brown.lighten-4 {
  1417. background-color: #d7ccc8 !important; }
  1418.  
  1419. .brown-text.text-lighten-4 {
  1420. color: #d7ccc8 !important; }
  1421.  
  1422. .brown.lighten-3 {
  1423. background-color: #bcaaa4 !important; }
  1424.  
  1425. .brown-text.text-lighten-3 {
  1426. color: #bcaaa4 !important; }
  1427.  
  1428. .brown.lighten-2 {
  1429. background-color: #a1887f !important; }
  1430.  
  1431. .brown-text.text-lighten-2 {
  1432. color: #a1887f !important; }
  1433.  
  1434. .brown.lighten-1 {
  1435. background-color: #8d6e63 !important; }
  1436.  
  1437. .brown-text.text-lighten-1 {
  1438. color: #8d6e63 !important; }
  1439.  
  1440. .brown {
  1441. background-color: #795548 !important; }
  1442.  
  1443. .brown-text {
  1444. color: #795548 !important; }
  1445.  
  1446. .brown.darken-1 {
  1447. background-color: #6d4c41 !important; }
  1448.  
  1449. .brown-text.text-darken-1 {
  1450. color: #6d4c41 !important; }
  1451.  
  1452. .brown.darken-2 {
  1453. background-color: #5d4037 !important; }
  1454.  
  1455. .brown-text.text-darken-2 {
  1456. color: #5d4037 !important; }
  1457.  
  1458. .brown.darken-3 {
  1459. background-color: #4e342e !important; }
  1460.  
  1461. .brown-text.text-darken-3 {
  1462. color: #4e342e !important; }
  1463.  
  1464. .brown.darken-4 {
  1465. background-color: #3e2723 !important; }
  1466.  
  1467. .brown-text.text-darken-4 {
  1468. color: #3e2723 !important; }
  1469.  
  1470. .blue-grey.lighten-5 {
  1471. background-color: #eceff1 !important; }
  1472.  
  1473. .blue-grey-text.text-lighten-5 {
  1474. color: #eceff1 !important; }
  1475.  
  1476. .blue-grey.lighten-4 {
  1477. background-color: #cfd8dc !important; }
  1478.  
  1479. .blue-grey-text.text-lighten-4 {
  1480. color: #cfd8dc !important; }
  1481.  
  1482. .blue-grey.lighten-3 {
  1483. background-color: #b0bec5 !important; }
  1484.  
  1485. .blue-grey-text.text-lighten-3 {
  1486. color: #b0bec5 !important; }
  1487.  
  1488. .blue-grey.lighten-2 {
  1489. background-color: #90a4ae !important; }
  1490.  
  1491. .blue-grey-text.text-lighten-2 {
  1492. color: #90a4ae !important; }
  1493.  
  1494. .blue-grey.lighten-1 {
  1495. background-color: #78909c !important; }
  1496.  
  1497. .blue-grey-text.text-lighten-1 {
  1498. color: #78909c !important; }
  1499.  
  1500. .blue-grey {
  1501. background-color: #607d8b !important; }
  1502.  
  1503. .blue-grey-text {
  1504. color: #607d8b !important; }
  1505.  
  1506. .blue-grey.darken-1 {
  1507. background-color: #546e7a !important; }
  1508.  
  1509. .blue-grey-text.text-darken-1 {
  1510. color: #546e7a !important; }
  1511.  
  1512. .blue-grey.darken-2 {
  1513. background-color: #455a64 !important; }
  1514.  
  1515. .blue-grey-text.text-darken-2 {
  1516. color: #455a64 !important; }
  1517.  
  1518. .blue-grey.darken-3 {
  1519. background-color: #37474f !important; }
  1520.  
  1521. .blue-grey-text.text-darken-3 {
  1522. color: #37474f !important; }
  1523.  
  1524. .blue-grey.darken-4 {
  1525. background-color: #263238 !important; }
  1526.  
  1527. .blue-grey-text.text-darken-4 {
  1528. color: #263238 !important; }
  1529.  
  1530. .grey.lighten-5 {
  1531. background-color: #fafafa !important; }
  1532.  
  1533. .grey-text.text-lighten-5 {
  1534. color: #fafafa !important; }
  1535.  
  1536. .grey.lighten-4 {
  1537. background-color: #f5f5f5 !important; }
  1538.  
  1539. .grey-text.text-lighten-4 {
  1540. color: #f5f5f5 !important; }
  1541.  
  1542. .grey.lighten-3 {
  1543. background-color: #eeeeee !important; }
  1544.  
  1545. .grey-text.text-lighten-3 {
  1546. color: #eeeeee !important; }
  1547.  
  1548. .grey.lighten-2 {
  1549. background-color: #e0e0e0 !important; }
  1550.  
  1551. .grey-text.text-lighten-2 {
  1552. color: #e0e0e0 !important; }
  1553.  
  1554. .grey.lighten-1 {
  1555. background-color: #bdbdbd !important; }
  1556.  
  1557. .grey-text.text-lighten-1 {
  1558. color: #bdbdbd !important; }
  1559.  
  1560. .grey {
  1561. background-color: #9e9e9e !important; }
  1562.  
  1563. .grey-text {
  1564. color: #9e9e9e !important; }
  1565.  
  1566. .grey.darken-1 {
  1567. background-color: #757575 !important; }
  1568.  
  1569. .grey-text.text-darken-1 {
  1570. color: #757575 !important; }
  1571.  
  1572. .grey.darken-2 {
  1573. background-color: #616161 !important; }
  1574.  
  1575. .grey-text.text-darken-2 {
  1576. color: #616161 !important; }
  1577.  
  1578. .grey.darken-3 {
  1579. background-color: #424242 !important; }
  1580.  
  1581. .grey-text.text-darken-3 {
  1582. color: #424242 !important; }
  1583.  
  1584. .grey.darken-4 {
  1585. background-color: #212121 !important; }
  1586.  
  1587. .grey-text.text-darken-4 {
  1588. color: #212121 !important; }
  1589.  
  1590. .shades.black {
  1591. background-color: #000000 !important; }
  1592.  
  1593. .shades-text.text-black {
  1594. color: #000000 !important; }
  1595.  
  1596. .shades.white {
  1597. background-color: #FFFFFF !important; }
  1598.  
  1599. .shades-text.text-white {
  1600. color: #FFFFFF !important; }
  1601.  
  1602. .shades.transparent {
  1603. background-color: transparent !important; }
  1604.  
  1605. .shades-text.text-transparent {
  1606. color: transparent !important; }
  1607.  
  1608. .black {
  1609. background-color: #000000 !important; }
  1610.  
  1611. .black-text {
  1612. color: #000000 !important; }
  1613.  
  1614. .white {
  1615. background-color: #FFFFFF !important; }
  1616.  
  1617. .white-text {
  1618. color: #FFFFFF !important; }
  1619.  
  1620. .transparent {
  1621. background-color: transparent !important; }
  1622.  
  1623. .transparent-text {
  1624. color: transparent !important; }
  1625.  
  1626. /*** Colors ***/
  1627. /*** Badges ***/
  1628. /*** Buttons ***/
  1629. /*** Cards ***/
  1630. /*** Collapsible ***/
  1631. /*** Dropdown ***/
  1632. /*** Fonts ***/
  1633. /*** Forms ***/
  1634. /*** Global ***/
  1635. /*** Navbar ***/
  1636. /*** SideNav ***/
  1637. /*** Photo Slider ***/
  1638. /*** Tabs ***/
  1639. /*** Tables ***/
  1640. /*** Toasts ***/
  1641. /*** Typography ***/
  1642. /*** Collections ***/
  1643. /* Progress Bar */
  1644. /*! normalize.css v3.0.2 | MIT License | git.io/normalize */
  1645. /**
  1646. * 1. Set default font family to sans-serif.
  1647. * 2. Prevent iOS text size adjust after orientation change, without disabling
  1648. * user zoom.
  1649. */
  1650. html {
  1651. font-family: sans-serif;
  1652. /* 1 */
  1653. -ms-text-size-adjust: 100%;
  1654. /* 2 */
  1655. -webkit-text-size-adjust: 100%;
  1656. /* 2 */ }
  1657.  
  1658. /**
  1659. * Remove default margin.
  1660. */
  1661. body {
  1662. margin: 0; }
  1663.  
  1664. /* HTML5 display definitions
  1665. ========================================================================== */
  1666. /**
  1667. * Correct `block` display not defined for any HTML5 element in IE 8/9.
  1668. * Correct `block` display not defined for `details` or `summary` in IE 10/11
  1669. * and Firefox.
  1670. * Correct `block` display not defined for `main` in IE 11.
  1671. */
  1672. article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  1673. display: block; }
  1674.  
  1675. /**
  1676. * 1. Correct `inline-block` display not defined in IE 8/9.
  1677. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
  1678. */
  1679. audio, canvas, progress, video {
  1680. display: inline-block;
  1681. /* 1 */
  1682. vertical-align: baseline;
  1683. /* 2 */ }
  1684.  
  1685. /**
  1686. * Prevent modern browsers from displaying `audio` without controls.
  1687. * Remove excess height in iOS 5 devices.
  1688. */
  1689. audio:not([controls]) {
  1690. display: none;
  1691. height: 0; }
  1692.  
  1693. /**
  1694. * Address `[hidden]` styling not present in IE 8/9/10.
  1695. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
  1696. */
  1697. [hidden], template {
  1698. display: none; }
  1699.  
  1700. /* Links
  1701. ========================================================================== */
  1702. /**
  1703. * Remove the gray background color from active links in IE 10.
  1704. */
  1705. a {
  1706. background-color: transparent; }
  1707.  
  1708. /**
  1709. * Improve readability when focused and also mouse hovered in all browsers.
  1710. */
  1711. a:active, a:hover {
  1712. outline: 0; }
  1713.  
  1714. /* Text-level semantics
  1715. ========================================================================== */
  1716. /**
  1717. * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
  1718. */
  1719. abbr[title] {
  1720. border-bottom: 1px dotted; }
  1721.  
  1722. /**
  1723. * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
  1724. */
  1725. b, strong {
  1726. font-weight: bold; }
  1727.  
  1728. /**
  1729. * Address styling not present in Safari and Chrome.
  1730. */
  1731. dfn {
  1732. font-style: italic; }
  1733.  
  1734. /**
  1735. * Address variable `h1` font-size and margin within `section` and `article`
  1736. * contexts in Firefox 4+, Safari, and Chrome.
  1737. */
  1738. h1 {
  1739. font-size: 2em;
  1740. margin: 0.67em 0; }
  1741.  
  1742. /**
  1743. * Address styling not present in IE 8/9.
  1744. */
  1745. mark {
  1746. background: #ff0;
  1747. color: #000; }
  1748.  
  1749. /**
  1750. * Address inconsistent and variable font size in all browsers.
  1751. */
  1752. small {
  1753. font-size: 80%; }
  1754.  
  1755. /**
  1756. * Prevent `sub` and `sup` affecting `line-height` in all browsers.
  1757. */
  1758. sub, sup {
  1759. font-size: 75%;
  1760. line-height: 0;
  1761. position: relative;
  1762. vertical-align: baseline; }
  1763.  
  1764. sup {
  1765. top: -0.5em; }
  1766.  
  1767. sub {
  1768. bottom: -0.25em; }
  1769.  
  1770. /* Embedded content
  1771. ========================================================================== */
  1772. /**
  1773. * Remove border when inside `a` element in IE 8/9/10.
  1774. */
  1775. img {
  1776. border: 0; }
  1777.  
  1778. /**
  1779. * Correct overflow not hidden in IE 9/10/11.
  1780. */
  1781. svg:not(:root) {
  1782. overflow: hidden; }
  1783.  
  1784. /* Grouping content
  1785. ========================================================================== */
  1786. /**
  1787. * Address margin not present in IE 8/9 and Safari.
  1788. */
  1789. figure {
  1790. margin: 1em 40px; }
  1791.  
  1792. /**
  1793. * Address differences between Firefox and other browsers.
  1794. */
  1795. hr {
  1796. -moz-box-sizing: content-box;
  1797. box-sizing: content-box;
  1798. height: 0; }
  1799.  
  1800. /**
  1801. * Contain overflow in all browsers.
  1802. */
  1803. pre {
  1804. overflow: auto; }
  1805.  
  1806. /**
  1807. * Address odd `em`-unit font size rendering in all browsers.
  1808. */
  1809. code, kbd, pre, samp {
  1810. font-family: monospace, monospace;
  1811. font-size: 1em; }
  1812.  
  1813. /* Forms
  1814. ========================================================================== */
  1815. /**
  1816. * Known limitation: by default, Chrome and Safari on OS X allow very limited
  1817. * styling of `select`, unless a `border` property is set.
  1818. */
  1819. /**
  1820. * 1. Correct color not being inherited.
  1821. * Known issue: affects color of disabled elements.
  1822. * 2. Correct font properties not being inherited.
  1823. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
  1824. */
  1825. button, input, optgroup, select, textarea {
  1826. color: inherit;
  1827. /* 1 */
  1828. font: inherit;
  1829. /* 2 */
  1830. margin: 0;
  1831. /* 3 */ }
  1832.  
  1833. /**
  1834. * Address `overflow` set to `hidden` in IE 8/9/10/11.
  1835. */
  1836. button {
  1837. overflow: visible; }
  1838.  
  1839. /**
  1840. * Address inconsistent `text-transform` inheritance for `button` and `select`.
  1841. * All other form control elements do not inherit `text-transform` values.
  1842. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
  1843. * Correct `select` style inheritance in Firefox.
  1844. */
  1845. button, select {
  1846. text-transform: none; }
  1847.  
  1848. /**
  1849. * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
  1850. * and `video` controls.
  1851. * 2. Correct inability to style clickable `input` types in iOS.
  1852. * 3. Improve usability and consistency of cursor style between image-type
  1853. * `input` and others.
  1854. */
  1855. /* 1 */
  1856. html input[type="button"], button, input[type="reset"], input[type="submit"] {
  1857. -webkit-appearance: button;
  1858. /* 2 */
  1859. cursor: pointer;
  1860. /* 3 */ }
  1861.  
  1862. /**
  1863. * Re-set default cursor for disabled elements.
  1864. */
  1865. button[disabled], html input[disabled] {
  1866. cursor: default; }
  1867.  
  1868. /**
  1869. * Remove inner padding and border in Firefox 4+.
  1870. */
  1871. button::-moz-focus-inner, input::-moz-focus-inner {
  1872. border: 0;
  1873. padding: 0; }
  1874.  
  1875. /**
  1876. * Address Firefox 4+ setting `line-height` on `input` using `!important` in
  1877. * the UA stylesheet.
  1878. */
  1879. input {
  1880. line-height: normal; }
  1881.  
  1882. /**
  1883. * It's recommended that you don't attempt to style these elements.
  1884. * Firefox's implementation doesn't respect box-sizing, padding, or width.
  1885. *
  1886. * 1. Address box sizing set to `content-box` in IE 8/9/10.
  1887. * 2. Remove excess padding in IE 8/9/10.
  1888. */
  1889. input[type="checkbox"], input[type="radio"] {
  1890. box-sizing: border-box;
  1891. /* 1 */
  1892. padding: 0;
  1893. /* 2 */ }
  1894.  
  1895. /**
  1896. * Fix the cursor style for Chrome's increment/decrement buttons. For certain
  1897. * `font-size` values of the `input`, it causes the cursor style of the
  1898. * decrement button to change from `default` to `text`.
  1899. */
  1900. input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  1901. height: auto; }
  1902.  
  1903. /**
  1904. * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
  1905. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
  1906. * (include `-moz` to future-proof).
  1907. */
  1908. input[type="search"] {
  1909. -webkit-appearance: textfield;
  1910. /* 1 */
  1911. -moz-box-sizing: content-box;
  1912. -webkit-box-sizing: content-box;
  1913. /* 2 */
  1914. box-sizing: content-box; }
  1915.  
  1916. /**
  1917. * Remove inner padding and search cancel button in Safari and Chrome on OS X.
  1918. * Safari (but not Chrome) clips the cancel button when the search input has
  1919. * padding (and `textfield` appearance).
  1920. */
  1921. input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  1922. -webkit-appearance: none; }
  1923.  
  1924. /**
  1925. * Define consistent border, margin, and padding.
  1926. */
  1927. fieldset {
  1928. border: 1px solid #c0c0c0;
  1929. margin: 0 2px;
  1930. padding: 0.35em 0.625em 0.75em; }
  1931.  
  1932. /**
  1933. * 1. Correct `color` not being inherited in IE 8/9/10/11.
  1934. * 2. Remove padding so people aren't caught out if they zero out fieldsets.
  1935. */
  1936. legend {
  1937. border: 0;
  1938. /* 1 */
  1939. padding: 0;
  1940. /* 2 */ }
  1941.  
  1942. /**
  1943. * Remove default vertical scrollbar in IE 8/9/10/11.
  1944. */
  1945. textarea {
  1946. overflow: auto; }
  1947.  
  1948. /**
  1949. * Don't inherit the `font-weight` (applied by a rule above).
  1950. * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
  1951. */
  1952. optgroup {
  1953. font-weight: bold; }
  1954.  
  1955. /* Tables
  1956. ========================================================================== */
  1957. /**
  1958. * Remove most spacing between table cells.
  1959. */
  1960. table {
  1961. border-collapse: collapse;
  1962. border-spacing: 0; }
  1963.  
  1964. td, th {
  1965. padding: 0; }
  1966.  
  1967. html {
  1968. box-sizing: border-box; }
  1969.  
  1970. *, *:before, *:after {
  1971. box-sizing: inherit; }
  1972.  
  1973. ul {
  1974. list-style-type: none; }
  1975.  
  1976. a {
  1977. color: #039be5;
  1978. text-decoration: none;
  1979. -webkit-tap-highlight-color: transparent; }
  1980.  
  1981. .valign-wrapper {
  1982. display: -webkit-box;
  1983. display: -moz-box;
  1984. display: -ms-flexbox;
  1985. display: -webkit-flex;
  1986. display: flex;
  1987. -webkit-flex-align: center;
  1988. -ms-flex-align: center;
  1989. -webkit-align-items: center;
  1990. align-items: center; }
  1991. .valign-wrapper .valign {
  1992. display: block; }
  1993.  
  1994. ul {
  1995. padding: 0; }
  1996. ul li {
  1997. list-style-type: none; }
  1998.  
  1999. .clearfix {
  2000. clear: both; }
  2001.  
  2002. .z-depth-0 {
  2003. box-shadow: none !important; }
  2004.  
  2005. .z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-floating, .dropdown-content, .collapsible, .side-nav {
  2006. box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
  2007.  
  2008. .z-depth-1-half, .btn:hover, .btn-large:hover, .btn-floating:hover {
  2009. box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
  2010.  
  2011. .z-depth-2 {
  2012. box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
  2013.  
  2014. .z-depth-3 {
  2015. box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); }
  2016.  
  2017. .z-depth-4, .modal {
  2018. box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21); }
  2019.  
  2020. .z-depth-5 {
  2021. box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); }
  2022.  
  2023. .hoverable:hover {
  2024. transition: box-shadow .25s;
  2025. box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
  2026.  
  2027. .divider {
  2028. height: 1px;
  2029. overflow: hidden;
  2030. background-color: #e0e0e0; }
  2031.  
  2032. blockquote {
  2033. margin: 20px 0;
  2034. padding-left: 1.5rem;
  2035. border-left: 5px solid #ee6e73; }
  2036.  
  2037. i {
  2038. line-height: inherit; }
  2039. i.left {
  2040. float: left;
  2041. margin-right: 15px; }
  2042. i.right {
  2043. float: right;
  2044. margin-left: 15px; }
  2045. i.tiny {
  2046. font-size: 1rem; }
  2047. i.small {
  2048. font-size: 2rem; }
  2049. i.medium {
  2050. font-size: 4rem; }
  2051. i.large {
  2052. font-size: 6rem; }
  2053.  
  2054. img.responsive-img, video.responsive-video {
  2055. max-width: 100%;
  2056. height: auto; }
  2057.  
  2058. .pagination li {
  2059. float: left;
  2060. font-size: 1.2rem;
  2061. padding: 0 10px;
  2062. line-height: 30px;
  2063. border-radius: 2px;
  2064. text-align: center; }
  2065. .pagination li a {
  2066. color: #444; }
  2067. .pagination li.active a {
  2068. color: #fff; }
  2069. .pagination li.active {
  2070. background-color: #ee6e73; }
  2071. .pagination li.disabled a {
  2072. cursor: default;
  2073. color: #999; }
  2074. .pagination li i {
  2075. font-size: 2rem; }
  2076. .pagination li.pages ul li {
  2077. display: inline-block;
  2078. float: none; }
  2079.  
  2080. @media only screen and (max-width : 992px) {
  2081. .pagination {
  2082. width: 100%; }
  2083. .pagination li.prev, .pagination li.next {
  2084. width: 10%; }
  2085. .pagination li.pages {
  2086. width: 80%;
  2087. overflow: hidden;
  2088. white-space: nowrap; } }
  2089.  
  2090. .parallax-container {
  2091. position: relative;
  2092. overflow: hidden;
  2093. height: 200px; }
  2094.  
  2095. .parallax {
  2096. position: absolute;
  2097. top: 0;
  2098. left: 0;
  2099. right: 0;
  2100. bottom: 0;
  2101. z-index: -1; }
  2102. .parallax img {
  2103. display: none;
  2104. position: absolute;
  2105. left: 50%;
  2106. bottom: 0;
  2107. min-width: 100%;
  2108. min-height: 100%;
  2109. -webkit-transform: translate3d(0, 0, 0);
  2110. transform: translate3d(0, 0, 0);
  2111. transform: translateX(-50%); }
  2112.  
  2113. .pin-top, .pin-bottom {
  2114. position: relative; }
  2115.  
  2116. .pinned {
  2117. position: fixed !important; }
  2118.  
  2119. /*********************
  2120. Transition Classes
  2121. **********************/
  2122. ul.staggered-list li {
  2123. opacity: 0; }
  2124.  
  2125. .fade-in {
  2126. opacity: 0;
  2127. transform-origin: 0 50%; }
  2128.  
  2129. /*********************
  2130. Media Query Classes
  2131. **********************/
  2132. @media only screen and (max-width : 600px) {
  2133. .hide-on-small-only, .hide-on-small-and-down {
  2134. display: none !important; } }
  2135.  
  2136. @media only screen and (max-width : 992px) {
  2137. .hide-on-med-and-down {
  2138. display: none !important; } }
  2139.  
  2140. @media only screen and (min-width : 601px) {
  2141. .hide-on-med-and-up {
  2142. display: none !important; } }
  2143.  
  2144. @media only screen and (min-width: 600px) and (max-width: 992px) {
  2145. .hide-on-med-only {
  2146. display: none !important; } }
  2147.  
  2148. @media only screen and (min-width : 993px) {
  2149. .hide-on-large-only {
  2150. display: none !important; } }
  2151.  
  2152. @media only screen and (min-width : 993px) {
  2153. .show-on-large {
  2154. display: initial !important; } }
  2155.  
  2156. @media only screen and (min-width: 600px) and (max-width: 992px) {
  2157. .show-on-medium {
  2158. display: initial !important; } }
  2159.  
  2160. @media only screen and (max-width : 600px) {
  2161. .show-on-small {
  2162. display: initial !important; } }
  2163.  
  2164. @media only screen and (min-width : 601px) {
  2165. .show-on-medium-and-up {
  2166. display: initial !important; } }
  2167.  
  2168. @media only screen and (max-width : 992px) {
  2169. .show-on-medium-and-down {
  2170. display: initial !important; } }
  2171.  
  2172. @media only screen and (max-width : 600px) {
  2173. .center-on-small-only {
  2174. text-align: center; } }
  2175.  
  2176. footer.page-footer {
  2177. margin-top: 20px;
  2178. padding-top: 20px;
  2179. background-color: #ee6e73; }
  2180. footer.page-footer .footer-copyright {
  2181. overflow: hidden;
  2182. height: 50px;
  2183. line-height: 50px;
  2184. color: rgba(255, 255, 255, 0.8);
  2185. background-color: rgba(51, 51, 51, 0.08); }
  2186.  
  2187. table, th, td {
  2188. border: none; }
  2189.  
  2190. table {
  2191. width: 100%;
  2192. display: table; }
  2193. table.bordered > thead > tr, table.bordered > tbody > tr {
  2194. border-bottom: 1px solid #d0d0d0; }
  2195. table.striped > tbody > tr:nth-child(odd) {
  2196. background-color: #f2f2f2; }
  2197. table.striped > tbody > tr > td {
  2198. border-radius: 0px; }
  2199. table.hoverable > tbody > tr {
  2200. -webkit-transition: background-color .25s ease;
  2201. -moz-transition: background-color .25s ease;
  2202. -o-transition: background-color .25s ease;
  2203. -ms-transition: background-color .25s ease;
  2204. transition: background-color .25s ease; }
  2205. table.hoverable > tbody > tr:hover {
  2206. background-color: #f2f2f2; }
  2207. table.centered thead tr th, table.centered tbody tr td {
  2208. text-align: center; }
  2209.  
  2210. thead {
  2211. border-bottom: 1px solid #d0d0d0; }
  2212.  
  2213. td, th {
  2214. padding: 15px 5px;
  2215. display: table-cell;
  2216. text-align: left;
  2217. vertical-align: middle;
  2218. border-radius: 2px; }
  2219.  
  2220. @media only screen and (max-width : 992px) {
  2221. table.responsive-table {
  2222. width: 100%;
  2223. border-collapse: collapse;
  2224. border-spacing: 0;
  2225. display: block;
  2226. position: relative;
  2227. /* sort out borders */ }
  2228. table.responsive-table th, table.responsive-table td {
  2229. margin: 0;
  2230. vertical-align: top; }
  2231. table.responsive-table th {
  2232. text-align: left; }
  2233. table.responsive-table thead {
  2234. display: block;
  2235. float: left; }
  2236. table.responsive-table thead tr {
  2237. display: block;
  2238. padding: 0 10px 0 0; }
  2239. table.responsive-table thead tr th::before {
  2240. content: "\00a0"; }
  2241. table.responsive-table tbody {
  2242. display: block;
  2243. width: auto;
  2244. position: relative;
  2245. overflow-x: auto;
  2246. white-space: nowrap; }
  2247. table.responsive-table tbody tr {
  2248. display: inline-block;
  2249. vertical-align: top; }
  2250. table.responsive-table th {
  2251. display: block;
  2252. text-align: right; }
  2253. table.responsive-table td {
  2254. display: block;
  2255. min-height: 1.25em;
  2256. text-align: left; }
  2257. table.responsive-table tr {
  2258. padding: 0 10px; }
  2259. table.responsive-table thead {
  2260. border: 0;
  2261. border-right: 1px solid #d0d0d0; }
  2262. table.responsive-table.bordered th {
  2263. border-bottom: 0;
  2264. border-left: 0; }
  2265. table.responsive-table.bordered td {
  2266. border-left: 0;
  2267. border-right: 0;
  2268. border-bottom: 0; }
  2269. table.responsive-table.bordered tr {
  2270. border: 0; }
  2271. table.responsive-table.bordered tbody tr {
  2272. border-right: 1px solid #d0d0d0; } }
  2273.  
  2274. .collection {
  2275. margin: 0.5rem 0 1rem 0;
  2276. border: 1px solid #e0e0e0;
  2277. border-radius: 2px;
  2278. overflow: hidden;
  2279. position: relative; }
  2280. .collection .collection-item {
  2281. background-color: #fff;
  2282. line-height: 1.5rem;
  2283. padding: 10px 20px;
  2284. margin: 0;
  2285. border-bottom: 1px solid #e0e0e0; }
  2286. .collection .collection-item.avatar {
  2287. min-height: 84px;
  2288. padding-left: 72px;
  2289. position: relative; }
  2290. .collection .collection-item.avatar .circle {
  2291. position: absolute;
  2292. width: 42px;
  2293. height: 42px;
  2294. overflow: hidden;
  2295. left: 15px;
  2296. display: inline-block;
  2297. vertical-align: middle; }
  2298. .collection .collection-item.avatar i.circle {
  2299. font-size: 18px;
  2300. line-height: 42px;
  2301. color: #fff;
  2302. background-color: #999;
  2303. text-align: center; }
  2304. .collection .collection-item.avatar .title {
  2305. font-size: 16px; }
  2306. .collection .collection-item.avatar p {
  2307. margin: 0; }
  2308. .collection .collection-item.avatar .secondary-content {
  2309. position: absolute;
  2310. top: 16px;
  2311. right: 16px; }
  2312. .collection .collection-item:last-child {
  2313. border-bottom: none; }
  2314. .collection .collection-item.active {
  2315. background-color: #26a69a;
  2316. color: #eafaf9; }
  2317. .collection a.collection-item {
  2318. display: block;
  2319. -webkit-transition: 0.25s;
  2320. -moz-transition: 0.25s;
  2321. -o-transition: 0.25s;
  2322. -ms-transition: 0.25s;
  2323. transition: 0.25s;
  2324. color: #26a69a; }
  2325. .collection a.collection-item:not(.active):hover {
  2326. background-color: #ddd; }
  2327. .collection.with-header .collection-header {
  2328. background-color: #fff;
  2329. border-bottom: 1px solid #e0e0e0;
  2330. padding: 10px 20px; }
  2331. .collection.with-header .collection-item {
  2332. padding-left: 30px; }
  2333. .collection.with-header .collection-item.avatar {
  2334. padding-left: 72px; }
  2335.  
  2336. .secondary-content {
  2337. float: right;
  2338. color: #26a69a; }
  2339.  
  2340. span.badge {
  2341. min-width: 3rem;
  2342. padding: 0 6px;
  2343. text-align: center;
  2344. font-size: 1rem;
  2345. line-height: inherit;
  2346. color: #757575;
  2347. position: absolute;
  2348. right: 15px;
  2349. -webkit-box-sizing: border-box;
  2350. -moz-box-sizing: border-box;
  2351. box-sizing: border-box; }
  2352. span.badge.new {
  2353. font-weight: 300;
  2354. font-size: 0.8rem;
  2355. color: #fff;
  2356. background-color: #26a69a;
  2357. border-radius: 2px; }
  2358. span.badge.new:after {
  2359. content: " new"; }
  2360.  
  2361. .video-container {
  2362. position: relative;
  2363. padding-bottom: 56.25%;
  2364. padding-top: 30px;
  2365. height: 0;
  2366. overflow: hidden; }
  2367. .video-container.no-controls {
  2368. padding-top: 0; }
  2369. .video-container iframe, .video-container object, .video-container embed {
  2370. position: absolute;
  2371. top: 0;
  2372. left: 0;
  2373. width: 100%;
  2374. height: 100%; }
  2375.  
  2376. .progress {
  2377. position: relative;
  2378. height: 4px;
  2379. display: block;
  2380. width: 100%;
  2381. background-color: #acece6;
  2382. border-radius: 2px;
  2383. margin: 0.5rem 0 1rem 0;
  2384. overflow: hidden; }
  2385. .progress .determinate {
  2386. position: absolute;
  2387. background-color: inherit;
  2388. top: 0;
  2389. left: 0;
  2390. bottom: 0;
  2391. background-color: #26a69a;
  2392. -webkit-transition: width .3s linear;
  2393. -moz-transition: width .3s linear;
  2394. -o-transition: width .3s linear;
  2395. -ms-transition: width .3s linear;
  2396. transition: width .3s linear; }
  2397. .progress .indeterminate {
  2398. background-color: #26a69a; }
  2399. .progress .indeterminate:before {
  2400. content: '';
  2401. position: absolute;
  2402. background-color: inherit;
  2403. top: 0;
  2404. left: 0;
  2405. bottom: 0;
  2406. will-change: left, right;
  2407. -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
  2408. -moz-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
  2409. -ms-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
  2410. -o-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
  2411. animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; }
  2412. .progress .indeterminate:after {
  2413. content: '';
  2414. position: absolute;
  2415. background-color: inherit;
  2416. top: 0;
  2417. left: 0;
  2418. bottom: 0;
  2419. will-change: left, right;
  2420. -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  2421. -moz-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  2422. -ms-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  2423. -o-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  2424. animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  2425. -webkit-animation-delay: 1.15s;
  2426. -moz-animation-delay: 1.15s;
  2427. -ms-animation-delay: 1.15s;
  2428. -o-animation-delay: 1.15s;
  2429. animation-delay: 1.15s; }
  2430.  
  2431. @-webkit-keyframes indeterminate {
  2432. 0% {
  2433. left: -35%;
  2434. right: 100%; }
  2435.  
  2436. 60% {
  2437. left: 100%;
  2438. right: -90%; }
  2439.  
  2440. 100% {
  2441. left: 100%;
  2442. right: -90%; } }
  2443.  
  2444. @-moz-keyframes indeterminate {
  2445. 0% {
  2446. left: -35%;
  2447. right: 100%; }
  2448.  
  2449. 60% {
  2450. left: 100%;
  2451. right: -90%; }
  2452.  
  2453. 100% {
  2454. left: 100%;
  2455. right: -90%; } }
  2456.  
  2457. @keyframes indeterminate {
  2458. 0% {
  2459. left: -35%;
  2460. right: 100%; }
  2461.  
  2462. 60% {
  2463. left: 100%;
  2464. right: -90%; }
  2465.  
  2466. 100% {
  2467. left: 100%;
  2468. right: -90%; } }
  2469.  
  2470. @-webkit-keyframes indeterminate-short {
  2471. 0% {
  2472. left: -200%;
  2473. right: 100%; }
  2474.  
  2475. 60% {
  2476. left: 107%;
  2477. right: -8%; }
  2478.  
  2479. 100% {
  2480. left: 107%;
  2481. right: -8%; } }
  2482.  
  2483. @-moz-keyframes indeterminate-short {
  2484. 0% {
  2485. left: -200%;
  2486. right: 100%; }
  2487.  
  2488. 60% {
  2489. left: 107%;
  2490. right: -8%; }
  2491.  
  2492. 100% {
  2493. left: 107%;
  2494. right: -8%; } }
  2495.  
  2496. @keyframes indeterminate-short {
  2497. 0% {
  2498. left: -200%;
  2499. right: 100%; }
  2500.  
  2501. 60% {
  2502. left: 107%;
  2503. right: -8%; }
  2504.  
  2505. 100% {
  2506. left: 107%;
  2507. right: -8%; } }
  2508.  
  2509. /*******************
  2510. Utility Classes
  2511. *******************/
  2512. .hide {
  2513. display: none !important; }
  2514.  
  2515. .left-align {
  2516. text-align: left; }
  2517.  
  2518. .right-align {
  2519. text-align: right; }
  2520.  
  2521. .center, .center-align {
  2522. text-align: center; }
  2523.  
  2524. .left {
  2525. float: left !important; }
  2526.  
  2527. .right {
  2528. float: right !important; }
  2529.  
  2530. .no-select, input[type=range], input[type=range] + .thumb {
  2531. -webkit-touch-callout: none;
  2532. -webkit-user-select: none;
  2533. -khtml-user-select: none;
  2534. -moz-user-select: none;
  2535. -ms-user-select: none;
  2536. user-select: none; }
  2537.  
  2538. .circle {
  2539. border-radius: 50%; }
  2540.  
  2541. .center-block {
  2542. display: block;
  2543. margin-left: auto;
  2544. margin-right: auto; }
  2545.  
  2546. .truncate {
  2547. display: block;
  2548. white-space: nowrap;
  2549. overflow: hidden;
  2550. text-overflow: ellipsis; }
  2551.  
  2552. .no-padding {
  2553. padding: 0 !important; }
  2554.  
  2555. @font-face {
  2556. font-family: "Material-Design-Icons";
  2557. src: url("../font/material-design-icons/Material-Design-Icons.eot?#iefix") format("embedded-opentype"), url("../font/material-design-icons/Material-Design-Icons.woff2") format("woff2"), url("../font/material-design-icons/Material-Design-Icons.woff") format("woff"), url("../font/material-design-icons/Material-Design-Icons.ttf") format("truetype"), url("../font/material-design-icons/Material-Design-Icons.svg#Material-Design-Icons") format("svg");
  2558. font-weight: normal;
  2559. font-style: normal; }
  2560.  
  2561. [class^="mdi-"], [class*="mdi-"] {
  2562. speak: none;
  2563. display: inline-block;
  2564. font-family: "Material-Design-Icons";
  2565. font-style: normal;
  2566. font-weight: normal;
  2567. font-variant: normal;
  2568. text-rendering: auto;
  2569. /* Better Font Rendering =========== */
  2570. -webkit-font-smoothing: antialiased;
  2571. -moz-osx-font-smoothing: grayscale;
  2572. transform: translate(0, 0); }
  2573. [class^="mdi-"]:before, [class*="mdi-"]:before {
  2574. display: inline-block;
  2575. speak: none;
  2576. text-decoration: inherit; }
  2577. [class^="mdi-"].pull-left, [class*="mdi-"].pull-left {
  2578. margin-right: .3em; }
  2579. [class^="mdi-"].pull-right, [class*="mdi-"].pull-right {
  2580. margin-left: .3em; }
  2581. [class^="mdi-"].mdi-lg:before, [class^="mdi-"].mdi-lg:after, [class*="mdi-"].mdi-lg:before, [class*="mdi-"].mdi-lg:after {
  2582. font-size: 1.33333333em;
  2583. line-height: 0.75em;
  2584. vertical-align: -15%; }
  2585. [class^="mdi-"].mdi-2x:before, [class^="mdi-"].mdi-2x:after, [class*="mdi-"].mdi-2x:before, [class*="mdi-"].mdi-2x:after {
  2586. font-size: 2em; }
  2587. [class^="mdi-"].mdi-3x:before, [class^="mdi-"].mdi-3x:after, [class*="mdi-"].mdi-3x:before, [class*="mdi-"].mdi-3x:after {
  2588. font-size: 3em; }
  2589. [class^="mdi-"].mdi-4x:before, [class^="mdi-"].mdi-4x:after, [class*="mdi-"].mdi-4x:before, [class*="mdi-"].mdi-4x:after {
  2590. font-size: 4em; }
  2591. [class^="mdi-"].mdi-5x:before, [class^="mdi-"].mdi-5x:after, [class*="mdi-"].mdi-5x:before, [class*="mdi-"].mdi-5x:after {
  2592. font-size: 5em; }
  2593.  
  2594. [class^="mdi-device-signal-cellular-"]:after, [class^="mdi-device-battery-"]:after, [class^="mdi-device-battery-charging-"]:after, [class^="mdi-device-signal-cellular-connected-no-internet-"]:after, [class^="mdi-device-signal-wifi-"]:after, [class^="mdi-device-signal-wifi-statusbar-not-connected"]:after, .mdi-device-network-wifi:after {
  2595. opacity: .3;
  2596. position: absolute;
  2597. left: 0;
  2598. top: 0;
  2599. z-index: 1;
  2600. display: inline-block;
  2601. speak: none;
  2602. text-decoration: inherit; }
  2603.  
  2604. [class^="mdi-device-signal-cellular-"]:after {
  2605. content: "\e758"; }
  2606.  
  2607. [class^="mdi-device-battery-"]:after {
  2608. content: "\e735"; }
  2609.  
  2610. [class^="mdi-device-battery-charging-"]:after {
  2611. content: "\e733"; }
  2612.  
  2613. [class^="mdi-device-signal-cellular-connected-no-internet-"]:after {
  2614. content: "\e75d"; }
  2615.  
  2616. [class^="mdi-device-signal-wifi-"]:after, .mdi-device-network-wifi:after {
  2617. content: "\e765"; }
  2618.  
  2619. [class^="mdi-device-signal-wifi-statusbasr-not-connected"]:after {
  2620. content: "\e8f7"; }
  2621.  
  2622. .mdi-device-signal-cellular-off:after, .mdi-device-signal-cellular-null:after, .mdi-device-signal-cellular-no-sim:after, .mdi-device-signal-wifi-off:after, .mdi-device-signal-wifi-4-bar:after, .mdi-device-signal-cellular-4-bar:after, .mdi-device-battery-alert:after, .mdi-device-signal-cellular-connected-no-internet-4-bar:after, .mdi-device-battery-std:after, .mdi-device-battery-full .mdi-device-battery-unknown:after {
  2623. content: ""; }
  2624.  
  2625. .mdi-fw {
  2626. width: 1.28571429em;
  2627. text-align: center; }
  2628.  
  2629. .mdi-ul {
  2630. padding-left: 0;
  2631. margin-left: 2.14285714em;
  2632. list-style-type: none; }
  2633.  
  2634. .mdi-ul > li {
  2635. position: relative; }
  2636.  
  2637. .mdi-li {
  2638. position: absolute;
  2639. left: -2.14285714em;
  2640. width: 2.14285714em;
  2641. top: 0.14285714em;
  2642. text-align: center; }
  2643.  
  2644. .mdi-li.mdi-lg {
  2645. left: -1.85714286em; }
  2646.  
  2647. .mdi-border {
  2648. padding: .2em .25em .15em;
  2649. border: solid 0.08em #eeeeee;
  2650. border-radius: .1em; }
  2651.  
  2652. .mdi-spin {
  2653. -webkit-animation: mdi-spin 2s infinite linear;
  2654. animation: mdi-spin 2s infinite linear;
  2655. -webkit-transform-origin: 50% 50%;
  2656. -moz-transform-origin: 50% 50%;
  2657. -o-transform-origin: 50% 50%;
  2658. transform-origin: 50% 50%; }
  2659.  
  2660. .mdi-pulse {
  2661. -webkit-animation: mdi-spin 1s steps(8) infinite;
  2662. animation: mdi-spin 1s steps(8) infinite;
  2663. -webkit-transform-origin: 50% 50%;
  2664. -moz-transform-origin: 50% 50%;
  2665. -o-transform-origin: 50% 50%;
  2666. transform-origin: 50% 50%; }
  2667.  
  2668. @-webkit-keyframes mdi-spin {
  2669. 0% {
  2670. -webkit-transform: rotate(0deg);
  2671. transform: rotate(0deg); }
  2672.  
  2673. 100% {
  2674. -webkit-transform: rotate(359deg);
  2675. transform: rotate(359deg); } }
  2676.  
  2677. @keyframes mdi-spin {
  2678. 0% {
  2679. -webkit-transform: rotate(0deg);
  2680. transform: rotate(0deg); }
  2681.  
  2682. 100% {
  2683. -webkit-transform: rotate(359deg);
  2684. transform: rotate(359deg); } }
  2685.  
  2686. .mdi-rotate-90 {
  2687. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  2688. -webkit-transform: rotate(90deg);
  2689. -ms-transform: rotate(90deg);
  2690. transform: rotate(90deg); }
  2691.  
  2692. .mdi-rotate-180 {
  2693. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  2694. -webkit-transform: rotate(180deg);
  2695. -ms-transform: rotate(180deg);
  2696. transform: rotate(180deg); }
  2697.  
  2698. .mdi-rotate-270 {
  2699. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  2700. -webkit-transform: rotate(270deg);
  2701. -ms-transform: rotate(270deg);
  2702. transform: rotate(270deg); }
  2703.  
  2704. .mdi-flip-horizontal {
  2705. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  2706. -webkit-transform: scale(-1, 1);
  2707. -ms-transform: scale(-1, 1);
  2708. transform: scale(-1, 1); }
  2709.  
  2710. .mdi-flip-vertical {
  2711. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  2712. -webkit-transform: scale(1, -1);
  2713. -ms-transform: scale(1, -1);
  2714. transform: scale(1, -1); }
  2715.  
  2716. :root .mdi-rotate-90, :root .mdi-rotate-180, :root .mdi-rotate-270, :root .mdi-flip-horizontal, :root .mdi-flip-vertical {
  2717. filter: none; }
  2718.  
  2719. .mdi-stack {
  2720. position: relative;
  2721. display: inline-block;
  2722. width: 2em;
  2723. height: 2em;
  2724. line-height: 2em;
  2725. vertical-align: middle; }
  2726.  
  2727. .mdi-stack-1x, .mdi-stack-2x {
  2728. position: absolute;
  2729. left: 0;
  2730. width: 100%;
  2731. text-align: center; }
  2732.  
  2733. .mdi-stack-1x {
  2734. line-height: inherit; }
  2735.  
  2736. .mdi-stack-2x {
  2737. font-size: 2em; }
  2738.  
  2739. .mdi-inverse {
  2740. color: #ffffff; }
  2741.  
  2742. /* Start Icons */
  2743. .mdi-action-3d-rotation:before {
  2744. content: "\e600"; }
  2745.  
  2746. .mdi-action-accessibility:before {
  2747. content: "\e601"; }
  2748.  
  2749. .mdi-action-account-balance-wallet:before {
  2750. content: "\e602"; }
  2751.  
  2752. .mdi-action-account-balance:before {
  2753. content: "\e603"; }
  2754.  
  2755. .mdi-action-account-box:before {
  2756. content: "\e604"; }
  2757.  
  2758. .mdi-action-account-child:before {
  2759. content: "\e605"; }
  2760.  
  2761. .mdi-action-account-circle:before {
  2762. content: "\e606"; }
  2763.  
  2764. .mdi-action-add-shopping-cart:before {
  2765. content: "\e607"; }
  2766.  
  2767. .mdi-action-alarm-add:before {
  2768. content: "\e608"; }
  2769.  
  2770. .mdi-action-alarm-off:before {
  2771. content: "\e609"; }
  2772.  
  2773. .mdi-action-alarm-on:before {
  2774. content: "\e60a"; }
  2775.  
  2776. .mdi-action-alarm:before {
  2777. content: "\e60b"; }
  2778.  
  2779. .mdi-action-android:before {
  2780. content: "\e60c"; }
  2781.  
  2782. .mdi-action-announcement:before {
  2783. content: "\e60d"; }
  2784.  
  2785. .mdi-action-aspect-ratio:before {
  2786. content: "\e60e"; }
  2787.  
  2788. .mdi-action-assessment:before {
  2789. content: "\e60f"; }
  2790.  
  2791. .mdi-action-assignment-ind:before {
  2792. content: "\e610"; }
  2793.  
  2794. .mdi-action-assignment-late:before {
  2795. content: "\e611"; }
  2796.  
  2797. .mdi-action-assignment-return:before {
  2798. content: "\e612"; }
  2799.  
  2800. .mdi-action-assignment-returned:before {
  2801. content: "\e613"; }
  2802.  
  2803. .mdi-action-assignment-turned-in:before {
  2804. content: "\e614"; }
  2805.  
  2806. .mdi-action-assignment:before {
  2807. content: "\e615"; }
  2808.  
  2809. .mdi-action-autorenew:before {
  2810. content: "\e616"; }
  2811.  
  2812. .mdi-action-backup:before {
  2813. content: "\e617"; }
  2814.  
  2815. .mdi-action-book:before {
  2816. content: "\e618"; }
  2817.  
  2818. .mdi-action-bookmark-outline:before {
  2819. content: "\e619"; }
  2820.  
  2821. .mdi-action-bookmark:before {
  2822. content: "\e61a"; }
  2823.  
  2824. .mdi-action-bug-report:before {
  2825. content: "\e61b"; }
  2826.  
  2827. .mdi-action-cached:before {
  2828. content: "\e61c"; }
  2829.  
  2830. .mdi-action-check-circle:before {
  2831. content: "\e61d"; }
  2832.  
  2833. .mdi-action-class:before {
  2834. content: "\e61e"; }
  2835.  
  2836. .mdi-action-credit-card:before {
  2837. content: "\e61f"; }
  2838.  
  2839. .mdi-action-dashboard:before {
  2840. content: "\e620"; }
  2841.  
  2842. .mdi-action-delete:before {
  2843. content: "\e621"; }
  2844.  
  2845. .mdi-action-description:before {
  2846. content: "\e622"; }
  2847.  
  2848. .mdi-action-dns:before {
  2849. content: "\e623"; }
  2850.  
  2851. .mdi-action-done-all:before {
  2852. content: "\e624"; }
  2853.  
  2854. .mdi-action-done:before {
  2855. content: "\e625"; }
  2856.  
  2857. .mdi-action-event:before {
  2858. content: "\e626"; }
  2859.  
  2860. .mdi-action-exit-to-app:before {
  2861. content: "\e627"; }
  2862.  
  2863. .mdi-action-explore:before {
  2864. content: "\e628"; }
  2865.  
  2866. .mdi-action-extension:before {
  2867. content: "\e629"; }
  2868.  
  2869. .mdi-action-face-unlock:before {
  2870. content: "\e62a"; }
  2871.  
  2872. .mdi-action-favorite-outline:before {
  2873. content: "\e62b"; }
  2874.  
  2875. .mdi-action-favorite:before {
  2876. content: "\e62c"; }
  2877.  
  2878. .mdi-action-find-in-page:before {
  2879. content: "\e62d"; }
  2880.  
  2881. .mdi-action-find-replace:before {
  2882. content: "\e62e"; }
  2883.  
  2884. .mdi-action-flip-to-back:before {
  2885. content: "\e62f"; }
  2886.  
  2887. .mdi-action-flip-to-front:before {
  2888. content: "\e630"; }
  2889.  
  2890. .mdi-action-get-app:before {
  2891. content: "\e631"; }
  2892.  
  2893. .mdi-action-grade:before {
  2894. content: "\e632"; }
  2895.  
  2896. .mdi-action-group-work:before {
  2897. content: "\e633"; }
  2898.  
  2899. .mdi-action-help:before {
  2900. content: "\e634"; }
  2901.  
  2902. .mdi-action-highlight-remove:before {
  2903. content: "\e635"; }
  2904.  
  2905. .mdi-action-history:before {
  2906. content: "\e636"; }
  2907.  
  2908. .mdi-action-home:before {
  2909. content: "\e637"; }
  2910.  
  2911. .mdi-action-https:before {
  2912. content: "\e638"; }
  2913.  
  2914. .mdi-action-info-outline:before {
  2915. content: "\e639"; }
  2916.  
  2917. .mdi-action-info:before {
  2918. content: "\e63a"; }
  2919.  
  2920. .mdi-action-input:before {
  2921. content: "\e63b"; }
  2922.  
  2923. .mdi-action-invert-colors:before {
  2924. content: "\e63c"; }
  2925.  
  2926. .mdi-action-label-outline:before {
  2927. content: "\e63d"; }
  2928.  
  2929. .mdi-action-label:before {
  2930. content: "\e63e"; }
  2931.  
  2932. .mdi-action-language:before {
  2933. content: "\e63f"; }
  2934.  
  2935. .mdi-action-launch:before {
  2936. content: "\e640"; }
  2937.  
  2938. .mdi-action-list:before {
  2939. content: "\e641"; }
  2940.  
  2941. .mdi-action-lock-open:before {
  2942. content: "\e642"; }
  2943.  
  2944. .mdi-action-lock-outline:before {
  2945. content: "\e643"; }
  2946.  
  2947. .mdi-action-lock:before {
  2948. content: "\e644"; }
  2949.  
  2950. .mdi-action-loyalty:before {
  2951. content: "\e645"; }
  2952.  
  2953. .mdi-action-markunread-mailbox:before {
  2954. content: "\e646"; }
  2955.  
  2956. .mdi-action-note-add:before {
  2957. content: "\e647"; }
  2958.  
  2959. .mdi-action-open-in-browser:before {
  2960. content: "\e648"; }
  2961.  
  2962. .mdi-action-open-in-new:before {
  2963. content: "\e649"; }
  2964.  
  2965. .mdi-action-open-with:before {
  2966. content: "\e64a"; }
  2967.  
  2968. .mdi-action-pageview:before {
  2969. content: "\e64b"; }
  2970.  
  2971. .mdi-action-payment:before {
  2972. content: "\e64c"; }
  2973.  
  2974. .mdi-action-perm-camera-mic:before {
  2975. content: "\e64d"; }
  2976.  
  2977. .mdi-action-perm-contact-cal:before {
  2978. content: "\e64e"; }
  2979.  
  2980. .mdi-action-perm-data-setting:before {
  2981. content: "\e64f"; }
  2982.  
  2983. .mdi-action-perm-device-info:before {
  2984. content: "\e650"; }
  2985.  
  2986. .mdi-action-perm-identity:before {
  2987. content: "\e651"; }
  2988.  
  2989. .mdi-action-perm-media:before {
  2990. content: "\e652"; }
  2991.  
  2992. .mdi-action-perm-phone-msg:before {
  2993. content: "\e653"; }
  2994.  
  2995. .mdi-action-perm-scan-wifi:before {
  2996. content: "\e654"; }
  2997.  
  2998. .mdi-action-picture-in-picture:before {
  2999. content: "\e655"; }
  3000.  
  3001. .mdi-action-polymer:before {
  3002. content: "\e656"; }
  3003.  
  3004. .mdi-action-print:before {
  3005. content: "\e657"; }
  3006.  
  3007. .mdi-action-query-builder:before {
  3008. content: "\e658"; }
  3009.  
  3010. .mdi-action-question-answer:before {
  3011. content: "\e659"; }
  3012.  
  3013. .mdi-action-receipt:before {
  3014. content: "\e65a"; }
  3015.  
  3016. .mdi-action-redeem:before {
  3017. content: "\e65b"; }
  3018.  
  3019. .mdi-action-reorder:before {
  3020. content: "\e65c"; }
  3021.  
  3022. .mdi-action-report-problem:before {
  3023. content: "\e65d"; }
  3024.  
  3025. .mdi-action-restore:before {
  3026. content: "\e65e"; }
  3027.  
  3028. .mdi-action-room:before {
  3029. content: "\e65f"; }
  3030.  
  3031. .mdi-action-schedule:before {
  3032. content: "\e660"; }
  3033.  
  3034. .mdi-action-search:before {
  3035. content: "\e661"; }
  3036.  
  3037. .mdi-action-settings-applications:before {
  3038. content: "\e662"; }
  3039.  
  3040. .mdi-action-settings-backup-restore:before {
  3041. content: "\e663"; }
  3042.  
  3043. .mdi-action-settings-bluetooth:before {
  3044. content: "\e664"; }
  3045.  
  3046. .mdi-action-settings-cell:before {
  3047. content: "\e665"; }
  3048.  
  3049. .mdi-action-settings-display:before {
  3050. content: "\e666"; }
  3051.  
  3052. .mdi-action-settings-ethernet:before {
  3053. content: "\e667"; }
  3054.  
  3055. .mdi-action-settings-input-antenna:before {
  3056. content: "\e668"; }
  3057.  
  3058. .mdi-action-settings-input-component:before {
  3059. content: "\e669"; }
  3060.  
  3061. .mdi-action-settings-input-composite:before {
  3062. content: "\e66a"; }
  3063.  
  3064. .mdi-action-settings-input-hdmi:before {
  3065. content: "\e66b"; }
  3066.  
  3067. .mdi-action-settings-input-svideo:before {
  3068. content: "\e66c"; }
  3069.  
  3070. .mdi-action-settings-overscan:before {
  3071. content: "\e66d"; }
  3072.  
  3073. .mdi-action-settings-phone:before {
  3074. content: "\e66e"; }
  3075.  
  3076. .mdi-action-settings-power:before {
  3077. content: "\e66f"; }
  3078.  
  3079. .mdi-action-settings-remote:before {
  3080. content: "\e670"; }
  3081.  
  3082. .mdi-action-settings-voice:before {
  3083. content: "\e671"; }
  3084.  
  3085. .mdi-action-settings:before {
  3086. content: "\e672"; }
  3087.  
  3088. .mdi-action-shop-two:before {
  3089. content: "\e673"; }
  3090.  
  3091. .mdi-action-shop:before {
  3092. content: "\e674"; }
  3093.  
  3094. .mdi-action-shopping-basket:before {
  3095. content: "\e675"; }
  3096.  
  3097. .mdi-action-shopping-cart:before {
  3098. content: "\e676"; }
  3099.  
  3100. .mdi-action-speaker-notes:before {
  3101. content: "\e677"; }
  3102.  
  3103. .mdi-action-spellcheck:before {
  3104. content: "\e678"; }
  3105.  
  3106. .mdi-action-star-rate:before {
  3107. content: "\e679"; }
  3108.  
  3109. .mdi-action-stars:before {
  3110. content: "\e67a"; }
  3111.  
  3112. .mdi-action-store:before {
  3113. content: "\e67b"; }
  3114.  
  3115. .mdi-action-subject:before {
  3116. content: "\e67c"; }
  3117.  
  3118. .mdi-action-supervisor-account:before {
  3119. content: "\e67d"; }
  3120.  
  3121. .mdi-action-swap-horiz:before {
  3122. content: "\e67e"; }
  3123.  
  3124. .mdi-action-swap-vert-circle:before {
  3125. content: "\e67f"; }
  3126.  
  3127. .mdi-action-swap-vert:before {
  3128. content: "\e680"; }
  3129.  
  3130. .mdi-action-system-update-tv:before {
  3131. content: "\e681"; }
  3132.  
  3133. .mdi-action-tab-unselected:before {
  3134. content: "\e682"; }
  3135.  
  3136. .mdi-action-tab:before {
  3137. content: "\e683"; }
  3138.  
  3139. .mdi-action-theaters:before {
  3140. content: "\e684"; }
  3141.  
  3142. .mdi-action-thumb-down:before {
  3143. content: "\e685"; }
  3144.  
  3145. .mdi-action-thumb-up:before {
  3146. content: "\e686"; }
  3147.  
  3148. .mdi-action-thumbs-up-down:before {
  3149. content: "\e687"; }
  3150.  
  3151. .mdi-action-toc:before {
  3152. content: "\e688"; }
  3153.  
  3154. .mdi-action-today:before {
  3155. content: "\e689"; }
  3156.  
  3157. .mdi-action-track-changes:before {
  3158. content: "\e68a"; }
  3159.  
  3160. .mdi-action-translate:before {
  3161. content: "\e68b"; }
  3162.  
  3163. .mdi-action-trending-down:before {
  3164. content: "\e68c"; }
  3165.  
  3166. .mdi-action-trending-neutral:before {
  3167. content: "\e68d"; }
  3168.  
  3169. .mdi-action-trending-up:before {
  3170. content: "\e68e"; }
  3171.  
  3172. .mdi-action-turned-in-not:before {
  3173. content: "\e68f"; }
  3174.  
  3175. .mdi-action-turned-in:before {
  3176. content: "\e690"; }
  3177.  
  3178. .mdi-action-verified-user:before {
  3179. content: "\e691"; }
  3180.  
  3181. .mdi-action-view-agenda:before {
  3182. content: "\e692"; }
  3183.  
  3184. .mdi-action-view-array:before {
  3185. content: "\e693"; }
  3186.  
  3187. .mdi-action-view-carousel:before {
  3188. content: "\e694"; }
  3189.  
  3190. .mdi-action-view-column:before {
  3191. content: "\e695"; }
  3192.  
  3193. .mdi-action-view-day:before {
  3194. content: "\e696"; }
  3195.  
  3196. .mdi-action-view-headline:before {
  3197. content: "\e697"; }
  3198.  
  3199. .mdi-action-view-list:before {
  3200. content: "\e698"; }
  3201.  
  3202. .mdi-action-view-module:before {
  3203. content: "\e699"; }
  3204.  
  3205. .mdi-action-view-quilt:before {
  3206. content: "\e69a"; }
  3207.  
  3208. .mdi-action-view-stream:before {
  3209. content: "\e69b"; }
  3210.  
  3211. .mdi-action-view-week:before {
  3212. content: "\e69c"; }
  3213.  
  3214. .mdi-action-visibility-off:before {
  3215. content: "\e69d"; }
  3216.  
  3217. .mdi-action-visibility:before {
  3218. content: "\e69e"; }
  3219.  
  3220. .mdi-action-wallet-giftcard:before {
  3221. content: "\e69f"; }
  3222.  
  3223. .mdi-action-wallet-membership:before {
  3224. content: "\e6a0"; }
  3225.  
  3226. .mdi-action-wallet-travel:before {
  3227. content: "\e6a1"; }
  3228.  
  3229. .mdi-action-work:before {
  3230. content: "\e6a2"; }
  3231.  
  3232. .mdi-alert-error:before {
  3233. content: "\e6a3"; }
  3234.  
  3235. .mdi-alert-warning:before {
  3236. content: "\e6a4"; }
  3237.  
  3238. .mdi-av-album:before {
  3239. content: "\e6a5"; }
  3240.  
  3241. .mdi-av-closed-caption:before {
  3242. content: "\e6a6"; }
  3243.  
  3244. .mdi-av-equalizer:before {
  3245. content: "\e6a7"; }
  3246.  
  3247. .mdi-av-explicit:before {
  3248. content: "\e6a8"; }
  3249.  
  3250. .mdi-av-fast-forward:before {
  3251. content: "\e6a9"; }
  3252.  
  3253. .mdi-av-fast-rewind:before {
  3254. content: "\e6aa"; }
  3255.  
  3256. .mdi-av-games:before {
  3257. content: "\e6ab"; }
  3258.  
  3259. .mdi-av-hearing:before {
  3260. content: "\e6ac"; }
  3261.  
  3262. .mdi-av-high-quality:before {
  3263. content: "\e6ad"; }
  3264.  
  3265. .mdi-av-loop:before {
  3266. content: "\e6ae"; }
  3267.  
  3268. .mdi-av-mic-none:before {
  3269. content: "\e6af"; }
  3270.  
  3271. .mdi-av-mic-off:before {
  3272. content: "\e6b0"; }
  3273.  
  3274. .mdi-av-mic:before {
  3275. content: "\e6b1"; }
  3276.  
  3277. .mdi-av-movie:before {
  3278. content: "\e6b2"; }
  3279.  
  3280. .mdi-av-my-library-add:before {
  3281. content: "\e6b3"; }
  3282.  
  3283. .mdi-av-my-library-books:before {
  3284. content: "\e6b4"; }
  3285.  
  3286. .mdi-av-my-library-music:before {
  3287. content: "\e6b5"; }
  3288.  
  3289. .mdi-av-new-releases:before {
  3290. content: "\e6b6"; }
  3291.  
  3292. .mdi-av-not-interested:before {
  3293. content: "\e6b7"; }
  3294.  
  3295. .mdi-av-pause-circle-fill:before {
  3296. content: "\e6b8"; }
  3297.  
  3298. .mdi-av-pause-circle-outline:before {
  3299. content: "\e6b9"; }
  3300.  
  3301. .mdi-av-pause:before {
  3302. content: "\e6ba"; }
  3303.  
  3304. .mdi-av-play-arrow:before {
  3305. content: "\e6bb"; }
  3306.  
  3307. .mdi-av-play-circle-fill:before {
  3308. content: "\e6bc"; }
  3309.  
  3310. .mdi-av-play-circle-outline:before {
  3311. content: "\e6bd"; }
  3312.  
  3313. .mdi-av-play-shopping-bag:before {
  3314. content: "\e6be"; }
  3315.  
  3316. .mdi-av-playlist-add:before {
  3317. content: "\e6bf"; }
  3318.  
  3319. .mdi-av-queue-music:before {
  3320. content: "\e6c0"; }
  3321.  
  3322. .mdi-av-queue:before {
  3323. content: "\e6c1"; }
  3324.  
  3325. .mdi-av-radio:before {
  3326. content: "\e6c2"; }
  3327.  
  3328. .mdi-av-recent-actors:before {
  3329. content: "\e6c3"; }
  3330.  
  3331. .mdi-av-repeat-one:before {
  3332. content: "\e6c4"; }
  3333.  
  3334. .mdi-av-repeat:before {
  3335. content: "\e6c5"; }
  3336.  
  3337. .mdi-av-replay:before {
  3338. content: "\e6c6"; }
  3339.  
  3340. .mdi-av-shuffle:before {
  3341. content: "\e6c7"; }
  3342.  
  3343. .mdi-av-skip-next:before {
  3344. content: "\e6c8"; }
  3345.  
  3346. .mdi-av-skip-previous:before {
  3347. content: "\e6c9"; }
  3348.  
  3349. .mdi-av-snooze:before {
  3350. content: "\e6ca"; }
  3351.  
  3352. .mdi-av-stop:before {
  3353. content: "\e6cb"; }
  3354.  
  3355. .mdi-av-subtitles:before {
  3356. content: "\e6cc"; }
  3357.  
  3358. .mdi-av-surround-sound:before {
  3359. content: "\e6cd"; }
  3360.  
  3361. .mdi-av-timer:before {
  3362. content: "\e6ce"; }
  3363.  
  3364. .mdi-av-video-collection:before {
  3365. content: "\e6cf"; }
  3366.  
  3367. .mdi-av-videocam-off:before {
  3368. content: "\e6d0"; }
  3369.  
  3370. .mdi-av-videocam:before {
  3371. content: "\e6d1"; }
  3372.  
  3373. .mdi-av-volume-down:before {
  3374. content: "\e6d2"; }
  3375.  
  3376. .mdi-av-volume-mute:before {
  3377. content: "\e6d3"; }
  3378.  
  3379. .mdi-av-volume-off:before {
  3380. content: "\e6d4"; }
  3381.  
  3382. .mdi-av-volume-up:before {
  3383. content: "\e6d5"; }
  3384.  
  3385. .mdi-av-web:before {
  3386. content: "\e6d6"; }
  3387.  
  3388. .mdi-communication-business:before {
  3389. content: "\e6d7"; }
  3390.  
  3391. .mdi-communication-call-end:before {
  3392. content: "\e6d8"; }
  3393.  
  3394. .mdi-communication-call-made:before {
  3395. content: "\e6d9"; }
  3396.  
  3397. .mdi-communication-call-merge:before {
  3398. content: "\e6da"; }
  3399.  
  3400. .mdi-communication-call-missed:before {
  3401. content: "\e6db"; }
  3402.  
  3403. .mdi-communication-call-received:before {
  3404. content: "\e6dc"; }
  3405.  
  3406. .mdi-communication-call-split:before {
  3407. content: "\e6dd"; }
  3408.  
  3409. .mdi-communication-call:before {
  3410. content: "\e6de"; }
  3411.  
  3412. .mdi-communication-chat:before {
  3413. content: "\e6df"; }
  3414.  
  3415. .mdi-communication-clear-all:before {
  3416. content: "\e6e0"; }
  3417.  
  3418. .mdi-communication-comment:before {
  3419. content: "\e6e1"; }
  3420.  
  3421. .mdi-communication-contacts:before {
  3422. content: "\e6e2"; }
  3423.  
  3424. .mdi-communication-dialer-sip:before {
  3425. content: "\e6e3"; }
  3426.  
  3427. .mdi-communication-dialpad:before {
  3428. content: "\e6e4"; }
  3429.  
  3430. .mdi-communication-dnd-on:before {
  3431. content: "\e6e5"; }
  3432.  
  3433. .mdi-communication-email:before {
  3434. content: "\e6e6"; }
  3435.  
  3436. .mdi-communication-forum:before {
  3437. content: "\e6e7"; }
  3438.  
  3439. .mdi-communication-import-export:before {
  3440. content: "\e6e8"; }
  3441.  
  3442. .mdi-communication-invert-colors-off:before {
  3443. content: "\e6e9"; }
  3444.  
  3445. .mdi-communication-invert-colors-on:before {
  3446. content: "\e6ea"; }
  3447.  
  3448. .mdi-communication-live-help:before {
  3449. content: "\e6eb"; }
  3450.  
  3451. .mdi-communication-location-off:before {
  3452. content: "\e6ec"; }
  3453.  
  3454. .mdi-communication-location-on:before {
  3455. content: "\e6ed"; }
  3456.  
  3457. .mdi-communication-message:before {
  3458. content: "\e6ee"; }
  3459.  
  3460. .mdi-communication-messenger:before {
  3461. content: "\e6ef"; }
  3462.  
  3463. .mdi-communication-no-sim:before {
  3464. content: "\e6f0"; }
  3465.  
  3466. .mdi-communication-phone:before {
  3467. content: "\e6f1"; }
  3468.  
  3469. .mdi-communication-portable-wifi-off:before {
  3470. content: "\e6f2"; }
  3471.  
  3472. .mdi-communication-quick-contacts-dialer:before {
  3473. content: "\e6f3"; }
  3474.  
  3475. .mdi-communication-quick-contacts-mail:before {
  3476. content: "\e6f4"; }
  3477.  
  3478. .mdi-communication-ring-volume:before {
  3479. content: "\e6f5"; }
  3480.  
  3481. .mdi-communication-stay-current-landscape:before {
  3482. content: "\e6f6"; }
  3483.  
  3484. .mdi-communication-stay-current-portrait:before {
  3485. content: "\e6f7"; }
  3486.  
  3487. .mdi-communication-stay-primary-landscape:before {
  3488. content: "\e6f8"; }
  3489.  
  3490. .mdi-communication-stay-primary-portrait:before {
  3491. content: "\e6f9"; }
  3492.  
  3493. .mdi-communication-swap-calls:before {
  3494. content: "\e6fa"; }
  3495.  
  3496. .mdi-communication-textsms:before {
  3497. content: "\e6fb"; }
  3498.  
  3499. .mdi-communication-voicemail:before {
  3500. content: "\e6fc"; }
  3501.  
  3502. .mdi-communication-vpn-key:before {
  3503. content: "\e6fd"; }
  3504.  
  3505. .mdi-content-add-box:before {
  3506. content: "\e6fe"; }
  3507.  
  3508. .mdi-content-add-circle-outline:before {
  3509. content: "\e6ff"; }
  3510.  
  3511. .mdi-content-add-circle:before {
  3512. content: "\e700"; }
  3513.  
  3514. .mdi-content-add:before {
  3515. content: "\e701"; }
  3516.  
  3517. .mdi-content-archive:before {
  3518. content: "\e702"; }
  3519.  
  3520. .mdi-content-backspace:before {
  3521. content: "\e703"; }
  3522.  
  3523. .mdi-content-block:before {
  3524. content: "\e704"; }
  3525.  
  3526. .mdi-content-clear:before {
  3527. content: "\e705"; }
  3528.  
  3529. .mdi-content-content-copy:before {
  3530. content: "\e706"; }
  3531.  
  3532. .mdi-content-content-cut:before {
  3533. content: "\e707"; }
  3534.  
  3535. .mdi-content-content-paste:before {
  3536. content: "\e708"; }
  3537.  
  3538. .mdi-content-create:before {
  3539. content: "\e709"; }
  3540.  
  3541. .mdi-content-drafts:before {
  3542. content: "\e70a"; }
  3543.  
  3544. .mdi-content-filter-list:before {
  3545. content: "\e70b"; }
  3546.  
  3547. .mdi-content-flag:before {
  3548. content: "\e70c"; }
  3549.  
  3550. .mdi-content-forward:before {
  3551. content: "\e70d"; }
  3552.  
  3553. .mdi-content-gesture:before {
  3554. content: "\e70e"; }
  3555.  
  3556. .mdi-content-inbox:before {
  3557. content: "\e70f"; }
  3558.  
  3559. .mdi-content-link:before {
  3560. content: "\e710"; }
  3561.  
  3562. .mdi-content-mail:before {
  3563. content: "\e711"; }
  3564.  
  3565. .mdi-content-markunread:before {
  3566. content: "\e712"; }
  3567.  
  3568. .mdi-content-redo:before {
  3569. content: "\e713"; }
  3570.  
  3571. .mdi-content-remove-circle-outline:before {
  3572. content: "\e714"; }
  3573.  
  3574. .mdi-content-remove-circle:before {
  3575. content: "\e715"; }
  3576.  
  3577. .mdi-content-remove:before {
  3578. content: "\e716"; }
  3579.  
  3580. .mdi-content-reply-all:before {
  3581. content: "\e717"; }
  3582.  
  3583. .mdi-content-reply:before {
  3584. content: "\e718"; }
  3585.  
  3586. .mdi-content-report:before {
  3587. content: "\e719"; }
  3588.  
  3589. .mdi-content-save:before {
  3590. content: "\e71a"; }
  3591.  
  3592. .mdi-content-select-all:before {
  3593. content: "\e71b"; }
  3594.  
  3595. .mdi-content-send:before {
  3596. content: "\e71c"; }
  3597.  
  3598. .mdi-content-sort:before {
  3599. content: "\e71d"; }
  3600.  
  3601. .mdi-content-text-format:before {
  3602. content: "\e71e"; }
  3603.  
  3604. .mdi-content-undo:before {
  3605. content: "\e71f"; }
  3606.  
  3607. .mdi-editor-attach-file:before {
  3608. content: "\e776"; }
  3609.  
  3610. .mdi-editor-attach-money:before {
  3611. content: "\e777"; }
  3612.  
  3613. .mdi-editor-border-all:before {
  3614. content: "\e778"; }
  3615.  
  3616. .mdi-editor-border-bottom:before {
  3617. content: "\e779"; }
  3618.  
  3619. .mdi-editor-border-clear:before {
  3620. content: "\e77a"; }
  3621.  
  3622. .mdi-editor-border-color:before {
  3623. content: "\e77b"; }
  3624.  
  3625. .mdi-editor-border-horizontal:before {
  3626. content: "\e77c"; }
  3627.  
  3628. .mdi-editor-border-inner:before {
  3629. content: "\e77d"; }
  3630.  
  3631. .mdi-editor-border-left:before {
  3632. content: "\e77e"; }
  3633.  
  3634. .mdi-editor-border-outer:before {
  3635. content: "\e77f"; }
  3636.  
  3637. .mdi-editor-border-right:before {
  3638. content: "\e780"; }
  3639.  
  3640. .mdi-editor-border-style:before {
  3641. content: "\e781"; }
  3642.  
  3643. .mdi-editor-border-top:before {
  3644. content: "\e782"; }
  3645.  
  3646. .mdi-editor-border-vertical:before {
  3647. content: "\e783"; }
  3648.  
  3649. .mdi-editor-format-align-center:before {
  3650. content: "\e784"; }
  3651.  
  3652. .mdi-editor-format-align-justify:before {
  3653. content: "\e785"; }
  3654.  
  3655. .mdi-editor-format-align-left:before {
  3656. content: "\e786"; }
  3657.  
  3658. .mdi-editor-format-align-right:before {
  3659. content: "\e787"; }
  3660.  
  3661. .mdi-editor-format-bold:before {
  3662. content: "\e788"; }
  3663.  
  3664. .mdi-editor-format-clear:before {
  3665. content: "\e789"; }
  3666.  
  3667. .mdi-editor-format-color-fill:before {
  3668. content: "\e78a"; }
  3669.  
  3670. .mdi-editor-format-color-reset:before {
  3671. content: "\e78b"; }
  3672.  
  3673. .mdi-editor-format-color-text:before {
  3674. content: "\e78c"; }
  3675.  
  3676. .mdi-editor-format-indent-decrease:before {
  3677. content: "\e78d"; }
  3678.  
  3679. .mdi-editor-format-indent-increase:before {
  3680. content: "\e78e"; }
  3681.  
  3682. .mdi-editor-format-italic:before {
  3683. content: "\e78f"; }
  3684.  
  3685. .mdi-editor-format-line-spacing:before {
  3686. content: "\e790"; }
  3687.  
  3688. .mdi-editor-format-list-bulleted:before {
  3689. content: "\e791"; }
  3690.  
  3691. .mdi-editor-format-list-numbered:before {
  3692. content: "\e792"; }
  3693.  
  3694. .mdi-editor-format-paint:before {
  3695. content: "\e793"; }
  3696.  
  3697. .mdi-editor-format-quote:before {
  3698. content: "\e794"; }
  3699.  
  3700. .mdi-editor-format-size:before {
  3701. content: "\e795"; }
  3702.  
  3703. .mdi-editor-format-strikethrough:before {
  3704. content: "\e796"; }
  3705.  
  3706. .mdi-editor-format-textdirection-l-to-r:before {
  3707. content: "\e797"; }
  3708.  
  3709. .mdi-editor-format-textdirection-r-to-l:before {
  3710. content: "\e798"; }
  3711.  
  3712. .mdi-editor-format-underline:before {
  3713. content: "\e799"; }
  3714.  
  3715. .mdi-editor-functions:before {
  3716. content: "\e79a"; }
  3717.  
  3718. .mdi-editor-insert-chart:before {
  3719. content: "\e79b"; }
  3720.  
  3721. .mdi-editor-insert-comment:before {
  3722. content: "\e79c"; }
  3723.  
  3724. .mdi-editor-insert-drive-file:before {
  3725. content: "\e79d"; }
  3726.  
  3727. .mdi-editor-insert-emoticon:before {
  3728. content: "\e79e"; }
  3729.  
  3730. .mdi-editor-insert-invitation:before {
  3731. content: "\e79f"; }
  3732.  
  3733. .mdi-editor-insert-link:before {
  3734. content: "\e7a0"; }
  3735.  
  3736. .mdi-editor-insert-photo:before {
  3737. content: "\e7a1"; }
  3738.  
  3739. .mdi-editor-merge-type:before {
  3740. content: "\e7a2"; }
  3741.  
  3742. .mdi-editor-mode-comment:before {
  3743. content: "\e7a3"; }
  3744.  
  3745. .mdi-editor-mode-edit:before {
  3746. content: "\e7a4"; }
  3747.  
  3748. .mdi-editor-publish:before {
  3749. content: "\e7a5"; }
  3750.  
  3751. .mdi-editor-vertical-align-bottom:before {
  3752. content: "\e7a6"; }
  3753.  
  3754. .mdi-editor-vertical-align-center:before {
  3755. content: "\e7a7"; }
  3756.  
  3757. .mdi-editor-vertical-align-top:before {
  3758. content: "\e7a8"; }
  3759.  
  3760. .mdi-editor-wrap-text:before {
  3761. content: "\e7a9"; }
  3762.  
  3763. .mdi-file-attachment:before {
  3764. content: "\e7aa"; }
  3765.  
  3766. .mdi-file-cloud-circle:before {
  3767. content: "\e7ab"; }
  3768.  
  3769. .mdi-file-cloud-done:before {
  3770. content: "\e7ac"; }
  3771.  
  3772. .mdi-file-cloud-download:before {
  3773. content: "\e7ad"; }
  3774.  
  3775. .mdi-file-cloud-off:before {
  3776. content: "\e7ae"; }
  3777.  
  3778. .mdi-file-cloud-queue:before {
  3779. content: "\e7af"; }
  3780.  
  3781. .mdi-file-cloud-upload:before {
  3782. content: "\e7b0"; }
  3783.  
  3784. .mdi-file-cloud:before {
  3785. content: "\e7b1"; }
  3786.  
  3787. .mdi-file-file-download:before {
  3788. content: "\e7b2"; }
  3789.  
  3790. .mdi-file-file-upload:before {
  3791. content: "\e7b3"; }
  3792.  
  3793. .mdi-file-folder-open:before {
  3794. content: "\e7b4"; }
  3795.  
  3796. .mdi-file-folder-shared:before {
  3797. content: "\e7b5"; }
  3798.  
  3799. .mdi-file-folder:before {
  3800. content: "\e7b6"; }
  3801.  
  3802. .mdi-device-access-alarm:before {
  3803. content: "\e720"; }
  3804.  
  3805. .mdi-device-access-alarms:before {
  3806. content: "\e721"; }
  3807.  
  3808. .mdi-device-access-time:before {
  3809. content: "\e722"; }
  3810.  
  3811. .mdi-device-add-alarm:before {
  3812. content: "\e723"; }
  3813.  
  3814. .mdi-device-airplanemode-off:before {
  3815. content: "\e724"; }
  3816.  
  3817. .mdi-device-airplanemode-on:before {
  3818. content: "\e725"; }
  3819.  
  3820. .mdi-device-battery-20:before {
  3821. content: "\e726"; }
  3822.  
  3823. .mdi-device-battery-30:before {
  3824. content: "\e727"; }
  3825.  
  3826. .mdi-device-battery-50:before {
  3827. content: "\e728"; }
  3828.  
  3829. .mdi-device-battery-60:before {
  3830. content: "\e729"; }
  3831.  
  3832. .mdi-device-battery-80:before {
  3833. content: "\e72a"; }
  3834.  
  3835. .mdi-device-battery-90:before {
  3836. content: "\e72b"; }
  3837.  
  3838. .mdi-device-battery-alert:before {
  3839. content: "\e72c"; }
  3840.  
  3841. .mdi-device-battery-charging-20:before {
  3842. content: "\e72d"; }
  3843.  
  3844. .mdi-device-battery-charging-30:before {
  3845. content: "\e72e"; }
  3846.  
  3847. .mdi-device-battery-charging-50:before {
  3848. content: "\e72f"; }
  3849.  
  3850. .mdi-device-battery-charging-60:before {
  3851. content: "\e730"; }
  3852.  
  3853. .mdi-device-battery-charging-80:before {
  3854. content: "\e731"; }
  3855.  
  3856. .mdi-device-battery-charging-90:before {
  3857. content: "\e732"; }
  3858.  
  3859. .mdi-device-battery-charging-full:before {
  3860. content: "\e733"; }
  3861.  
  3862. .mdi-device-battery-full:before {
  3863. content: "\e734"; }
  3864.  
  3865. .mdi-device-battery-std:before {
  3866. content: "\e735"; }
  3867.  
  3868. .mdi-device-battery-unknown:before {
  3869. content: "\e736"; }
  3870.  
  3871. .mdi-device-bluetooth-connected:before {
  3872. content: "\e737"; }
  3873.  
  3874. .mdi-device-bluetooth-disabled:before {
  3875. content: "\e738"; }
  3876.  
  3877. .mdi-device-bluetooth-searching:before {
  3878. content: "\e739"; }
  3879.  
  3880. .mdi-device-bluetooth:before {
  3881. content: "\e73a"; }
  3882.  
  3883. .mdi-device-brightness-auto:before {
  3884. content: "\e73b"; }
  3885.  
  3886. .mdi-device-brightness-high:before {
  3887. content: "\e73c"; }
  3888.  
  3889. .mdi-device-brightness-low:before {
  3890. content: "\e73d"; }
  3891.  
  3892. .mdi-device-brightness-medium:before {
  3893. content: "\e73e"; }
  3894.  
  3895. .mdi-device-data-usage:before {
  3896. content: "\e73f"; }
  3897.  
  3898. .mdi-device-developer-mode:before {
  3899. content: "\e740"; }
  3900.  
  3901. .mdi-device-devices:before {
  3902. content: "\e741"; }
  3903.  
  3904. .mdi-device-dvr:before {
  3905. content: "\e742"; }
  3906.  
  3907. .mdi-device-gps-fixed:before {
  3908. content: "\e743"; }
  3909.  
  3910. .mdi-device-gps-not-fixed:before {
  3911. content: "\e744"; }
  3912.  
  3913. .mdi-device-gps-off:before {
  3914. content: "\e745"; }
  3915.  
  3916. .mdi-device-location-disabled:before {
  3917. content: "\e746"; }
  3918.  
  3919. .mdi-device-location-searching:before {
  3920. content: "\e747"; }
  3921.  
  3922. .mdi-device-multitrack-audio:before {
  3923. content: "\e748"; }
  3924.  
  3925. .mdi-device-network-cell:before {
  3926. content: "\e749"; }
  3927.  
  3928. .mdi-device-network-wifi:before {
  3929. content: "\e74a"; }
  3930.  
  3931. .mdi-device-nfc:before {
  3932. content: "\e74b"; }
  3933.  
  3934. .mdi-device-now-wallpaper:before {
  3935. content: "\e74c"; }
  3936.  
  3937. .mdi-device-now-widgets:before {
  3938. content: "\e74d"; }
  3939.  
  3940. .mdi-device-screen-lock-landscape:before {
  3941. content: "\e74e"; }
  3942.  
  3943. .mdi-device-screen-lock-portrait:before {
  3944. content: "\e74f"; }
  3945.  
  3946. .mdi-device-screen-lock-rotation:before {
  3947. content: "\e750"; }
  3948.  
  3949. .mdi-device-screen-rotation:before {
  3950. content: "\e751"; }
  3951.  
  3952. .mdi-device-sd-storage:before {
  3953. content: "\e752"; }
  3954.  
  3955. .mdi-device-settings-system-daydream:before {
  3956. content: "\e753"; }
  3957.  
  3958. .mdi-device-signal-cellular-0-bar:before {
  3959. content: "\e754"; }
  3960.  
  3961. .mdi-device-signal-cellular-1-bar:before {
  3962. content: "\e755"; }
  3963.  
  3964. .mdi-device-signal-cellular-2-bar:before {
  3965. content: "\e756"; }
  3966.  
  3967. .mdi-device-signal-cellular-3-bar:before {
  3968. content: "\e757"; }
  3969.  
  3970. .mdi-device-signal-cellular-4-bar:before {
  3971. content: "\e758"; }
  3972.  
  3973. .mdi-signal-wifi-statusbar-connected-no-internet-after:before {
  3974. content: "\e8f6"; }
  3975.  
  3976. .mdi-device-signal-cellular-connected-no-internet-0-bar:before {
  3977. content: "\e759"; }
  3978.  
  3979. .mdi-device-signal-cellular-connected-no-internet-1-bar:before {
  3980. content: "\e75a"; }
  3981.  
  3982. .mdi-device-signal-cellular-connected-no-internet-2-bar:before {
  3983. content: "\e75b"; }
  3984.  
  3985. .mdi-device-signal-cellular-connected-no-internet-3-bar:before {
  3986. content: "\e75c"; }
  3987.  
  3988. .mdi-device-signal-cellular-connected-no-internet-4-bar:before {
  3989. content: "\e75d"; }
  3990.  
  3991. .mdi-device-signal-cellular-no-sim:before {
  3992. content: "\e75e"; }
  3993.  
  3994. .mdi-device-signal-cellular-null:before {
  3995. content: "\e75f"; }
  3996.  
  3997. .mdi-device-signal-cellular-off:before {
  3998. content: "\e760"; }
  3999.  
  4000. .mdi-device-signal-wifi-0-bar:before {
  4001. content: "\e761"; }
  4002.  
  4003. .mdi-device-signal-wifi-1-bar:before {
  4004. content: "\e762"; }
  4005.  
  4006. .mdi-device-signal-wifi-2-bar:before {
  4007. content: "\e763"; }
  4008.  
  4009. .mdi-device-signal-wifi-3-bar:before {
  4010. content: "\e764"; }
  4011.  
  4012. .mdi-device-signal-wifi-4-bar:before {
  4013. content: "\e765"; }
  4014.  
  4015. .mdi-device-signal-wifi-off:before {
  4016. content: "\e766"; }
  4017.  
  4018. .mdi-device-signal-wifi-statusbar-1-bar:before {
  4019. content: "\e767"; }
  4020.  
  4021. .mdi-device-signal-wifi-statusbar-2-bar:before {
  4022. content: "\e768"; }
  4023.  
  4024. .mdi-device-signal-wifi-statusbar-3-bar:before {
  4025. content: "\e769"; }
  4026.  
  4027. .mdi-device-signal-wifi-statusbar-4-bar:before {
  4028. content: "\e76a"; }
  4029.  
  4030. .mdi-device-signal-wifi-statusbar-connected-no-internet-:before {
  4031. content: "\e76b"; }
  4032.  
  4033. .mdi-device-signal-wifi-statusbar-connected-no-internet:before {
  4034. content: "\e76f"; }
  4035.  
  4036. .mdi-device-signal-wifi-statusbar-connected-no-internet-2:before {
  4037. content: "\e76c"; }
  4038.  
  4039. .mdi-device-signal-wifi-statusbar-connected-no-internet-3:before {
  4040. content: "\e76d"; }
  4041.  
  4042. .mdi-device-signal-wifi-statusbar-connected-no-internet-4:before {
  4043. content: "\e76e"; }
  4044.  
  4045. .mdi-signal-wifi-statusbar-not-connected-after:before {
  4046. content: "\e8f7"; }
  4047.  
  4048. .mdi-device-signal-wifi-statusbar-not-connected:before {
  4049. content: "\e770"; }
  4050.  
  4051. .mdi-device-signal-wifi-statusbar-null:before {
  4052. content: "\e771"; }
  4053.  
  4054. .mdi-device-storage:before {
  4055. content: "\e772"; }
  4056.  
  4057. .mdi-device-usb:before {
  4058. content: "\e773"; }
  4059.  
  4060. .mdi-device-wifi-lock:before {
  4061. content: "\e774"; }
  4062.  
  4063. .mdi-device-wifi-tethering:before {
  4064. content: "\e775"; }
  4065.  
  4066. .mdi-hardware-cast-connected:before {
  4067. content: "\e7b7"; }
  4068.  
  4069. .mdi-hardware-cast:before {
  4070. content: "\e7b8"; }
  4071.  
  4072. .mdi-hardware-computer:before {
  4073. content: "\e7b9"; }
  4074.  
  4075. .mdi-hardware-desktop-mac:before {
  4076. content: "\e7ba"; }
  4077.  
  4078. .mdi-hardware-desktop-windows:before {
  4079. content: "\e7bb"; }
  4080.  
  4081. .mdi-hardware-dock:before {
  4082. content: "\e7bc"; }
  4083.  
  4084. .mdi-hardware-gamepad:before {
  4085. content: "\e7bd"; }
  4086.  
  4087. .mdi-hardware-headset-mic:before {
  4088. content: "\e7be"; }
  4089.  
  4090. .mdi-hardware-headset:before {
  4091. content: "\e7bf"; }
  4092.  
  4093. .mdi-hardware-keyboard-alt:before {
  4094. content: "\e7c0"; }
  4095.  
  4096. .mdi-hardware-keyboard-arrow-down:before {
  4097. content: "\e7c1"; }
  4098.  
  4099. .mdi-hardware-keyboard-arrow-left:before {
  4100. content: "\e7c2"; }
  4101.  
  4102. .mdi-hardware-keyboard-arrow-right:before {
  4103. content: "\e7c3"; }
  4104.  
  4105. .mdi-hardware-keyboard-arrow-up:before {
  4106. content: "\e7c4"; }
  4107.  
  4108. .mdi-hardware-keyboard-backspace:before {
  4109. content: "\e7c5"; }
  4110.  
  4111. .mdi-hardware-keyboard-capslock:before {
  4112. content: "\e7c6"; }
  4113.  
  4114. .mdi-hardware-keyboard-control:before {
  4115. content: "\e7c7"; }
  4116.  
  4117. .mdi-hardware-keyboard-hide:before {
  4118. content: "\e7c8"; }
  4119.  
  4120. .mdi-hardware-keyboard-return:before {
  4121. content: "\e7c9"; }
  4122.  
  4123. .mdi-hardware-keyboard-tab:before {
  4124. content: "\e7ca"; }
  4125.  
  4126. .mdi-hardware-keyboard-voice:before {
  4127. content: "\e7cb"; }
  4128.  
  4129. .mdi-hardware-keyboard:before {
  4130. content: "\e7cc"; }
  4131.  
  4132. .mdi-hardware-laptop-chromebook:before {
  4133. content: "\e7cd"; }
  4134.  
  4135. .mdi-hardware-laptop-mac:before {
  4136. content: "\e7ce"; }
  4137.  
  4138. .mdi-hardware-laptop-windows:before {
  4139. content: "\e7cf"; }
  4140.  
  4141. .mdi-hardware-laptop:before {
  4142. content: "\e7d0"; }
  4143.  
  4144. .mdi-hardware-memory:before {
  4145. content: "\e7d1"; }
  4146.  
  4147. .mdi-hardware-mouse:before {
  4148. content: "\e7d2"; }
  4149.  
  4150. .mdi-hardware-phone-android:before {
  4151. content: "\e7d3"; }
  4152.  
  4153. .mdi-hardware-phone-iphone:before {
  4154. content: "\e7d4"; }
  4155.  
  4156. .mdi-hardware-phonelink-off:before {
  4157. content: "\e7d5"; }
  4158.  
  4159. .mdi-hardware-phonelink:before {
  4160. content: "\e7d6"; }
  4161.  
  4162. .mdi-hardware-security:before {
  4163. content: "\e7d7"; }
  4164.  
  4165. .mdi-hardware-sim-card:before {
  4166. content: "\e7d8"; }
  4167.  
  4168. .mdi-hardware-smartphone:before {
  4169. content: "\e7d9"; }
  4170.  
  4171. .mdi-hardware-speaker:before {
  4172. content: "\e7da"; }
  4173.  
  4174. .mdi-hardware-tablet-android:before {
  4175. content: "\e7db"; }
  4176.  
  4177. .mdi-hardware-tablet-mac:before {
  4178. content: "\e7dc"; }
  4179.  
  4180. .mdi-hardware-tablet:before {
  4181. content: "\e7dd"; }
  4182.  
  4183. .mdi-hardware-tv:before {
  4184. content: "\e7de"; }
  4185.  
  4186. .mdi-hardware-watch:before {
  4187. content: "\e7df"; }
  4188.  
  4189. .mdi-image-add-to-photos:before {
  4190. content: "\e7e0"; }
  4191.  
  4192. .mdi-image-adjust:before {
  4193. content: "\e7e1"; }
  4194.  
  4195. .mdi-image-assistant-photo:before {
  4196. content: "\e7e2"; }
  4197.  
  4198. .mdi-image-audiotrack:before {
  4199. content: "\e7e3"; }
  4200.  
  4201. .mdi-image-blur-circular:before {
  4202. content: "\e7e4"; }
  4203.  
  4204. .mdi-image-blur-linear:before {
  4205. content: "\e7e5"; }
  4206.  
  4207. .mdi-image-blur-off:before {
  4208. content: "\e7e6"; }
  4209.  
  4210. .mdi-image-blur-on:before {
  4211. content: "\e7e7"; }
  4212.  
  4213. .mdi-image-brightness-1:before {
  4214. content: "\e7e8"; }
  4215.  
  4216. .mdi-image-brightness-2:before {
  4217. content: "\e7e9"; }
  4218.  
  4219. .mdi-image-brightness-3:before {
  4220. content: "\e7ea"; }
  4221.  
  4222. .mdi-image-brightness-4:before {
  4223. content: "\e7eb"; }
  4224.  
  4225. .mdi-image-brightness-5:before {
  4226. content: "\e7ec"; }
  4227.  
  4228. .mdi-image-brightness-6:before {
  4229. content: "\e7ed"; }
  4230.  
  4231. .mdi-image-brightness-7:before {
  4232. content: "\e7ee"; }
  4233.  
  4234. .mdi-image-brush:before {
  4235. content: "\e7ef"; }
  4236.  
  4237. .mdi-image-camera-alt:before {
  4238. content: "\e7f0"; }
  4239.  
  4240. .mdi-image-camera-front:before {
  4241. content: "\e7f1"; }
  4242.  
  4243. .mdi-image-camera-rear:before {
  4244. content: "\e7f2"; }
  4245.  
  4246. .mdi-image-camera-roll:before {
  4247. content: "\e7f3"; }
  4248.  
  4249. .mdi-image-camera:before {
  4250. content: "\e7f4"; }
  4251.  
  4252. .mdi-image-center-focus-strong:before {
  4253. content: "\e7f5"; }
  4254.  
  4255. .mdi-image-center-focus-weak:before {
  4256. content: "\e7f6"; }
  4257.  
  4258. .mdi-image-collections:before {
  4259. content: "\e7f7"; }
  4260.  
  4261. .mdi-image-color-lens:before {
  4262. content: "\e7f8"; }
  4263.  
  4264. .mdi-image-colorize:before {
  4265. content: "\e7f9"; }
  4266.  
  4267. .mdi-image-compare:before {
  4268. content: "\e7fa"; }
  4269.  
  4270. .mdi-image-control-point-duplicate:before {
  4271. content: "\e7fb"; }
  4272.  
  4273. .mdi-image-control-point:before {
  4274. content: "\e7fc"; }
  4275.  
  4276. .mdi-image-crop-3-2:before {
  4277. content: "\e7fd"; }
  4278.  
  4279. .mdi-image-crop-5-4:before {
  4280. content: "\e7fe"; }
  4281.  
  4282. .mdi-image-crop-7-5:before {
  4283. content: "\e7ff"; }
  4284.  
  4285. .mdi-image-crop-16-9:before {
  4286. content: "\e800"; }
  4287.  
  4288. .mdi-image-crop-din:before {
  4289. content: "\e801"; }
  4290.  
  4291. .mdi-image-crop-free:before {
  4292. content: "\e802"; }
  4293.  
  4294. .mdi-image-crop-landscape:before {
  4295. content: "\e803"; }
  4296.  
  4297. .mdi-image-crop-original:before {
  4298. content: "\e804"; }
  4299.  
  4300. .mdi-image-crop-portrait:before {
  4301. content: "\e805"; }
  4302.  
  4303. .mdi-image-crop-square:before {
  4304. content: "\e806"; }
  4305.  
  4306. .mdi-image-crop:before {
  4307. content: "\e807"; }
  4308.  
  4309. .mdi-image-dehaze:before {
  4310. content: "\e808"; }
  4311.  
  4312. .mdi-image-details:before {
  4313. content: "\e809"; }
  4314.  
  4315. .mdi-image-edit:before {
  4316. content: "\e80a"; }
  4317.  
  4318. .mdi-image-exposure-minus-1:before {
  4319. content: "\e80b"; }
  4320.  
  4321. .mdi-image-exposure-minus-2:before {
  4322. content: "\e80c"; }
  4323.  
  4324. .mdi-image-exposure-plus-1:before {
  4325. content: "\e80d"; }
  4326.  
  4327. .mdi-image-exposure-plus-2:before {
  4328. content: "\e80e"; }
  4329.  
  4330. .mdi-image-exposure-zero:before {
  4331. content: "\e80f"; }
  4332.  
  4333. .mdi-image-exposure:before {
  4334. content: "\e810"; }
  4335.  
  4336. .mdi-image-filter-1:before {
  4337. content: "\e811"; }
  4338.  
  4339. .mdi-image-filter-2:before {
  4340. content: "\e812"; }
  4341.  
  4342. .mdi-image-filter-3:before {
  4343. content: "\e813"; }
  4344.  
  4345. .mdi-image-filter-4:before {
  4346. content: "\e814"; }
  4347.  
  4348. .mdi-image-filter-5:before {
  4349. content: "\e815"; }
  4350.  
  4351. .mdi-image-filter-6:before {
  4352. content: "\e816"; }
  4353.  
  4354. .mdi-image-filter-7:before {
  4355. content: "\e817"; }
  4356.  
  4357. .mdi-image-filter-8:before {
  4358. content: "\e818"; }
  4359.  
  4360. .mdi-image-filter-9-plus:before {
  4361. content: "\e819"; }
  4362.  
  4363. .mdi-image-filter-9:before {
  4364. content: "\e81a"; }
  4365.  
  4366. .mdi-image-filter-b-and-w:before {
  4367. content: "\e81b"; }
  4368.  
  4369. .mdi-image-filter-center-focus:before {
  4370. content: "\e81c"; }
  4371.  
  4372. .mdi-image-filter-drama:before {
  4373. content: "\e81d"; }
  4374.  
  4375. .mdi-image-filter-frames:before {
  4376. content: "\e81e"; }
  4377.  
  4378. .mdi-image-filter-hdr:before {
  4379. content: "\e81f"; }
  4380.  
  4381. .mdi-image-filter-none:before {
  4382. content: "\e820"; }
  4383.  
  4384. .mdi-image-filter-tilt-shift:before {
  4385. content: "\e821"; }
  4386.  
  4387. .mdi-image-filter-vintage:before {
  4388. content: "\e822"; }
  4389.  
  4390. .mdi-image-filter:before {
  4391. content: "\e823"; }
  4392.  
  4393. .mdi-image-flare:before {
  4394. content: "\e824"; }
  4395.  
  4396. .mdi-image-flash-auto:before {
  4397. content: "\e825"; }
  4398.  
  4399. .mdi-image-flash-off:before {
  4400. content: "\e826"; }
  4401.  
  4402. .mdi-image-flash-on:before {
  4403. content: "\e827"; }
  4404.  
  4405. .mdi-image-flip:before {
  4406. content: "\e828"; }
  4407.  
  4408. .mdi-image-gradient:before {
  4409. content: "\e829"; }
  4410.  
  4411. .mdi-image-grain:before {
  4412. content: "\e82a"; }
  4413.  
  4414. .mdi-image-grid-off:before {
  4415. content: "\e82b"; }
  4416.  
  4417. .mdi-image-grid-on:before {
  4418. content: "\e82c"; }
  4419.  
  4420. .mdi-image-hdr-off:before {
  4421. content: "\e82d"; }
  4422.  
  4423. .mdi-image-hdr-on:before {
  4424. content: "\e82e"; }
  4425.  
  4426. .mdi-image-hdr-strong:before {
  4427. content: "\e82f"; }
  4428.  
  4429. .mdi-image-hdr-weak:before {
  4430. content: "\e830"; }
  4431.  
  4432. .mdi-image-healing:before {
  4433. content: "\e831"; }
  4434.  
  4435. .mdi-image-image-aspect-ratio:before {
  4436. content: "\e832"; }
  4437.  
  4438. .mdi-image-image:before {
  4439. content: "\e833"; }
  4440.  
  4441. .mdi-image-iso:before {
  4442. content: "\e834"; }
  4443.  
  4444. .mdi-image-landscape:before {
  4445. content: "\e835"; }
  4446.  
  4447. .mdi-image-leak-add:before {
  4448. content: "\e836"; }
  4449.  
  4450. .mdi-image-leak-remove:before {
  4451. content: "\e837"; }
  4452.  
  4453. .mdi-image-lens:before {
  4454. content: "\e838"; }
  4455.  
  4456. .mdi-image-looks-3:before {
  4457. content: "\e839"; }
  4458.  
  4459. .mdi-image-looks-4:before {
  4460. content: "\e83a"; }
  4461.  
  4462. .mdi-image-looks-5:before {
  4463. content: "\e83b"; }
  4464.  
  4465. .mdi-image-looks-6:before {
  4466. content: "\e83c"; }
  4467.  
  4468. .mdi-image-looks-one:before {
  4469. content: "\e83d"; }
  4470.  
  4471. .mdi-image-looks-two:before {
  4472. content: "\e83e"; }
  4473.  
  4474. .mdi-image-looks:before {
  4475. content: "\e83f"; }
  4476.  
  4477. .mdi-image-loupe:before {
  4478. content: "\e840"; }
  4479.  
  4480. .mdi-image-movie-creation:before {
  4481. content: "\e841"; }
  4482.  
  4483. .mdi-image-nature-people:before {
  4484. content: "\e842"; }
  4485.  
  4486. .mdi-image-nature:before {
  4487. content: "\e843"; }
  4488.  
  4489. .mdi-image-navigate-before:before {
  4490. content: "\e844"; }
  4491.  
  4492. .mdi-image-navigate-next:before {
  4493. content: "\e845"; }
  4494.  
  4495. .mdi-image-palette:before {
  4496. content: "\e846"; }
  4497.  
  4498. .mdi-image-panorama-fisheye:before {
  4499. content: "\e847"; }
  4500.  
  4501. .mdi-image-panorama-horizontal:before {
  4502. content: "\e848"; }
  4503.  
  4504. .mdi-image-panorama-vertical:before {
  4505. content: "\e849"; }
  4506.  
  4507. .mdi-image-panorama-wide-angle:before {
  4508. content: "\e84a"; }
  4509.  
  4510. .mdi-image-panorama:before {
  4511. content: "\e84b"; }
  4512.  
  4513. .mdi-image-photo-album:before {
  4514. content: "\e84c"; }
  4515.  
  4516. .mdi-image-photo-camera:before {
  4517. content: "\e84d"; }
  4518.  
  4519. .mdi-image-photo-library:before {
  4520. content: "\e84e"; }
  4521.  
  4522. .mdi-image-photo:before {
  4523. content: "\e84f"; }
  4524.  
  4525. .mdi-image-portrait:before {
  4526. content: "\e850"; }
  4527.  
  4528. .mdi-image-remove-red-eye:before {
  4529. content: "\e851"; }
  4530.  
  4531. .mdi-image-rotate-left:before {
  4532. content: "\e852"; }
  4533.  
  4534. .mdi-image-rotate-right:before {
  4535. content: "\e853"; }
  4536.  
  4537. .mdi-image-slideshow:before {
  4538. content: "\e854"; }
  4539.  
  4540. .mdi-image-straighten:before {
  4541. content: "\e855"; }
  4542.  
  4543. .mdi-image-style:before {
  4544. content: "\e856"; }
  4545.  
  4546. .mdi-image-switch-camera:before {
  4547. content: "\e857"; }
  4548.  
  4549. .mdi-image-switch-video:before {
  4550. content: "\e858"; }
  4551.  
  4552. .mdi-image-tag-faces:before {
  4553. content: "\e859"; }
  4554.  
  4555. .mdi-image-texture:before {
  4556. content: "\e85a"; }
  4557.  
  4558. .mdi-image-timelapse:before {
  4559. content: "\e85b"; }
  4560.  
  4561. .mdi-image-timer-3:before {
  4562. content: "\e85c"; }
  4563.  
  4564. .mdi-image-timer-10:before {
  4565. content: "\e85d"; }
  4566.  
  4567. .mdi-image-timer-auto:before {
  4568. content: "\e85e"; }
  4569.  
  4570. .mdi-image-timer-off:before {
  4571. content: "\e85f"; }
  4572.  
  4573. .mdi-image-timer:before {
  4574. content: "\e860"; }
  4575.  
  4576. .mdi-image-tonality:before {
  4577. content: "\e861"; }
  4578.  
  4579. .mdi-image-transform:before {
  4580. content: "\e862"; }
  4581.  
  4582. .mdi-image-tune:before {
  4583. content: "\e863"; }
  4584.  
  4585. .mdi-image-wb-auto:before {
  4586. content: "\e864"; }
  4587.  
  4588. .mdi-image-wb-cloudy:before {
  4589. content: "\e865"; }
  4590.  
  4591. .mdi-image-wb-incandescent:before {
  4592. content: "\e866"; }
  4593.  
  4594. .mdi-image-wb-irradescent:before {
  4595. content: "\e867"; }
  4596.  
  4597. .mdi-image-wb-sunny:before {
  4598. content: "\e868"; }
  4599.  
  4600. .mdi-maps-beenhere:before {
  4601. content: "\e869"; }
  4602.  
  4603. .mdi-maps-directions-bike:before {
  4604. content: "\e86a"; }
  4605.  
  4606. .mdi-maps-directions-bus:before {
  4607. content: "\e86b"; }
  4608.  
  4609. .mdi-maps-directions-car:before {
  4610. content: "\e86c"; }
  4611.  
  4612. .mdi-maps-directions-ferry:before {
  4613. content: "\e86d"; }
  4614.  
  4615. .mdi-maps-directions-subway:before {
  4616. content: "\e86e"; }
  4617.  
  4618. .mdi-maps-directions-train:before {
  4619. content: "\e86f"; }
  4620.  
  4621. .mdi-maps-directions-transit:before {
  4622. content: "\e870"; }
  4623.  
  4624. .mdi-maps-directions-walk:before {
  4625. content: "\e871"; }
  4626.  
  4627. .mdi-maps-directions:before {
  4628. content: "\e872"; }
  4629.  
  4630. .mdi-maps-flight:before {
  4631. content: "\e873"; }
  4632.  
  4633. .mdi-maps-hotel:before {
  4634. content: "\e874"; }
  4635.  
  4636. .mdi-maps-layers-clear:before {
  4637. content: "\e875"; }
  4638.  
  4639. .mdi-maps-layers:before {
  4640. content: "\e876"; }
  4641.  
  4642. .mdi-maps-local-airport:before {
  4643. content: "\e877"; }
  4644.  
  4645. .mdi-maps-local-atm:before {
  4646. content: "\e878"; }
  4647.  
  4648. .mdi-maps-local-attraction:before {
  4649. content: "\e879"; }
  4650.  
  4651. .mdi-maps-local-bar:before {
  4652. content: "\e87a"; }
  4653.  
  4654. .mdi-maps-local-cafe:before {
  4655. content: "\e87b"; }
  4656.  
  4657. .mdi-maps-local-car-wash:before {
  4658. content: "\e87c"; }
  4659.  
  4660. .mdi-maps-local-convenience-store:before {
  4661. content: "\e87d"; }
  4662.  
  4663. .mdi-maps-local-drink:before {
  4664. content: "\e87e"; }
  4665.  
  4666. .mdi-maps-local-florist:before {
  4667. content: "\e87f"; }
  4668.  
  4669. .mdi-maps-local-gas-station:before {
  4670. content: "\e880"; }
  4671.  
  4672. .mdi-maps-local-grocery-store:before {
  4673. content: "\e881"; }
  4674.  
  4675. .mdi-maps-local-hospital:before {
  4676. content: "\e882"; }
  4677.  
  4678. .mdi-maps-local-hotel:before {
  4679. content: "\e883"; }
  4680.  
  4681. .mdi-maps-local-laundry-service:before {
  4682. content: "\e884"; }
  4683.  
  4684. .mdi-maps-local-library:before {
  4685. content: "\e885"; }
  4686.  
  4687. .mdi-maps-local-mall:before {
  4688. content: "\e886"; }
  4689.  
  4690. .mdi-maps-local-movies:before {
  4691. content: "\e887"; }
  4692.  
  4693. .mdi-maps-local-offer:before {
  4694. content: "\e888"; }
  4695.  
  4696. .mdi-maps-local-parking:before {
  4697. content: "\e889"; }
  4698.  
  4699. .mdi-maps-local-pharmacy:before {
  4700. content: "\e88a"; }
  4701.  
  4702. .mdi-maps-local-phone:before {
  4703. content: "\e88b"; }
  4704.  
  4705. .mdi-maps-local-pizza:before {
  4706. content: "\e88c"; }
  4707.  
  4708. .mdi-maps-local-play:before {
  4709. content: "\e88d"; }
  4710.  
  4711. .mdi-maps-local-post-office:before {
  4712. content: "\e88e"; }
  4713.  
  4714. .mdi-maps-local-print-shop:before {
  4715. content: "\e88f"; }
  4716.  
  4717. .mdi-maps-local-restaurant:before {
  4718. content: "\e890"; }
  4719.  
  4720. .mdi-maps-local-see:before {
  4721. content: "\e891"; }
  4722.  
  4723. .mdi-maps-local-shipping:before {
  4724. content: "\e892"; }
  4725.  
  4726. .mdi-maps-local-taxi:before {
  4727. content: "\e893"; }
  4728.  
  4729. .mdi-maps-location-history:before {
  4730. content: "\e894"; }
  4731.  
  4732. .mdi-maps-map:before {
  4733. content: "\e895"; }
  4734.  
  4735. .mdi-maps-my-location:before {
  4736. content: "\e896"; }
  4737.  
  4738. .mdi-maps-navigation:before {
  4739. content: "\e897"; }
  4740.  
  4741. .mdi-maps-pin-drop:before {
  4742. content: "\e898"; }
  4743.  
  4744. .mdi-maps-place:before {
  4745. content: "\e899"; }
  4746.  
  4747. .mdi-maps-rate-review:before {
  4748. content: "\e89a"; }
  4749.  
  4750. .mdi-maps-restaurant-menu:before {
  4751. content: "\e89b"; }
  4752.  
  4753. .mdi-maps-satellite:before {
  4754. content: "\e89c"; }
  4755.  
  4756. .mdi-maps-store-mall-directory:before {
  4757. content: "\e89d"; }
  4758.  
  4759. .mdi-maps-terrain:before {
  4760. content: "\e89e"; }
  4761.  
  4762. .mdi-maps-traffic:before {
  4763. content: "\e89f"; }
  4764.  
  4765. .mdi-navigation-apps:before {
  4766. content: "\e8a0"; }
  4767.  
  4768. .mdi-navigation-arrow-back:before {
  4769. content: "\e8a1"; }
  4770.  
  4771. .mdi-navigation-arrow-drop-down-circle:before {
  4772. content: "\e8a2"; }
  4773.  
  4774. .mdi-navigation-arrow-drop-down:before {
  4775. content: "\e8a3"; }
  4776.  
  4777. .mdi-navigation-arrow-drop-up:before {
  4778. content: "\e8a4"; }
  4779.  
  4780. .mdi-navigation-arrow-forward:before {
  4781. content: "\e8a5"; }
  4782.  
  4783. .mdi-navigation-cancel:before {
  4784. content: "\e8a6"; }
  4785.  
  4786. .mdi-navigation-check:before {
  4787. content: "\e8a7"; }
  4788.  
  4789. .mdi-navigation-chevron-left:before {
  4790. content: "\e8a8"; }
  4791.  
  4792. .mdi-navigation-chevron-right:before {
  4793. content: "\e8a9"; }
  4794.  
  4795. .mdi-navigation-close:before {
  4796. content: "\e8aa"; }
  4797.  
  4798. .mdi-navigation-expand-less:before {
  4799. content: "\e8ab"; }
  4800.  
  4801. .mdi-navigation-expand-more:before {
  4802. content: "\e8ac"; }
  4803.  
  4804. .mdi-navigation-fullscreen-exit:before {
  4805. content: "\e8ad"; }
  4806.  
  4807. .mdi-navigation-fullscreen:before {
  4808. content: "\e8ae"; }
  4809.  
  4810. .mdi-navigation-menu:before {
  4811. content: "\e8af"; }
  4812.  
  4813. .mdi-navigation-more-horiz:before {
  4814. content: "\e8b0"; }
  4815.  
  4816. .mdi-navigation-more-vert:before {
  4817. content: "\e8b1"; }
  4818.  
  4819. .mdi-navigation-refresh:before {
  4820. content: "\e8b2"; }
  4821.  
  4822. .mdi-navigation-unfold-less:before {
  4823. content: "\e8b3"; }
  4824.  
  4825. .mdi-navigation-unfold-more:before {
  4826. content: "\e8b4"; }
  4827.  
  4828. .mdi-notification-adb:before {
  4829. content: "\e8b5"; }
  4830.  
  4831. .mdi-notification-bluetooth-audio:before {
  4832. content: "\e8b6"; }
  4833.  
  4834. .mdi-notification-disc-full:before {
  4835. content: "\e8b7"; }
  4836.  
  4837. .mdi-notification-dnd-forwardslash:before {
  4838. content: "\e8b8"; }
  4839.  
  4840. .mdi-notification-do-not-disturb:before {
  4841. content: "\e8b9"; }
  4842.  
  4843. .mdi-notification-drive-eta:before {
  4844. content: "\e8ba"; }
  4845.  
  4846. .mdi-notification-event-available:before {
  4847. content: "\e8bb"; }
  4848.  
  4849. .mdi-notification-event-busy:before {
  4850. content: "\e8bc"; }
  4851.  
  4852. .mdi-notification-event-note:before {
  4853. content: "\e8bd"; }
  4854.  
  4855. .mdi-notification-folder-special:before {
  4856. content: "\e8be"; }
  4857.  
  4858. .mdi-notification-mms:before {
  4859. content: "\e8bf"; }
  4860.  
  4861. .mdi-notification-more:before {
  4862. content: "\e8c0"; }
  4863.  
  4864. .mdi-notification-network-locked:before {
  4865. content: "\e8c1"; }
  4866.  
  4867. .mdi-notification-phone-bluetooth-speaker:before {
  4868. content: "\e8c2"; }
  4869.  
  4870. .mdi-notification-phone-forwarded:before {
  4871. content: "\e8c3"; }
  4872.  
  4873. .mdi-notification-phone-in-talk:before {
  4874. content: "\e8c4"; }
  4875.  
  4876. .mdi-notification-phone-locked:before {
  4877. content: "\e8c5"; }
  4878.  
  4879. .mdi-notification-phone-missed:before {
  4880. content: "\e8c6"; }
  4881.  
  4882. .mdi-notification-phone-paused:before {
  4883. content: "\e8c7"; }
  4884.  
  4885. .mdi-notification-play-download:before {
  4886. content: "\e8c8"; }
  4887.  
  4888. .mdi-notification-play-install:before {
  4889. content: "\e8c9"; }
  4890.  
  4891. .mdi-notification-sd-card:before {
  4892. content: "\e8ca"; }
  4893.  
  4894. .mdi-notification-sim-card-alert:before {
  4895. content: "\e8cb"; }
  4896.  
  4897. .mdi-notification-sms-failed:before {
  4898. content: "\e8cc"; }
  4899.  
  4900. .mdi-notification-sms:before {
  4901. content: "\e8cd"; }
  4902.  
  4903. .mdi-notification-sync-disabled:before {
  4904. content: "\e8ce"; }
  4905.  
  4906. .mdi-notification-sync-problem:before {
  4907. content: "\e8cf"; }
  4908.  
  4909. .mdi-notification-sync:before {
  4910. content: "\e8d0"; }
  4911.  
  4912. .mdi-notification-system-update:before {
  4913. content: "\e8d1"; }
  4914.  
  4915. .mdi-notification-tap-and-play:before {
  4916. content: "\e8d2"; }
  4917.  
  4918. .mdi-notification-time-to-leave:before {
  4919. content: "\e8d3"; }
  4920.  
  4921. .mdi-notification-vibration:before {
  4922. content: "\e8d4"; }
  4923.  
  4924. .mdi-notification-voice-chat:before {
  4925. content: "\e8d5"; }
  4926.  
  4927. .mdi-notification-vpn-lock:before {
  4928. content: "\e8d6"; }
  4929.  
  4930. .mdi-social-cake:before {
  4931. content: "\e8d7"; }
  4932.  
  4933. .mdi-social-domain:before {
  4934. content: "\e8d8"; }
  4935.  
  4936. .mdi-social-group-add:before {
  4937. content: "\e8d9"; }
  4938.  
  4939. .mdi-social-group:before {
  4940. content: "\e8da"; }
  4941.  
  4942. .mdi-social-location-city:before {
  4943. content: "\e8db"; }
  4944.  
  4945. .mdi-social-mood:before {
  4946. content: "\e8dc"; }
  4947.  
  4948. .mdi-social-notifications-none:before {
  4949. content: "\e8dd"; }
  4950.  
  4951. .mdi-social-notifications-off:before {
  4952. content: "\e8de"; }
  4953.  
  4954. .mdi-social-notifications-on:before {
  4955. content: "\e8df"; }
  4956.  
  4957. .mdi-social-notifications-paused:before {
  4958. content: "\e8e0"; }
  4959.  
  4960. .mdi-social-notifications:before {
  4961. content: "\e8e1"; }
  4962.  
  4963. .mdi-social-pages:before {
  4964. content: "\e8e2"; }
  4965.  
  4966. .mdi-social-party-mode:before {
  4967. content: "\e8e3"; }
  4968.  
  4969. .mdi-social-people-outline:before {
  4970. content: "\e8e4"; }
  4971.  
  4972. .mdi-social-people:before {
  4973. content: "\e8e5"; }
  4974.  
  4975. .mdi-social-person-add:before {
  4976. content: "\e8e6"; }
  4977.  
  4978. .mdi-social-person-outline:before {
  4979. content: "\e8e7"; }
  4980.  
  4981. .mdi-social-person:before {
  4982. content: "\e8e8"; }
  4983.  
  4984. .mdi-social-plus-one:before {
  4985. content: "\e8e9"; }
  4986.  
  4987. .mdi-social-poll:before {
  4988. content: "\e8ea"; }
  4989.  
  4990. .mdi-social-public:before {
  4991. content: "\e8eb"; }
  4992.  
  4993. .mdi-social-school:before {
  4994. content: "\e8ec"; }
  4995.  
  4996. .mdi-social-share:before {
  4997. content: "\e8ed"; }
  4998.  
  4999. .mdi-social-whatshot:before {
  5000. content: "\e8ee"; }
  5001.  
  5002. .mdi-toggle-check-box-outline-blank:before {
  5003. content: "\e8ef"; }
  5004.  
  5005. .mdi-toggle-check-box:before {
  5006. content: "\e8f0"; }
  5007.  
  5008. .mdi-toggle-radio-button-off:before {
  5009. content: "\e8f1"; }
  5010.  
  5011. .mdi-toggle-radio-button-on:before {
  5012. content: "\e8f2"; }
  5013.  
  5014. .mdi-toggle-star-half:before {
  5015. content: "\e8f3"; }
  5016.  
  5017. .mdi-toggle-star-outline:before {
  5018. content: "\e8f4"; }
  5019.  
  5020. .mdi-toggle-star:before {
  5021. content: "\e8f5"; }
  5022.  
  5023. .container {
  5024. margin: 0 auto;
  5025. max-width: 1280px;
  5026. width: 90%; }
  5027.  
  5028. @media only screen and (min-width : 601px) {
  5029. .container {
  5030. width: 85%; } }
  5031.  
  5032. @media only screen and (min-width : 993px) {
  5033. .container {
  5034. width: 70%; } }
  5035.  
  5036. .container .row {
  5037. margin-left: -0.75rem;
  5038. margin-right: -0.75rem; }
  5039.  
  5040. .section {
  5041. padding-top: 1rem;
  5042. padding-bottom: 1rem; }
  5043. .section.no-pad {
  5044. padding: 0; }
  5045. .section.no-pad-bot {
  5046. padding-bottom: 0; }
  5047. .section.no-pad-top {
  5048. padding-top: 0; }
  5049.  
  5050. .row {
  5051. margin-left: auto;
  5052. margin-right: auto;
  5053. margin-bottom: 20px; }
  5054. .row:after {
  5055. content: "";
  5056. display: table;
  5057. clear: both; }
  5058. .row .col {
  5059. float: left;
  5060. -webkit-box-sizing: border-box;
  5061. -moz-box-sizing: border-box;
  5062. box-sizing: border-box;
  5063. padding: 0 0.75rem; }
  5064. .row .col.s1 {
  5065. width: 8.33333%;
  5066. margin-left: 0; }
  5067. .row .col.s2 {
  5068. width: 16.66667%;
  5069. margin-left: 0; }
  5070. .row .col.s3 {
  5071. width: 25%;
  5072. margin-left: 0; }
  5073. .row .col.s4 {
  5074. width: 33.33333%;
  5075. margin-left: 0; }
  5076. .row .col.s5 {
  5077. width: 41.66667%;
  5078. margin-left: 0; }
  5079. .row .col.s6 {
  5080. width: 50%;
  5081. margin-left: 0; }
  5082. .row .col.s7 {
  5083. width: 58.33333%;
  5084. margin-left: 0; }
  5085. .row .col.s8 {
  5086. width: 66.66667%;
  5087. margin-left: 0; }
  5088. .row .col.s9 {
  5089. width: 75%;
  5090. margin-left: 0; }
  5091. .row .col.s10 {
  5092. width: 83.33333%;
  5093. margin-left: 0; }
  5094. .row .col.s11 {
  5095. width: 91.66667%;
  5096. margin-left: 0; }
  5097. .row .col.s12 {
  5098. width: 100%;
  5099. margin-left: 0; }
  5100. .row .col.offset-s1 {
  5101. margin-left: 8.33333%; }
  5102. .row .col.offset-s2 {
  5103. margin-left: 16.66667%; }
  5104. .row .col.offset-s3 {
  5105. margin-left: 25%; }
  5106. .row .col.offset-s4 {
  5107. margin-left: 33.33333%; }
  5108. .row .col.offset-s5 {
  5109. margin-left: 41.66667%; }
  5110. .row .col.offset-s6 {
  5111. margin-left: 50%; }
  5112. .row .col.offset-s7 {
  5113. margin-left: 58.33333%; }
  5114. .row .col.offset-s8 {
  5115. margin-left: 66.66667%; }
  5116. .row .col.offset-s9 {
  5117. margin-left: 75%; }
  5118. .row .col.offset-s10 {
  5119. margin-left: 83.33333%; }
  5120. .row .col.offset-s11 {
  5121. margin-left: 91.66667%; }
  5122. .row .col.offset-s12 {
  5123. margin-left: 100%; }
  5124. @media only screen and (min-width : 601px) {
  5125. .row .col.m1 {
  5126. width: 8.33333%;
  5127. margin-left: 0; }
  5128. .row .col.m2 {
  5129. width: 16.66667%;
  5130. margin-left: 0; }
  5131. .row .col.m3 {
  5132. width: 25%;
  5133. margin-left: 0; }
  5134. .row .col.m4 {
  5135. width: 33.33333%;
  5136. margin-left: 0; }
  5137. .row .col.m5 {
  5138. width: 41.66667%;
  5139. margin-left: 0; }
  5140. .row .col.m6 {
  5141. width: 50%;
  5142. margin-left: 0; }
  5143. .row .col.m7 {
  5144. width: 58.33333%;
  5145. margin-left: 0; }
  5146. .row .col.m8 {
  5147. width: 66.66667%;
  5148. margin-left: 0; }
  5149. .row .col.m9 {
  5150. width: 75%;
  5151. margin-left: 0; }
  5152. .row .col.m10 {
  5153. width: 83.33333%;
  5154. margin-left: 0; }
  5155. .row .col.m11 {
  5156. width: 91.66667%;
  5157. margin-left: 0; }
  5158. .row .col.m12 {
  5159. width: 100%;
  5160. margin-left: 0; }
  5161. .row .col.offset-m1 {
  5162. margin-left: 8.33333%; }
  5163. .row .col.offset-m2 {
  5164. margin-left: 16.66667%; }
  5165. .row .col.offset-m3 {
  5166. margin-left: 25%; }
  5167. .row .col.offset-m4 {
  5168. margin-left: 33.33333%; }
  5169. .row .col.offset-m5 {
  5170. margin-left: 41.66667%; }
  5171. .row .col.offset-m6 {
  5172. margin-left: 50%; }
  5173. .row .col.offset-m7 {
  5174. margin-left: 58.33333%; }
  5175. .row .col.offset-m8 {
  5176. margin-left: 66.66667%; }
  5177. .row .col.offset-m9 {
  5178. margin-left: 75%; }
  5179. .row .col.offset-m10 {
  5180. margin-left: 83.33333%; }
  5181. .row .col.offset-m11 {
  5182. margin-left: 91.66667%; }
  5183. .row .col.offset-m12 {
  5184. margin-left: 100%; } }
  5185. @media only screen and (min-width : 993px) {
  5186. .row .col.l1 {
  5187. width: 8.33333%;
  5188. margin-left: 0; }
  5189. .row .col.l2 {
  5190. width: 16.66667%;
  5191. margin-left: 0; }
  5192. .row .col.l3 {
  5193. width: 25%;
  5194. margin-left: 0; }
  5195. .row .col.l4 {
  5196. width: 33.33333%;
  5197. margin-left: 0; }
  5198. .row .col.l5 {
  5199. width: 41.66667%;
  5200. margin-left: 0; }
  5201. .row .col.l6 {
  5202. width: 50%;
  5203. margin-left: 0; }
  5204. .row .col.l7 {
  5205. width: 58.33333%;
  5206. margin-left: 0; }
  5207. .row .col.l8 {
  5208. width: 66.66667%;
  5209. margin-left: 0; }
  5210. .row .col.l9 {
  5211. width: 75%;
  5212. margin-left: 0; }
  5213. .row .col.l10 {
  5214. width: 83.33333%;
  5215. margin-left: 0; }
  5216. .row .col.l11 {
  5217. width: 91.66667%;
  5218. margin-left: 0; }
  5219. .row .col.l12 {
  5220. width: 100%;
  5221. margin-left: 0; }
  5222. .row .col.offset-l1 {
  5223. margin-left: 8.33333%; }
  5224. .row .col.offset-l2 {
  5225. margin-left: 16.66667%; }
  5226. .row .col.offset-l3 {
  5227. margin-left: 25%; }
  5228. .row .col.offset-l4 {
  5229. margin-left: 33.33333%; }
  5230. .row .col.offset-l5 {
  5231. margin-left: 41.66667%; }
  5232. .row .col.offset-l6 {
  5233. margin-left: 50%; }
  5234. .row .col.offset-l7 {
  5235. margin-left: 58.33333%; }
  5236. .row .col.offset-l8 {
  5237. margin-left: 66.66667%; }
  5238. .row .col.offset-l9 {
  5239. margin-left: 75%; }
  5240. .row .col.offset-l10 {
  5241. margin-left: 83.33333%; }
  5242. .row .col.offset-l11 {
  5243. margin-left: 91.66667%; }
  5244. .row .col.offset-l12 {
  5245. margin-left: 100%; } }
  5246.  
  5247. nav {
  5248. color: #fff;
  5249. background-color: #ee6e73;
  5250. width: 100%;
  5251. height: 56px;
  5252. line-height: 56px; }
  5253. nav a {
  5254. color: #fff; }
  5255. nav .nav-wrapper {
  5256. position: relative;
  5257. height: 100%; }
  5258. nav .nav-wrapper i {
  5259. display: block;
  5260. font-size: 2rem; }
  5261. @media only screen and (min-width : 993px) {
  5262. nav a.button-collapse {
  5263. display: none; } }
  5264. nav .button-collapse {
  5265. float: left;
  5266. position: relative;
  5267. z-index: 1;
  5268. height: 56px; }
  5269. nav .button-collapse i {
  5270. font-size: 2.7rem;
  5271. height: 56px;
  5272. line-height: 56px; }
  5273. nav .brand-logo {
  5274. position: absolute;
  5275. color: #fff;
  5276. display: inline-block;
  5277. font-size: 2.1rem;
  5278. padding: 0;
  5279. white-space: nowrap; }
  5280. nav .brand-logo.center {
  5281. left: 50%;
  5282. -webkit-transform: translateX(-50%);
  5283. -moz-transform: translateX(-50%);
  5284. -ms-transform: translateX(-50%);
  5285. -o-transform: translateX(-50%);
  5286. transform: translateX(-50%); }
  5287. @media only screen and (max-width : 992px) {
  5288. nav .brand-logo {
  5289. left: 50%;
  5290. -webkit-transform: translateX(-50%);
  5291. -moz-transform: translateX(-50%);
  5292. -ms-transform: translateX(-50%);
  5293. -o-transform: translateX(-50%);
  5294. transform: translateX(-50%); } }
  5295. nav .brand-logo.right {
  5296. right: 0.5rem;
  5297. padding: 0; }
  5298. nav ul {
  5299. margin: 0; }
  5300. nav ul li {
  5301. -webkit-transition: background-color .3s;
  5302. -moz-transition: background-color .3s;
  5303. -o-transition: background-color .3s;
  5304. -ms-transition: background-color .3s;
  5305. transition: background-color .3s;
  5306. float: left;
  5307. padding: 0; }
  5308. nav ul li:hover, nav ul li.active {
  5309. background-color: rgba(0, 0, 0, 0.1); }
  5310. nav ul a {
  5311. font-size: 1rem;
  5312. color: #fff;
  5313. display: block;
  5314. padding: 0 15px; }
  5315. nav ul.left {
  5316. float: left; }
  5317. nav .input-field {
  5318. margin: 0; }
  5319. nav .input-field input {
  5320. height: 100%;
  5321. font-size: 1.2rem;
  5322. border: none;
  5323. padding-left: 2rem; }
  5324. nav .input-field input:focus, nav .input-field input[type=text]:valid, nav .input-field input[type=password]:valid, nav .input-field input[type=email]:valid, nav .input-field input[type=url]:valid, nav .input-field input[type=date]:valid {
  5325. border: none;
  5326. box-shadow: none; }
  5327. nav .input-field label {
  5328. top: 0;
  5329. left: 0; }
  5330. nav .input-field label i {
  5331. color: rgba(255, 255, 255, 0.7);
  5332. -webkit-transition: color .3s;
  5333. -moz-transition: color .3s;
  5334. -o-transition: color .3s;
  5335. -ms-transition: color .3s;
  5336. transition: color .3s; }
  5337. nav .input-field label.active i {
  5338. color: #fff; }
  5339. nav .input-field label.active {
  5340. -webkit-transform: translateY(0);
  5341. -moz-transform: translateY(0);
  5342. -ms-transform: translateY(0);
  5343. -o-transform: translateY(0);
  5344. transform: translateY(0); }
  5345.  
  5346. .navbar-fixed {
  5347. position: relative;
  5348. height: 56px;
  5349. z-index: 998; }
  5350. .navbar-fixed nav {
  5351. position: fixed; }
  5352.  
  5353. @media only screen and (min-width : 601px) {
  5354. nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
  5355. height: 64px;
  5356. line-height: 64px; }
  5357. .navbar-fixed {
  5358. height: 64px; } }
  5359.  
  5360. @font-face {
  5361. font-family: "Roboto";
  5362. src: url("../font/roboto/Roboto-Thin.woff2") format("woff2"), url("../font/roboto/Roboto-Thin.woff") format("woff"), url("../font/roboto/Roboto-Thin.ttf") format("truetype");
  5363. font-weight: 200; }
  5364.  
  5365. @font-face {
  5366. font-family: "Roboto";
  5367. src: url("../font/roboto/Roboto-Light.woff2") format("woff2"), url("../font/roboto/Roboto-Light.woff") format("woff"), url("../font/roboto/Roboto-Light.ttf") format("truetype");
  5368. font-weight: 300; }
  5369.  
  5370. @font-face {
  5371. font-family: "Roboto";
  5372. src: url("../font/roboto/Roboto-Regular.woff2") format("woff2"), url("../font/roboto/Roboto-Regular.woff") format("woff"), url("../font/roboto/Roboto-Regular.ttf") format("truetype");
  5373. font-weight: 400; }
  5374.  
  5375. @font-face {
  5376. font-family: "Roboto";
  5377. src: url("../font/roboto/Roboto-Medium.woff2") format("woff2"), url("../font/roboto/Roboto-Medium.woff") format("woff"), url("../font/roboto/Roboto-Medium.ttf") format("truetype");
  5378. font-weight: 500; }
  5379.  
  5380. @font-face {
  5381. font-family: "Roboto";
  5382. src: url("../font/roboto/Roboto-Bold.woff2") format("woff2"), url("../font/roboto/Roboto-Bold.woff") format("woff"), url("../font/roboto/Roboto-Bold.ttf") format("truetype");
  5383. font-weight: 700; }
  5384.  
  5385. a {
  5386. text-decoration: none; }
  5387.  
  5388. html {
  5389. line-height: 1.5;
  5390. font-family: "Roboto", sans-serif;
  5391. font-weight: normal;
  5392. color: rgba(0, 0, 0, 0.87); }
  5393. @media only screen and (min-width: 0) {
  5394. html {
  5395. font-size: 14px; } }
  5396. @media only screen and (min-width: 992px) {
  5397. html {
  5398. font-size: 14.5px; } }
  5399. @media only screen and (min-width: 1200px) {
  5400. html {
  5401. font-size: 15px; } }
  5402.  
  5403. h1, h2, h3, h4, h5, h6 {
  5404. font-weight: 400;
  5405. line-height: 1.1; }
  5406.  
  5407. h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  5408. font-weight: inherit; }
  5409.  
  5410. h1 {
  5411. font-size: 4.2rem;
  5412. line-height: 110%;
  5413. margin: 2.1rem 0 1.68rem 0; }
  5414.  
  5415. h2 {
  5416. font-size: 3.56rem;
  5417. line-height: 110%;
  5418. margin: 1.78rem 0 1.424rem 0; }
  5419.  
  5420. h3 {
  5421. font-size: 2.92rem;
  5422. line-height: 110%;
  5423. margin: 1.46rem 0 1.168rem 0; }
  5424.  
  5425. h4 {
  5426. font-size: 2.28rem;
  5427. line-height: 110%;
  5428. margin: 1.14rem 0 0.912rem 0; }
  5429.  
  5430. h5 {
  5431. font-size: 1.64rem;
  5432. line-height: 110%;
  5433. margin: 0.82rem 0 0.656rem 0; }
  5434.  
  5435. h6 {
  5436. font-size: 1rem;
  5437. line-height: 110%;
  5438. margin: 0.5rem 0 0.4rem 0; }
  5439.  
  5440. em {
  5441. font-style: italic; }
  5442.  
  5443. strong {
  5444. font-weight: 500; }
  5445.  
  5446. small {
  5447. font-size: 75%; }
  5448.  
  5449. .light, footer.page-footer .footer-copyright {
  5450. font-weight: 300; }
  5451.  
  5452. .thin {
  5453. font-weight: 200; }
  5454.  
  5455. .flow-text {
  5456. font-weight: 300; }
  5457. @media only screen and (min-width: 360px) {
  5458. .flow-text {
  5459. font-size: 1.2rem; } }
  5460. @media only screen and (min-width: 390px) {
  5461. .flow-text {
  5462. font-size: 1.224rem; } }
  5463. @media only screen and (min-width: 420px) {
  5464. .flow-text {
  5465. font-size: 1.248rem; } }
  5466. @media only screen and (min-width: 450px) {
  5467. .flow-text {
  5468. font-size: 1.272rem; } }
  5469. @media only screen and (min-width: 480px) {
  5470. .flow-text {
  5471. font-size: 1.296rem; } }
  5472. @media only screen and (min-width: 510px) {
  5473. .flow-text {
  5474. font-size: 1.32rem; } }
  5475. @media only screen and (min-width: 540px) {
  5476. .flow-text {
  5477. font-size: 1.344rem; } }
  5478. @media only screen and (min-width: 570px) {
  5479. .flow-text {
  5480. font-size: 1.368rem; } }
  5481. @media only screen and (min-width: 600px) {
  5482. .flow-text {
  5483. font-size: 1.392rem; } }
  5484. @media only screen and (min-width: 630px) {
  5485. .flow-text {
  5486. font-size: 1.416rem; } }
  5487. @media only screen and (min-width: 660px) {
  5488. .flow-text {
  5489. font-size: 1.44rem; } }
  5490. @media only screen and (min-width: 690px) {
  5491. .flow-text {
  5492. font-size: 1.464rem; } }
  5493. @media only screen and (min-width: 720px) {
  5494. .flow-text {
  5495. font-size: 1.488rem; } }
  5496. @media only screen and (min-width: 750px) {
  5497. .flow-text {
  5498. font-size: 1.512rem; } }
  5499. @media only screen and (min-width: 780px) {
  5500. .flow-text {
  5501. font-size: 1.536rem; } }
  5502. @media only screen and (min-width: 810px) {
  5503. .flow-text {
  5504. font-size: 1.56rem; } }
  5505. @media only screen and (min-width: 840px) {
  5506. .flow-text {
  5507. font-size: 1.584rem; } }
  5508. @media only screen and (min-width: 870px) {
  5509. .flow-text {
  5510. font-size: 1.608rem; } }
  5511. @media only screen and (min-width: 900px) {
  5512. .flow-text {
  5513. font-size: 1.632rem; } }
  5514. @media only screen and (min-width: 930px) {
  5515. .flow-text {
  5516. font-size: 1.656rem; } }
  5517. @media only screen and (min-width: 960px) {
  5518. .flow-text {
  5519. font-size: 1.68rem; } }
  5520. @media only screen and (max-width: 360px) {
  5521. .flow-text {
  5522. font-size: 1.2rem; } }
  5523.  
  5524. .card-panel {
  5525. transition: box-shadow .25s;
  5526. padding: 20px;
  5527. margin: 0.5rem 0 1rem 0;
  5528. border-radius: 2px;
  5529. background-color: #fff; }
  5530.  
  5531. .card {
  5532. position: relative;
  5533. overflow: hidden;
  5534. margin: 0.5rem 0 1rem 0;
  5535. background-color: #fff;
  5536. transition: box-shadow .25s;
  5537. border-radius: 2px; }
  5538. .card .card-title {
  5539. color: #fff;
  5540. font-size: 24px;
  5541. font-weight: 300; }
  5542. .card .card-title.activator {
  5543. cursor: pointer; }
  5544. .card.small, .card.medium, .card.large {
  5545. position: relative; }
  5546. .card.small .card-image, .card.medium .card-image, .card.large .card-image {
  5547. overflow: hidden; }
  5548. .card.small .card-content, .card.medium .card-content, .card.large .card-content {
  5549. overflow: hidden; }
  5550. .card.small .card-action, .card.medium .card-action, .card.large .card-action {
  5551. position: absolute;
  5552. bottom: 0;
  5553. left: 0;
  5554. right: 0; }
  5555. .card.small {
  5556. height: 300px; }
  5557. .card.small .card-image {
  5558. height: 150px; }
  5559. .card.small .card-content {
  5560. height: 150px; }
  5561. .card.medium {
  5562. height: 400px; }
  5563. .card.medium .card-image {
  5564. height: 250px; }
  5565. .card.medium .card-content {
  5566. height: 150px; }
  5567. .card.large {
  5568. height: 500px; }
  5569. .card.large .card-image {
  5570. height: 330px; }
  5571. .card.large .card-content {
  5572. height: 170px; }
  5573. .card .card-image {
  5574. position: relative; }
  5575. .card .card-image img {
  5576. border-radius: 2px 2px 0 0;
  5577. position: relative;
  5578. left: 0;
  5579. right: 0;
  5580. top: 0;
  5581. bottom: 0;
  5582. width: 100%; }
  5583. .card .card-image .card-title {
  5584. position: absolute;
  5585. bottom: 0;
  5586. left: 0;
  5587. padding: 20px; }
  5588. .card .card-content {
  5589. padding: 20px;
  5590. border-radius: 0 0 2px 2px; }
  5591. .card .card-content p {
  5592. margin: 0;
  5593. color: inherit; }
  5594. .card .card-content .card-title {
  5595. line-height: 48px; }
  5596. .card .card-action {
  5597. border-top: 1px solid rgba(160, 160, 160, 0.2);
  5598. padding: 20px; }
  5599. .card .card-action a {
  5600. color: #ffab40;
  5601. margin-right: 20px;
  5602. -webkit-transition: color .3s ease;
  5603. -moz-transition: color .3s ease;
  5604. -o-transition: color .3s ease;
  5605. -ms-transition: color .3s ease;
  5606. transition: color .3s ease;
  5607. text-transform: uppercase; }
  5608. .card .card-action a:hover {
  5609. color: #ffd8a6; }
  5610. .card .card-reveal {
  5611. padding: 20px;
  5612. position: absolute;
  5613. background-color: #fff;
  5614. width: 100%;
  5615. overflow-y: auto;
  5616. top: 100%;
  5617. height: 100%;
  5618. z-index: 1;
  5619. display: none; }
  5620. .card .card-reveal .card-title {
  5621. cursor: pointer;
  5622. display: block; }
  5623.  
  5624. #toast-container {
  5625. display: block;
  5626. position: fixed;
  5627. z-index: 1001; }
  5628. @media only screen and (max-width : 600px) {
  5629. #toast-container {
  5630. min-width: 100%;
  5631. bottom: 0%; } }
  5632. @media only screen and (min-width : 601px) and (max-width : 992px) {
  5633. #toast-container {
  5634. min-width: 30%;
  5635. left: 5%;
  5636. bottom: 7%; } }
  5637. @media only screen and (min-width : 993px) {
  5638. #toast-container {
  5639. min-width: 8%;
  5640. top: 10%;
  5641. right: 7%; } }
  5642.  
  5643. .toast {
  5644. border-radius: 2px;
  5645. top: 0;
  5646. width: auto;
  5647. clear: both;
  5648. margin-top: 10px;
  5649. position: relative;
  5650. max-width: 100%;
  5651. height: 48px;
  5652. line-height: 48px;
  5653. background-color: #323232;
  5654. padding: 0 25px;
  5655. font-size: 1.1rem;
  5656. font-weight: 300;
  5657. color: #fff;
  5658. display: -webkit-box;
  5659. display: -moz-box;
  5660. display: -ms-flexbox;
  5661. display: -webkit-flex;
  5662. display: flex;
  5663. -webkit-flex-align: center;
  5664. -ms-flex-align: center;
  5665. -webkit-align-items: center;
  5666. align-items: center;
  5667. -webkit-justify-content: space-between;
  5668. justify-content: space-between; }
  5669. .toast .btn, .toast .btn-large, .toast .btn-flat {
  5670. margin: 0;
  5671. margin-left: 3rem; }
  5672. .toast.rounded {
  5673. border-radius: 24px; }
  5674. @media only screen and (max-width : 600px) {
  5675. .toast {
  5676. width: 100%;
  5677. border-radius: 0; } }
  5678. @media only screen and (min-width : 601px) and (max-width : 992px) {
  5679. .toast {
  5680. float: left; } }
  5681. @media only screen and (min-width : 993px) {
  5682. .toast {
  5683. float: right; } }
  5684.  
  5685. .tabs {
  5686. position: relative;
  5687. height: 48px;
  5688. background-color: #fff;
  5689. margin: 0 auto;
  5690. width: 100%;
  5691. white-space: nowrap; }
  5692. .tabs .tab {
  5693. display: block;
  5694. float: left;
  5695. text-align: center;
  5696. line-height: 48px;
  5697. height: 48px;
  5698. padding: 0 20px;
  5699. margin: 0;
  5700. text-transform: uppercase;
  5701. letter-spacing: .8px;
  5702. width: 15%; }
  5703. .tabs .tab a {
  5704. color: #ee6e73;
  5705. display: block;
  5706. width: 100%;
  5707. height: 100%;
  5708. -webkit-transition: color .28s ease;
  5709. -moz-transition: color .28s ease;
  5710. -o-transition: color .28s ease;
  5711. -ms-transition: color .28s ease;
  5712. transition: color .28s ease; }
  5713. .tabs .tab a:hover {
  5714. color: #f9c9cb; }
  5715. .tabs .tab.disabled a {
  5716. color: #f9c9cb;
  5717. cursor: default; }
  5718. .tabs .indicator {
  5719. position: absolute;
  5720. bottom: 0;
  5721. height: 2px;
  5722. background-color: #f6b2b5;
  5723. will-change: left, right; }
  5724.  
  5725. .tabs .tab {
  5726. padding: 0; }
  5727.  
  5728. .material-tooltip {
  5729. padding: 10px 8px;
  5730. font-size: 1rem;
  5731. z-index: 2000;
  5732. background-color: transparent;
  5733. border-radius: 2px;
  5734. color: #fff;
  5735. min-height: 36px;
  5736. line-height: 1rem;
  5737. opacity: 0;
  5738. display: none;
  5739. position: absolute;
  5740. text-align: center;
  5741. overflow: hidden;
  5742. left: 0;
  5743. top: 0;
  5744. will-change: top, left; }
  5745.  
  5746. .backdrop {
  5747. position: absolute;
  5748. opacity: 0;
  5749. display: none;
  5750. height: 7px;
  5751. width: 14px;
  5752. border-radius: 0 0 14px 14px;
  5753. background-color: #323232;
  5754. z-index: -1;
  5755. -webkit-transform-origin: 50% 10%;
  5756. -moz-transform-origin: 50% 10%;
  5757. -ms-transform-origin: 50% 10%;
  5758. -o-transform-origin: 50% 10%;
  5759. transform-origin: 50% 10%;
  5760. will-change: transform, opacity; }
  5761.  
  5762. .btn, .btn-large, .btn-flat {
  5763. border: none;
  5764. border-radius: 2px;
  5765. display: inline-block;
  5766. height: 36px;
  5767. line-height: 36px;
  5768. outline: 0;
  5769. padding: 0 2rem;
  5770. text-transform: uppercase;
  5771. vertical-align: middle;
  5772. -webkit-tap-highlight-color: transparent; }
  5773.  
  5774. .btn.disabled, .disabled.btn-large, .btn-floating.disabled, .btn-large.disabled, .btn:disabled, .btn-large:disabled, .btn-large:disabled, .btn-floating:disabled {
  5775. background-color: #DFDFDF !important;
  5776. box-shadow: none;
  5777. color: #9F9F9F !important;
  5778. cursor: default; }
  5779. .btn.disabled *, .disabled.btn-large *, .btn-floating.disabled *, .btn-large.disabled *, .btn:disabled *, .btn-large:disabled *, .btn-large:disabled *, .btn-floating:disabled * {
  5780. pointer-events: none; }
  5781. .btn.disabled:hover, .disabled.btn-large:hover, .btn-floating.disabled:hover, .btn-large.disabled:hover, .btn:disabled:hover, .btn-large:disabled:hover, .btn-large:disabled:hover, .btn-floating:disabled:hover {
  5782. background-color: #DFDFDF;
  5783. color: #9F9F9F; }
  5784.  
  5785. .btn i, .btn-large i, .btn-floating i, .btn-large i, .btn-flat i {
  5786. font-size: 1.3rem;
  5787. line-height: inherit; }
  5788.  
  5789. .btn, .btn-large {
  5790. text-decoration: none;
  5791. color: #fff;
  5792. background-color: #26a69a;
  5793. text-align: center;
  5794. letter-spacing: .5px;
  5795. -webkit-transition: .2s ease-out;
  5796. -moz-transition: .2s ease-out;
  5797. -o-transition: .2s ease-out;
  5798. -ms-transition: .2s ease-out;
  5799. transition: .2s ease-out;
  5800. cursor: pointer; }
  5801. .btn:hover, .btn-large:hover {
  5802. background-color: #2bbbad; }
  5803.  
  5804. .btn-floating {
  5805. display: inline-block;
  5806. color: #fff;
  5807. position: relative;
  5808. overflow: hidden;
  5809. z-index: 1;
  5810. width: 37px;
  5811. height: 37px;
  5812. line-height: 37px;
  5813. padding: 0;
  5814. background-color: #26a69a;
  5815. border-radius: 50%;
  5816. transition: .3s;
  5817. cursor: pointer;
  5818. vertical-align: middle; }
  5819. .btn-floating i {
  5820. width: inherit;
  5821. display: inline-block;
  5822. text-align: center;
  5823. color: #fff;
  5824. font-size: 1.6rem;
  5825. line-height: 37px; }
  5826. .btn-floating:before {
  5827. border-radius: 0; }
  5828. .btn-floating.btn-large {
  5829. width: 55.5px;
  5830. height: 55.5px; }
  5831. .btn-floating.btn-large i {
  5832. line-height: 55.5px; }
  5833.  
  5834. button.btn-floating {
  5835. border: none; }
  5836.  
  5837. .fixed-action-btn {
  5838. position: fixed;
  5839. right: 23px;
  5840. bottom: 23px;
  5841. padding-top: 15px;
  5842. margin-bottom: 0;
  5843. z-index: 998; }
  5844. .fixed-action-btn ul {
  5845. left: 0;
  5846. right: 0;
  5847. text-align: center;
  5848. position: absolute;
  5849. bottom: 64px;
  5850. margin: 0; }
  5851. .fixed-action-btn ul li {
  5852. margin-bottom: 15px; }
  5853. .fixed-action-btn ul a.btn-floating {
  5854. opacity: 0; }
  5855.  
  5856. .btn-flat {
  5857. box-shadow: none;
  5858. background-color: transparent;
  5859. color: #343434;
  5860. cursor: pointer; }
  5861. .btn-flat.disabled {
  5862. color: #b3b3b3;
  5863. cursor: default; }
  5864.  
  5865. .btn-large {
  5866. height: 54px;
  5867. line-height: 56px; }
  5868. .btn-large i {
  5869. font-size: 1.6rem; }
  5870.  
  5871. .btn-block {
  5872. display: block; }
  5873.  
  5874. .dropdown-content {
  5875. background-color: #fff;
  5876. margin: 0;
  5877. display: none;
  5878. min-width: 100px;
  5879. max-height: 650px;
  5880. overflow-y: auto;
  5881. opacity: 0;
  5882. position: absolute;
  5883. z-index: 999;
  5884. will-change: width, height; }
  5885. .dropdown-content li {
  5886. clear: both;
  5887. color: rgba(0, 0, 0, 0.87);
  5888. cursor: pointer;
  5889. line-height: 1.5rem;
  5890. width: 100%;
  5891. text-align: left;
  5892. text-transform: none; }
  5893. .dropdown-content li:hover, .dropdown-content li.active {
  5894. background-color: #eee; }
  5895. .dropdown-content li > a, .dropdown-content li > span {
  5896. font-size: 1.2rem;
  5897. color: #26a69a;
  5898. display: block;
  5899. padding: 1rem 1rem; }
  5900. .dropdown-content li > a > i {
  5901. height: inherit;
  5902. line-height: inherit; }
  5903.  
  5904. /*!
  5905. * Waves v0.6.0
  5906. * http://fian.my.id/Waves
  5907. *
  5908. * Copyright 2014 Alfiana E. Sibuea and other contributors
  5909. * Released under the MIT license
  5910. * https://github.com/fians/Waves/blob/master/LICENSE
  5911. */
  5912. .waves-effect {
  5913. position: relative;
  5914. cursor: pointer;
  5915. display: inline-block;
  5916. overflow: hidden;
  5917. -webkit-user-select: none;
  5918. -moz-user-select: none;
  5919. -ms-user-select: none;
  5920. user-select: none;
  5921. -webkit-tap-highlight-color: transparent;
  5922. vertical-align: middle;
  5923. z-index: 1;
  5924. will-change: opacity, transform;
  5925. -webkit-transition: all .3s ease-out;
  5926. -moz-transition: all .3s ease-out;
  5927. -o-transition: all .3s ease-out;
  5928. -ms-transition: all .3s ease-out;
  5929. transition: all .3s ease-out; }
  5930. .waves-effect .waves-ripple {
  5931. position: absolute;
  5932. border-radius: 50%;
  5933. width: 20px;
  5934. height: 20px;
  5935. margin-top: -10px;
  5936. margin-left: -10px;
  5937. opacity: 0;
  5938. background: rgba(0, 0, 0, 0.2);
  5939. -webkit-transition: all 0.7s ease-out;
  5940. -moz-transition: all 0.7s ease-out;
  5941. -o-transition: all 0.7s ease-out;
  5942. -ms-transition: all 0.7s ease-out;
  5943. transition: all 0.7s ease-out;
  5944. -webkit-transition-property: -webkit-transform, opacity;
  5945. -moz-transition-property: -moz-transform, opacity;
  5946. -o-transition-property: -o-transform, opacity;
  5947. transition-property: transform, opacity;
  5948. -webkit-transform: scale(0);
  5949. -moz-transform: scale(0);
  5950. -ms-transform: scale(0);
  5951. -o-transform: scale(0);
  5952. transform: scale(0);
  5953. pointer-events: none; }
  5954. .waves-effect.waves-light .waves-ripple {
  5955. background-color: rgba(255, 255, 255, 0.45); }
  5956. .waves-effect.waves-red .waves-ripple {
  5957. background-color: rgba(244, 67, 54, 0.7); }
  5958. .waves-effect.waves-yellow .waves-ripple {
  5959. background-color: rgba(255, 235, 59, 0.7); }
  5960. .waves-effect.waves-orange .waves-ripple {
  5961. background-color: rgba(255, 152, 0, 0.7); }
  5962. .waves-effect.waves-purple .waves-ripple {
  5963. background-color: rgba(156, 39, 176, 0.7); }
  5964. .waves-effect.waves-green .waves-ripple {
  5965. background-color: rgba(76, 175, 80, 0.7); }
  5966. .waves-effect.waves-teal .waves-ripple {
  5967. background-color: rgba(0, 150, 136, 0.7); }
  5968.  
  5969. .waves-notransition {
  5970. -webkit-transition: none !important;
  5971. -moz-transition: none !important;
  5972. -o-transition: none !important;
  5973. -ms-transition: none !important;
  5974. transition: none !important; }
  5975.  
  5976. .waves-circle {
  5977. -webkit-transform: translateZ(0);
  5978. -moz-transform: translateZ(0);
  5979. -ms-transform: translateZ(0);
  5980. -o-transform: translateZ(0);
  5981. transform: translateZ(0);
  5982. -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); }
  5983.  
  5984. .waves-input-wrapper {
  5985. border-radius: 0.2em;
  5986. vertical-align: bottom; }
  5987. .waves-input-wrapper .waves-button-input {
  5988. position: relative;
  5989. top: 0;
  5990. left: 0;
  5991. z-index: 1; }
  5992.  
  5993. .waves-circle {
  5994. text-align: center;
  5995. width: 2.5em;
  5996. height: 2.5em;
  5997. line-height: 2.5em;
  5998. border-radius: 50%;
  5999. -webkit-mask-image: none; }
  6000.  
  6001. .waves-block {
  6002. display: block; }
  6003.  
  6004. /* Firefox Bug: link not triggered */
  6005. a.waves-effect .waves-ripple {
  6006. z-index: -1; }
  6007.  
  6008. .modal {
  6009. display: none;
  6010. position: fixed;
  6011. left: 0;
  6012. right: 0;
  6013. background-color: #fafafa;
  6014. padding: 0;
  6015. max-height: 70%;
  6016. width: 55%;
  6017. margin: auto;
  6018. overflow-y: auto;
  6019. border-radius: 2px;
  6020. will-change: top, opacity; }
  6021. @media only screen and (max-width : 992px) {
  6022. .modal {
  6023. width: 80%; } }
  6024. .modal h1, .modal h2, .modal h3, .modal h4 {
  6025. margin-top: 0; }
  6026. .modal .modal-content {
  6027. padding: 24px; }
  6028. .modal .modal-close {
  6029. cursor: pointer; }
  6030. .modal .modal-footer {
  6031. border-radius: 0 0 2px 2px;
  6032. background-color: #fafafa;
  6033. padding: 4px 6px;
  6034. height: 56px;
  6035. width: 100%; }
  6036. .modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-flat {
  6037. float: right;
  6038. margin: 6px 0; }
  6039.  
  6040. .lean-overlay {
  6041. position: fixed;
  6042. z-index: 999;
  6043. top: -100px;
  6044. left: 0;
  6045. bottom: 0;
  6046. right: 0;
  6047. height: 125%;
  6048. width: 100%;
  6049. background: #000;
  6050. display: none;
  6051. will-change: opacity; }
  6052.  
  6053. .modal.modal-fixed-footer {
  6054. padding: 0;
  6055. height: 70%; }
  6056. .modal.modal-fixed-footer .modal-content {
  6057. position: absolute;
  6058. height: calc(100% - 56px);
  6059. max-height: 100%;
  6060. width: 100%;
  6061. overflow-y: auto; }
  6062. .modal.modal-fixed-footer .modal-footer {
  6063. border-top: 1px solid rgba(0, 0, 0, 0.1);
  6064. position: absolute;
  6065. bottom: 0; }
  6066.  
  6067. .modal.bottom-sheet {
  6068. top: auto;
  6069. bottom: -100%;
  6070. margin: 0;
  6071. width: 100%;
  6072. max-height: 45%;
  6073. border-radius: 0;
  6074. will-change: bottom, opacity; }
  6075.  
  6076. .collapsible {
  6077. border-top: 1px solid #ddd;
  6078. border-right: 1px solid #ddd;
  6079. border-left: 1px solid #ddd;
  6080. margin: 0.5rem 0 1rem 0; }
  6081.  
  6082. .collapsible-header {
  6083. display: block;
  6084. cursor: pointer;
  6085. height: 3rem;
  6086. line-height: 3rem;
  6087. padding: 0 1rem;
  6088. background-color: #fff;
  6089. border-bottom: 1px solid #ddd; }
  6090. .collapsible-header i {
  6091. width: 2rem;
  6092. font-size: 1.6rem;
  6093. line-height: 3rem;
  6094. display: block;
  6095. float: left;
  6096. text-align: center;
  6097. margin-right: 1rem; }
  6098.  
  6099. .collapsible-body {
  6100. display: none;
  6101. border-bottom: 1px solid #ddd;
  6102. -webkit-box-sizing: border-box;
  6103. -moz-box-sizing: border-box;
  6104. box-sizing: border-box; }
  6105. .collapsible-body p {
  6106. margin: 0;
  6107. padding: 2rem; }
  6108.  
  6109. .side-nav .collapsible {
  6110. border: none;
  6111. box-shadow: none; }
  6112. .side-nav .collapsible li {
  6113. padding: 0; }
  6114. .side-nav .collapsible-header {
  6115. background-color: transparent;
  6116. border: none;
  6117. line-height: inherit;
  6118. height: inherit;
  6119. margin: 0 1rem; }
  6120. .side-nav .collapsible-header i {
  6121. line-height: inherit; }
  6122. .side-nav .collapsible-body {
  6123. border: 0;
  6124. background-color: #fff; }
  6125. .side-nav .collapsible-body li a {
  6126. margin: 0 1rem 0 2rem; }
  6127.  
  6128. .collapsible.popout {
  6129. border: none;
  6130. box-shadow: none; }
  6131. .collapsible.popout > li {
  6132. box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  6133. margin: 0 24px;
  6134. transition: margin .35s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  6135. .collapsible.popout > li.active {
  6136. box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  6137. margin: 16px 0; }
  6138.  
  6139. .materialboxed {
  6140. cursor: zoom-in;
  6141. position: relative;
  6142. -webkit-transition: opacity .4s;
  6143. -moz-transition: opacity .4s;
  6144. -o-transition: opacity .4s;
  6145. -ms-transition: opacity .4s;
  6146. transition: opacity .4s; }
  6147. .materialboxed:hover {
  6148. will-change: left, top, width, height; }
  6149. .materialboxed:hover:not(.active) {
  6150. opacity: .8; }
  6151.  
  6152. .materialboxed.active {
  6153. cursor: zoom-out; }
  6154.  
  6155. #materialbox-overlay {
  6156. position: fixed;
  6157. top: 0;
  6158. left: 0;
  6159. right: 0;
  6160. bottom: 0;
  6161. background-color: #292929;
  6162. z-index: 999;
  6163. will-change: opacity; }
  6164.  
  6165. .materialbox-caption {
  6166. position: fixed;
  6167. display: none;
  6168. color: #fff;
  6169. line-height: 50px;
  6170. bottom: 0;
  6171. width: 100%;
  6172. text-align: center;
  6173. padding: 0% 15%;
  6174. height: 50px;
  6175. z-index: 1000;
  6176. -webkit-font-smoothing: antialiased; }
  6177.  
  6178. /* Remove Focus Boxes */
  6179. select:focus {
  6180. outline: 1px solid #c9f3ef; }
  6181.  
  6182. button:focus {
  6183. outline: none;
  6184. background-color: #2ab7a9; }
  6185.  
  6186. label {
  6187. font-size: 0.8rem;
  6188. color: #9e9e9e; }
  6189.  
  6190. /***************************
  6191. Text Inputs + Textarea
  6192. ****************************/
  6193. ::-webkit-input-placeholder {
  6194. color: #d1d1d1; }
  6195.  
  6196. :-moz-placeholder {
  6197. /* Firefox 18- */
  6198. color: #d1d1d1; }
  6199.  
  6200. ::-moz-placeholder {
  6201. /* Firefox 19+ */
  6202. color: #d1d1d1; }
  6203.  
  6204. :-ms-input-placeholder {
  6205. color: #d1d1d1; }
  6206.  
  6207. input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
  6208. background-color: transparent;
  6209. border: none;
  6210. border-bottom: 1px solid #9e9e9e;
  6211. border-radius: 0;
  6212. outline: none;
  6213. height: 3rem;
  6214. width: 100%;
  6215. font-size: 1rem;
  6216. margin: 0 0 15px 0;
  6217. padding: 0;
  6218. box-shadow: none;
  6219. -webkit-box-sizing: content-box;
  6220. -moz-box-sizing: content-box;
  6221. box-sizing: content-box;
  6222. transition: all .3s; }
  6223. input[type=text]:disabled, input[type=text][readonly="readonly"], input[type=password]:disabled, input[type=password][readonly="readonly"], input[type=email]:disabled, input[type=email][readonly="readonly"], input[type=url]:disabled, input[type=url][readonly="readonly"], input[type=time]:disabled, input[type=time][readonly="readonly"], input[type=date]:disabled, input[type=date][readonly="readonly"], input[type=datetime-local]:disabled, input[type=datetime-local][readonly="readonly"], input[type=tel]:disabled, input[type=tel][readonly="readonly"], input[type=number]:disabled, input[type=number][readonly="readonly"], input[type=search]:disabled, input[type=search][readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] {
  6224. color: rgba(0, 0, 0, 0.26);
  6225. border-bottom: 1px dotted rgba(0, 0, 0, 0.26); }
  6226. input[type=text]:disabled + label, input[type=text][readonly="readonly"] + label, input[type=password]:disabled + label, input[type=password][readonly="readonly"] + label, input[type=email]:disabled + label, input[type=email][readonly="readonly"] + label, input[type=url]:disabled + label, input[type=url][readonly="readonly"] + label, input[type=time]:disabled + label, input[type=time][readonly="readonly"] + label, input[type=date]:disabled + label, input[type=date][readonly="readonly"] + label, input[type=datetime-local]:disabled + label, input[type=datetime-local][readonly="readonly"] + label, input[type=tel]:disabled + label, input[type=tel][readonly="readonly"] + label, input[type=number]:disabled + label, input[type=number][readonly="readonly"] + label, input[type=search]:disabled + label, input[type=search][readonly="readonly"] + label, textarea.materialize-textarea:disabled + label, textarea.materialize-textarea[readonly="readonly"] + label {
  6227. color: rgba(0, 0, 0, 0.26); }
  6228. input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
  6229. border-bottom: 1px solid #26a69a;
  6230. box-shadow: 0 1px 0 0 #26a69a; }
  6231. input[type=text]:focus:not([readonly]) + label, input[type=password]:focus:not([readonly]) + label, input[type=email]:focus:not([readonly]) + label, input[type=url]:focus:not([readonly]) + label, input[type=time]:focus:not([readonly]) + label, input[type=date]:focus:not([readonly]) + label, input[type=datetime-local]:focus:not([readonly]) + label, input[type=tel]:focus:not([readonly]) + label, input[type=number]:focus:not([readonly]) + label, input[type=search]:focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {
  6232. color: #26a69a; }
  6233. input[type=text].valid, input[type=text]:focus.valid, input[type=password].valid, input[type=password]:focus.valid, input[type=email].valid, input[type=email]:focus.valid, input[type=url].valid, input[type=url]:focus.valid, input[type=time].valid, input[type=time]:focus.valid, input[type=date].valid, input[type=date]:focus.valid, input[type=datetime-local].valid, input[type=datetime-local]:focus.valid, input[type=tel].valid, input[type=tel]:focus.valid, input[type=number].valid, input[type=number]:focus.valid, input[type=search].valid, input[type=search]:focus.valid, textarea.materialize-textarea.valid, textarea.materialize-textarea:focus.valid {
  6234. border-bottom: 1px solid #4CAF50;
  6235. box-shadow: 0 1px 0 0 #4CAF50; }
  6236. input[type=text].valid + label:after, input[type=text]:focus.valid + label:after, input[type=password].valid + label:after, input[type=password]:focus.valid + label:after, input[type=email].valid + label:after, input[type=email]:focus.valid + label:after, input[type=url].valid + label:after, input[type=url]:focus.valid + label:after, input[type=time].valid + label:after, input[type=time]:focus.valid + label:after, input[type=date].valid + label:after, input[type=date]:focus.valid + label:after, input[type=datetime-local].valid + label:after, input[type=datetime-local]:focus.valid + label:after, input[type=tel].valid + label:after, input[type=tel]:focus.valid + label:after, input[type=number].valid + label:after, input[type=number]:focus.valid + label:after, input[type=search].valid + label:after, input[type=search]:focus.valid + label:after, textarea.materialize-textarea.valid + label:after, textarea.materialize-textarea:focus.valid + label:after {
  6237. content: attr(data-success);
  6238. color: #4CAF50;
  6239. opacity: 1; }
  6240. input[type=text].invalid, input[type=text]:focus.invalid, input[type=password].invalid, input[type=password]:focus.invalid, input[type=email].invalid, input[type=email]:focus.invalid, input[type=url].invalid, input[type=url]:focus.invalid, input[type=time].invalid, input[type=time]:focus.invalid, input[type=date].invalid, input[type=date]:focus.invalid, input[type=datetime-local].invalid, input[type=datetime-local]:focus.invalid, input[type=tel].invalid, input[type=tel]:focus.invalid, input[type=number].invalid, input[type=number]:focus.invalid, input[type=search].invalid, input[type=search]:focus.invalid, textarea.materialize-textarea.invalid, textarea.materialize-textarea:focus.invalid {
  6241. border-bottom: 1px solid #F44336;
  6242. box-shadow: 0 1px 0 0 #F44336; }
  6243. input[type=text].invalid + label:after, input[type=text]:focus.invalid + label:after, input[type=password].invalid + label:after, input[type=password]:focus.invalid + label:after, input[type=email].invalid + label:after, input[type=email]:focus.invalid + label:after, input[type=url].invalid + label:after, input[type=url]:focus.invalid + label:after, input[type=time].invalid + label:after, input[type=time]:focus.invalid + label:after, input[type=date].invalid + label:after, input[type=date]:focus.invalid + label:after, input[type=datetime-local].invalid + label:after, input[type=datetime-local]:focus.invalid + label:after, input[type=tel].invalid + label:after, input[type=tel]:focus.invalid + label:after, input[type=number].invalid + label:after, input[type=number]:focus.invalid + label:after, input[type=search].invalid + label:after, input[type=search]:focus.invalid + label:after, textarea.materialize-textarea.invalid + label:after, textarea.materialize-textarea:focus.invalid + label:after {
  6244. content: attr(data-error);
  6245. color: #F44336;
  6246. opacity: 1; }
  6247. input[type=text] + label:after, input[type=password] + label:after, input[type=email] + label:after, input[type=url] + label:after, input[type=time] + label:after, input[type=date] + label:after, input[type=datetime-local] + label:after, input[type=tel] + label:after, input[type=number] + label:after, input[type=search] + label:after, textarea.materialize-textarea + label:after {
  6248. display: block;
  6249. content: "";
  6250. position: absolute;
  6251. top: 65px;
  6252. opacity: 0;
  6253. transition: .2s opacity ease-out, .2s color ease-out; }
  6254.  
  6255. .input-field {
  6256. position: relative;
  6257. margin-top: 1rem; }
  6258. .input-field label {
  6259. color: #9e9e9e;
  6260. position: absolute;
  6261. top: 0.8rem;
  6262. left: 0.75rem;
  6263. font-size: 1rem;
  6264. cursor: text;
  6265. -webkit-transition: .2s ease-out;
  6266. -moz-transition: .2s ease-out;
  6267. -o-transition: .2s ease-out;
  6268. -ms-transition: .2s ease-out;
  6269. transition: .2s ease-out; }
  6270. .input-field label.active {
  6271. font-size: 0.8rem;
  6272. -webkit-transform: translateY(-140%);
  6273. -moz-transform: translateY(-140%);
  6274. -ms-transform: translateY(-140%);
  6275. -o-transform: translateY(-140%);
  6276. transform: translateY(-140%); }
  6277. .input-field .prefix {
  6278. position: absolute;
  6279. width: 3rem;
  6280. font-size: 2rem;
  6281. -webkit-transition: color .2s;
  6282. -moz-transition: color .2s;
  6283. -o-transition: color .2s;
  6284. -ms-transition: color .2s;
  6285. transition: color .2s; }
  6286. .input-field .prefix.active {
  6287. color: #26a69a; }
  6288. .input-field .prefix ~ input, .input-field .prefix ~ textarea {
  6289. margin-left: 3rem;
  6290. width: 92%;
  6291. width: calc(100% - 3rem); }
  6292. .input-field .prefix ~ textarea {
  6293. padding-top: .8rem; }
  6294. .input-field .prefix ~ label {
  6295. margin-left: 3rem; }
  6296. @media only screen and (max-width : 992px) {
  6297. .input-field .prefix ~ input {
  6298. width: 86%;
  6299. width: calc(100% - 3rem); } }
  6300. @media only screen and (max-width : 600px) {
  6301. .input-field .prefix ~ input {
  6302. width: 80%;
  6303. width: calc(100% - 3rem); } }
  6304.  
  6305. .input-field input[type=search] {
  6306. display: block;
  6307. line-height: inherit;
  6308. padding-left: 4rem;
  6309. width: calc(100% - 4rem); }
  6310. .input-field input[type=search]:focus {
  6311. background-color: #fff;
  6312. border: 0;
  6313. box-shadow: none;
  6314. color: #444; }
  6315. .input-field input[type=search]:focus + label i, .input-field input[type=search]:focus ~ .mdi-navigation-close {
  6316. color: #444; }
  6317. .input-field input[type=search] + label {
  6318. left: 1rem; }
  6319. .input-field input[type=search] ~ .mdi-navigation-close {
  6320. position: absolute;
  6321. top: 0;
  6322. right: 1rem;
  6323. color: transparent;
  6324. cursor: pointer;
  6325. font-size: 2rem;
  6326. transition: .3s color; }
  6327.  
  6328.  
  6329.  
  6330. textarea {
  6331. width: 100%;
  6332. height: 3rem;
  6333. background-color: transparent; }
  6334. textarea.materialize-textarea {
  6335. overflow-y: hidden;
  6336. /* prevents scroll bar flash */
  6337. padding: 1.6rem 0;
  6338. /* prevents text jump on Enter keypress */
  6339. resize: none;
  6340. min-height: 3rem; }
  6341.  
  6342. .hiddendiv {
  6343. display: none;
  6344. white-space: pre-wrap;
  6345. word-wrap: break-word;
  6346. overflow-wrap: break-word;
  6347. /* future version of deprecated 'word-wrap' */
  6348. padding-top: 1.2rem;
  6349. /* prevents text jump on Enter keypress */ }
  6350.  
  6351. /***************
  6352. Radio Buttons
  6353. ***************/
  6354. /* Remove default Radio Buttons */
  6355. [type="radio"]:not(:checked), [type="radio"]:checked {
  6356. position: absolute;
  6357. left: -9999px;
  6358. visibility: hidden; }
  6359.  
  6360. [type="radio"]:not(:checked) + label, [type="radio"]:checked + label {
  6361. position: relative;
  6362. padding-left: 35px;
  6363. cursor: pointer;
  6364. display: inline-block;
  6365. height: 25px;
  6366. line-height: 25px;
  6367. font-size: 1rem;
  6368. -webkit-transition: .28s ease;
  6369. -moz-transition: .28s ease;
  6370. -o-transition: .28s ease;
  6371. -ms-transition: .28s ease;
  6372. transition: .28s ease;
  6373. -webkit-user-select: none;
  6374. /* webkit (safari, chrome) browsers */
  6375. -moz-user-select: none;
  6376. /* mozilla browsers */
  6377. -khtml-user-select: none;
  6378. /* webkit (konqueror) browsers */
  6379. -ms-user-select: none;
  6380. /* IE10+ */ }
  6381.  
  6382. [type="radio"] + label:before, [type="radio"] + label:after {
  6383. content: '';
  6384. position: absolute;
  6385. left: 0;
  6386. top: 0;
  6387. margin: 4px;
  6388. width: 16px;
  6389. height: 16px;
  6390. z-index: 0;
  6391. -webkit-transition: .28s ease;
  6392. -moz-transition: .28s ease;
  6393. -o-transition: .28s ease;
  6394. -ms-transition: .28s ease;
  6395. transition: .28s ease; }
  6396.  
  6397. /* Unchecked styles */
  6398. [type="radio"]:not(:checked) + label:before {
  6399. border-radius: 50%;
  6400. border: 2px solid #5a5a5a; }
  6401.  
  6402. [type="radio"]:not(:checked) + label:after {
  6403. border-radius: 50%;
  6404. border: 2px solid #5a5a5a;
  6405. z-index: -1;
  6406. -webkit-transform: scale(0);
  6407. -moz-transform: scale(0);
  6408. -ms-transform: scale(0);
  6409. -o-transform: scale(0);
  6410. transform: scale(0); }
  6411.  
  6412. /* Checked styles */
  6413. [type="radio"]:checked + label:before {
  6414. border-radius: 50%;
  6415. border: 2px solid transparent; }
  6416.  
  6417. [type="radio"]:checked + label:after {
  6418. border-radius: 50%;
  6419. border: 2px solid #26a69a;
  6420. background-color: #26a69a;
  6421. z-index: 0;
  6422. -webkit-transform: scale(1.02);
  6423. -moz-transform: scale(1.02);
  6424. -ms-transform: scale(1.02);
  6425. -o-transform: scale(1.02);
  6426. transform: scale(1.02); }
  6427.  
  6428. /* Radio With gap */
  6429. [type="radio"].with-gap:checked + label:before {
  6430. border-radius: 50%;
  6431. border: 2px solid #26a69a; }
  6432.  
  6433. [type="radio"].with-gap:checked + label:after {
  6434. border-radius: 50%;
  6435. border: 2px solid #26a69a;
  6436. background-color: #26a69a;
  6437. z-index: 0;
  6438. -webkit-transform: scale(.5);
  6439. -moz-transform: scale(.5);
  6440. -ms-transform: scale(.5);
  6441. -o-transform: scale(.5);
  6442. transform: scale(.5); }
  6443.  
  6444. /* Disabled Radio With gap */
  6445. [type="radio"].with-gap:disabled:checked + label:before {
  6446. border: 2px solid rgba(0, 0, 0, 0.26); }
  6447.  
  6448. [type="radio"].with-gap:disabled:checked + label:after {
  6449. border: none;
  6450. background-color: rgba(0, 0, 0, 0.26); }
  6451.  
  6452. /* Disabled style */
  6453. [type="radio"]:disabled:not(:checked) + label:before, [type="radio"]:disabled:checked + label:before {
  6454. background-color: transparent;
  6455. border-color: rgba(0, 0, 0, 0.26); }
  6456.  
  6457. [type="radio"]:disabled + label {
  6458. color: rgba(0, 0, 0, 0.26); }
  6459.  
  6460. [type="radio"]:disabled:not(:checked) + label:before {
  6461. border-color: rgba(0, 0, 0, 0.26); }
  6462.  
  6463. [type="radio"]:disabled:checked + label:after {
  6464. background-color: rgba(0, 0, 0, 0.26);
  6465. border-color: #BDBDBD; }
  6466.  
  6467. /***************
  6468. Checkboxes
  6469. ***************/
  6470. /* CUSTOM CSS CHECKBOXES */
  6471. form p {
  6472. margin-bottom: 10px;
  6473. text-align: left; }
  6474.  
  6475. form p:last-child {
  6476. margin-bottom: 0; }
  6477.  
  6478. /* Remove default checkbox */
  6479. [type="checkbox"]:not(:checked), [type="checkbox"]:checked {
  6480. position: absolute;
  6481. left: -9999px;
  6482. visibility: hidden; }
  6483.  
  6484. [type="checkbox"] {
  6485. /* checkbox aspect */ }
  6486. [type="checkbox"] + label {
  6487. position: relative;
  6488. padding-left: 35px;
  6489. cursor: pointer;
  6490. display: inline-block;
  6491. height: 25px;
  6492. line-height: 25px;
  6493. font-size: 1rem;
  6494. -webkit-user-select: none;
  6495. /* webkit (safari, chrome) browsers */
  6496. -moz-user-select: none;
  6497. /* mozilla browsers */
  6498. -khtml-user-select: none;
  6499. /* webkit (konqueror) browsers */
  6500. -ms-user-select: none;
  6501. /* IE10+ */ }
  6502. [type="checkbox"] + label:before {
  6503. content: '';
  6504. position: absolute;
  6505. top: 0;
  6506. left: 0;
  6507. width: 18px;
  6508. height: 18px;
  6509. z-index: 0;
  6510. border: 2px solid #5a5a5a;
  6511. border-radius: 1px;
  6512. margin-top: 2px;
  6513. -webkit-transition: 0.2s;
  6514. -moz-transition: 0.2s;
  6515. -o-transition: 0.2s;
  6516. -ms-transition: 0.2s;
  6517. transition: 0.2s; }
  6518. [type="checkbox"]:not(:checked):disabled + label:before {
  6519. border: none;
  6520. background-color: rgba(0, 0, 0, 0.26); }
  6521.  
  6522. [type="checkbox"]:checked + label:before {
  6523. top: -4px;
  6524. left: -3px;
  6525. width: 12px;
  6526. height: 22px;
  6527. border-top: 2px solid transparent;
  6528. border-left: 2px solid transparent;
  6529. border-right: 2px solid #26a69a;
  6530. border-bottom: 2px solid #26a69a;
  6531. -webkit-transform: rotate(40deg);
  6532. -moz-transform: rotate(40deg);
  6533. -ms-transform: rotate(40deg);
  6534. -o-transform: rotate(40deg);
  6535. transform: rotate(40deg);
  6536. -webkit-backface-visibility: hidden;
  6537. -webkit-transform-origin: 100% 100%;
  6538. -moz-transform-origin: 100% 100%;
  6539. -ms-transform-origin: 100% 100%;
  6540. -o-transform-origin: 100% 100%;
  6541. transform-origin: 100% 100%; }
  6542. [type="checkbox"]:checked:disabled + label:before {
  6543. border-right: 2px solid rgba(0, 0, 0, 0.26);
  6544. border-bottom: 2px solid rgba(0, 0, 0, 0.26); }
  6545.  
  6546. /* Indeterminate checkbox */
  6547. [type="checkbox"]:indeterminate + label:before {
  6548. left: -10px;
  6549. top: -11px;
  6550. width: 10px;
  6551. height: 22px;
  6552. border-top: none;
  6553. border-left: none;
  6554. border-right: 2px solid #26a69a;
  6555. border-bottom: none;
  6556. -webkit-transform: rotate(90deg);
  6557. -moz-transform: rotate(90deg);
  6558. -ms-transform: rotate(90deg);
  6559. -o-transform: rotate(90deg);
  6560. transform: rotate(90deg);
  6561. -webkit-backface-visibility: hidden;
  6562. -webkit-transform-origin: 100% 100%;
  6563. -moz-transform-origin: 100% 100%;
  6564. -ms-transform-origin: 100% 100%;
  6565. -o-transform-origin: 100% 100%;
  6566. transform-origin: 100% 100%; }
  6567. [type="checkbox"]:indeterminate:disabled + label:before {
  6568. border-right: 2px solid rgba(0, 0, 0, 0.26);
  6569. background-color: transparent; }
  6570.  
  6571. [type="checkbox"].filled-in + label:after {
  6572. border-radius: 2px; }
  6573. [type="checkbox"].filled-in + label:before, [type="checkbox"].filled-in + label:after {
  6574. content: '';
  6575. left: 0;
  6576. position: absolute;
  6577. /* .1s delay is for check animation */
  6578. transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
  6579. z-index: 1; }
  6580. [type="checkbox"].filled-in:not(:checked) + label:before {
  6581. width: 0;
  6582. height: 0;
  6583. border: 3px solid transparent;
  6584. left: 6px;
  6585. top: 10px;
  6586. -webkit-transform: rotateZ(37deg);
  6587. transform: rotateZ(37deg);
  6588. -webkit-transform-origin: 20% 40%;
  6589. transform-origin: 100% 100%; }
  6590. [type="checkbox"].filled-in:not(:checked) + label:after {
  6591. height: 20px;
  6592. width: 20px;
  6593. background-color: transparent;
  6594. border: 2px solid #5a5a5a;
  6595. top: 0px;
  6596. z-index: 0; }
  6597. [type="checkbox"].filled-in:checked + label:before {
  6598. top: 0;
  6599. left: 1px;
  6600. width: 8px;
  6601. height: 13px;
  6602. border-top: 2px solid transparent;
  6603. border-left: 2px solid transparent;
  6604. border-right: 2px solid #fff;
  6605. border-bottom: 2px solid #fff;
  6606. -webkit-transform: rotateZ(37deg);
  6607. transform: rotateZ(37deg);
  6608. -webkit-transform-origin: 100% 100%;
  6609. transform-origin: 100% 100%; }
  6610. [type="checkbox"].filled-in:checked + label:after {
  6611. top: 0px;
  6612. width: 20px;
  6613. height: 20px;
  6614. border: 2px solid #26a69a;
  6615. background-color: #26a69a;
  6616. z-index: 0; }
  6617. [type="checkbox"].filled-in:disabled:not(:checked) + label:before {
  6618. background-color: transparent;
  6619. border: 2px solid transparent; }
  6620. [type="checkbox"].filled-in:disabled:not(:checked) + label:after {
  6621. border-color: transparent;
  6622. background-color: #BDBDBD; }
  6623. [type="checkbox"].filled-in:disabled:checked + label:before {
  6624. background-color: transparent; }
  6625. [type="checkbox"].filled-in:disabled:checked + label:after {
  6626. background-color: #BDBDBD;
  6627. border-color: #BDBDBD; }
  6628.  
  6629. /***************
  6630. Switch
  6631. ***************/
  6632. .switch, .switch * {
  6633. -webkit-user-select: none;
  6634. -moz-user-select: none;
  6635. -khtml-user-select: none;
  6636. -ms-user-select: none; }
  6637.  
  6638. .switch label {
  6639. cursor: pointer; }
  6640.  
  6641. .switch label input[type=checkbox] {
  6642. opacity: 0;
  6643. width: 0;
  6644. height: 0; }
  6645.  
  6646. .switch label input[type=checkbox]:checked + .lever {
  6647. background-color: #84c7c1; }
  6648.  
  6649. .switch label input[type=checkbox]:checked + .lever:after {
  6650. background-color: #26a69a; }
  6651.  
  6652. .switch label .lever {
  6653. content: "";
  6654. display: inline-block;
  6655. position: relative;
  6656. width: 40px;
  6657. height: 15px;
  6658. background-color: #818181;
  6659. border-radius: 15px;
  6660. margin-right: 10px;
  6661. transition: background 0.3s ease;
  6662. vertical-align: middle;
  6663. margin: 0 16px; }
  6664.  
  6665. .switch label .lever:after {
  6666. content: "";
  6667. position: absolute;
  6668. display: inline-block;
  6669. width: 21px;
  6670. height: 21px;
  6671. background-color: #F1F1F1;
  6672. border-radius: 21px;
  6673. box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
  6674. left: -5px;
  6675. top: -3px;
  6676. transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease; }
  6677.  
  6678. input[type=checkbox]:checked:not(:disabled) ~ .lever:active:after {
  6679. box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 166, 154, 0.1); }
  6680.  
  6681. input[type=checkbox]:not(:disabled) ~ .lever:active:after {
  6682. box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08); }
  6683.  
  6684. .switch label input[type=checkbox]:checked + .lever:after {
  6685. left: 24px; }
  6686.  
  6687. .switch input[type=checkbox][disabled] + .lever {
  6688. cursor: default; }
  6689.  
  6690. .switch label input[type=checkbox][disabled] + .lever:after, .switch label input[type=checkbox][disabled]:checked + .lever:after {
  6691. background-color: #BDBDBD; }
  6692.  
  6693. /***************
  6694. Select Field
  6695. ***************/
  6696. .select-label {
  6697. position: absolute; }
  6698.  
  6699. .select-wrapper {
  6700. position: relative; }
  6701. .select-wrapper input.select-dropdown {
  6702. position: relative;
  6703. cursor: pointer;
  6704. background-color: transparent;
  6705. border: none;
  6706. border-bottom: 1px solid #9e9e9e;
  6707. outline: none;
  6708. height: 3rem;
  6709. line-height: 3rem;
  6710. width: 100%;
  6711. font-size: 1rem;
  6712. margin: 0 0 15px 0;
  6713. padding: 0;
  6714. display: block; }
  6715. .select-wrapper span.caret {
  6716. color: initial;
  6717. position: absolute;
  6718. right: 0;
  6719. top: 16px;
  6720. font-size: 10px; }
  6721. .select-wrapper span.caret.disabled {
  6722. color: rgba(0, 0, 0, 0.26); }
  6723. .select-wrapper + label {
  6724. position: absolute;
  6725. top: -14px;
  6726. font-size: 0.8rem; }
  6727.  
  6728. select {
  6729. display: none; }
  6730.  
  6731. select.browser-default {
  6732. display: block; }
  6733.  
  6734. select:disabled {
  6735. color: rgba(0, 0, 0, 0.3); }
  6736.  
  6737. .select-wrapper input.select-dropdown:disabled {
  6738. color: rgba(0, 0, 0, 0.3);
  6739. cursor: default;
  6740. -webkit-user-select: none;
  6741. /* webkit (safari, chrome) browsers */
  6742. -moz-user-select: none;
  6743. /* mozilla browsers */
  6744. -ms-user-select: none;
  6745. /* IE10+ */
  6746. border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
  6747.  
  6748. .select-wrapper i {
  6749. color: rgba(0, 0, 0, 0.3); }
  6750.  
  6751. .select-dropdown li.disabled {
  6752. color: rgba(0, 0, 0, 0.3);
  6753. background-color: transparent; }
  6754.  
  6755. /*********************
  6756. File Input
  6757. **********************/
  6758. .file-field {
  6759. position: relative; }
  6760. .file-field .file-path-wrapper {
  6761. overflow: hidden;
  6762. padding-left: 10px; }
  6763. .file-field input.file-path {
  6764. width: 100%; }
  6765. .file-field .btn, .file-field .btn-large {
  6766. float: left;
  6767. height: 3rem;
  6768. line-height: 3rem; }
  6769. .file-field span {
  6770. cursor: pointer; }
  6771. .file-field input[type=file] {
  6772. position: absolute;
  6773. top: 0;
  6774. right: 0;
  6775. left: 0;
  6776. bottom: 0;
  6777. width: 100%;
  6778. margin: 0;
  6779. padding: 0;
  6780. font-size: 20px;
  6781. cursor: pointer;
  6782. opacity: 0;
  6783. filter: alpha(opacity=0); }
  6784.  
  6785. /***************
  6786. Range
  6787. ***************/
  6788. .range-field {
  6789. position: relative; }
  6790.  
  6791. input[type=range], input[type=range] + .thumb {
  6792. cursor: pointer; }
  6793.  
  6794. input[type=range] {
  6795. position: relative;
  6796. background-color: transparent;
  6797. border: none;
  6798. outline: none;
  6799. width: 100%;
  6800. margin: 15px 0px;
  6801. padding: 0; }
  6802.  
  6803. input[type=range] + .thumb {
  6804. position: absolute;
  6805. border: none;
  6806. height: 0;
  6807. width: 0;
  6808. border-radius: 50%;
  6809. background-color: #26a69a;
  6810. top: 10px;
  6811. margin-left: -6px;
  6812. -webkit-transform-origin: 50% 50%;
  6813. -moz-transform-origin: 50% 50%;
  6814. -ms-transform-origin: 50% 50%;
  6815. -o-transform-origin: 50% 50%;
  6816. transform-origin: 50% 50%;
  6817. -webkit-transform: rotate(-45deg);
  6818. -moz-transform: rotate(-45deg);
  6819. -ms-transform: rotate(-45deg);
  6820. -o-transform: rotate(-45deg);
  6821. transform: rotate(-45deg); }
  6822. input[type=range] + .thumb .value {
  6823. display: block;
  6824. width: 30px;
  6825. text-align: center;
  6826. color: #26a69a;
  6827. font-size: 0;
  6828. -webkit-transform: rotate(45deg);
  6829. -moz-transform: rotate(45deg);
  6830. -ms-transform: rotate(45deg);
  6831. -o-transform: rotate(45deg);
  6832. transform: rotate(45deg); }
  6833. input[type=range] + .thumb.active {
  6834. border-radius: 50% 50% 50% 0; }
  6835. input[type=range] + .thumb.active .value {
  6836. color: #fff;
  6837. margin-left: -1px;
  6838. margin-top: 8px;
  6839. font-size: 10px; }
  6840.  
  6841. input[type=range]:focus {
  6842. outline: none; }
  6843.  
  6844. input[type=range] {
  6845. -webkit-appearance: none; }
  6846.  
  6847. input[type=range]::-webkit-slider-runnable-track {
  6848. height: 3px;
  6849. background: #c2c0c2;
  6850. border: none; }
  6851.  
  6852. input[type=range]::-webkit-slider-thumb {
  6853. -webkit-appearance: none;
  6854. border: none;
  6855. height: 14px;
  6856. width: 14px;
  6857. border-radius: 50%;
  6858. background-color: #26a69a;
  6859. transform-origin: 50% 50%;
  6860. margin: -5px 0 0 0;
  6861. -webkit-transition: 0.3s;
  6862. -moz-transition: 0.3s;
  6863. -o-transition: 0.3s;
  6864. -ms-transition: 0.3s;
  6865. transition: 0.3s; }
  6866.  
  6867. input[type=range]:focus::-webkit-slider-runnable-track {
  6868. background: #ccc; }
  6869.  
  6870. input[type=range] {
  6871. /* fix for FF unable to apply focus style bug */
  6872. border: 1px solid white;
  6873. /*required for proper track sizing in FF*/ }
  6874.  
  6875. input[type=range]::-moz-range-track {
  6876. height: 3px;
  6877. background: #ddd;
  6878. border: none; }
  6879.  
  6880. input[type=range]::-moz-range-thumb {
  6881. border: none;
  6882. height: 14px;
  6883. width: 14px;
  6884. border-radius: 50%;
  6885. background: #26a69a;
  6886. margin-top: -5px; }
  6887.  
  6888. /*hide the outline behind the border*/
  6889. input[type=range]:-moz-focusring {
  6890. outline: 1px solid white;
  6891. outline-offset: -1px; }
  6892.  
  6893. input[type=range]:focus::-moz-range-track {
  6894. background: #ccc; }
  6895.  
  6896. input[type=range]::-ms-track {
  6897. height: 3px;
  6898. /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  6899. background: transparent;
  6900. /*leave room for the larger thumb to overflow with a transparent border */
  6901. border-color: transparent;
  6902. border-width: 6px 0;
  6903. /*remove default tick marks*/
  6904. color: transparent; }
  6905.  
  6906. input[type=range]::-ms-fill-lower {
  6907. background: #777; }
  6908.  
  6909. input[type=range]::-ms-fill-upper {
  6910. background: #ddd; }
  6911.  
  6912. input[type=range]::-ms-thumb {
  6913. border: none;
  6914. height: 14px;
  6915. width: 14px;
  6916. border-radius: 50%;
  6917. background: #26a69a; }
  6918.  
  6919. input[type=range]:focus::-ms-fill-lower {
  6920. background: #888; }
  6921.  
  6922. input[type=range]:focus::-ms-fill-upper {
  6923. background: #ccc; }
  6924.  
  6925. /***************************
  6926. Text Inputs + Textarea
  6927. ****************************/
  6928. select {
  6929. background-color: rgba(255, 255, 255, 0.9);
  6930. width: 100%;
  6931. padding: 5px;
  6932. border: 1px solid #f2f2f2;
  6933. border-radius: 2px;
  6934. height: 3rem; }
  6935.  
  6936. /***************
  6937. Nav List
  6938. ***************/
  6939. .table-of-contents.fixed {
  6940. position: fixed; }
  6941. .table-of-contents li {
  6942. padding: 2px 0; }
  6943. .table-of-contents a {
  6944. display: inline-block;
  6945. font-weight: 300;
  6946. color: #757575;
  6947. padding-left: 20px;
  6948. height: 1.5rem;
  6949. line-height: 1.5rem;
  6950. letter-spacing: .4;
  6951. display: inline-block; }
  6952. .table-of-contents a:hover {
  6953. color: #a8a8a8;
  6954. padding-left: 19px;
  6955. border-left: 1px solid #ea4a4f; }
  6956. .table-of-contents a.active {
  6957. font-weight: 500;
  6958. padding-left: 18px;
  6959. border-left: 2px solid #ea4a4f; }
  6960.  
  6961. .side-nav {
  6962. position: fixed;
  6963. width: 240px;
  6964. left: -105%;
  6965. top: 0;
  6966. margin: 0;
  6967. height: 100%;
  6968. height: calc(100% + 60px);
  6969. height: -moz-calc(100%);
  6970. padding-bottom: 60px;
  6971. background-color: #fff;
  6972. z-index: 999;
  6973. overflow-y: auto;
  6974. will-change: left; }
  6975. .side-nav.right-aligned {
  6976. will-change: right;
  6977. right: -105%;
  6978. left: auto; }
  6979. .side-nav .collapsible {
  6980. margin: 0; }
  6981. .side-nav li {
  6982. float: none;
  6983. padding: 0 15px; }
  6984. .side-nav li:hover, .side-nav li.active {
  6985. background-color: #ddd; }
  6986. .side-nav a {
  6987. color: #444;
  6988. display: block;
  6989. font-size: 1rem;
  6990. height: 64px;
  6991. line-height: 64px;
  6992. padding: 0 15px; }
  6993.  
  6994. .drag-target {
  6995. height: 100%;
  6996. width: 10px;
  6997. position: fixed;
  6998. top: 0;
  6999. z-index: 998; }
  7000.  
  7001. .side-nav.fixed a {
  7002. display: block;
  7003. padding: 0 15px;
  7004. color: #444; }
  7005.  
  7006. .side-nav.fixed {
  7007. left: 0;
  7008. position: fixed; }
  7009. .side-nav.fixed.right-aligned {
  7010. right: 0;
  7011. left: auto; }
  7012.  
  7013. @media only screen and (max-width : 992px) {
  7014. .side-nav.fixed {
  7015. left: -105%; }
  7016. .side-nav.fixed.right-aligned {
  7017. right: -105%;
  7018. left: auto; } }
  7019.  
  7020. .side-nav .collapsible-body li.active, .side-nav.fixed .collapsible-body li.active {
  7021. background-color: #ee6e73; }
  7022. .side-nav .collapsible-body li.active a, .side-nav.fixed .collapsible-body li.active a {
  7023. color: #fff; }
  7024.  
  7025. #sidenav-overlay {
  7026. position: fixed;
  7027. top: 0;
  7028. left: 0;
  7029. right: 0;
  7030. height: 120vh;
  7031. background-color: rgba(0, 0, 0, 0.5);
  7032. z-index: 997;
  7033. will-change: opacity; }
  7034.  
  7035. /*
  7036. @license
  7037. Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
  7038. This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
  7039. The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
  7040. The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
  7041. Code distributed by Google as part of the polymer project is also
  7042. subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
  7043. */
  7044. /**************************/
  7045. /* STYLES FOR THE SPINNER */
  7046. /**************************/
  7047. /*
  7048. * Constants:
  7049. * STROKEWIDTH = 3px
  7050. * ARCSIZE = 270 degrees (amount of circle the arc takes up)
  7051. * ARCTIME = 1333ms (time it takes to expand and contract arc)
  7052. * ARCSTARTROT = 216 degrees (how much the start location of the arc
  7053. * should rotate each time, 216 gives us a
  7054. * 5 pointed star shape (it's 360/5 * 3).
  7055. * For a 7 pointed star, we might do
  7056. * 360/7 * 3 = 154.286)
  7057. * CONTAINERWIDTH = 28px
  7058. * SHRINK_TIME = 400ms
  7059. */
  7060. .preloader-wrapper {
  7061. display: inline-block;
  7062. position: relative;
  7063. width: 48px;
  7064. height: 48px; }
  7065. .preloader-wrapper.small {
  7066. width: 36px;
  7067. height: 36px; }
  7068. .preloader-wrapper.big {
  7069. width: 64px;
  7070. height: 64px; }
  7071. .preloader-wrapper.active {
  7072. /* duration: 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */
  7073. -webkit-animation: container-rotate 1568ms linear infinite;
  7074. animation: container-rotate 1568ms linear infinite; }
  7075.  
  7076. @-webkit-keyframes container-rotate {
  7077. to {
  7078. -webkit-transform: rotate(360deg); } }
  7079.  
  7080. @keyframes container-rotate {
  7081. to {
  7082. transform: rotate(360deg); } }
  7083.  
  7084. .spinner-layer {
  7085. position: absolute;
  7086. width: 100%;
  7087. height: 100%;
  7088. opacity: 0; }
  7089.  
  7090. .spinner-blue, .spinner-blue-only {
  7091. border-color: #4285f4; }
  7092.  
  7093. .spinner-red, .spinner-red-only {
  7094. border-color: #db4437; }
  7095.  
  7096. .spinner-yellow, .spinner-yellow-only {
  7097. border-color: #f4b400; }
  7098.  
  7099. .spinner-green, .spinner-green-only {
  7100. border-color: #0f9d58; }
  7101.  
  7102. /**
  7103. * IMPORTANT NOTE ABOUT CSS ANIMATION PROPERTIES (keanulee):
  7104. *
  7105. * iOS Safari (tested on iOS 8.1) does not handle animation-delay very well - it doesn't
  7106. * guarantee that the animation will start _exactly_ after that value. So we avoid using
  7107. * animation-delay and instead set custom keyframes for each color (as redundant as it
  7108. * seems).
  7109. *
  7110. * We write out each animation in full (instead of separating animation-name,
  7111. * animation-duration, etc.) because under the polyfill, Safari does not recognize those
  7112. * specific properties properly, treats them as -webkit-animation, and overrides the
  7113. * other animation rules. See https://github.com/Polymer/platform/issues/53.
  7114. */
  7115. .active .spinner-layer.spinner-blue {
  7116. /* durations: 4 * ARCTIME */
  7117. -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  7118. animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
  7119.  
  7120. .active .spinner-layer.spinner-red {
  7121. /* durations: 4 * ARCTIME */
  7122. -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  7123. animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
  7124.  
  7125. .active .spinner-layer.spinner-yellow {
  7126. /* durations: 4 * ARCTIME */
  7127. -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  7128. animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
  7129.  
  7130. .active .spinner-layer.spinner-green {
  7131. /* durations: 4 * ARCTIME */
  7132. -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  7133. animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
  7134.  
  7135. .active .spinner-layer.spinner-blue-only, .active .spinner-layer.spinner-red-only, .active .spinner-layer.spinner-yellow-only, .active .spinner-layer.spinner-green-only {
  7136. /* durations: 4 * ARCTIME */
  7137. opacity: 1;
  7138. -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  7139. animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
  7140.  
  7141. @-webkit-keyframes fill-unfill-rotate {
  7142. /* 0.5 * ARCSIZE */
  7143. /* 1 * ARCSIZE */
  7144. /* 1.5 * ARCSIZE */
  7145. /* 2 * ARCSIZE */
  7146. /* 2.5 * ARCSIZE */
  7147. /* 3 * ARCSIZE */
  7148. /* 3.5 * ARCSIZE */
  7149. /* 4 * ARCSIZE */
  7150. 12.5% {
  7151. -webkit-transform: rotate(135deg); }
  7152.  
  7153. 25% {
  7154. -webkit-transform: rotate(270deg); }
  7155.  
  7156. 37.5% {
  7157. -webkit-transform: rotate(405deg); }
  7158.  
  7159. 50% {
  7160. -webkit-transform: rotate(540deg); }
  7161.  
  7162. 62.5% {
  7163. -webkit-transform: rotate(675deg); }
  7164.  
  7165. 75% {
  7166. -webkit-transform: rotate(810deg); }
  7167.  
  7168. 87.5% {
  7169. -webkit-transform: rotate(945deg); }
  7170.  
  7171. to {
  7172. -webkit-transform: rotate(1080deg); } }
  7173.  
  7174. @keyframes fill-unfill-rotate {
  7175. /* 0.5 * ARCSIZE */
  7176. /* 1 * ARCSIZE */
  7177. /* 1.5 * ARCSIZE */
  7178. /* 2 * ARCSIZE */
  7179. /* 2.5 * ARCSIZE */
  7180. /* 3 * ARCSIZE */
  7181. /* 3.5 * ARCSIZE */
  7182. /* 4 * ARCSIZE */
  7183. 12.5% {
  7184. transform: rotate(135deg); }
  7185.  
  7186. 25% {
  7187. transform: rotate(270deg); }
  7188.  
  7189. 37.5% {
  7190. transform: rotate(405deg); }
  7191.  
  7192. 50% {
  7193. transform: rotate(540deg); }
  7194.  
  7195. 62.5% {
  7196. transform: rotate(675deg); }
  7197.  
  7198. 75% {
  7199. transform: rotate(810deg); }
  7200.  
  7201. 87.5% {
  7202. transform: rotate(945deg); }
  7203.  
  7204. to {
  7205. transform: rotate(1080deg); } }
  7206.  
  7207. @-webkit-keyframes blue-fade-in-out {
  7208. from {
  7209. opacity: 1; }
  7210.  
  7211. 25% {
  7212. opacity: 1; }
  7213.  
  7214. 26% {
  7215. opacity: 0; }
  7216.  
  7217. 89% {
  7218. opacity: 0; }
  7219.  
  7220. 90% {
  7221. opacity: 1; }
  7222.  
  7223. 100% {
  7224. opacity: 1; } }
  7225.  
  7226. @keyframes blue-fade-in-out {
  7227. from {
  7228. opacity: 1; }
  7229.  
  7230. 25% {
  7231. opacity: 1; }
  7232.  
  7233. 26% {
  7234. opacity: 0; }
  7235.  
  7236. 89% {
  7237. opacity: 0; }
  7238.  
  7239. 90% {
  7240. opacity: 1; }
  7241.  
  7242. 100% {
  7243. opacity: 1; } }
  7244.  
  7245. @-webkit-keyframes red-fade-in-out {
  7246. from {
  7247. opacity: 0; }
  7248.  
  7249. 15% {
  7250. opacity: 0; }
  7251.  
  7252. 25% {
  7253. opacity: 1; }
  7254.  
  7255. 50% {
  7256. opacity: 1; }
  7257.  
  7258. 51% {
  7259. opacity: 0; } }
  7260.  
  7261. @keyframes red-fade-in-out {
  7262. from {
  7263. opacity: 0; }
  7264.  
  7265. 15% {
  7266. opacity: 0; }
  7267.  
  7268. 25% {
  7269. opacity: 1; }
  7270.  
  7271. 50% {
  7272. opacity: 1; }
  7273.  
  7274. 51% {
  7275. opacity: 0; } }
  7276.  
  7277. @-webkit-keyframes yellow-fade-in-out {
  7278. from {
  7279. opacity: 0; }
  7280.  
  7281. 40% {
  7282. opacity: 0; }
  7283.  
  7284. 50% {
  7285. opacity: 1; }
  7286.  
  7287. 75% {
  7288. opacity: 1; }
  7289.  
  7290. 76% {
  7291. opacity: 0; } }
  7292.  
  7293. @keyframes yellow-fade-in-out {
  7294. from {
  7295. opacity: 0; }
  7296.  
  7297. 40% {
  7298. opacity: 0; }
  7299.  
  7300. 50% {
  7301. opacity: 1; }
  7302.  
  7303. 75% {
  7304. opacity: 1; }
  7305.  
  7306. 76% {
  7307. opacity: 0; } }
  7308.  
  7309. @-webkit-keyframes green-fade-in-out {
  7310. from {
  7311. opacity: 0; }
  7312.  
  7313. 65% {
  7314. opacity: 0; }
  7315.  
  7316. 75% {
  7317. opacity: 1; }
  7318.  
  7319. 90% {
  7320. opacity: 1; }
  7321.  
  7322. 100% {
  7323. opacity: 0; } }
  7324.  
  7325. @keyframes green-fade-in-out {
  7326. from {
  7327. opacity: 0; }
  7328.  
  7329. 65% {
  7330. opacity: 0; }
  7331.  
  7332. 75% {
  7333. opacity: 1; }
  7334.  
  7335. 90% {
  7336. opacity: 1; }
  7337.  
  7338. 100% {
  7339. opacity: 0; } }
  7340.  
  7341. /**
  7342. * Patch the gap that appear between the two adjacent div.circle-clipper while the
  7343. * spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11).
  7344. */
  7345. .gap-patch {
  7346. position: absolute;
  7347. top: 0;
  7348. left: 45%;
  7349. width: 10%;
  7350. height: 100%;
  7351. overflow: hidden;
  7352. border-color: inherit; }
  7353.  
  7354. .gap-patch .circle {
  7355. width: 1000%;
  7356. left: -450%; }
  7357.  
  7358. .circle-clipper {
  7359. display: inline-block;
  7360. position: relative;
  7361. width: 50%;
  7362. height: 100%;
  7363. overflow: hidden;
  7364. border-color: inherit; }
  7365. .circle-clipper .circle {
  7366. width: 200%;
  7367. height: 100%;
  7368. border-width: 3px;
  7369. /* STROKEWIDTH */
  7370. border-style: solid;
  7371. border-color: inherit;
  7372. border-bottom-color: transparent !important;
  7373. border-radius: 50%;
  7374. -webkit-animation: none;
  7375. animation: none;
  7376. position: absolute;
  7377. top: 0;
  7378. right: 0;
  7379. bottom: 0; }
  7380. .circle-clipper.left .circle {
  7381. left: 0;
  7382. border-right-color: transparent !important;
  7383. -webkit-transform: rotate(129deg);
  7384. transform: rotate(129deg); }
  7385. .circle-clipper.right .circle {
  7386. left: -100%;
  7387. border-left-color: transparent !important;
  7388. -webkit-transform: rotate(-129deg);
  7389. transform: rotate(-129deg); }
  7390.  
  7391. .active .circle-clipper.left .circle {
  7392. /* duration: ARCTIME */
  7393. -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  7394. animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
  7395.  
  7396. .active .circle-clipper.right .circle {
  7397. /* duration: ARCTIME */
  7398. -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  7399. animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
  7400.  
  7401. @-webkit-keyframes left-spin {
  7402. from {
  7403. -webkit-transform: rotate(130deg); }
  7404.  
  7405. 50% {
  7406. -webkit-transform: rotate(-5deg); }
  7407.  
  7408. to {
  7409. -webkit-transform: rotate(130deg); } }
  7410.  
  7411. @keyframes left-spin {
  7412. from {
  7413. transform: rotate(130deg); }
  7414.  
  7415. 50% {
  7416. transform: rotate(-5deg); }
  7417.  
  7418. to {
  7419. transform: rotate(130deg); } }
  7420.  
  7421. @-webkit-keyframes right-spin {
  7422. from {
  7423. -webkit-transform: rotate(-130deg); }
  7424.  
  7425. 50% {
  7426. -webkit-transform: rotate(5deg); }
  7427.  
  7428. to {
  7429. -webkit-transform: rotate(-130deg); } }
  7430.  
  7431. @keyframes right-spin {
  7432. from {
  7433. transform: rotate(-130deg); }
  7434.  
  7435. 50% {
  7436. transform: rotate(5deg); }
  7437.  
  7438. to {
  7439. transform: rotate(-130deg); } }
  7440.  
  7441. #spinnerContainer.cooldown {
  7442. /* duration: SHRINK_TIME */
  7443. -webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
  7444. animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1); }
  7445.  
  7446. @-webkit-keyframes fade-out {
  7447. from {
  7448. opacity: 1; }
  7449.  
  7450. to {
  7451. opacity: 0; } }
  7452.  
  7453. @keyframes fade-out {
  7454. from {
  7455. opacity: 1; }
  7456.  
  7457. to {
  7458. opacity: 0; } }
  7459.  
  7460. .slider {
  7461. position: relative;
  7462. height: 400px;
  7463. width: 100%; }
  7464. .slider.fullscreen {
  7465. height: 100%;
  7466. width: 100%;
  7467. position: absolute;
  7468. top: 0;
  7469. left: 0;
  7470. right: 0;
  7471. bottom: 0; }
  7472. .slider.fullscreen ul.slides {
  7473. height: 100%; }
  7474. .slider.fullscreen ul.indicators {
  7475. z-index: 2;
  7476. bottom: 30px; }
  7477. .slider .slides {
  7478. background-color: #9e9e9e;
  7479. margin: 0;
  7480. height: 400px; }
  7481. .slider .slides li {
  7482. opacity: 0;
  7483. position: absolute;
  7484. top: 0;
  7485. left: 0;
  7486. z-index: 1;
  7487. width: 100%;
  7488. height: inherit;
  7489. overflow: hidden; }
  7490. .slider .slides li img {
  7491. height: 100%;
  7492. width: 100%;
  7493. background-size: cover;
  7494. background-position: center; }
  7495. .slider .slides li .caption {
  7496. color: #fff;
  7497. position: absolute;
  7498. top: 15%;
  7499. left: 15%;
  7500. width: 70%;
  7501. opacity: 0; }
  7502. .slider .slides li .caption p {
  7503. color: #e0e0e0; }
  7504. .slider .slides li.active {
  7505. z-index: 2; }
  7506. .slider .indicators {
  7507. position: absolute;
  7508. text-align: center;
  7509. left: 0;
  7510. right: 0;
  7511. bottom: 0;
  7512. margin: 0; }
  7513. .slider .indicators .indicator-item {
  7514. display: inline-block;
  7515. position: relative;
  7516. cursor: pointer;
  7517. height: 16px;
  7518. width: 16px;
  7519. margin: 0 12px;
  7520. background-color: #e0e0e0;
  7521. -webkit-transition: background-color .3s;
  7522. -moz-transition: background-color .3s;
  7523. -o-transition: background-color .3s;
  7524. -ms-transition: background-color .3s;
  7525. transition: background-color .3s;
  7526. border-radius: 50%; }
  7527. .slider .indicators .indicator-item.active {
  7528. background-color: #4CAF50; }
  7529.  
  7530. /* ==========================================================================
  7531. $BASE-PICKER
  7532. ========================================================================== */
  7533. /**
  7534. * Note: the root picker element should *NOT* be styled more than what's here.
  7535. */
  7536. .picker {
  7537. font-size: 16px;
  7538. text-align: left;
  7539. line-height: 1.2;
  7540. color: #000000;
  7541. position: absolute;
  7542. z-index: 10000;
  7543. -webkit-user-select: none;
  7544. -moz-user-select: none;
  7545. -ms-user-select: none;
  7546. user-select: none; }
  7547.  
  7548. /**
  7549. * The picker input element.
  7550. */
  7551. .picker__input {
  7552. cursor: default; }
  7553.  
  7554. /**
  7555. * When the picker is opened, the input element is "activated".
  7556. */
  7557. .picker__input.picker__input--active {
  7558. border-color: #0089ec; }
  7559.  
  7560. /**
  7561. * The holder is the only "scrollable" top-level container element.
  7562. */
  7563. .picker__holder {
  7564. width: 100%;
  7565. overflow-y: auto;
  7566. -webkit-overflow-scrolling: touch; }
  7567.  
  7568. /*!
  7569. * Default mobile-first, responsive styling for pickadate.js
  7570. * Demo: http://amsul.github.io/pickadate.js
  7571. */
  7572. /**
  7573. * Note: the root picker element should *NOT* be styled more than what's here.
  7574. */
  7575. /**
  7576. * Make the holder and frame fullscreen.
  7577. */
  7578. .picker__holder, .picker__frame {
  7579. bottom: 0;
  7580. left: 0;
  7581. right: 0;
  7582. top: 100%; }
  7583.  
  7584. /**
  7585. * The holder should overlay the entire screen.
  7586. */
  7587. .picker__holder {
  7588. position: fixed;
  7589. -webkit-transition: background 0.15s ease-out, top 0s 0.15s;
  7590. -moz-transition: background 0.15s ease-out, top 0s 0.15s;
  7591. transition: background 0.15s ease-out, top 0s 0.15s;
  7592. -webkit-backface-visibility: hidden; }
  7593.  
  7594. /**
  7595. * The frame that bounds the box contents of the picker.
  7596. */
  7597. .picker__frame {
  7598. position: absolute;
  7599. margin: 0 auto;
  7600. min-width: 256px;
  7601. width: 300px;
  7602. max-height: 350px;
  7603. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  7604. filter: alpha(opacity=0);
  7605. -moz-opacity: 0;
  7606. opacity: 0;
  7607. -webkit-transition: all 0.15s ease-out;
  7608. -moz-transition: all 0.15s ease-out;
  7609. transition: all 0.15s ease-out; }
  7610.  
  7611. @media (min-height: 28.875em) {
  7612. .picker__frame {
  7613. overflow: visible;
  7614. top: auto;
  7615. bottom: -100%;
  7616. max-height: 80%; } }
  7617.  
  7618. @media (min-height: 40.125em) {
  7619. .picker__frame {
  7620. margin-bottom: 7.5%; } }
  7621.  
  7622. /**
  7623. * The wrapper sets the stage to vertically align the box contents.
  7624. */
  7625. .picker__wrap {
  7626. display: table;
  7627. width: 100%;
  7628. height: 100%; }
  7629.  
  7630. @media (min-height: 28.875em) {
  7631. .picker__wrap {
  7632. display: block; } }
  7633.  
  7634. /**
  7635. * The box contains all the picker contents.
  7636. */
  7637. .picker__box {
  7638. background: #ffffff;
  7639. display: table-cell;
  7640. vertical-align: middle; }
  7641.  
  7642. @media (min-height: 28.875em) {
  7643. .picker__box {
  7644. display: block;
  7645. border: 1px solid #777777;
  7646. border-top-color: #898989;
  7647. border-bottom-width: 0;
  7648. -webkit-border-radius: 5px 5px 0 0;
  7649. -moz-border-radius: 5px 5px 0 0;
  7650. border-radius: 5px 5px 0 0;
  7651. -webkit-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
  7652. -moz-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
  7653. box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24); } }
  7654.  
  7655. /**
  7656. * When the picker opens...
  7657. */
  7658. .picker--opened .picker__holder {
  7659. top: 0;
  7660. background: transparent;
  7661. -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
  7662. zoom: 1;
  7663. background: rgba(0, 0, 0, 0.32);
  7664. -webkit-transition: background 0.15s ease-out;
  7665. -moz-transition: background 0.15s ease-out;
  7666. transition: background 0.15s ease-out; }
  7667.  
  7668. .picker--opened .picker__frame {
  7669. top: 0;
  7670. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  7671. filter: alpha(opacity=100);
  7672. -moz-opacity: 1;
  7673. opacity: 1; }
  7674.  
  7675. @media (min-height: 35.875em) {
  7676. .picker--opened .picker__frame {
  7677. top: 10%;
  7678. bottom: 20% auto; } }
  7679.  
  7680. /**
  7681. * For `large` screens, transform into an inline picker.
  7682. */
  7683. /* ==========================================================================
  7684. CUSTOM MATERIALIZE STYLES
  7685. ========================================================================== */
  7686. .picker__input.picker__input--active {
  7687. border-color: #E3F2FD; }
  7688.  
  7689. .picker__frame {
  7690. margin: 0 auto;
  7691. max-width: 325px; }
  7692.  
  7693. @media (min-height: 38.875em) {
  7694. .picker--opened .picker__frame {
  7695. top: 10%;
  7696. bottom: auto; } }
  7697.  
  7698. /* ==========================================================================
  7699. $BASE-DATE-PICKER
  7700. ========================================================================== */
  7701. /**
  7702. * The picker box.
  7703. */
  7704. .picker__box {
  7705. padding: 0 1em; }
  7706.  
  7707. /**
  7708. * The header containing the month and year stuff.
  7709. */
  7710. .picker__header {
  7711. text-align: center;
  7712. position: relative;
  7713. margin-top: .75em; }
  7714.  
  7715. /**
  7716. * The month and year labels.
  7717. */
  7718. .picker__month, .picker__year {
  7719. display: inline-block;
  7720. margin-left: .25em;
  7721. margin-right: .25em; }
  7722.  
  7723. /**
  7724. * The month and year selectors.
  7725. */
  7726. .picker__select--month, .picker__select--year {
  7727. height: 2em;
  7728. padding: 0;
  7729. margin-left: .25em;
  7730. margin-right: .25em; }
  7731.  
  7732. .picker__select--month.browser-default {
  7733. display: inline;
  7734. background-color: #FFFFFF;
  7735. width: 40%; }
  7736.  
  7737. .picker__select--year.browser-default {
  7738. display: inline;
  7739. background-color: #FFFFFF;
  7740. width: 25%; }
  7741.  
  7742. .picker__select--month:focus, .picker__select--year:focus {
  7743. border-color: rgba(0, 0, 0, 0.05); }
  7744.  
  7745. /**
  7746. * The month navigation buttons.
  7747. */
  7748. .picker__nav--prev, .picker__nav--next {
  7749. position: absolute;
  7750. padding: .5em 1.25em;
  7751. width: 1em;
  7752. height: 1em;
  7753. box-sizing: content-box;
  7754. top: -0.25em; }
  7755.  
  7756. .picker__nav--prev {
  7757. left: -1em;
  7758. padding-right: 1.25em; }
  7759.  
  7760. .picker__nav--next {
  7761. right: -1em;
  7762. padding-left: 1.25em; }
  7763.  
  7764. .picker__nav--disabled, .picker__nav--disabled:hover, .picker__nav--disabled:before, .picker__nav--disabled:before:hover {
  7765. cursor: default;
  7766. background: none;
  7767. border-right-color: #f5f5f5;
  7768. border-left-color: #f5f5f5; }
  7769.  
  7770. /**
  7771. * The calendar table of dates
  7772. */
  7773. .picker__table {
  7774. text-align: center;
  7775. border-collapse: collapse;
  7776. border-spacing: 0;
  7777. table-layout: fixed;
  7778. font-size: 1rem;
  7779. width: 100%;
  7780. margin-top: .75em;
  7781. margin-bottom: .5em; }
  7782.  
  7783. .picker__table th, .picker__table td {
  7784. text-align: center; }
  7785.  
  7786. .picker__table td {
  7787. margin: 0;
  7788. padding: 0; }
  7789.  
  7790. /**
  7791. * The weekday labels
  7792. */
  7793. .picker__weekday {
  7794. width: 14.285714286%;
  7795. font-size: .75em;
  7796. padding-bottom: .25em;
  7797. color: #999999;
  7798. font-weight: 500;
  7799. /* Increase the spacing a tad */ }
  7800.  
  7801. @media (min-height: 33.875em) {
  7802. .picker__weekday {
  7803. padding-bottom: .5em; } }
  7804.  
  7805. /**
  7806. * The days on the calendar
  7807. */
  7808. .picker__day--today {
  7809. position: relative;
  7810. color: #595959;
  7811. letter-spacing: -.3;
  7812. padding: .75rem 0;
  7813. font-weight: 400;
  7814. border: 1px solid transparent; }
  7815.  
  7816. .picker__day--disabled:before {
  7817. border-top-color: #aaaaaa; }
  7818.  
  7819. .picker__day--infocus:hover {
  7820. cursor: pointer;
  7821. color: #000;
  7822. font-weight: 500; }
  7823.  
  7824. .picker__day--outfocus {
  7825. display: none;
  7826. padding: .75rem 0;
  7827. color: #fff; }
  7828.  
  7829. .picker__day--outfocus:hover {
  7830. cursor: pointer;
  7831. color: #dddddd;
  7832. font-weight: 500; }
  7833.  
  7834. .picker__day--highlighted:hover, .picker--focused .picker__day--highlighted {
  7835. cursor: pointer; }
  7836.  
  7837. .picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected {
  7838. border-radius: 50%;
  7839. -webkit-transform: scale(.75);
  7840. -moz-transform: scale(.75);
  7841. -ms-transform: scale(.75);
  7842. -o-transform: scale(.75);
  7843. transform: scale(.75);
  7844. background: #0089ec;
  7845. color: #ffffff; }
  7846.  
  7847. .picker__day--disabled, .picker__day--disabled:hover, .picker--focused .picker__day--disabled {
  7848. background: #f5f5f5;
  7849. border-color: #f5f5f5;
  7850. color: #dddddd;
  7851. cursor: default; }
  7852.  
  7853. .picker__day--highlighted.picker__day--disabled, .picker__day--highlighted.picker__day--disabled:hover {
  7854. background: #bbbbbb; }
  7855.  
  7856. /**
  7857. * The footer containing the "today", "clear", and "close" buttons.
  7858. */
  7859. .picker__footer {
  7860. text-align: center;
  7861. display: flex;
  7862. align-items: center;
  7863. justify-content: space-between; }
  7864.  
  7865. .picker__button--today, .picker__button--clear, .picker__button--close {
  7866. border: 1px solid #ffffff;
  7867. background: #ffffff;
  7868. font-size: .8em;
  7869. padding: .66em 0;
  7870. font-weight: bold;
  7871. width: 33%;
  7872. display: inline-block;
  7873. vertical-align: bottom; }
  7874.  
  7875. .picker__button--today:hover, .picker__button--clear:hover, .picker__button--close:hover {
  7876. cursor: pointer;
  7877. color: #000000;
  7878. background: #b1dcfb;
  7879. border-bottom-color: #b1dcfb; }
  7880.  
  7881. .picker__button--today:focus, .picker__button--clear:focus, .picker__button--close:focus {
  7882. background: #b1dcfb;
  7883. border-color: rgba(0, 0, 0, 0.05);
  7884. outline: none; }
  7885.  
  7886. .picker__button--today:before, .picker__button--clear:before, .picker__button--close:before {
  7887. position: relative;
  7888. display: inline-block;
  7889. height: 0; }
  7890.  
  7891. .picker__button--today:before, .picker__button--clear:before {
  7892. content: " ";
  7893. margin-right: .45em; }
  7894.  
  7895. .picker__button--today:before {
  7896. top: -0.05em;
  7897. width: 0;
  7898. border-top: 0.66em solid #0059bc;
  7899. border-left: .66em solid transparent; }
  7900.  
  7901. .picker__button--clear:before {
  7902. top: -0.25em;
  7903. width: .66em;
  7904. border-top: 3px solid #ee2200; }
  7905.  
  7906. .picker__button--close:before {
  7907. content: "\D7";
  7908. top: -0.1em;
  7909. vertical-align: top;
  7910. font-size: 1.1em;
  7911. margin-right: .35em;
  7912. color: #777777; }
  7913.  
  7914. .picker__button--today[disabled], .picker__button--today[disabled]:hover {
  7915. background: #f5f5f5;
  7916. border-color: #f5f5f5;
  7917. color: #dddddd;
  7918. cursor: default; }
  7919.  
  7920. .picker__button--today[disabled]:before {
  7921. border-top-color: #aaaaaa; }
  7922.  
  7923. /* ==========================================================================
  7924. CUSTOM MATERIALIZE STYLES
  7925. ========================================================================== */
  7926. .picker__box {
  7927. border-radius: 2px;
  7928. overflow: hidden; }
  7929.  
  7930. .picker__date-display {
  7931. text-align: center;
  7932. background-color: #26a69a;
  7933. color: #fff;
  7934. padding-bottom: 15px;
  7935. font-weight: 300; }
  7936.  
  7937. .picker__nav--prev:hover, .picker__nav--next:hover {
  7938. cursor: pointer;
  7939. color: #000000;
  7940. background: #a1ded8; }
  7941.  
  7942. .picker__weekday-display {
  7943. background-color: #1f897f;
  7944. padding: 10px;
  7945. font-weight: 200;
  7946. letter-spacing: .5;
  7947. font-size: 1rem;
  7948. margin-bottom: 15px; }
  7949.  
  7950. .picker__month-display {
  7951. text-transform: uppercase;
  7952. font-size: 2rem; }
  7953.  
  7954. .picker__day-display {
  7955. font-size: 4.5rem;
  7956. font-weight: 400; }
  7957.  
  7958. .picker__year-display {
  7959. font-size: 1.8rem;
  7960. color: rgba(255, 255, 255, 0.4); }
  7961.  
  7962. .picker__box {
  7963. padding: 0; }
  7964.  
  7965. .picker__calendar-container {
  7966. padding: 0 1rem; }
  7967. .picker__calendar-container thead {
  7968. border: none; }
  7969.  
  7970. .picker__table {
  7971. margin-top: 0;
  7972. margin-bottom: .5em; }
  7973.  
  7974. .picker__day--infocus {
  7975. color: #595959;
  7976. letter-spacing: -.3;
  7977. padding: .75rem 0;
  7978. font-weight: 400;
  7979. border: 1px solid transparent; }
  7980.  
  7981. .picker__day.picker__day--today {
  7982. color: #26a69a; }
  7983.  
  7984. .picker__day.picker__day--today.picker__day--selected {
  7985. color: #fff; }
  7986.  
  7987. .picker__weekday {
  7988. font-size: .9rem; }
  7989.  
  7990. .picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected {
  7991. border-radius: 50%;
  7992. -webkit-transform: scale(.9);
  7993. -moz-transform: scale(.9);
  7994. -ms-transform: scale(.9);
  7995. -o-transform: scale(.9);
  7996. transform: scale(.9);
  7997. background-color: #26a69a;
  7998. color: #ffffff; }
  7999. .picker__day--selected.picker__day--outfocus, .picker__day--selected:hover.picker__day--outfocus, .picker--focused .picker__day--selected.picker__day--outfocus {
  8000. background-color: #a1ded8; }
  8001.  
  8002. .picker__footer {
  8003. text-align: right;
  8004. padding: 5px 10px; }
  8005.  
  8006. .picker__close, .picker__today {
  8007. font-size: 1.1rem;
  8008. padding: 0 1rem;
  8009. color: #26a69a; }
  8010.  
  8011. .picker__nav--prev:before, .picker__nav--next:before {
  8012. content: " ";
  8013. border-top: .5em solid transparent;
  8014. border-bottom: .5em solid transparent;
  8015. border-right: 0.75em solid #676767;
  8016. width: 0;
  8017. height: 0;
  8018. display: block;
  8019. margin: 0 auto; }
  8020.  
  8021. .picker__nav--next:before {
  8022. border-right: 0;
  8023. border-left: 0.75em solid #676767; }
  8024.  
  8025. button.picker__today:focus, button.picker__clear:focus, button.picker__close:focus {
  8026. background-color: #a1ded8; }
  8027.  
  8028. /* ==========================================================================
  8029. $BASE-TIME-PICKER
  8030. ========================================================================== */
  8031. /**
  8032. * The list of times.
  8033. */
  8034. .picker__list {
  8035. list-style: none;
  8036. padding: 0.75em 0 4.2em;
  8037. margin: 0; }
  8038.  
  8039. /**
  8040. * The times on the clock.
  8041. */
  8042. .picker__list-item {
  8043. border-bottom: 1px solid #dddddd;
  8044. border-top: 1px solid #dddddd;
  8045. margin-bottom: -1px;
  8046. position: relative;
  8047. background: #ffffff;
  8048. padding: .75em 1.25em; }
  8049.  
  8050. @media (min-height: 46.75em) {
  8051. .picker__list-item {
  8052. padding: .5em 1em; } }
  8053.  
  8054. /* Hovered time */
  8055. .picker__list-item:hover {
  8056. cursor: pointer;
  8057. color: #000000;
  8058. background: #b1dcfb;
  8059. border-color: #0089ec;
  8060. z-index: 10; }
  8061.  
  8062. /* Highlighted and hovered/focused time */
  8063. .picker__list-item--highlighted {
  8064. border-color: #0089ec;
  8065. z-index: 10; }
  8066.  
  8067. .picker__list-item--highlighted:hover, .picker--focused .picker__list-item--highlighted {
  8068. cursor: pointer;
  8069. color: #000000;
  8070. background: #b1dcfb; }
  8071.  
  8072. /* Selected and hovered/focused time */
  8073. .picker__list-item--selected, .picker__list-item--selected:hover, .picker--focused .picker__list-item--selected {
  8074. background: #0089ec;
  8075. color: #ffffff;
  8076. z-index: 10; }
  8077.  
  8078. /* Disabled time */
  8079. .picker__list-item--disabled, .picker__list-item--disabled:hover, .picker--focused .picker__list-item--disabled {
  8080. background: #f5f5f5;
  8081. border-color: #f5f5f5;
  8082. color: #dddddd;
  8083. cursor: default;
  8084. border-color: #dddddd;
  8085. z-index: auto; }
  8086.  
  8087. /**
  8088. * The clear button
  8089. */
  8090. .picker--time .picker__button--clear {
  8091. display: block;
  8092. width: 80%;
  8093. margin: 1em auto 0;
  8094. padding: 1em 1.25em;
  8095. background: none;
  8096. border: 0;
  8097. font-weight: 500;
  8098. font-size: .67em;
  8099. text-align: center;
  8100. text-transform: uppercase;
  8101. color: #666; }
  8102.  
  8103. .picker--time .picker__button--clear:hover, .picker--time .picker__button--clear:focus {
  8104. color: #000000;
  8105. background: #b1dcfb;
  8106. background: #ee2200;
  8107. border-color: #ee2200;
  8108. cursor: pointer;
  8109. color: #ffffff;
  8110. outline: none; }
  8111.  
  8112. .picker--time .picker__button--clear:before {
  8113. top: -0.25em;
  8114. color: #666;
  8115. font-size: 1.25em;
  8116. font-weight: bold; }
  8117.  
  8118. .picker--time .picker__button--clear:hover:before, .picker--time .picker__button--clear:focus:before {
  8119. color: #ffffff; }
  8120.  
  8121. /* ==========================================================================
  8122. $DEFAULT-TIME-PICKER
  8123. ========================================================================== */
  8124. /**
  8125. * The frame the bounds the time picker.
  8126. */
  8127. .picker--time .picker__frame {
  8128. min-width: 256px;
  8129. max-width: 320px; }
  8130.  
  8131. /**
  8132. * The picker box.
  8133. */
  8134. .picker--time .picker__box {
  8135. font-size: 1em;
  8136. background: #f2f2f2;
  8137. padding: 0; }
  8138.  
  8139. @media (min-height: 40.125em) {
  8140. .picker--time .picker__box {
  8141. margin-bottom: 5em; } }
  8142.  
  8143. @media only screen and (max-width : 601px) {
  8144. nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
  8145. height: 64px;
  8146. line-height: 64px;
  8147. }
  8148. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement