SHARE
TWEET

materialize.css

ryfan Aug 31st, 2016 53 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /*!
  2.  * Materialize v0.97.5 (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.  
  10. .materialize-red-text.text-lighten-5 {
  11.   color: #fdeaeb !important;
  12. }
  13.  
  14. .materialize-red.lighten-4 {
  15.   background-color: #f8c1c3 !important;
  16. }
  17.  
  18. .materialize-red-text.text-lighten-4 {
  19.   color: #f8c1c3 !important;
  20. }
  21.  
  22. .materialize-red.lighten-3 {
  23.   background-color: #f3989b !important;
  24. }
  25.  
  26. .materialize-red-text.text-lighten-3 {
  27.   color: #f3989b !important;
  28. }
  29.  
  30. .materialize-red.lighten-2 {
  31.   background-color: #ee6e73 !important;
  32. }
  33.  
  34. .materialize-red-text.text-lighten-2 {
  35.   color: #ee6e73 !important;
  36. }
  37.  
  38. .materialize-red.lighten-1 {
  39.   background-color: #ea454b !important;
  40. }
  41.  
  42. .materialize-red-text.text-lighten-1 {
  43.   color: #ea454b !important;
  44. }
  45.  
  46. .materialize-red {
  47.   background-color: #e51c23 !important;
  48. }
  49.  
  50. .materialize-red-text {
  51.   color: #e51c23 !important;
  52. }
  53.  
  54. .materialize-red.darken-1 {
  55.   background-color: #d0181e !important;
  56. }
  57.  
  58. .materialize-red-text.text-darken-1 {
  59.   color: #d0181e !important;
  60. }
  61.  
  62. .materialize-red.darken-2 {
  63.   background-color: #b9151b !important;
  64. }
  65.  
  66. .materialize-red-text.text-darken-2 {
  67.   color: #b9151b !important;
  68. }
  69.  
  70. .materialize-red.darken-3 {
  71.   background-color: #a21318 !important;
  72. }
  73.  
  74. .materialize-red-text.text-darken-3 {
  75.   color: #a21318 !important;
  76. }
  77.  
  78. .materialize-red.darken-4 {
  79.   background-color: #8b1014 !important;
  80. }
  81.  
  82. .materialize-red-text.text-darken-4 {
  83.   color: #8b1014 !important;
  84. }
  85.  
  86. .red.lighten-5 {
  87.   background-color: #FFEBEE !important;
  88. }
  89.  
  90. .red-text.text-lighten-5 {
  91.   color: #FFEBEE !important;
  92. }
  93.  
  94. .red.lighten-4 {
  95.   background-color: #FFCDD2 !important;
  96. }
  97.  
  98. .red-text.text-lighten-4 {
  99.   color: #FFCDD2 !important;
  100. }
  101.  
  102. .red.lighten-3 {
  103.   background-color: #EF9A9A !important;
  104. }
  105.  
  106. .red-text.text-lighten-3 {
  107.   color: #EF9A9A !important;
  108. }
  109.  
  110. .red.lighten-2 {
  111.   background-color: #E57373 !important;
  112. }
  113.  
  114. .red-text.text-lighten-2 {
  115.   color: #E57373 !important;
  116. }
  117.  
  118. .red.lighten-1 {
  119.   background-color: #EF5350 !important;
  120. }
  121.  
  122. .red-text.text-lighten-1 {
  123.   color: #EF5350 !important;
  124. }
  125.  
  126. .red {
  127.   background-color: #F44336 !important;
  128. }
  129.  
  130. .red-text {
  131.   color: #F44336 !important;
  132. }
  133.  
  134. .red.darken-1 {
  135.   background-color: #E53935 !important;
  136. }
  137.  
  138. .red-text.text-darken-1 {
  139.   color: #E53935 !important;
  140. }
  141.  
  142. .red.darken-2 {
  143.   background-color: #D32F2F !important;
  144. }
  145.  
  146. .red-text.text-darken-2 {
  147.   color: #D32F2F !important;
  148. }
  149.  
  150. .red.darken-3 {
  151.   background-color: #C62828 !important;
  152. }
  153.  
  154. .red-text.text-darken-3 {
  155.   color: #C62828 !important;
  156. }
  157.  
  158. .red.darken-4 {
  159.   background-color: #B71C1C !important;
  160. }
  161.  
  162. .red-text.text-darken-4 {
  163.   color: #B71C1C !important;
  164. }
  165.  
  166. .red.accent-1 {
  167.   background-color: #FF8A80 !important;
  168. }
  169.  
  170. .red-text.text-accent-1 {
  171.   color: #FF8A80 !important;
  172. }
  173.  
  174. .red.accent-2 {
  175.   background-color: #FF5252 !important;
  176. }
  177.  
  178. .red-text.text-accent-2 {
  179.   color: #FF5252 !important;
  180. }
  181.  
  182. .red.accent-3 {
  183.   background-color: #FF1744 !important;
  184. }
  185.  
  186. .red-text.text-accent-3 {
  187.   color: #FF1744 !important;
  188. }
  189.  
  190. .red.accent-4 {
  191.   background-color: #D50000 !important;
  192. }
  193.  
  194. .red-text.text-accent-4 {
  195.   color: #D50000 !important;
  196. }
  197.  
  198. .pink.lighten-5 {
  199.   background-color: #fce4ec !important;
  200. }
  201.  
  202. .pink-text.text-lighten-5 {
  203.   color: #fce4ec !important;
  204. }
  205.  
  206. .pink.lighten-4 {
  207.   background-color: #f8bbd0 !important;
  208. }
  209.  
  210. .pink-text.text-lighten-4 {
  211.   color: #f8bbd0 !important;
  212. }
  213.  
  214. .pink.lighten-3 {
  215.   background-color: #f48fb1 !important;
  216. }
  217.  
  218. .pink-text.text-lighten-3 {
  219.   color: #f48fb1 !important;
  220. }
  221.  
  222. .pink.lighten-2 {
  223.   background-color: #f06292 !important;
  224. }
  225.  
  226. .pink-text.text-lighten-2 {
  227.   color: #f06292 !important;
  228. }
  229.  
  230. .pink.lighten-1 {
  231.   background-color: #ec407a !important;
  232. }
  233.  
  234. .pink-text.text-lighten-1 {
  235.   color: #ec407a !important;
  236. }
  237.  
  238. .pink {
  239.   background-color: #e91e63 !important;
  240. }
  241.  
  242. .pink-text {
  243.   color: #e91e63 !important;
  244. }
  245.  
  246. .pink.darken-1 {
  247.   background-color: #d81b60 !important;
  248. }
  249.  
  250. .pink-text.text-darken-1 {
  251.   color: #d81b60 !important;
  252. }
  253.  
  254. .pink.darken-2 {
  255.   background-color: #c2185b !important;
  256. }
  257.  
  258. .pink-text.text-darken-2 {
  259.   color: #c2185b !important;
  260. }
  261.  
  262. .pink.darken-3 {
  263.   background-color: #ad1457 !important;
  264. }
  265.  
  266. .pink-text.text-darken-3 {
  267.   color: #ad1457 !important;
  268. }
  269.  
  270. .pink.darken-4 {
  271.   background-color: #880e4f !important;
  272. }
  273.  
  274. .pink-text.text-darken-4 {
  275.   color: #880e4f !important;
  276. }
  277.  
  278. .pink.accent-1 {
  279.   background-color: #ff80ab !important;
  280. }
  281.  
  282. .pink-text.text-accent-1 {
  283.   color: #ff80ab !important;
  284. }
  285.  
  286. .pink.accent-2 {
  287.   background-color: #ff4081 !important;
  288. }
  289.  
  290. .pink-text.text-accent-2 {
  291.   color: #ff4081 !important;
  292. }
  293.  
  294. .pink.accent-3 {
  295.   background-color: #f50057 !important;
  296. }
  297.  
  298. .pink-text.text-accent-3 {
  299.   color: #f50057 !important;
  300. }
  301.  
  302. .pink.accent-4 {
  303.   background-color: #c51162 !important;
  304. }
  305.  
  306. .pink-text.text-accent-4 {
  307.   color: #c51162 !important;
  308. }
  309.  
  310. .purple.lighten-5 {
  311.   background-color: #f3e5f5 !important;
  312. }
  313.  
  314. .purple-text.text-lighten-5 {
  315.   color: #f3e5f5 !important;
  316. }
  317.  
  318. .purple.lighten-4 {
  319.   background-color: #e1bee7 !important;
  320. }
  321.  
  322. .purple-text.text-lighten-4 {
  323.   color: #e1bee7 !important;
  324. }
  325.  
  326. .purple.lighten-3 {
  327.   background-color: #ce93d8 !important;
  328. }
  329.  
  330. .purple-text.text-lighten-3 {
  331.   color: #ce93d8 !important;
  332. }
  333.  
  334. .purple.lighten-2 {
  335.   background-color: #ba68c8 !important;
  336. }
  337.  
  338. .purple-text.text-lighten-2 {
  339.   color: #ba68c8 !important;
  340. }
  341.  
  342. .purple.lighten-1 {
  343.   background-color: #ab47bc !important;
  344. }
  345.  
  346. .purple-text.text-lighten-1 {
  347.   color: #ab47bc !important;
  348. }
  349.  
  350. .purple {
  351.   background-color: #9c27b0 !important;
  352. }
  353.  
  354. .purple-text {
  355.   color: #9c27b0 !important;
  356. }
  357.  
  358. .purple.darken-1 {
  359.   background-color: #8e24aa !important;
  360. }
  361.  
  362. .purple-text.text-darken-1 {
  363.   color: #8e24aa !important;
  364. }
  365.  
  366. .purple.darken-2 {
  367.   background-color: #7b1fa2 !important;
  368. }
  369.  
  370. .purple-text.text-darken-2 {
  371.   color: #7b1fa2 !important;
  372. }
  373.  
  374. .purple.darken-3 {
  375.   background-color: #6a1b9a !important;
  376. }
  377.  
  378. .purple-text.text-darken-3 {
  379.   color: #6a1b9a !important;
  380. }
  381.  
  382. .purple.darken-4 {
  383.   background-color: #4a148c !important;
  384. }
  385.  
  386. .purple-text.text-darken-4 {
  387.   color: #4a148c !important;
  388. }
  389.  
  390. .purple.accent-1 {
  391.   background-color: #ea80fc !important;
  392. }
  393.  
  394. .purple-text.text-accent-1 {
  395.   color: #ea80fc !important;
  396. }
  397.  
  398. .purple.accent-2 {
  399.   background-color: #e040fb !important;
  400. }
  401.  
  402. .purple-text.text-accent-2 {
  403.   color: #e040fb !important;
  404. }
  405.  
  406. .purple.accent-3 {
  407.   background-color: #d500f9 !important;
  408. }
  409.  
  410. .purple-text.text-accent-3 {
  411.   color: #d500f9 !important;
  412. }
  413.  
  414. .purple.accent-4 {
  415.   background-color: #aa00ff !important;
  416. }
  417.  
  418. .purple-text.text-accent-4 {
  419.   color: #aa00ff !important;
  420. }
  421.  
  422. .deep-purple.lighten-5 {
  423.   background-color: #ede7f6 !important;
  424. }
  425.  
  426. .deep-purple-text.text-lighten-5 {
  427.   color: #ede7f6 !important;
  428. }
  429.  
  430. .deep-purple.lighten-4 {
  431.   background-color: #d1c4e9 !important;
  432. }
  433.  
  434. .deep-purple-text.text-lighten-4 {
  435.   color: #d1c4e9 !important;
  436. }
  437.  
  438. .deep-purple.lighten-3 {
  439.   background-color: #b39ddb !important;
  440. }
  441.  
  442. .deep-purple-text.text-lighten-3 {
  443.   color: #b39ddb !important;
  444. }
  445.  
  446. .deep-purple.lighten-2 {
  447.   background-color: #9575cd !important;
  448. }
  449.  
  450. .deep-purple-text.text-lighten-2 {
  451.   color: #9575cd !important;
  452. }
  453.  
  454. .deep-purple.lighten-1 {
  455.   background-color: #7e57c2 !important;
  456. }
  457.  
  458. .deep-purple-text.text-lighten-1 {
  459.   color: #7e57c2 !important;
  460. }
  461.  
  462. .deep-purple {
  463.   background-color: #673ab7 !important;
  464. }
  465.  
  466. .deep-purple-text {
  467.   color: #673ab7 !important;
  468. }
  469.  
  470. .deep-purple.darken-1 {
  471.   background-color: #5e35b1 !important;
  472. }
  473.  
  474. .deep-purple-text.text-darken-1 {
  475.   color: #5e35b1 !important;
  476. }
  477.  
  478. .deep-purple.darken-2 {
  479.   background-color: #512da8 !important;
  480. }
  481.  
  482. .deep-purple-text.text-darken-2 {
  483.   color: #512da8 !important;
  484. }
  485.  
  486. .deep-purple.darken-3 {
  487.   background-color: #4527a0 !important;
  488. }
  489.  
  490. .deep-purple-text.text-darken-3 {
  491.   color: #4527a0 !important;
  492. }
  493.  
  494. .deep-purple.darken-4 {
  495.   background-color: #311b92 !important;
  496. }
  497.  
  498. .deep-purple-text.text-darken-4 {
  499.   color: #311b92 !important;
  500. }
  501.  
  502. .deep-purple.accent-1 {
  503.   background-color: #b388ff !important;
  504. }
  505.  
  506. .deep-purple-text.text-accent-1 {
  507.   color: #b388ff !important;
  508. }
  509.  
  510. .deep-purple.accent-2 {
  511.   background-color: #7c4dff !important;
  512. }
  513.  
  514. .deep-purple-text.text-accent-2 {
  515.   color: #7c4dff !important;
  516. }
  517.  
  518. .deep-purple.accent-3 {
  519.   background-color: #651fff !important;
  520. }
  521.  
  522. .deep-purple-text.text-accent-3 {
  523.   color: #651fff !important;
  524. }
  525.  
  526. .deep-purple.accent-4 {
  527.   background-color: #6200ea !important;
  528. }
  529.  
  530. .deep-purple-text.text-accent-4 {
  531.   color: #6200ea !important;
  532. }
  533.  
  534. .indigo.lighten-5 {
  535.   background-color: #e8eaf6 !important;
  536. }
  537.  
  538. .indigo-text.text-lighten-5 {
  539.   color: #e8eaf6 !important;
  540. }
  541.  
  542. .indigo.lighten-4 {
  543.   background-color: #c5cae9 !important;
  544. }
  545.  
  546. .indigo-text.text-lighten-4 {
  547.   color: #c5cae9 !important;
  548. }
  549.  
  550. .indigo.lighten-3 {
  551.   background-color: #9fa8da !important;
  552. }
  553.  
  554. .indigo-text.text-lighten-3 {
  555.   color: #9fa8da !important;
  556. }
  557.  
  558. .indigo.lighten-2 {
  559.   background-color: #7986cb !important;
  560. }
  561.  
  562. .indigo-text.text-lighten-2 {
  563.   color: #7986cb !important;
  564. }
  565.  
  566. .indigo.lighten-1 {
  567.   background-color: #5c6bc0 !important;
  568. }
  569.  
  570. .indigo-text.text-lighten-1 {
  571.   color: #5c6bc0 !important;
  572. }
  573.  
  574. .indigo {
  575.   background-color: #3f51b5 !important;
  576. }
  577.  
  578. .indigo-text {
  579.   color: #3f51b5 !important;
  580. }
  581.  
  582. .indigo.darken-1 {
  583.   background-color: #3949ab !important;
  584. }
  585.  
  586. .indigo-text.text-darken-1 {
  587.   color: #3949ab !important;
  588. }
  589.  
  590. .indigo.darken-2 {
  591.   background-color: #303f9f !important;
  592. }
  593.  
  594. .indigo-text.text-darken-2 {
  595.   color: #303f9f !important;
  596. }
  597.  
  598. .indigo.darken-3 {
  599.   background-color: #283593 !important;
  600. }
  601.  
  602. .indigo-text.text-darken-3 {
  603.   color: #283593 !important;
  604. }
  605.  
  606. .indigo.darken-4 {
  607.   background-color: #1a237e !important;
  608. }
  609.  
  610. .indigo-text.text-darken-4 {
  611.   color: #1a237e !important;
  612. }
  613.  
  614. .indigo.accent-1 {
  615.   background-color: #8c9eff !important;
  616. }
  617.  
  618. .indigo-text.text-accent-1 {
  619.   color: #8c9eff !important;
  620. }
  621.  
  622. .indigo.accent-2 {
  623.   background-color: #536dfe !important;
  624. }
  625.  
  626. .indigo-text.text-accent-2 {
  627.   color: #536dfe !important;
  628. }
  629.  
  630. .indigo.accent-3 {
  631.   background-color: #3d5afe !important;
  632. }
  633.  
  634. .indigo-text.text-accent-3 {
  635.   color: #3d5afe !important;
  636. }
  637.  
  638. .indigo.accent-4 {
  639.   background-color: #304ffe !important;
  640. }
  641.  
  642. .indigo-text.text-accent-4 {
  643.   color: #304ffe !important;
  644. }
  645.  
  646. .blue.lighten-5 {
  647.   background-color: #E3F2FD !important;
  648. }
  649.  
  650. .blue-text.text-lighten-5 {
  651.   color: #E3F2FD !important;
  652. }
  653.  
  654. .blue.lighten-4 {
  655.   background-color: #BBDEFB !important;
  656. }
  657.  
  658. .blue-text.text-lighten-4 {
  659.   color: #BBDEFB !important;
  660. }
  661.  
  662. .blue.lighten-3 {
  663.   background-color: #90CAF9 !important;
  664. }
  665.  
  666. .blue-text.text-lighten-3 {
  667.   color: #90CAF9 !important;
  668. }
  669.  
  670. .blue.lighten-2 {
  671.   background-color: #64B5F6 !important;
  672. }
  673.  
  674. .blue-text.text-lighten-2 {
  675.   color: #64B5F6 !important;
  676. }
  677.  
  678. .blue.lighten-1 {
  679.   background-color: #42A5F5 !important;
  680. }
  681.  
  682. .blue-text.text-lighten-1 {
  683.   color: #42A5F5 !important;
  684. }
  685.  
  686. .blue {
  687.   background-color: #2196F3 !important;
  688. }
  689.  
  690. .blue-text {
  691.   color: #2196F3 !important;
  692. }
  693.  
  694. .blue.darken-1 {
  695.   background-color: #1E88E5 !important;
  696. }
  697.  
  698. .blue-text.text-darken-1 {
  699.   color: #1E88E5 !important;
  700. }
  701.  
  702. .blue.darken-2 {
  703.   background-color: #1976D2 !important;
  704. }
  705.  
  706. .blue-text.text-darken-2 {
  707.   color: #1976D2 !important;
  708. }
  709.  
  710. .blue.darken-3 {
  711.   background-color: #1565C0 !important;
  712. }
  713.  
  714. .blue-text.text-darken-3 {
  715.   color: #1565C0 !important;
  716. }
  717.  
  718. .blue.darken-4 {
  719.   background-color: #0D47A1 !important;
  720. }
  721.  
  722. .blue-text.text-darken-4 {
  723.   color: #0D47A1 !important;
  724. }
  725.  
  726. .blue.accent-1 {
  727.   background-color: #82B1FF !important;
  728. }
  729.  
  730. .blue-text.text-accent-1 {
  731.   color: #82B1FF !important;
  732. }
  733.  
  734. .blue.accent-2 {
  735.   background-color: #448AFF !important;
  736. }
  737.  
  738. .blue-text.text-accent-2 {
  739.   color: #448AFF !important;
  740. }
  741.  
  742. .blue.accent-3 {
  743.   background-color: #2979FF !important;
  744. }
  745.  
  746. .blue-text.text-accent-3 {
  747.   color: #2979FF !important;
  748. }
  749.  
  750. .blue.accent-4 {
  751.   background-color: #2962FF !important;
  752. }
  753.  
  754. .blue-text.text-accent-4 {
  755.   color: #2962FF !important;
  756. }
  757.  
  758. .light-blue.lighten-5 {
  759.   background-color: #e1f5fe !important;
  760. }
  761.  
  762. .light-blue-text.text-lighten-5 {
  763.   color: #e1f5fe !important;
  764. }
  765.  
  766. .light-blue.lighten-4 {
  767.   background-color: #b3e5fc !important;
  768. }
  769.  
  770. .light-blue-text.text-lighten-4 {
  771.   color: #b3e5fc !important;
  772. }
  773.  
  774. .light-blue.lighten-3 {
  775.   background-color: #81d4fa !important;
  776. }
  777.  
  778. .light-blue-text.text-lighten-3 {
  779.   color: #81d4fa !important;
  780. }
  781.  
  782. .light-blue.lighten-2 {
  783.   background-color: #4fc3f7 !important;
  784. }
  785.  
  786. .light-blue-text.text-lighten-2 {
  787.   color: #4fc3f7 !important;
  788. }
  789.  
  790. .light-blue.lighten-1 {
  791.   background-color: #29b6f6 !important;
  792. }
  793.  
  794. .light-blue-text.text-lighten-1 {
  795.   color: #29b6f6 !important;
  796. }
  797.  
  798. .light-blue {
  799.   background-color: #03a9f4 !important;
  800. }
  801.  
  802. .light-blue-text {
  803.   color: #03a9f4 !important;
  804. }
  805.  
  806. .light-blue.darken-1 {
  807.   background-color: #039be5 !important;
  808. }
  809.  
  810. .light-blue-text.text-darken-1 {
  811.   color: #039be5 !important;
  812. }
  813.  
  814. .light-blue.darken-2 {
  815.   background-color: #0288d1 !important;
  816. }
  817.  
  818. .light-blue-text.text-darken-2 {
  819.   color: #0288d1 !important;
  820. }
  821.  
  822. .light-blue.darken-3 {
  823.   background-color: #0277bd !important;
  824. }
  825.  
  826. .light-blue-text.text-darken-3 {
  827.   color: #0277bd !important;
  828. }
  829.  
  830. .light-blue.darken-4 {
  831.   background-color: #01579b !important;
  832. }
  833.  
  834. .light-blue-text.text-darken-4 {
  835.   color: #01579b !important;
  836. }
  837.  
  838. .light-blue.accent-1 {
  839.   background-color: #80d8ff !important;
  840. }
  841.  
  842. .light-blue-text.text-accent-1 {
  843.   color: #80d8ff !important;
  844. }
  845.  
  846. .light-blue.accent-2 {
  847.   background-color: #40c4ff !important;
  848. }
  849.  
  850. .light-blue-text.text-accent-2 {
  851.   color: #40c4ff !important;
  852. }
  853.  
  854. .light-blue.accent-3 {
  855.   background-color: #00b0ff !important;
  856. }
  857.  
  858. .light-blue-text.text-accent-3 {
  859.   color: #00b0ff !important;
  860. }
  861.  
  862. .light-blue.accent-4 {
  863.   background-color: #0091ea !important;
  864. }
  865.  
  866. .light-blue-text.text-accent-4 {
  867.   color: #0091ea !important;
  868. }
  869.  
  870. .cyan.lighten-5 {
  871.   background-color: #e0f7fa !important;
  872. }
  873.  
  874. .cyan-text.text-lighten-5 {
  875.   color: #e0f7fa !important;
  876. }
  877.  
  878. .cyan.lighten-4 {
  879.   background-color: #b2ebf2 !important;
  880. }
  881.  
  882. .cyan-text.text-lighten-4 {
  883.   color: #b2ebf2 !important;
  884. }
  885.  
  886. .cyan.lighten-3 {
  887.   background-color: #80deea !important;
  888. }
  889.  
  890. .cyan-text.text-lighten-3 {
  891.   color: #80deea !important;
  892. }
  893.  
  894. .cyan.lighten-2 {
  895.   background-color: #4dd0e1 !important;
  896. }
  897.  
  898. .cyan-text.text-lighten-2 {
  899.   color: #4dd0e1 !important;
  900. }
  901.  
  902. .cyan.lighten-1 {
  903.   background-color: #26c6da !important;
  904. }
  905.  
  906. .cyan-text.text-lighten-1 {
  907.   color: #26c6da !important;
  908. }
  909.  
  910. .cyan {
  911.   background-color: #00bcd4 !important;
  912. }
  913.  
  914. .cyan-text {
  915.   color: #00bcd4 !important;
  916. }
  917.  
  918. .cyan.darken-1 {
  919.   background-color: #00acc1 !important;
  920. }
  921.  
  922. .cyan-text.text-darken-1 {
  923.   color: #00acc1 !important;
  924. }
  925.  
  926. .cyan.darken-2 {
  927.   background-color: #0097a7 !important;
  928. }
  929.  
  930. .cyan-text.text-darken-2 {
  931.   color: #0097a7 !important;
  932. }
  933.  
  934. .cyan.darken-3 {
  935.   background-color: #00838f !important;
  936. }
  937.  
  938. .cyan-text.text-darken-3 {
  939.   color: #00838f !important;
  940. }
  941.  
  942. .cyan.darken-4 {
  943.   background-color: #006064 !important;
  944. }
  945.  
  946. .cyan-text.text-darken-4 {
  947.   color: #006064 !important;
  948. }
  949.  
  950. .cyan.accent-1 {
  951.   background-color: #84ffff !important;
  952. }
  953.  
  954. .cyan-text.text-accent-1 {
  955.   color: #84ffff !important;
  956. }
  957.  
  958. .cyan.accent-2 {
  959.   background-color: #18ffff !important;
  960. }
  961.  
  962. .cyan-text.text-accent-2 {
  963.   color: #18ffff !important;
  964. }
  965.  
  966. .cyan.accent-3 {
  967.   background-color: #00e5ff !important;
  968. }
  969.  
  970. .cyan-text.text-accent-3 {
  971.   color: #00e5ff !important;
  972. }
  973.  
  974. .cyan.accent-4 {
  975.   background-color: #00b8d4 !important;
  976. }
  977.  
  978. .cyan-text.text-accent-4 {
  979.   color: #00b8d4 !important;
  980. }
  981.  
  982. .teal.lighten-5 {
  983.   background-color: #e0f2f1 !important;
  984. }
  985.  
  986. .teal-text.text-lighten-5 {
  987.   color: #e0f2f1 !important;
  988. }
  989.  
  990. .teal.lighten-4 {
  991.   background-color: #b2dfdb !important;
  992. }
  993.  
  994. .teal-text.text-lighten-4 {
  995.   color: #b2dfdb !important;
  996. }
  997.  
  998. .teal.lighten-3 {
  999.   background-color: #80cbc4 !important;
  1000. }
  1001.  
  1002. .teal-text.text-lighten-3 {
  1003.   color: #80cbc4 !important;
  1004. }
  1005.  
  1006. .teal.lighten-2 {
  1007.   background-color: #4db6ac !important;
  1008. }
  1009.  
  1010. .teal-text.text-lighten-2 {
  1011.   color: #4db6ac !important;
  1012. }
  1013.  
  1014. .teal.lighten-1 {
  1015.   background-color: #26a69a !important;
  1016. }
  1017.  
  1018. .teal-text.text-lighten-1 {
  1019.   color: #26a69a !important;
  1020. }
  1021.  
  1022. .teal {
  1023.   background-color: #009688 !important;
  1024. }
  1025.  
  1026. .teal-text {
  1027.   color: #009688 !important;
  1028. }
  1029.  
  1030. .teal.darken-1 {
  1031.   background-color: #00897b !important;
  1032. }
  1033.  
  1034. .teal-text.text-darken-1 {
  1035.   color: #00897b !important;
  1036. }
  1037.  
  1038. .teal.darken-2 {
  1039.   background-color: #00796b !important;
  1040. }
  1041.  
  1042. .teal-text.text-darken-2 {
  1043.   color: #00796b !important;
  1044. }
  1045.  
  1046. .teal.darken-3 {
  1047.   background-color: #00695c !important;
  1048. }
  1049.  
  1050. .teal-text.text-darken-3 {
  1051.   color: #00695c !important;
  1052. }
  1053.  
  1054. .teal.darken-4 {
  1055.   background-color: #004d40 !important;
  1056. }
  1057.  
  1058. .teal-text.text-darken-4 {
  1059.   color: #004d40 !important;
  1060. }
  1061.  
  1062. .teal.accent-1 {
  1063.   background-color: #a7ffeb !important;
  1064. }
  1065.  
  1066. .teal-text.text-accent-1 {
  1067.   color: #a7ffeb !important;
  1068. }
  1069.  
  1070. .teal.accent-2 {
  1071.   background-color: #64ffda !important;
  1072. }
  1073.  
  1074. .teal-text.text-accent-2 {
  1075.   color: #64ffda !important;
  1076. }
  1077.  
  1078. .teal.accent-3 {
  1079.   background-color: #1de9b6 !important;
  1080. }
  1081.  
  1082. .teal-text.text-accent-3 {
  1083.   color: #1de9b6 !important;
  1084. }
  1085.  
  1086. .teal.accent-4 {
  1087.   background-color: #00bfa5 !important;
  1088. }
  1089.  
  1090. .teal-text.text-accent-4 {
  1091.   color: #00bfa5 !important;
  1092. }
  1093.  
  1094. .green.lighten-5 {
  1095.   background-color: #E8F5E9 !important;
  1096. }
  1097.  
  1098. .green-text.text-lighten-5 {
  1099.   color: #E8F5E9 !important;
  1100. }
  1101.  
  1102. .green.lighten-4 {
  1103.   background-color: #C8E6C9 !important;
  1104. }
  1105.  
  1106. .green-text.text-lighten-4 {
  1107.   color: #C8E6C9 !important;
  1108. }
  1109.  
  1110. .green.lighten-3 {
  1111.   background-color: #A5D6A7 !important;
  1112. }
  1113.  
  1114. .green-text.text-lighten-3 {
  1115.   color: #A5D6A7 !important;
  1116. }
  1117.  
  1118. .green.lighten-2 {
  1119.   background-color: #81C784 !important;
  1120. }
  1121.  
  1122. .green-text.text-lighten-2 {
  1123.   color: #81C784 !important;
  1124. }
  1125.  
  1126. .green.lighten-1 {
  1127.   background-color: #66BB6A !important;
  1128. }
  1129.  
  1130. .green-text.text-lighten-1 {
  1131.   color: #66BB6A !important;
  1132. }
  1133.  
  1134. .green {
  1135.   background-color: #4CAF50 !important;
  1136. }
  1137.  
  1138. .green-text {
  1139.   color: #4CAF50 !important;
  1140. }
  1141.  
  1142. .green.darken-1 {
  1143.   background-color: #43A047 !important;
  1144. }
  1145.  
  1146. .green-text.text-darken-1 {
  1147.   color: #43A047 !important;
  1148. }
  1149.  
  1150. .green.darken-2 {
  1151.   background-color: #388E3C !important;
  1152. }
  1153.  
  1154. .green-text.text-darken-2 {
  1155.   color: #388E3C !important;
  1156. }
  1157.  
  1158. .green.darken-3 {
  1159.   background-color: #2E7D32 !important;
  1160. }
  1161.  
  1162. .green-text.text-darken-3 {
  1163.   color: #2E7D32 !important;
  1164. }
  1165.  
  1166. .green.darken-4 {
  1167.   background-color: #1B5E20 !important;
  1168. }
  1169.  
  1170. .green-text.text-darken-4 {
  1171.   color: #1B5E20 !important;
  1172. }
  1173.  
  1174. .green.accent-1 {
  1175.   background-color: #B9F6CA !important;
  1176. }
  1177.  
  1178. .green-text.text-accent-1 {
  1179.   color: #B9F6CA !important;
  1180. }
  1181.  
  1182. .green.accent-2 {
  1183.   background-color: #69F0AE !important;
  1184. }
  1185.  
  1186. .green-text.text-accent-2 {
  1187.   color: #69F0AE !important;
  1188. }
  1189.  
  1190. .green.accent-3 {
  1191.   background-color: #00E676 !important;
  1192. }
  1193.  
  1194. .green-text.text-accent-3 {
  1195.   color: #00E676 !important;
  1196. }
  1197.  
  1198. .green.accent-4 {
  1199.   background-color: #00C853 !important;
  1200. }
  1201.  
  1202. .green-text.text-accent-4 {
  1203.   color: #00C853 !important;
  1204. }
  1205.  
  1206. .light-green.lighten-5 {
  1207.   background-color: #f1f8e9 !important;
  1208. }
  1209.  
  1210. .light-green-text.text-lighten-5 {
  1211.   color: #f1f8e9 !important;
  1212. }
  1213.  
  1214. .light-green.lighten-4 {
  1215.   background-color: #dcedc8 !important;
  1216. }
  1217.  
  1218. .light-green-text.text-lighten-4 {
  1219.   color: #dcedc8 !important;
  1220. }
  1221.  
  1222. .light-green.lighten-3 {
  1223.   background-color: #c5e1a5 !important;
  1224. }
  1225.  
  1226. .light-green-text.text-lighten-3 {
  1227.   color: #c5e1a5 !important;
  1228. }
  1229.  
  1230. .light-green.lighten-2 {
  1231.   background-color: #aed581 !important;
  1232. }
  1233.  
  1234. .light-green-text.text-lighten-2 {
  1235.   color: #aed581 !important;
  1236. }
  1237.  
  1238. .light-green.lighten-1 {
  1239.   background-color: #9ccc65 !important;
  1240. }
  1241.  
  1242. .light-green-text.text-lighten-1 {
  1243.   color: #9ccc65 !important;
  1244. }
  1245.  
  1246. .light-green {
  1247.   background-color: #8bc34a !important;
  1248. }
  1249.  
  1250. .light-green-text {
  1251.   color: #8bc34a !important;
  1252. }
  1253.  
  1254. .light-green.darken-1 {
  1255.   background-color: #7cb342 !important;
  1256. }
  1257.  
  1258. .light-green-text.text-darken-1 {
  1259.   color: #7cb342 !important;
  1260. }
  1261.  
  1262. .light-green.darken-2 {
  1263.   background-color: #689f38 !important;
  1264. }
  1265.  
  1266. .light-green-text.text-darken-2 {
  1267.   color: #689f38 !important;
  1268. }
  1269.  
  1270. .light-green.darken-3 {
  1271.   background-color: #558b2f !important;
  1272. }
  1273.  
  1274. .light-green-text.text-darken-3 {
  1275.   color: #558b2f !important;
  1276. }
  1277.  
  1278. .light-green.darken-4 {
  1279.   background-color: #33691e !important;
  1280. }
  1281.  
  1282. .light-green-text.text-darken-4 {
  1283.   color: #33691e !important;
  1284. }
  1285.  
  1286. .light-green.accent-1 {
  1287.   background-color: #ccff90 !important;
  1288. }
  1289.  
  1290. .light-green-text.text-accent-1 {
  1291.   color: #ccff90 !important;
  1292. }
  1293.  
  1294. .light-green.accent-2 {
  1295.   background-color: #b2ff59 !important;
  1296. }
  1297.  
  1298. .light-green-text.text-accent-2 {
  1299.   color: #b2ff59 !important;
  1300. }
  1301.  
  1302. .light-green.accent-3 {
  1303.   background-color: #76ff03 !important;
  1304. }
  1305.  
  1306. .light-green-text.text-accent-3 {
  1307.   color: #76ff03 !important;
  1308. }
  1309.  
  1310. .light-green.accent-4 {
  1311.   background-color: #64dd17 !important;
  1312. }
  1313.  
  1314. .light-green-text.text-accent-4 {
  1315.   color: #64dd17 !important;
  1316. }
  1317.  
  1318. .lime.lighten-5 {
  1319.   background-color: #f9fbe7 !important;
  1320. }
  1321.  
  1322. .lime-text.text-lighten-5 {
  1323.   color: #f9fbe7 !important;
  1324. }
  1325.  
  1326. .lime.lighten-4 {
  1327.   background-color: #f0f4c3 !important;
  1328. }
  1329.  
  1330. .lime-text.text-lighten-4 {
  1331.   color: #f0f4c3 !important;
  1332. }
  1333.  
  1334. .lime.lighten-3 {
  1335.   background-color: #e6ee9c !important;
  1336. }
  1337.  
  1338. .lime-text.text-lighten-3 {
  1339.   color: #e6ee9c !important;
  1340. }
  1341.  
  1342. .lime.lighten-2 {
  1343.   background-color: #dce775 !important;
  1344. }
  1345.  
  1346. .lime-text.text-lighten-2 {
  1347.   color: #dce775 !important;
  1348. }
  1349.  
  1350. .lime.lighten-1 {
  1351.   background-color: #d4e157 !important;
  1352. }
  1353.  
  1354. .lime-text.text-lighten-1 {
  1355.   color: #d4e157 !important;
  1356. }
  1357.  
  1358. .lime {
  1359.   background-color: #cddc39 !important;
  1360. }
  1361.  
  1362. .lime-text {
  1363.   color: #cddc39 !important;
  1364. }
  1365.  
  1366. .lime.darken-1 {
  1367.   background-color: #c0ca33 !important;
  1368. }
  1369.  
  1370. .lime-text.text-darken-1 {
  1371.   color: #c0ca33 !important;
  1372. }
  1373.  
  1374. .lime.darken-2 {
  1375.   background-color: #afb42b !important;
  1376. }
  1377.  
  1378. .lime-text.text-darken-2 {
  1379.   color: #afb42b !important;
  1380. }
  1381.  
  1382. .lime.darken-3 {
  1383.   background-color: #9e9d24 !important;
  1384. }
  1385.  
  1386. .lime-text.text-darken-3 {
  1387.   color: #9e9d24 !important;
  1388. }
  1389.  
  1390. .lime.darken-4 {
  1391.   background-color: #827717 !important;
  1392. }
  1393.  
  1394. .lime-text.text-darken-4 {
  1395.   color: #827717 !important;
  1396. }
  1397.  
  1398. .lime.accent-1 {
  1399.   background-color: #f4ff81 !important;
  1400. }
  1401.  
  1402. .lime-text.text-accent-1 {
  1403.   color: #f4ff81 !important;
  1404. }
  1405.  
  1406. .lime.accent-2 {
  1407.   background-color: #eeff41 !important;
  1408. }
  1409.  
  1410. .lime-text.text-accent-2 {
  1411.   color: #eeff41 !important;
  1412. }
  1413.  
  1414. .lime.accent-3 {
  1415.   background-color: #c6ff00 !important;
  1416. }
  1417.  
  1418. .lime-text.text-accent-3 {
  1419.   color: #c6ff00 !important;
  1420. }
  1421.  
  1422. .lime.accent-4 {
  1423.   background-color: #aeea00 !important;
  1424. }
  1425.  
  1426. .lime-text.text-accent-4 {
  1427.   color: #aeea00 !important;
  1428. }
  1429.  
  1430. .yellow.lighten-5 {
  1431.   background-color: #fffde7 !important;
  1432. }
  1433.  
  1434. .yellow-text.text-lighten-5 {
  1435.   color: #fffde7 !important;
  1436. }
  1437.  
  1438. .yellow.lighten-4 {
  1439.   background-color: #fff9c4 !important;
  1440. }
  1441.  
  1442. .yellow-text.text-lighten-4 {
  1443.   color: #fff9c4 !important;
  1444. }
  1445.  
  1446. .yellow.lighten-3 {
  1447.   background-color: #fff59d !important;
  1448. }
  1449.  
  1450. .yellow-text.text-lighten-3 {
  1451.   color: #fff59d !important;
  1452. }
  1453.  
  1454. .yellow.lighten-2 {
  1455.   background-color: #fff176 !important;
  1456. }
  1457.  
  1458. .yellow-text.text-lighten-2 {
  1459.   color: #fff176 !important;
  1460. }
  1461.  
  1462. .yellow.lighten-1 {
  1463.   background-color: #ffee58 !important;
  1464. }
  1465.  
  1466. .yellow-text.text-lighten-1 {
  1467.   color: #ffee58 !important;
  1468. }
  1469.  
  1470. .yellow {
  1471.   background-color: #ffeb3b !important;
  1472. }
  1473.  
  1474. .yellow-text {
  1475.   color: #ffeb3b !important;
  1476. }
  1477.  
  1478. .yellow.darken-1 {
  1479.   background-color: #fdd835 !important;
  1480. }
  1481.  
  1482. .yellow-text.text-darken-1 {
  1483.   color: #fdd835 !important;
  1484. }
  1485.  
  1486. .yellow.darken-2 {
  1487.   background-color: #fbc02d !important;
  1488. }
  1489.  
  1490. .yellow-text.text-darken-2 {
  1491.   color: #fbc02d !important;
  1492. }
  1493.  
  1494. .yellow.darken-3 {
  1495.   background-color: #f9a825 !important;
  1496. }
  1497.  
  1498. .yellow-text.text-darken-3 {
  1499.   color: #f9a825 !important;
  1500. }
  1501.  
  1502. .yellow.darken-4 {
  1503.   background-color: #f57f17 !important;
  1504. }
  1505.  
  1506. .yellow-text.text-darken-4 {
  1507.   color: #f57f17 !important;
  1508. }
  1509.  
  1510. .yellow.accent-1 {
  1511.   background-color: #ffff8d !important;
  1512. }
  1513.  
  1514. .yellow-text.text-accent-1 {
  1515.   color: #ffff8d !important;
  1516. }
  1517.  
  1518. .yellow.accent-2 {
  1519.   background-color: #ffff00 !important;
  1520. }
  1521.  
  1522. .yellow-text.text-accent-2 {
  1523.   color: #ffff00 !important;
  1524. }
  1525.  
  1526. .yellow.accent-3 {
  1527.   background-color: #ffea00 !important;
  1528. }
  1529.  
  1530. .yellow-text.text-accent-3 {
  1531.   color: #ffea00 !important;
  1532. }
  1533.  
  1534. .yellow.accent-4 {
  1535.   background-color: #ffd600 !important;
  1536. }
  1537.  
  1538. .yellow-text.text-accent-4 {
  1539.   color: #ffd600 !important;
  1540. }
  1541.  
  1542. .amber.lighten-5 {
  1543.   background-color: #fff8e1 !important;
  1544. }
  1545.  
  1546. .amber-text.text-lighten-5 {
  1547.   color: #fff8e1 !important;
  1548. }
  1549.  
  1550. .amber.lighten-4 {
  1551.   background-color: #ffecb3 !important;
  1552. }
  1553.  
  1554. .amber-text.text-lighten-4 {
  1555.   color: #ffecb3 !important;
  1556. }
  1557.  
  1558. .amber.lighten-3 {
  1559.   background-color: #ffe082 !important;
  1560. }
  1561.  
  1562. .amber-text.text-lighten-3 {
  1563.   color: #ffe082 !important;
  1564. }
  1565.  
  1566. .amber.lighten-2 {
  1567.   background-color: #ffd54f !important;
  1568. }
  1569.  
  1570. .amber-text.text-lighten-2 {
  1571.   color: #ffd54f !important;
  1572. }
  1573.  
  1574. .amber.lighten-1 {
  1575.   background-color: #ffca28 !important;
  1576. }
  1577.  
  1578. .amber-text.text-lighten-1 {
  1579.   color: #ffca28 !important;
  1580. }
  1581.  
  1582. .amber {
  1583.   background-color: #ffc107 !important;
  1584. }
  1585.  
  1586. .amber-text {
  1587.   color: #ffc107 !important;
  1588. }
  1589.  
  1590. .amber.darken-1 {
  1591.   background-color: #ffb300 !important;
  1592. }
  1593.  
  1594. .amber-text.text-darken-1 {
  1595.   color: #ffb300 !important;
  1596. }
  1597.  
  1598. .amber.darken-2 {
  1599.   background-color: #ffa000 !important;
  1600. }
  1601.  
  1602. .amber-text.text-darken-2 {
  1603.   color: #ffa000 !important;
  1604. }
  1605.  
  1606. .amber.darken-3 {
  1607.   background-color: #ff8f00 !important;
  1608. }
  1609.  
  1610. .amber-text.text-darken-3 {
  1611.   color: #ff8f00 !important;
  1612. }
  1613.  
  1614. .amber.darken-4 {
  1615.   background-color: #ff6f00 !important;
  1616. }
  1617.  
  1618. .amber-text.text-darken-4 {
  1619.   color: #ff6f00 !important;
  1620. }
  1621.  
  1622. .amber.accent-1 {
  1623.   background-color: #ffe57f !important;
  1624. }
  1625.  
  1626. .amber-text.text-accent-1 {
  1627.   color: #ffe57f !important;
  1628. }
  1629.  
  1630. .amber.accent-2 {
  1631.   background-color: #ffd740 !important;
  1632. }
  1633.  
  1634. .amber-text.text-accent-2 {
  1635.   color: #ffd740 !important;
  1636. }
  1637.  
  1638. .amber.accent-3 {
  1639.   background-color: #ffc400 !important;
  1640. }
  1641.  
  1642. .amber-text.text-accent-3 {
  1643.   color: #ffc400 !important;
  1644. }
  1645.  
  1646. .amber.accent-4 {
  1647.   background-color: #ffab00 !important;
  1648. }
  1649.  
  1650. .amber-text.text-accent-4 {
  1651.   color: #ffab00 !important;
  1652. }
  1653.  
  1654. .orange.lighten-5 {
  1655.   background-color: #fff3e0 !important;
  1656. }
  1657.  
  1658. .orange-text.text-lighten-5 {
  1659.   color: #fff3e0 !important;
  1660. }
  1661.  
  1662. .orange.lighten-4 {
  1663.   background-color: #ffe0b2 !important;
  1664. }
  1665.  
  1666. .orange-text.text-lighten-4 {
  1667.   color: #ffe0b2 !important;
  1668. }
  1669.  
  1670. .orange.lighten-3 {
  1671.   background-color: #ffcc80 !important;
  1672. }
  1673.  
  1674. .orange-text.text-lighten-3 {
  1675.   color: #ffcc80 !important;
  1676. }
  1677.  
  1678. .orange.lighten-2 {
  1679.   background-color: #ffb74d !important;
  1680. }
  1681.  
  1682. .orange-text.text-lighten-2 {
  1683.   color: #ffb74d !important;
  1684. }
  1685.  
  1686. .orange.lighten-1 {
  1687.   background-color: #ffa726 !important;
  1688. }
  1689.  
  1690. .orange-text.text-lighten-1 {
  1691.   color: #ffa726 !important;
  1692. }
  1693.  
  1694. .orange {
  1695.   background-color: #ff9800 !important;
  1696. }
  1697.  
  1698. .orange-text {
  1699.   color: #ff9800 !important;
  1700. }
  1701.  
  1702. .orange.darken-1 {
  1703.   background-color: #fb8c00 !important;
  1704. }
  1705.  
  1706. .orange-text.text-darken-1 {
  1707.   color: #fb8c00 !important;
  1708. }
  1709.  
  1710. .orange.darken-2 {
  1711.   background-color: #f57c00 !important;
  1712. }
  1713.  
  1714. .orange-text.text-darken-2 {
  1715.   color: #f57c00 !important;
  1716. }
  1717.  
  1718. .orange.darken-3 {
  1719.   background-color: #ef6c00 !important;
  1720. }
  1721.  
  1722. .orange-text.text-darken-3 {
  1723.   color: #ef6c00 !important;
  1724. }
  1725.  
  1726. .orange.darken-4 {
  1727.   background-color: #e65100 !important;
  1728. }
  1729.  
  1730. .orange-text.text-darken-4 {
  1731.   color: #e65100 !important;
  1732. }
  1733.  
  1734. .orange.accent-1 {
  1735.   background-color: #ffd180 !important;
  1736. }
  1737.  
  1738. .orange-text.text-accent-1 {
  1739.   color: #ffd180 !important;
  1740. }
  1741.  
  1742. .orange.accent-2 {
  1743.   background-color: #ffab40 !important;
  1744. }
  1745.  
  1746. .orange-text.text-accent-2 {
  1747.   color: #ffab40 !important;
  1748. }
  1749.  
  1750. .orange.accent-3 {
  1751.   background-color: #ff9100 !important;
  1752. }
  1753.  
  1754. .orange-text.text-accent-3 {
  1755.   color: #ff9100 !important;
  1756. }
  1757.  
  1758. .orange.accent-4 {
  1759.   background-color: #ff6d00 !important;
  1760. }
  1761.  
  1762. .orange-text.text-accent-4 {
  1763.   color: #ff6d00 !important;
  1764. }
  1765.  
  1766. .deep-orange.lighten-5 {
  1767.   background-color: #fbe9e7 !important;
  1768. }
  1769.  
  1770. .deep-orange-text.text-lighten-5 {
  1771.   color: #fbe9e7 !important;
  1772. }
  1773.  
  1774. .deep-orange.lighten-4 {
  1775.   background-color: #ffccbc !important;
  1776. }
  1777.  
  1778. .deep-orange-text.text-lighten-4 {
  1779.   color: #ffccbc !important;
  1780. }
  1781.  
  1782. .deep-orange.lighten-3 {
  1783.   background-color: #ffab91 !important;
  1784. }
  1785.  
  1786. .deep-orange-text.text-lighten-3 {
  1787.   color: #ffab91 !important;
  1788. }
  1789.  
  1790. .deep-orange.lighten-2 {
  1791.   background-color: #ff8a65 !important;
  1792. }
  1793.  
  1794. .deep-orange-text.text-lighten-2 {
  1795.   color: #ff8a65 !important;
  1796. }
  1797.  
  1798. .deep-orange.lighten-1 {
  1799.   background-color: #ff7043 !important;
  1800. }
  1801.  
  1802. .deep-orange-text.text-lighten-1 {
  1803.   color: #ff7043 !important;
  1804. }
  1805.  
  1806. .deep-orange {
  1807.   background-color: #ff5722 !important;
  1808. }
  1809.  
  1810. .deep-orange-text {
  1811.   color: #ff5722 !important;
  1812. }
  1813.  
  1814. .deep-orange.darken-1 {
  1815.   background-color: #f4511e !important;
  1816. }
  1817.  
  1818. .deep-orange-text.text-darken-1 {
  1819.   color: #f4511e !important;
  1820. }
  1821.  
  1822. .deep-orange.darken-2 {
  1823.   background-color: #e64a19 !important;
  1824. }
  1825.  
  1826. .deep-orange-text.text-darken-2 {
  1827.   color: #e64a19 !important;
  1828. }
  1829.  
  1830. .deep-orange.darken-3 {
  1831.   background-color: #d84315 !important;
  1832. }
  1833.  
  1834. .deep-orange-text.text-darken-3 {
  1835.   color: #d84315 !important;
  1836. }
  1837.  
  1838. .deep-orange.darken-4 {
  1839.   background-color: #bf360c !important;
  1840. }
  1841.  
  1842. .deep-orange-text.text-darken-4 {
  1843.   color: #bf360c !important;
  1844. }
  1845.  
  1846. .deep-orange.accent-1 {
  1847.   background-color: #ff9e80 !important;
  1848. }
  1849.  
  1850. .deep-orange-text.text-accent-1 {
  1851.   color: #ff9e80 !important;
  1852. }
  1853.  
  1854. .deep-orange.accent-2 {
  1855.   background-color: #ff6e40 !important;
  1856. }
  1857.  
  1858. .deep-orange-text.text-accent-2 {
  1859.   color: #ff6e40 !important;
  1860. }
  1861.  
  1862. .deep-orange.accent-3 {
  1863.   background-color: #ff3d00 !important;
  1864. }
  1865.  
  1866. .deep-orange-text.text-accent-3 {
  1867.   color: #ff3d00 !important;
  1868. }
  1869.  
  1870. .deep-orange.accent-4 {
  1871.   background-color: #dd2c00 !important;
  1872. }
  1873.  
  1874. .deep-orange-text.text-accent-4 {
  1875.   color: #dd2c00 !important;
  1876. }
  1877.  
  1878. .brown.lighten-5 {
  1879.   background-color: #efebe9 !important;
  1880. }
  1881.  
  1882. .brown-text.text-lighten-5 {
  1883.   color: #efebe9 !important;
  1884. }
  1885.  
  1886. .brown.lighten-4 {
  1887.   background-color: #d7ccc8 !important;
  1888. }
  1889.  
  1890. .brown-text.text-lighten-4 {
  1891.   color: #d7ccc8 !important;
  1892. }
  1893.  
  1894. .brown.lighten-3 {
  1895.   background-color: #bcaaa4 !important;
  1896. }
  1897.  
  1898. .brown-text.text-lighten-3 {
  1899.   color: #bcaaa4 !important;
  1900. }
  1901.  
  1902. .brown.lighten-2 {
  1903.   background-color: #a1887f !important;
  1904. }
  1905.  
  1906. .brown-text.text-lighten-2 {
  1907.   color: #a1887f !important;
  1908. }
  1909.  
  1910. .brown.lighten-1 {
  1911.   background-color: #8d6e63 !important;
  1912. }
  1913.  
  1914. .brown-text.text-lighten-1 {
  1915.   color: #8d6e63 !important;
  1916. }
  1917.  
  1918. .brown {
  1919.   background-color: #795548 !important;
  1920. }
  1921.  
  1922. .brown-text {
  1923.   color: #795548 !important;
  1924. }
  1925.  
  1926. .brown.darken-1 {
  1927.   background-color: #6d4c41 !important;
  1928. }
  1929.  
  1930. .brown-text.text-darken-1 {
  1931.   color: #6d4c41 !important;
  1932. }
  1933.  
  1934. .brown.darken-2 {
  1935.   background-color: #5d4037 !important;
  1936. }
  1937.  
  1938. .brown-text.text-darken-2 {
  1939.   color: #5d4037 !important;
  1940. }
  1941.  
  1942. .brown.darken-3 {
  1943.   background-color: #4e342e !important;
  1944. }
  1945.  
  1946. .brown-text.text-darken-3 {
  1947.   color: #4e342e !important;
  1948. }
  1949.  
  1950. .brown.darken-4 {
  1951.   background-color: #3e2723 !important;
  1952. }
  1953.  
  1954. .brown-text.text-darken-4 {
  1955.   color: #3e2723 !important;
  1956. }
  1957.  
  1958. .blue-grey.lighten-5 {
  1959.   background-color: #eceff1 !important;
  1960. }
  1961.  
  1962. .blue-grey-text.text-lighten-5 {
  1963.   color: #eceff1 !important;
  1964. }
  1965.  
  1966. .blue-grey.lighten-4 {
  1967.   background-color: #cfd8dc !important;
  1968. }
  1969.  
  1970. .blue-grey-text.text-lighten-4 {
  1971.   color: #cfd8dc !important;
  1972. }
  1973.  
  1974. .blue-grey.lighten-3 {
  1975.   background-color: #b0bec5 !important;
  1976. }
  1977.  
  1978. .blue-grey-text.text-lighten-3 {
  1979.   color: #b0bec5 !important;
  1980. }
  1981.  
  1982. .blue-grey.lighten-2 {
  1983.   background-color: #90a4ae !important;
  1984. }
  1985.  
  1986. .blue-grey-text.text-lighten-2 {
  1987.   color: #90a4ae !important;
  1988. }
  1989.  
  1990. .blue-grey.lighten-1 {
  1991.   background-color: #78909c !important;
  1992. }
  1993.  
  1994. .blue-grey-text.text-lighten-1 {
  1995.   color: #78909c !important;
  1996. }
  1997.  
  1998. .blue-grey {
  1999.   background-color: #607d8b !important;
  2000. }
  2001.  
  2002. .blue-grey-text {
  2003.   color: #607d8b !important;
  2004. }
  2005.  
  2006. .blue-grey.darken-1 {
  2007.   background-color: #546e7a !important;
  2008. }
  2009.  
  2010. .blue-grey-text.text-darken-1 {
  2011.   color: #546e7a !important;
  2012. }
  2013.  
  2014. .blue-grey.darken-2 {
  2015.   background-color: #455a64 !important;
  2016. }
  2017.  
  2018. .blue-grey-text.text-darken-2 {
  2019.   color: #455a64 !important;
  2020. }
  2021.  
  2022. .blue-grey.darken-3 {
  2023.   background-color: #37474f !important;
  2024. }
  2025.  
  2026. .blue-grey-text.text-darken-3 {
  2027.   color: #37474f !important;
  2028. }
  2029.  
  2030. .blue-grey.darken-4 {
  2031.   background-color: #263238 !important;
  2032. }
  2033.  
  2034. .blue-grey-text.text-darken-4 {
  2035.   color: #263238 !important;
  2036. }
  2037.  
  2038. .grey.lighten-5 {
  2039.   background-color: #fafafa !important;
  2040. }
  2041.  
  2042. .grey-text.text-lighten-5 {
  2043.   color: #fafafa !important;
  2044. }
  2045.  
  2046. .grey.lighten-4 {
  2047.   background-color: #f5f5f5 !important;
  2048. }
  2049.  
  2050. .grey-text.text-lighten-4 {
  2051.   color: #f5f5f5 !important;
  2052. }
  2053.  
  2054. .grey.lighten-3 {
  2055.   background-color: #eeeeee !important;
  2056. }
  2057.  
  2058. .grey-text.text-lighten-3 {
  2059.   color: #eeeeee !important;
  2060. }
  2061.  
  2062. .grey.lighten-2 {
  2063.   background-color: #e0e0e0 !important;
  2064. }
  2065.  
  2066. .grey-text.text-lighten-2 {
  2067.   color: #e0e0e0 !important;
  2068. }
  2069.  
  2070. .grey.lighten-1 {
  2071.   background-color: #bdbdbd !important;
  2072. }
  2073.  
  2074. .grey-text.text-lighten-1 {
  2075.   color: #bdbdbd !important;
  2076. }
  2077.  
  2078. .grey {
  2079.   background-color: #9e9e9e !important;
  2080. }
  2081.  
  2082. .grey-text {
  2083.   color: #9e9e9e !important;
  2084. }
  2085.  
  2086. .grey.darken-1 {
  2087.   background-color: #757575 !important;
  2088. }
  2089.  
  2090. .grey-text.text-darken-1 {
  2091.   color: #757575 !important;
  2092. }
  2093.  
  2094. .grey.darken-2 {
  2095.   background-color: #616161 !important;
  2096. }
  2097.  
  2098. .grey-text.text-darken-2 {
  2099.   color: #616161 !important;
  2100. }
  2101.  
  2102. .grey.darken-3 {
  2103.   background-color: #424242 !important;
  2104. }
  2105.  
  2106. .grey-text.text-darken-3 {
  2107.   color: #424242 !important;
  2108. }
  2109.  
  2110. .grey.darken-4 {
  2111.   background-color: #212121 !important;
  2112. }
  2113.  
  2114. .grey-text.text-darken-4 {
  2115.   color: #212121 !important;
  2116. }
  2117.  
  2118. .shades.black {
  2119.   background-color: #000000 !important;
  2120. }
  2121.  
  2122. .shades-text.text-black {
  2123.   color: #000000 !important;
  2124. }
  2125.  
  2126. .shades.white {
  2127.   background-color: #FFFFFF !important;
  2128. }
  2129.  
  2130. .shades-text.text-white {
  2131.   color: #FFFFFF !important;
  2132. }
  2133.  
  2134. .shades.transparent {
  2135.   background-color: transparent !important;
  2136. }
  2137.  
  2138. .shades-text.text-transparent {
  2139.   color: transparent !important;
  2140. }
  2141.  
  2142. .black {
  2143.   background-color: #000000 !important;
  2144. }
  2145.  
  2146. .black-text {
  2147.   color: #000000 !important;
  2148. }
  2149.  
  2150. .white {
  2151.   background-color: #FFFFFF !important;
  2152. }
  2153.  
  2154. .white-text {
  2155.   color: #FFFFFF !important;
  2156. }
  2157.  
  2158. .transparent {
  2159.   background-color: transparent !important;
  2160. }
  2161.  
  2162. .transparent-text {
  2163.   color: transparent !important;
  2164. }
  2165.  
  2166. /*** Colors ***/
  2167. /*** Badges ***/
  2168. /*** Buttons ***/
  2169. /*** Cards ***/
  2170. /*** Collapsible ***/
  2171. /*** Chips ***/
  2172. /*** Date Picker ***/
  2173. /*** Dropdown ***/
  2174. /*** Fonts ***/
  2175. /*** Forms ***/
  2176. /*** Global ***/
  2177. /*** Navbar ***/
  2178. /*** SideNav ***/
  2179. /*** Photo Slider ***/
  2180. /*** Spinners | Loaders ***/
  2181. /*** Tabs ***/
  2182. /*** Tables ***/
  2183. /*** Toasts ***/
  2184. /*** Typography ***/
  2185. /*** Collections ***/
  2186. /* Progress Bar */
  2187. /*! normalize.css v3.0.2 | MIT License | git.io/normalize */
  2188. /**
  2189.  * 1. Set default font family to sans-serif.
  2190.  * 2. Prevent iOS text size adjust after orientation change, without disabling
  2191.  *    user zoom.
  2192.  */
  2193. html {
  2194.   font-family: sans-serif;
  2195.   /* 1 */
  2196.   -ms-text-size-adjust: 100%;
  2197.   /* 2 */
  2198.   -webkit-text-size-adjust: 100%;
  2199.   /* 2 */
  2200. }
  2201.  
  2202. /**
  2203.  * Remove default margin.
  2204.  */
  2205. body {
  2206.   margin: 0;
  2207. }
  2208.  
  2209. /* HTML5 display definitions
  2210.    ========================================================================== */
  2211. /**
  2212.  * Correct `block` display not defined for any HTML5 element in IE 8/9.
  2213.  * Correct `block` display not defined for `details` or `summary` in IE 10/11
  2214.  * and Firefox.
  2215.  * Correct `block` display not defined for `main` in IE 11.
  2216.  */
  2217. article,
  2218. aside,
  2219. details,
  2220. figcaption,
  2221. figure,
  2222. footer,
  2223. header,
  2224. hgroup,
  2225. main,
  2226. menu,
  2227. nav,
  2228. section,
  2229. summary {
  2230.   display: block;
  2231. }
  2232.  
  2233. /**
  2234.  * 1. Correct `inline-block` display not defined in IE 8/9.
  2235.  * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
  2236.  */
  2237. audio,
  2238. canvas,
  2239. progress,
  2240. video {
  2241.   display: inline-block;
  2242.   /* 1 */
  2243.   vertical-align: baseline;
  2244.   /* 2 */
  2245. }
  2246.  
  2247. /**
  2248.  * Prevent modern browsers from displaying `audio` without controls.
  2249.  * Remove excess height in iOS 5 devices.
  2250.  */
  2251. audio:not([controls]) {
  2252.   display: none;
  2253.   height: 0;
  2254. }
  2255.  
  2256. /**
  2257.  * Address `[hidden]` styling not present in IE 8/9/10.
  2258.  * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
  2259.  */
  2260. [hidden],
  2261. template {
  2262.   display: none;
  2263. }
  2264.  
  2265. /* Links
  2266.    ========================================================================== */
  2267. /**
  2268.  * Remove the gray background color from active links in IE 10.
  2269.  */
  2270. a {
  2271.   background-color: transparent;
  2272. }
  2273.  
  2274. /**
  2275.  * Improve readability when focused and also mouse hovered in all browsers.
  2276.  */
  2277. a:active,
  2278. a:hover {
  2279.   outline: 0;
  2280. }
  2281.  
  2282. /* Text-level semantics
  2283.    ========================================================================== */
  2284. /**
  2285.  * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
  2286.  */
  2287. abbr[title] {
  2288.   border-bottom: 1px dotted;
  2289. }
  2290.  
  2291. /**
  2292.  * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
  2293.  */
  2294. b,
  2295. strong {
  2296.   font-weight: bold;
  2297. }
  2298.  
  2299. /**
  2300.  * Address styling not present in Safari and Chrome.
  2301.  */
  2302. dfn {
  2303.   font-style: italic;
  2304. }
  2305.  
  2306. /**
  2307.  * Address variable `h1` font-size and margin within `section` and `article`
  2308.  * contexts in Firefox 4+, Safari, and Chrome.
  2309.  */
  2310. h1 {
  2311.   font-size: 2em;
  2312.   margin: 0.67em 0;
  2313. }
  2314.  
  2315. /**
  2316.  * Address styling not present in IE 8/9.
  2317.  */
  2318. mark {
  2319.   background: #ff0;
  2320.   color: #000;
  2321. }
  2322.  
  2323. /**
  2324.  * Address inconsistent and variable font size in all browsers.
  2325.  */
  2326. small {
  2327.   font-size: 80%;
  2328. }
  2329.  
  2330. /**
  2331.  * Prevent `sub` and `sup` affecting `line-height` in all browsers.
  2332.  */
  2333. sub,
  2334. sup {
  2335.   font-size: 75%;
  2336.   line-height: 0;
  2337.   position: relative;
  2338.   vertical-align: baseline;
  2339. }
  2340.  
  2341. sup {
  2342.   top: -0.5em;
  2343. }
  2344.  
  2345. sub {
  2346.   bottom: -0.25em;
  2347. }
  2348.  
  2349. /* Embedded content
  2350.    ========================================================================== */
  2351. /**
  2352.  * Remove border when inside `a` element in IE 8/9/10.
  2353.  */
  2354. img {
  2355.   border: 0;
  2356. }
  2357.  
  2358. /**
  2359.  * Correct overflow not hidden in IE 9/10/11.
  2360.  */
  2361. svg:not(:root) {
  2362.   overflow: hidden;
  2363. }
  2364.  
  2365. /* Grouping content
  2366.    ========================================================================== */
  2367. /**
  2368.  * Address margin not present in IE 8/9 and Safari.
  2369.  */
  2370. figure {
  2371.   margin: 1em 40px;
  2372. }
  2373.  
  2374. /**
  2375.  * Address differences between Firefox and other browsers.
  2376.  */
  2377. hr {
  2378.   box-sizing: content-box;
  2379.   height: 0;
  2380. }
  2381.  
  2382. /**
  2383.  * Contain overflow in all browsers.
  2384.  */
  2385. pre {
  2386.   overflow: auto;
  2387. }
  2388.  
  2389. /**
  2390.  * Address odd `em`-unit font size rendering in all browsers.
  2391.  */
  2392. code,
  2393. kbd,
  2394. pre,
  2395. samp {
  2396.   font-family: monospace, monospace;
  2397.   font-size: 1em;
  2398. }
  2399.  
  2400. /* Forms
  2401.    ========================================================================== */
  2402. /**
  2403.  * Known limitation: by default, Chrome and Safari on OS X allow very limited
  2404.  * styling of `select`, unless a `border` property is set.
  2405.  */
  2406. /**
  2407.  * 1. Correct color not being inherited.
  2408.  *    Known issue: affects color of disabled elements.
  2409.  * 2. Correct font properties not being inherited.
  2410.  * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
  2411.  */
  2412. button,
  2413. input,
  2414. optgroup,
  2415. select,
  2416. textarea {
  2417.   color: inherit;
  2418.   /* 1 */
  2419.   font: inherit;
  2420.   /* 2 */
  2421.   margin: 0;
  2422.   /* 3 */
  2423. }
  2424.  
  2425. /**
  2426.  * Address `overflow` set to `hidden` in IE 8/9/10/11.
  2427.  */
  2428. button {
  2429.   overflow: visible;
  2430. }
  2431.  
  2432. /**
  2433.  * Address inconsistent `text-transform` inheritance for `button` and `select`.
  2434.  * All other form control elements do not inherit `text-transform` values.
  2435.  * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
  2436.  * Correct `select` style inheritance in Firefox.
  2437.  */
  2438. button,
  2439. select {
  2440.   text-transform: none;
  2441. }
  2442.  
  2443. /**
  2444.  * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
  2445.  *    and `video` controls.
  2446.  * 2. Correct inability to style clickable `input` types in iOS.
  2447.  * 3. Improve usability and consistency of cursor style between image-type
  2448.  *    `input` and others.
  2449.  */
  2450. /* 1 */
  2451. html input[type="button"],
  2452. button,
  2453. input[type="reset"],
  2454. input[type="submit"] {
  2455.   -webkit-appearance: button;
  2456.   /* 2 */
  2457.   cursor: pointer;
  2458.   /* 3 */
  2459. }
  2460.  
  2461. /**
  2462.  * Re-set default cursor for disabled elements.
  2463.  */
  2464. button[disabled],
  2465. html input[disabled] {
  2466.   cursor: default;
  2467. }
  2468.  
  2469. /**
  2470.  * Remove inner padding and border in Firefox 4+.
  2471.  */
  2472. button::-moz-focus-inner,
  2473. input::-moz-focus-inner {
  2474.   border: 0;
  2475.   padding: 0;
  2476. }
  2477.  
  2478. /**
  2479.  * Address Firefox 4+ setting `line-height` on `input` using `!important` in
  2480.  * the UA stylesheet.
  2481.  */
  2482. input {
  2483.   line-height: normal;
  2484. }
  2485.  
  2486. /**
  2487.  * It's recommended that you don't attempt to style these elements.
  2488.  * Firefox's implementation doesn't respect box-sizing, padding, or width.
  2489.  *
  2490.  * 1. Address box sizing set to `content-box` in IE 8/9/10.
  2491.  * 2. Remove excess padding in IE 8/9/10.
  2492.  */
  2493. input[type="checkbox"],
  2494. input[type="radio"] {
  2495.   box-sizing: border-box;
  2496.   /* 1 */
  2497.   padding: 0;
  2498.   /* 2 */
  2499. }
  2500.  
  2501. /**
  2502.  * Fix the cursor style for Chrome's increment/decrement buttons. For certain
  2503.  * `font-size` values of the `input`, it causes the cursor style of the
  2504.  * decrement button to change from `default` to `text`.
  2505.  */
  2506. input[type="number"]::-webkit-inner-spin-button,
  2507. input[type="number"]::-webkit-outer-spin-button {
  2508.   height: auto;
  2509. }
  2510.  
  2511. /**
  2512.  * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
  2513.  * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
  2514.  *    (include `-moz` to future-proof).
  2515.  */
  2516. input[type="search"] {
  2517.   -webkit-appearance: textfield;
  2518.   /* 1 */
  2519.   /* 2 */
  2520.   box-sizing: content-box;
  2521. }
  2522.  
  2523. /**
  2524.  * Remove inner padding and search cancel button in Safari and Chrome on OS X.
  2525.  * Safari (but not Chrome) clips the cancel button when the search input has
  2526.  * padding (and `textfield` appearance).
  2527.  */
  2528. input[type="search"]::-webkit-search-cancel-button,
  2529. input[type="search"]::-webkit-search-decoration {
  2530.   -webkit-appearance: none;
  2531. }
  2532.  
  2533. /**
  2534.  * Define consistent border, margin, and padding.
  2535.  */
  2536. fieldset {
  2537.   border: 1px solid #c0c0c0;
  2538.   margin: 0 2px;
  2539.   padding: 0.35em 0.625em 0.75em;
  2540. }
  2541.  
  2542. /**
  2543.  * 1. Correct `color` not being inherited in IE 8/9/10/11.
  2544.  * 2. Remove padding so people aren't caught out if they zero out fieldsets.
  2545.  */
  2546. legend {
  2547.   border: 0;
  2548.   /* 1 */
  2549.   padding: 0;
  2550.   /* 2 */
  2551. }
  2552.  
  2553. /**
  2554.  * Remove default vertical scrollbar in IE 8/9/10/11.
  2555.  */
  2556. textarea {
  2557.   overflow: auto;
  2558. }
  2559.  
  2560. /**
  2561.  * Don't inherit the `font-weight` (applied by a rule above).
  2562.  * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
  2563.  */
  2564. optgroup {
  2565.   font-weight: bold;
  2566. }
  2567.  
  2568. /* Tables
  2569.    ========================================================================== */
  2570. /**
  2571.  * Remove most spacing between table cells.
  2572.  */
  2573. table {
  2574.   border-collapse: collapse;
  2575.   border-spacing: 0;
  2576. }
  2577.  
  2578. td,
  2579. th {
  2580.   padding: 0;
  2581. }
  2582.  
  2583. html {
  2584.   box-sizing: border-box;
  2585. }
  2586.  
  2587. *, *:before, *:after {
  2588.   box-sizing: inherit;
  2589. }
  2590.  
  2591. ul {
  2592.   list-style-type: none;
  2593. }
  2594.  
  2595. a {
  2596.   color: #039be5;
  2597.   text-decoration: none;
  2598.   -webkit-tap-highlight-color: transparent;
  2599. }
  2600.  
  2601. .valign-wrapper {
  2602.   display: -webkit-flex;
  2603.   display: -ms-flexbox;
  2604.   display: flex;
  2605.   -webkit-align-items: center;
  2606.       -ms-flex-align: center;
  2607.           align-items: center;
  2608. }
  2609.  
  2610. .valign-wrapper .valign {
  2611.   display: block;
  2612. }
  2613.  
  2614. ul {
  2615.   padding: 0;
  2616. }
  2617.  
  2618. ul li {
  2619.   list-style-type: none;
  2620. }
  2621.  
  2622. .clearfix {
  2623.   clear: both;
  2624. }
  2625.  
  2626. .z-depth-0 {
  2627.   box-shadow: none !important;
  2628. }
  2629.  
  2630. .z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-floating, .dropdown-content, .collapsible, .side-nav {
  2631.   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  2632. }
  2633.  
  2634. .z-depth-1-half, .btn:hover, .btn-large:hover, .btn-floating:hover {
  2635.   box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  2636. }
  2637.  
  2638. .z-depth-2 {
  2639.   box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  2640. }
  2641.  
  2642. .z-depth-3 {
  2643.   box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  2644. }
  2645.  
  2646. .z-depth-4, .modal {
  2647.   box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  2648. }
  2649.  
  2650. .z-depth-5 {
  2651.   box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  2652. }
  2653.  
  2654. .hoverable {
  2655.   transition: box-shadow .25s;
  2656.   box-shadow: 0;
  2657. }
  2658.  
  2659. .hoverable:hover {
  2660.   transition: box-shadow .25s;
  2661.   box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  2662. }
  2663.  
  2664. .divider {
  2665.   height: 1px;
  2666.   overflow: hidden;
  2667.   background-color: #e0e0e0;
  2668. }
  2669.  
  2670. blockquote {
  2671.   margin: 20px 0;
  2672.   padding-left: 1.5rem;
  2673.   border-left: 5px solid #ee6e73;
  2674. }
  2675.  
  2676. i {
  2677.   line-height: inherit;
  2678. }
  2679.  
  2680. i.left {
  2681.   float: left;
  2682.   margin-right: 15px;
  2683. }
  2684.  
  2685. i.right {
  2686.   float: right;
  2687.   margin-left: 15px;
  2688. }
  2689.  
  2690. i.tiny {
  2691.   font-size: 1rem;
  2692. }
  2693.  
  2694. i.small {
  2695.   font-size: 2rem;
  2696. }
  2697.  
  2698. i.medium {
  2699.   font-size: 4rem;
  2700. }
  2701.  
  2702. i.large {
  2703.   font-size: 6rem;
  2704. }
  2705.  
  2706. img.responsive-img,
  2707. video.responsive-video {
  2708.   max-width: 100%;
  2709.   height: auto;
  2710. }
  2711.  
  2712. .pagination li {
  2713.   display: inline-block;
  2714.   font-size: 1.2rem;
  2715.   padding: 0 10px;
  2716.   line-height: 30px;
  2717.   border-radius: 2px;
  2718.   text-align: center;
  2719. }
  2720.  
  2721. .pagination li a {
  2722.   color: #444;
  2723. }
  2724.  
  2725. .pagination li.active a {
  2726.   color: #fff;
  2727. }
  2728.  
  2729. .pagination li.active {
  2730.   background-color: #ee6e73;
  2731. }
  2732.  
  2733. .pagination li.disabled a {
  2734.   cursor: default;
  2735.   color: #999;
  2736. }
  2737.  
  2738. .pagination li i {
  2739.   font-size: 2.2rem;
  2740.   vertical-align: middle;
  2741. }
  2742.  
  2743. .pagination li.pages ul li {
  2744.   display: inline-block;
  2745.   float: none;
  2746. }
  2747.  
  2748. @media only screen and (max-width: 992px) {
  2749.   .pagination {
  2750.     width: 100%;
  2751.   }
  2752.   .pagination li.prev,
  2753.   .pagination li.next {
  2754.     width: 10%;
  2755.   }
  2756.   .pagination li.pages {
  2757.     width: 80%;
  2758.     overflow: hidden;
  2759.     white-space: nowrap;
  2760.   }
  2761. }
  2762.  
  2763. .breadcrumb {
  2764.   font-size: 18px;
  2765.   color: rgba(255, 255, 255, 0.7);
  2766. }
  2767.  
  2768. .breadcrumb i,
  2769. .breadcrumb [class^="mdi-"], .breadcrumb [class*="mdi-"],
  2770. .breadcrumb i.material-icons {
  2771.   display: inline-block;
  2772.   float: left;
  2773.   font-size: 24px;
  2774. }
  2775.  
  2776. .breadcrumb:before {
  2777.   content: '\E5CC';
  2778.   color: rgba(255, 255, 255, 0.7);
  2779.   vertical-align: top;
  2780.   display: inline-block;
  2781.   font-family: 'Material Icons';
  2782.   font-weight: normal;
  2783.   font-style: normal;
  2784.   font-size: 25px;
  2785.   margin: 0 10px 0 8px;
  2786.   -webkit-font-smoothing: antialiased;
  2787. }
  2788.  
  2789. .breadcrumb:first-child:before {
  2790.   display: none;
  2791. }
  2792.  
  2793. .breadcrumb:last-child {
  2794.   color: #fff;
  2795. }
  2796.  
  2797. .parallax-container {
  2798.   position: relative;
  2799.   overflow: hidden;
  2800.   height: 500px;
  2801. }
  2802.  
  2803. .parallax {
  2804.   position: absolute;
  2805.   top: 0;
  2806.   left: 0;
  2807.   right: 0;
  2808.   bottom: 0;
  2809.   z-index: -1;
  2810. }
  2811.  
  2812. .parallax img {
  2813.   display: none;
  2814.   position: absolute;
  2815.   left: 50%;
  2816.   bottom: 0;
  2817.   min-width: 100%;
  2818.   min-height: 100%;
  2819.   -webkit-transform: translate3d(0, 0, 0);
  2820.   transform: translate3d(0, 0, 0);
  2821.   -webkit-transform: translateX(-50%);
  2822.           transform: translateX(-50%);
  2823. }
  2824.  
  2825. .pin-top, .pin-bottom {
  2826.   position: relative;
  2827. }
  2828.  
  2829. .pinned {
  2830.   position: fixed !important;
  2831. }
  2832.  
  2833. /*********************
  2834.   Transition Classes
  2835. **********************/
  2836. ul.staggered-list li {
  2837.   opacity: 0;
  2838. }
  2839.  
  2840. .fade-in {
  2841.   opacity: 0;
  2842.   -webkit-transform-origin: 0 50%;
  2843.           transform-origin: 0 50%;
  2844. }
  2845.  
  2846. /*********************
  2847.   Media Query Classes
  2848. **********************/
  2849. @media only screen and (max-width: 600px) {
  2850.   .hide-on-small-only, .hide-on-small-and-down {
  2851.     display: none !important;
  2852.   }
  2853. }
  2854.  
  2855. @media only screen and (max-width: 992px) {
  2856.   .hide-on-med-and-down {
  2857.     display: none !important;
  2858.   }
  2859. }
  2860.  
  2861. @media only screen and (min-width: 601px) {
  2862.   .hide-on-med-and-up {
  2863.     display: none !important;
  2864.   }
  2865. }
  2866.  
  2867. @media only screen and (min-width: 600px) and (max-width: 992px) {
  2868.   .hide-on-med-only {
  2869.     display: none !important;
  2870.   }
  2871. }
  2872.  
  2873. @media only screen and (min-width: 993px) {
  2874.   .hide-on-large-only {
  2875.     display: none !important;
  2876.   }
  2877. }
  2878.  
  2879. @media only screen and (min-width: 993px) {
  2880.   .show-on-large {
  2881.     display: block !important;
  2882.   }
  2883. }
  2884.  
  2885. @media only screen and (min-width: 600px) and (max-width: 992px) {
  2886.   .show-on-medium {
  2887.     display: block !important;
  2888.   }
  2889. }
  2890.  
  2891. @media only screen and (max-width: 600px) {
  2892.   .show-on-small {
  2893.     display: block !important;
  2894.   }
  2895. }
  2896.  
  2897. @media only screen and (min-width: 601px) {
  2898.   .show-on-medium-and-up {
  2899.     display: block !important;
  2900.   }
  2901. }
  2902.  
  2903. @media only screen and (max-width: 992px) {
  2904.   .show-on-medium-and-down {
  2905.     display: block !important;
  2906.   }
  2907. }
  2908.  
  2909. @media only screen and (max-width: 600px) {
  2910.   .center-on-small-only {
  2911.     text-align: center;
  2912.   }
  2913. }
  2914.  
  2915. footer.page-footer {
  2916.   margin-top: 20px;
  2917.   padding-top: 20px;
  2918.   background-color: #ee6e73;
  2919. }
  2920.  
  2921. footer.page-footer .footer-copyright {
  2922.   overflow: hidden;
  2923.   height: 50px;
  2924.   line-height: 50px;
  2925.   color: rgba(255, 255, 255, 0.8);
  2926.   background-color: rgba(51, 51, 51, 0.08);
  2927. }
  2928.  
  2929. table, th, td {
  2930.   border: none;
  2931. }
  2932.  
  2933. table {
  2934.   width: 100%;
  2935.   display: table;
  2936. }
  2937.  
  2938. table.bordered > thead > tr,
  2939. table.bordered > tbody > tr {
  2940.   border-bottom: 1px solid #d0d0d0;
  2941. }
  2942.  
  2943. table.striped > tbody > tr:nth-child(odd) {
  2944.   background-color: #f2f2f2;
  2945. }
  2946.  
  2947. table.striped > tbody > tr > td {
  2948.   border-radius: 0px;
  2949. }
  2950.  
  2951. table.highlight > tbody > tr {
  2952.   transition: background-color .25s ease;
  2953. }
  2954.  
  2955. table.highlight > tbody > tr:hover {
  2956.   background-color: #f2f2f2;
  2957. }
  2958.  
  2959. table.centered thead tr th, table.centered tbody tr td {
  2960.   text-align: center;
  2961. }
  2962.  
  2963. thead {
  2964.   border-bottom: 1px solid #d0d0d0;
  2965. }
  2966.  
  2967. td, th {
  2968.   padding: 15px 5px;
  2969.   display: table-cell;
  2970.   text-align: left;
  2971.   vertical-align: middle;
  2972.   border-radius: 2px;
  2973. }
  2974.  
  2975. @media only screen and (max-width: 992px) {
  2976.   table.responsive-table {
  2977.     width: 100%;
  2978.     border-collapse: collapse;
  2979.     border-spacing: 0;
  2980.     display: block;
  2981.     position: relative;
  2982.     /* sort out borders */
  2983.   }
  2984.   table.responsive-table th,
  2985.   table.responsive-table td {
  2986.     margin: 0;
  2987.     vertical-align: top;
  2988.   }
  2989.   table.responsive-table th {
  2990.     text-align: left;
  2991.   }
  2992.   table.responsive-table thead {
  2993.     display: block;
  2994.     float: left;
  2995.   }
  2996.   table.responsive-table thead tr {
  2997.     display: block;
  2998.     padding: 0 10px 0 0;
  2999.   }
  3000.   table.responsive-table thead tr th::before {
  3001.     content: "\00a0";
  3002.   }
  3003.   table.responsive-table tbody {
  3004.     display: block;
  3005.     width: auto;
  3006.     position: relative;
  3007.     overflow-x: auto;
  3008.     white-space: nowrap;
  3009.   }
  3010.   table.responsive-table tbody tr {
  3011.     display: inline-block;
  3012.     vertical-align: top;
  3013.   }
  3014.   table.responsive-table th {
  3015.     display: block;
  3016.     text-align: right;
  3017.   }
  3018.   table.responsive-table td {
  3019.     display: block;
  3020.     min-height: 1.25em;
  3021.     text-align: left;
  3022.   }
  3023.   table.responsive-table tr {
  3024.     padding: 0 10px;
  3025.   }
  3026.   table.responsive-table thead {
  3027.     border: 0;
  3028.     border-right: 1px solid #d0d0d0;
  3029.   }
  3030.   table.responsive-table.bordered th {
  3031.     border-bottom: 0;
  3032.     border-left: 0;
  3033.   }
  3034.   table.responsive-table.bordered td {
  3035.     border-left: 0;
  3036.     border-right: 0;
  3037.     border-bottom: 0;
  3038.   }
  3039.   table.responsive-table.bordered tr {
  3040.     border: 0;
  3041.   }
  3042.   table.responsive-table.bordered tbody tr {
  3043.     border-right: 1px solid #d0d0d0;
  3044.   }
  3045. }
  3046.  
  3047. .collection {
  3048.   margin: 0.5rem 0 1rem 0;
  3049.   border: 1px solid #e0e0e0;
  3050.   border-radius: 2px;
  3051.   overflow: hidden;
  3052.   position: relative;
  3053. }
  3054.  
  3055. .collection .collection-item {
  3056.   background-color: #fff;
  3057.   line-height: 1.5rem;
  3058.   padding: 10px 20px;
  3059.   margin: 0;
  3060.   border-bottom: 1px solid #e0e0e0;
  3061. }
  3062.  
  3063. .collection .collection-item.avatar {
  3064.   min-height: 84px;
  3065.   padding-left: 72px;
  3066.   position: relative;
  3067. }
  3068.  
  3069. .collection .collection-item.avatar .circle {
  3070.   position: absolute;
  3071.   width: 42px;
  3072.   height: 42px;
  3073.   overflow: hidden;
  3074.   left: 15px;
  3075.   display: inline-block;
  3076.   vertical-align: middle;
  3077. }
  3078.  
  3079. .collection .collection-item.avatar i.circle {
  3080.   font-size: 18px;
  3081.   line-height: 42px;
  3082.   color: #fff;
  3083.   background-color: #999;
  3084.   text-align: center;
  3085. }
  3086.  
  3087. .collection .collection-item.avatar .title {
  3088.   font-size: 16px;
  3089. }
  3090.  
  3091. .collection .collection-item.avatar p {
  3092.   margin: 0;
  3093. }
  3094.  
  3095. .collection .collection-item.avatar .secondary-content {
  3096.   position: absolute;
  3097.   top: 16px;
  3098.   right: 16px;
  3099. }
  3100.  
  3101. .collection .collection-item:last-child {
  3102.   border-bottom: none;
  3103. }
  3104.  
  3105. .collection .collection-item.active {
  3106.   background-color: #26a69a;
  3107.   color: #eafaf9;
  3108. }
  3109.  
  3110. .collection .collection-item.active .secondary-content {
  3111.   color: #fff;
  3112. }
  3113.  
  3114. .collection a.collection-item {
  3115.   display: block;
  3116.   transition: .25s;
  3117.   color: #26a69a;
  3118. }
  3119.  
  3120. .collection a.collection-item:not(.active):hover {
  3121.   background-color: #ddd;
  3122. }
  3123.  
  3124. .collection.with-header .collection-header {
  3125.   background-color: #fff;
  3126.   border-bottom: 1px solid #e0e0e0;
  3127.   padding: 10px 20px;
  3128. }
  3129.  
  3130. .collection.with-header .collection-item {
  3131.   padding-left: 30px;
  3132. }
  3133.  
  3134. .collection.with-header .collection-item.avatar {
  3135.   padding-left: 72px;
  3136. }
  3137.  
  3138. .secondary-content {
  3139.   float: right;
  3140.   color: #26a69a;
  3141. }
  3142.  
  3143. .collapsible .collection {
  3144.   margin: 0;
  3145.   border: none;
  3146. }
  3147.  
  3148. span.badge {
  3149.   min-width: 3rem;
  3150.   padding: 0 6px;
  3151.   text-align: center;
  3152.   font-size: 1rem;
  3153.   line-height: inherit;
  3154.   color: #757575;
  3155.   position: absolute;
  3156.   right: 15px;
  3157.   box-sizing: border-box;
  3158. }
  3159.  
  3160. span.badge.new {
  3161.   font-weight: 300;
  3162.   font-size: 0.8rem;
  3163.   color: #fff;
  3164.   background-color: #26a69a;
  3165.   border-radius: 2px;
  3166. }
  3167.  
  3168. span.badge.new:after {
  3169.   content: " new";
  3170. }
  3171.  
  3172. nav ul a span.badge {
  3173.   position: static;
  3174.   margin-left: 4px;
  3175.   line-height: 0;
  3176. }
  3177.  
  3178. .video-container {
  3179.   position: relative;
  3180.   padding-bottom: 56.25%;
  3181.   height: 0;
  3182.   overflow: hidden;
  3183. }
  3184.  
  3185. .video-container iframe, .video-container object, .video-container embed {
  3186.   position: absolute;
  3187.   top: 0;
  3188.   left: 0;
  3189.   width: 100%;
  3190.   height: 100%;
  3191. }
  3192.  
  3193. .progress {
  3194.   position: relative;
  3195.   height: 4px;
  3196.   display: block;
  3197.   width: 100%;
  3198.   background-color: #acece6;
  3199.   border-radius: 2px;
  3200.   margin: 0.5rem 0 1rem 0;
  3201.   overflow: hidden;
  3202. }
  3203.  
  3204. .progress .determinate {
  3205.   position: absolute;
  3206.   background-color: inherit;
  3207.   top: 0;
  3208.   left: 0;
  3209.   bottom: 0;
  3210.   background-color: #26a69a;
  3211.   transition: width .3s linear;
  3212. }
  3213.  
  3214. .progress .indeterminate {
  3215.   background-color: #26a69a;
  3216. }
  3217.  
  3218. .progress .indeterminate:before {
  3219.   content: '';
  3220.   position: absolute;
  3221.   background-color: inherit;
  3222.   top: 0;
  3223.   left: 0;
  3224.   bottom: 0;
  3225.   will-change: left, right;
  3226.   -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
  3227.           animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
  3228. }
  3229.  
  3230. .progress .indeterminate:after {
  3231.   content: '';
  3232.   position: absolute;
  3233.   background-color: inherit;
  3234.   top: 0;
  3235.   left: 0;
  3236.   bottom: 0;
  3237.   will-change: left, right;
  3238.   -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  3239.           animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  3240.   -webkit-animation-delay: 1.15s;
  3241.           animation-delay: 1.15s;
  3242. }
  3243.  
  3244. @-webkit-keyframes indeterminate {
  3245.   0% {
  3246.     left: -35%;
  3247.     right: 100%;
  3248.   }
  3249.   60% {
  3250.     left: 100%;
  3251.     right: -90%;
  3252.   }
  3253.   100% {
  3254.     left: 100%;
  3255.     right: -90%;
  3256.   }
  3257. }
  3258.  
  3259. @keyframes indeterminate {
  3260.   0% {
  3261.     left: -35%;
  3262.     right: 100%;
  3263.   }
  3264.   60% {
  3265.     left: 100%;
  3266.     right: -90%;
  3267.   }
  3268.   100% {
  3269.     left: 100%;
  3270.     right: -90%;
  3271.   }
  3272. }
  3273.  
  3274. @-webkit-keyframes indeterminate-short {
  3275.   0% {
  3276.     left: -200%;
  3277.     right: 100%;
  3278.   }
  3279.   60% {
  3280.     left: 107%;
  3281.     right: -8%;
  3282.   }
  3283.   100% {
  3284.     left: 107%;
  3285.     right: -8%;
  3286.   }
  3287. }
  3288.  
  3289. @keyframes indeterminate-short {
  3290.   0% {
  3291.     left: -200%;
  3292.     right: 100%;
  3293.   }
  3294.   60% {
  3295.     left: 107%;
  3296.     right: -8%;
  3297.   }
  3298.   100% {
  3299.     left: 107%;
  3300.     right: -8%;
  3301.   }
  3302. }
  3303.  
  3304. /*******************
  3305.   Utility Classes
  3306. *******************/
  3307. .hide {
  3308.   display: none !important;
  3309. }
  3310.  
  3311. .left-align {
  3312.   text-align: left;
  3313. }
  3314.  
  3315. .right-align {
  3316.   text-align: right;
  3317. }
  3318.  
  3319. .center, .center-align {
  3320.   text-align: center;
  3321. }
  3322.  
  3323. .left {
  3324.   float: left !important;
  3325. }
  3326.  
  3327. .right {
  3328.   float: right !important;
  3329. }
  3330.  
  3331. .no-select, input[type=range], input[type=range] + .thumb {
  3332.   -webkit-touch-callout: none;
  3333.   -webkit-user-select: none;
  3334.   -moz-user-select: none;
  3335.   -ms-user-select: none;
  3336.   user-select: none;
  3337. }
  3338.  
  3339. .circle {
  3340.   border-radius: 50%;
  3341. }
  3342.  
  3343. .center-block {
  3344.   display: block;
  3345.   margin-left: auto;
  3346.   margin-right: auto;
  3347. }
  3348.  
  3349. .truncate {
  3350.   display: block;
  3351.   white-space: nowrap;
  3352.   overflow: hidden;
  3353.   text-overflow: ellipsis;
  3354. }
  3355.  
  3356. .no-padding {
  3357.   padding: 0 !important;
  3358. }
  3359.  
  3360. /* This is needed for some mobile phones to display the Google Icon font properly */
  3361. .material-icons {
  3362.   text-rendering: optimizeLegibility;
  3363.   -webkit-font-feature-settings: 'liga';
  3364.      -moz-font-feature-settings: 'liga';
  3365.           font-feature-settings: 'liga';
  3366. }
  3367.  
  3368. @font-face {
  3369.   font-family: "Material-Design-Icons";
  3370.   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");
  3371.   font-weight: normal;
  3372.   font-style: normal;
  3373. }
  3374.  
  3375. [class^="mdi-"], [class*="mdi-"] {
  3376.   speak: none;
  3377.   display: inline-block;
  3378.   font-family: "Material-Design-Icons";
  3379.   font-style: normal;
  3380.   font-weight: normal;
  3381.   font-variant: normal;
  3382.   text-rendering: auto;
  3383.   /* Better Font Rendering =========== */
  3384.   -webkit-font-smoothing: antialiased;
  3385.   -moz-osx-font-smoothing: grayscale;
  3386.   -webkit-transform: translate(0, 0);
  3387.           transform: translate(0, 0);
  3388. }
  3389.  
  3390. [class^="mdi-"]:before, [class*="mdi-"]:before {
  3391.   display: inline-block;
  3392.   speak: none;
  3393.   text-decoration: inherit;
  3394. }
  3395.  
  3396. [class^="mdi-"].pull-left, [class*="mdi-"].pull-left {
  3397.   margin-right: .3em;
  3398. }
  3399.  
  3400. [class^="mdi-"].pull-right, [class*="mdi-"].pull-right {
  3401.   margin-left: .3em;
  3402. }
  3403.  
  3404. [class^="mdi-"].mdi-lg:before, [class^="mdi-"].mdi-lg:after, [class*="mdi-"].mdi-lg:before, [class*="mdi-"].mdi-lg:after {
  3405.   font-size: 1.33333333em;
  3406.   line-height: 0.75em;
  3407.   vertical-align: -15%;
  3408. }
  3409.  
  3410. [class^="mdi-"].mdi-2x:before, [class^="mdi-"].mdi-2x:after, [class*="mdi-"].mdi-2x:before, [class*="mdi-"].mdi-2x:after {
  3411.   font-size: 2em;
  3412. }
  3413.  
  3414. [class^="mdi-"].mdi-3x:before, [class^="mdi-"].mdi-3x:after, [class*="mdi-"].mdi-3x:before, [class*="mdi-"].mdi-3x:after {
  3415.   font-size: 3em;
  3416. }
  3417.  
  3418. [class^="mdi-"].mdi-4x:before, [class^="mdi-"].mdi-4x:after, [class*="mdi-"].mdi-4x:before, [class*="mdi-"].mdi-4x:after {
  3419.   font-size: 4em;
  3420. }
  3421.  
  3422. [class^="mdi-"].mdi-5x:before, [class^="mdi-"].mdi-5x:after, [class*="mdi-"].mdi-5x:before, [class*="mdi-"].mdi-5x:after {
  3423.   font-size: 5em;
  3424. }
  3425.  
  3426. [class^="mdi-device-signal-cellular-"]:after,
  3427. [class^="mdi-device-battery-"]:after,
  3428. [class^="mdi-device-battery-charging-"]:after,
  3429. [class^="mdi-device-signal-cellular-connected-no-internet-"]:after,
  3430. [class^="mdi-device-signal-wifi-"]:after,
  3431. [class^="mdi-device-signal-wifi-statusbar-not-connected"]:after,
  3432. .mdi-device-network-wifi:after {
  3433.   opacity: .3;
  3434.   position: absolute;
  3435.   left: 0;
  3436.   top: 0;
  3437.   z-index: 1;
  3438.   display: inline-block;
  3439.   speak: none;
  3440.   text-decoration: inherit;
  3441. }
  3442.  
  3443. [class^="mdi-device-signal-cellular-"]:after {
  3444.   content: "\e758";
  3445. }
  3446.  
  3447. [class^="mdi-device-battery-"]:after {
  3448.   content: "\e735";
  3449. }
  3450.  
  3451. [class^="mdi-device-battery-charging-"]:after {
  3452.   content: "\e733";
  3453. }
  3454.  
  3455. [class^="mdi-device-signal-cellular-connected-no-internet-"]:after {
  3456.   content: "\e75d";
  3457. }
  3458.  
  3459. [class^="mdi-device-signal-wifi-"]:after, .mdi-device-network-wifi:after {
  3460.   content: "\e765";
  3461. }
  3462.  
  3463. [class^="mdi-device-signal-wifi-statusbasr-not-connected"]:after {
  3464.   content: "\e8f7";
  3465. }
  3466.  
  3467. .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 {
  3468.   content: "";
  3469. }
  3470.  
  3471. .mdi-fw {
  3472.   width: 1.28571429em;
  3473.   text-align: center;
  3474. }
  3475.  
  3476. .mdi-ul {
  3477.   padding-left: 0;
  3478.   margin-left: 2.14285714em;
  3479.   list-style-type: none;
  3480. }
  3481.  
  3482. .mdi-ul > li {
  3483.   position: relative;
  3484. }
  3485.  
  3486. .mdi-li {
  3487.   position: absolute;
  3488.   left: -2.14285714em;
  3489.   width: 2.14285714em;
  3490.   top: 0.14285714em;
  3491.   text-align: center;
  3492. }
  3493.  
  3494. .mdi-li.mdi-lg {
  3495.   left: -1.85714286em;
  3496. }
  3497.  
  3498. .mdi-border {
  3499.   padding: .2em .25em .15em;
  3500.   border: solid 0.08em #eeeeee;
  3501.   border-radius: .1em;
  3502. }
  3503.  
  3504. .mdi-spin {
  3505.   -webkit-animation: mdi-spin 2s infinite linear;
  3506.   animation: mdi-spin 2s infinite linear;
  3507.   -webkit-transform-origin: 50% 50%;
  3508.   transform-origin: 50% 50%;
  3509. }
  3510.  
  3511. .mdi-pulse {
  3512.   -webkit-animation: mdi-spin 1s steps(8) infinite;
  3513.   animation: mdi-spin 1s steps(8) infinite;
  3514.   -webkit-transform-origin: 50% 50%;
  3515.   transform-origin: 50% 50%;
  3516. }
  3517.  
  3518. @-webkit-keyframes mdi-spin {
  3519.   0% {
  3520.     -webkit-transform: rotate(0deg);
  3521.     transform: rotate(0deg);
  3522.   }
  3523.   100% {
  3524.     -webkit-transform: rotate(359deg);
  3525.     transform: rotate(359deg);
  3526.   }
  3527. }
  3528.  
  3529. @keyframes mdi-spin {
  3530.   0% {
  3531.     -webkit-transform: rotate(0deg);
  3532.     transform: rotate(0deg);
  3533.   }
  3534.   100% {
  3535.     -webkit-transform: rotate(359deg);
  3536.     transform: rotate(359deg);
  3537.   }
  3538. }
  3539.  
  3540. .mdi-rotate-90 {
  3541.   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  3542.   -webkit-transform: rotate(90deg);
  3543.   transform: rotate(90deg);
  3544. }
  3545.  
  3546. .mdi-rotate-180 {
  3547.   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  3548.   -webkit-transform: rotate(180deg);
  3549.   transform: rotate(180deg);
  3550. }
  3551.  
  3552. .mdi-rotate-270 {
  3553.   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  3554.   -webkit-transform: rotate(270deg);
  3555.   transform: rotate(270deg);
  3556. }
  3557.  
  3558. .mdi-flip-horizontal {
  3559.   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  3560.   -webkit-transform: scale(-1, 1);
  3561.   transform: scale(-1, 1);
  3562. }
  3563.  
  3564. .mdi-flip-vertical {
  3565.   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  3566.   -webkit-transform: scale(1, -1);
  3567.   transform: scale(1, -1);
  3568. }
  3569.  
  3570. :root .mdi-rotate-90,
  3571. :root .mdi-rotate-180,
  3572. :root .mdi-rotate-270,
  3573. :root .mdi-flip-horizontal,
  3574. :root .mdi-flip-vertical {
  3575.   -webkit-filter: none;
  3576.           filter: none;
  3577. }
  3578.  
  3579. .mdi-stack {
  3580.   position: relative;
  3581.   display: inline-block;
  3582.   width: 2em;
  3583.   height: 2em;
  3584.   line-height: 2em;
  3585.   vertical-align: middle;
  3586. }
  3587.  
  3588. .mdi-stack-1x,
  3589. .mdi-stack-2x {
  3590.   position: absolute;
  3591.   left: 0;
  3592.   width: 100%;
  3593.   text-align: center;
  3594. }
  3595.  
  3596. .mdi-stack-1x {
  3597.   line-height: inherit;
  3598. }
  3599.  
  3600. .mdi-stack-2x {
  3601.   font-size: 2em;
  3602. }
  3603.  
  3604. .mdi-inverse {
  3605.   color: #ffffff;
  3606. }
  3607.  
  3608. /* Start Icons */
  3609. .mdi-action-3d-rotation:before {
  3610.   content: "\e600";
  3611. }
  3612.  
  3613. .mdi-action-accessibility:before {
  3614.   content: "\e601";
  3615. }
  3616.  
  3617. .mdi-action-account-balance-wallet:before {
  3618.   content: "\e602";
  3619. }
  3620.  
  3621. .mdi-action-account-balance:before {
  3622.   content: "\e603";
  3623. }
  3624.  
  3625. .mdi-action-account-box:before {
  3626.   content: "\e604";
  3627. }
  3628.  
  3629. .mdi-action-account-child:before {
  3630.   content: "\e605";
  3631. }
  3632.  
  3633. .mdi-action-account-circle:before {
  3634.   content: "\e606";
  3635. }
  3636.  
  3637. .mdi-action-add-shopping-cart:before {
  3638.   content: "\e607";
  3639. }
  3640.  
  3641. .mdi-action-alarm-add:before {
  3642.   content: "\e608";
  3643. }
  3644.  
  3645. .mdi-action-alarm-off:before {
  3646.   content: "\e609";
  3647. }
  3648.  
  3649. .mdi-action-alarm-on:before {
  3650.   content: "\e60a";
  3651. }
  3652.  
  3653. .mdi-action-alarm:before {
  3654.   content: "\e60b";
  3655. }
  3656.  
  3657. .mdi-action-android:before {
  3658.   content: "\e60c";
  3659. }
  3660.  
  3661. .mdi-action-announcement:before {
  3662.   content: "\e60d";
  3663. }
  3664.  
  3665. .mdi-action-aspect-ratio:before {
  3666.   content: "\e60e";
  3667. }
  3668.  
  3669. .mdi-action-assessment:before {
  3670.   content: "\e60f";
  3671. }
  3672.  
  3673. .mdi-action-assignment-ind:before {
  3674.   content: "\e610";
  3675. }
  3676.  
  3677. .mdi-action-assignment-late:before {
  3678.   content: "\e611";
  3679. }
  3680.  
  3681. .mdi-action-assignment-return:before {
  3682.   content: "\e612";
  3683. }
  3684.  
  3685. .mdi-action-assignment-returned:before {
  3686.   content: "\e613";
  3687. }
  3688.  
  3689. .mdi-action-assignment-turned-in:before {
  3690.   content: "\e614";
  3691. }
  3692.  
  3693. .mdi-action-assignment:before {
  3694.   content: "\e615";
  3695. }
  3696.  
  3697. .mdi-action-autorenew:before {
  3698.   content: "\e616";
  3699. }
  3700.  
  3701. .mdi-action-backup:before {
  3702.   content: "\e617";
  3703. }
  3704.  
  3705. .mdi-action-book:before {
  3706.   content: "\e618";
  3707. }
  3708.  
  3709. .mdi-action-bookmark-outline:before {
  3710.   content: "\e619";
  3711. }
  3712.  
  3713. .mdi-action-bookmark:before {
  3714.   content: "\e61a";
  3715. }
  3716.  
  3717. .mdi-action-bug-report:before {
  3718.   content: "\e61b";
  3719. }
  3720.  
  3721. .mdi-action-cached:before {
  3722.   content: "\e61c";
  3723. }
  3724.  
  3725. .mdi-action-check-circle:before {
  3726.   content: "\e61d";
  3727. }
  3728.  
  3729. .mdi-action-class:before {
  3730.   content: "\e61e";
  3731. }
  3732.  
  3733. .mdi-action-credit-card:before {
  3734.   content: "\e61f";
  3735. }
  3736.  
  3737. .mdi-action-dashboard:before {
  3738.   content: "\e620";
  3739. }
  3740.  
  3741. .mdi-action-delete:before {
  3742.   content: "\e621";
  3743. }
  3744.  
  3745. .mdi-action-description:before {
  3746.   content: "\e622";
  3747. }
  3748.  
  3749. .mdi-action-dns:before {
  3750.   content: "\e623";
  3751. }
  3752.  
  3753. .mdi-action-done-all:before {
  3754.   content: "\e624";
  3755. }
  3756.  
  3757. .mdi-action-done:before {
  3758.   content: "\e625";
  3759. }
  3760.  
  3761. .mdi-action-event:before {
  3762.   content: "\e626";
  3763. }
  3764.  
  3765. .mdi-action-exit-to-app:before {
  3766.   content: "\e627";
  3767. }
  3768.  
  3769. .mdi-action-explore:before {
  3770.   content: "\e628";
  3771. }
  3772.  
  3773. .mdi-action-extension:before {
  3774.   content: "\e629";
  3775. }
  3776.  
  3777. .mdi-action-face-unlock:before {
  3778.   content: "\e62a";
  3779. }
  3780.  
  3781. .mdi-action-favorite-outline:before {
  3782.   content: "\e62b";
  3783. }
  3784.  
  3785. .mdi-action-favorite:before {
  3786.   content: "\e62c";
  3787. }
  3788.  
  3789. .mdi-action-find-in-page:before {
  3790.   content: "\e62d";
  3791. }
  3792.  
  3793. .mdi-action-find-replace:before {
  3794.   content: "\e62e";
  3795. }
  3796.  
  3797. .mdi-action-flip-to-back:before {
  3798.   content: "\e62f";
  3799. }
  3800.  
  3801. .mdi-action-flip-to-front:before {
  3802.   content: "\e630";
  3803. }
  3804.  
  3805. .mdi-action-get-app:before {
  3806.   content: "\e631";
  3807. }
  3808.  
  3809. .mdi-action-grade:before {
  3810.   content: "\e632";
  3811. }
  3812.  
  3813. .mdi-action-group-work:before {
  3814.   content: "\e633";
  3815. }
  3816.  
  3817. .mdi-action-help:before {
  3818.   content: "\e634";
  3819. }
  3820.  
  3821. .mdi-action-highlight-remove:before {
  3822.   content: "\e635";
  3823. }
  3824.  
  3825. .mdi-action-history:before {
  3826.   content: "\e636";
  3827. }
  3828.  
  3829. .mdi-action-home:before {
  3830.   content: "\e637";
  3831. }
  3832.  
  3833. .mdi-action-https:before {
  3834.   content: "\e638";
  3835. }
  3836.  
  3837. .mdi-action-info-outline:before {
  3838.   content: "\e639";
  3839. }
  3840.  
  3841. .mdi-action-info:before {
  3842.   content: "\e63a";
  3843. }
  3844.  
  3845. .mdi-action-input:before {
  3846.   content: "\e63b";
  3847. }
  3848.  
  3849. .mdi-action-invert-colors:before {
  3850.   content: "\e63c";
  3851. }
  3852.  
  3853. .mdi-action-label-outline:before {
  3854.   content: "\e63d";
  3855. }
  3856.  
  3857. .mdi-action-label:before {
  3858.   content: "\e63e";
  3859. }
  3860.  
  3861. .mdi-action-language:before {
  3862.   content: "\e63f";
  3863. }
  3864.  
  3865. .mdi-action-launch:before {
  3866.   content: "\e640";
  3867. }
  3868.  
  3869. .mdi-action-list:before {
  3870.   content: "\e641";
  3871. }
  3872.  
  3873. .mdi-action-lock-open:before {
  3874.   content: "\e642";
  3875. }
  3876.  
  3877. .mdi-action-lock-outline:before {
  3878.   content: "\e643";
  3879. }
  3880.  
  3881. .mdi-action-lock:before {
  3882.   content: "\e644";
  3883. }
  3884.  
  3885. .mdi-action-loyalty:before {
  3886.   content: "\e645";
  3887. }
  3888.  
  3889. .mdi-action-markunread-mailbox:before {
  3890.   content: "\e646";
  3891. }
  3892.  
  3893. .mdi-action-note-add:before {
  3894.   content: "\e647";
  3895. }
  3896.  
  3897. .mdi-action-open-in-browser:before {
  3898.   content: "\e648";
  3899. }
  3900.  
  3901. .mdi-action-open-in-new:before {
  3902.   content: "\e649";
  3903. }
  3904.  
  3905. .mdi-action-open-with:before {
  3906.   content: "\e64a";
  3907. }
  3908.  
  3909. .mdi-action-pageview:before {
  3910.   content: "\e64b";
  3911. }
  3912.  
  3913. .mdi-action-payment:before {
  3914.   content: "\e64c";
  3915. }
  3916.  
  3917. .mdi-action-perm-camera-mic:before {
  3918.   content: "\e64d";
  3919. }
  3920.  
  3921. .mdi-action-perm-contact-cal:before {
  3922.   content: "\e64e";
  3923. }
  3924.  
  3925. .mdi-action-perm-data-setting:before {
  3926.   content: "\e64f";
  3927. }
  3928.  
  3929. .mdi-action-perm-device-info:before {
  3930.   content: "\e650";
  3931. }
  3932.  
  3933. .mdi-action-perm-identity:before {
  3934.   content: "\e651";
  3935. }
  3936.  
  3937. .mdi-action-perm-media:before {
  3938.   content: "\e652";
  3939. }
  3940.  
  3941. .mdi-action-perm-phone-msg:before {
  3942.   content: "\e653";
  3943. }
  3944.  
  3945. .mdi-action-perm-scan-wifi:before {
  3946.   content: "\e654";
  3947. }
  3948.  
  3949. .mdi-action-picture-in-picture:before {
  3950.   content: "\e655";
  3951. }
  3952.  
  3953. .mdi-action-polymer:before {
  3954.   content: "\e656";
  3955. }
  3956.  
  3957. .mdi-action-print:before {
  3958.   content: "\e657";
  3959. }
  3960.  
  3961. .mdi-action-query-builder:before {
  3962.   content: "\e658";
  3963. }
  3964.  
  3965. .mdi-action-question-answer:before {
  3966.   content: "\e659";
  3967. }
  3968.  
  3969. .mdi-action-receipt:before {
  3970.   content: "\e65a";
  3971. }
  3972.  
  3973. .mdi-action-redeem:before {
  3974.   content: "\e65b";
  3975. }
  3976.  
  3977. .mdi-action-reorder:before {
  3978.   content: "\e65c";
  3979. }
  3980.  
  3981. .mdi-action-report-problem:before {
  3982.   content: "\e65d";
  3983. }
  3984.  
  3985. .mdi-action-restore:before {
  3986.   content: "\e65e";
  3987. }
  3988.  
  3989. .mdi-action-room:before {
  3990.   content: "\e65f";
  3991. }
  3992.  
  3993. .mdi-action-schedule:before {
  3994.   content: "\e660";
  3995. }
  3996.  
  3997. .mdi-action-search:before {
  3998.   content: "\e661";
  3999. }
  4000.  
  4001. .mdi-action-settings-applications:before {
  4002.   content: "\e662";
  4003. }
  4004.  
  4005. .mdi-action-settings-backup-restore:before {
  4006.   content: "\e663";
  4007. }
  4008.  
  4009. .mdi-action-settings-bluetooth:before {
  4010.   content: "\e664";
  4011. }
  4012.  
  4013. .mdi-action-settings-cell:before {
  4014.   content: "\e665";
  4015. }
  4016.  
  4017. .mdi-action-settings-display:before {
  4018.   content: "\e666";
  4019. }
  4020.  
  4021. .mdi-action-settings-ethernet:before {
  4022.   content: "\e667";
  4023. }
  4024.  
  4025. .mdi-action-settings-input-antenna:before {
  4026.   content: "\e668";
  4027. }
  4028.  
  4029. .mdi-action-settings-input-component:before {
  4030.   content: "\e669";
  4031. }
  4032.  
  4033. .mdi-action-settings-input-composite:before {
  4034.   content: "\e66a";
  4035. }
  4036.  
  4037. .mdi-action-settings-input-hdmi:before {
  4038.   content: "\e66b";
  4039. }
  4040.  
  4041. .mdi-action-settings-input-svideo:before {
  4042.   content: "\e66c";
  4043. }
  4044.  
  4045. .mdi-action-settings-overscan:before {
  4046.   content: "\e66d";
  4047. }
  4048.  
  4049. .mdi-action-settings-phone:before {
  4050.   content: "\e66e";
  4051. }
  4052.  
  4053. .mdi-action-settings-power:before {
  4054.   content: "\e66f";
  4055. }
  4056.  
  4057. .mdi-action-settings-remote:before {
  4058.   content: "\e670";
  4059. }
  4060.  
  4061. .mdi-action-settings-voice:before {
  4062.   content: "\e671";
  4063. }
  4064.  
  4065. .mdi-action-settings:before {
  4066.   content: "\e672";
  4067. }
  4068.  
  4069. .mdi-action-shop-two:before {
  4070.   content: "\e673";
  4071. }
  4072.  
  4073. .mdi-action-shop:before {
  4074.   content: "\e674";
  4075. }
  4076.  
  4077. .mdi-action-shopping-basket:before {
  4078.   content: "\e675";
  4079. }
  4080.  
  4081. .mdi-action-shopping-cart:before {
  4082.   content: "\e676";
  4083. }
  4084.  
  4085. .mdi-action-speaker-notes:before {
  4086.   content: "\e677";
  4087. }
  4088.  
  4089. .mdi-action-spellcheck:before {
  4090.   content: "\e678";
  4091. }
  4092.  
  4093. .mdi-action-star-rate:before {
  4094.   content: "\e679";
  4095. }
  4096.  
  4097. .mdi-action-stars:before {
  4098.   content: "\e67a";
  4099. }
  4100.  
  4101. .mdi-action-store:before {
  4102.   content: "\e67b";
  4103. }
  4104.  
  4105. .mdi-action-subject:before {
  4106.   content: "\e67c";
  4107. }
  4108.  
  4109. .mdi-action-supervisor-account:before {
  4110.   content: "\e67d";
  4111. }
  4112.  
  4113. .mdi-action-swap-horiz:before {
  4114.   content: "\e67e";
  4115. }
  4116.  
  4117. .mdi-action-swap-vert-circle:before {
  4118.   content: "\e67f";
  4119. }
  4120.  
  4121. .mdi-action-swap-vert:before {
  4122.   content: "\e680";
  4123. }
  4124.  
  4125. .mdi-action-system-update-tv:before {
  4126.   content: "\e681";
  4127. }
  4128.  
  4129. .mdi-action-tab-unselected:before {
  4130.   content: "\e682";
  4131. }
  4132.  
  4133. .mdi-action-tab:before {
  4134.   content: "\e683";
  4135. }
  4136.  
  4137. .mdi-action-theaters:before {
  4138.   content: "\e684";
  4139. }
  4140.  
  4141. .mdi-action-thumb-down:before {
  4142.   content: "\e685";
  4143. }
  4144.  
  4145. .mdi-action-thumb-up:before {
  4146.   content: "\e686";
  4147. }
  4148.  
  4149. .mdi-action-thumbs-up-down:before {
  4150.   content: "\e687";
  4151. }
  4152.  
  4153. .mdi-action-toc:before {
  4154.   content: "\e688";
  4155. }
  4156.  
  4157. .mdi-action-today:before {
  4158.   content: "\e689";
  4159. }
  4160.  
  4161. .mdi-action-track-changes:before {
  4162.   content: "\e68a";
  4163. }
  4164.  
  4165. .mdi-action-translate:before {
  4166.   content: "\e68b";
  4167. }
  4168.  
  4169. .mdi-action-trending-down:before {
  4170.   content: "\e68c";
  4171. }
  4172.  
  4173. .mdi-action-trending-neutral:before {
  4174.   content: "\e68d";
  4175. }
  4176.  
  4177. .mdi-action-trending-up:before {
  4178.   content: "\e68e";
  4179. }
  4180.  
  4181. .mdi-action-turned-in-not:before {
  4182.   content: "\e68f";
  4183. }
  4184.  
  4185. .mdi-action-turned-in:before {
  4186.   content: "\e690";
  4187. }
  4188.  
  4189. .mdi-action-verified-user:before {
  4190.   content: "\e691";
  4191. }
  4192.  
  4193. .mdi-action-view-agenda:before {
  4194.   content: "\e692";
  4195. }
  4196.  
  4197. .mdi-action-view-array:before {
  4198.   content: "\e693";
  4199. }
  4200.  
  4201. .mdi-action-view-carousel:before {
  4202.   content: "\e694";
  4203. }
  4204.  
  4205. .mdi-action-view-column:before {
  4206.   content: "\e695";
  4207. }
  4208.  
  4209. .mdi-action-view-day:before {
  4210.   content: "\e696";
  4211. }
  4212.  
  4213. .mdi-action-view-headline:before {
  4214.   content: "\e697";
  4215. }
  4216.  
  4217. .mdi-action-view-list:before {
  4218.   content: "\e698";
  4219. }
  4220.  
  4221. .mdi-action-view-module:before {
  4222.   content: "\e699";
  4223. }
  4224.  
  4225. .mdi-action-view-quilt:before {
  4226.   content: "\e69a";
  4227. }
  4228.  
  4229. .mdi-action-view-stream:before {
  4230.   content: "\e69b";
  4231. }
  4232.  
  4233. .mdi-action-view-week:before {
  4234.   content: "\e69c";
  4235. }
  4236.  
  4237. .mdi-action-visibility-off:before {
  4238.   content: "\e69d";
  4239. }
  4240.  
  4241. .mdi-action-visibility:before {
  4242.   content: "\e69e";
  4243. }
  4244.  
  4245. .mdi-action-wallet-giftcard:before {
  4246.   content: "\e69f";
  4247. }
  4248.  
  4249. .mdi-action-wallet-membership:before {
  4250.   content: "\e6a0";
  4251. }
  4252.  
  4253. .mdi-action-wallet-travel:before {
  4254.   content: "\e6a1";
  4255. }
  4256.  
  4257. .mdi-action-work:before {
  4258.   content: "\e6a2";
  4259. }
  4260.  
  4261. .mdi-alert-error:before {
  4262.   content: "\e6a3";
  4263. }
  4264.  
  4265. .mdi-alert-warning:before {
  4266.   content: "\e6a4";
  4267. }
  4268.  
  4269. .mdi-av-album:before {
  4270.   content: "\e6a5";
  4271. }
  4272.  
  4273. .mdi-av-closed-caption:before {
  4274.   content: "\e6a6";
  4275. }
  4276.  
  4277. .mdi-av-equalizer:before {
  4278.   content: "\e6a7";
  4279. }
  4280.  
  4281. .mdi-av-explicit:before {
  4282.   content: "\e6a8";
  4283. }
  4284.  
  4285. .mdi-av-fast-forward:before {
  4286.   content: "\e6a9";
  4287. }
  4288.  
  4289. .mdi-av-fast-rewind:before {
  4290.   content: "\e6aa";
  4291. }
  4292.  
  4293. .mdi-av-games:before {
  4294.   content: "\e6ab";
  4295. }
  4296.  
  4297. .mdi-av-hearing:before {
  4298.   content: "\e6ac";
  4299. }
  4300.  
  4301. .mdi-av-high-quality:before {
  4302.   content: "\e6ad";
  4303. }
  4304.  
  4305. .mdi-av-loop:before {
  4306.   content: "\e6ae";
  4307. }
  4308.  
  4309. .mdi-av-mic-none:before {
  4310.   content: "\e6af";
  4311. }
  4312.  
  4313. .mdi-av-mic-off:before {
  4314.   content: "\e6b0";
  4315. }
  4316.  
  4317. .mdi-av-mic:before {
  4318.   content: "\e6b1";
  4319. }
  4320.  
  4321. .mdi-av-movie:before {
  4322.   content: "\e6b2";
  4323. }
  4324.  
  4325. .mdi-av-my-library-add:before {
  4326.   content: "\e6b3";
  4327. }
  4328.  
  4329. .mdi-av-my-library-books:before {
  4330.   content: "\e6b4";
  4331. }
  4332.  
  4333. .mdi-av-my-library-music:before {
  4334.   content: "\e6b5";
  4335. }
  4336.  
  4337. .mdi-av-new-releases:before {
  4338.   content: "\e6b6";
  4339. }
  4340.  
  4341. .mdi-av-not-interested:before {
  4342.   content: "\e6b7";
  4343. }
  4344.  
  4345. .mdi-av-pause-circle-fill:before {
  4346.   content: "\e6b8";
  4347. }
  4348.  
  4349. .mdi-av-pause-circle-outline:before {
  4350.   content: "\e6b9";
  4351. }
  4352.  
  4353. .mdi-av-pause:before {
  4354.   content: "\e6ba";
  4355. }
  4356.  
  4357. .mdi-av-play-arrow:before {
  4358.   content: "\e6bb";
  4359. }
  4360.  
  4361. .mdi-av-play-circle-fill:before {
  4362.   content: "\e6bc";
  4363. }
  4364.  
  4365. .mdi-av-play-circle-outline:before {
  4366.   content: "\e6bd";
  4367. }
  4368.  
  4369. .mdi-av-play-shopping-bag:before {
  4370.   content: "\e6be";
  4371. }
  4372.  
  4373. .mdi-av-playlist-add:before {
  4374.   content: "\e6bf";
  4375. }
  4376.  
  4377. .mdi-av-queue-music:before {
  4378.   content: "\e6c0";
  4379. }
  4380.  
  4381. .mdi-av-queue:before {
  4382.   content: "\e6c1";
  4383. }
  4384.  
  4385. .mdi-av-radio:before {
  4386.   content: "\e6c2";
  4387. }
  4388.  
  4389. .mdi-av-recent-actors:before {
  4390.   content: "\e6c3";
  4391. }
  4392.  
  4393. .mdi-av-repeat-one:before {
  4394.   content: "\e6c4";
  4395. }
  4396.  
  4397. .mdi-av-repeat:before {
  4398.   content: "\e6c5";
  4399. }
  4400.  
  4401. .mdi-av-replay:before {
  4402.   content: "\e6c6";
  4403. }
  4404.  
  4405. .mdi-av-shuffle:before {
  4406.   content: "\e6c7";
  4407. }
  4408.  
  4409. .mdi-av-skip-next:before {
  4410.   content: "\e6c8";
  4411. }
  4412.  
  4413. .mdi-av-skip-previous:before {
  4414.   content: "\e6c9";
  4415. }
  4416.  
  4417. .mdi-av-snooze:before {
  4418.   content: "\e6ca";
  4419. }
  4420.  
  4421. .mdi-av-stop:before {
  4422.   content: "\e6cb";
  4423. }
  4424.  
  4425. .mdi-av-subtitles:before {
  4426.   content: "\e6cc";
  4427. }
  4428.  
  4429. .mdi-av-surround-sound:before {
  4430.   content: "\e6cd";
  4431. }
  4432.  
  4433. .mdi-av-timer:before {
  4434.   content: "\e6ce";
  4435. }
  4436.  
  4437. .mdi-av-video-collection:before {
  4438.   content: "\e6cf";
  4439. }
  4440.  
  4441. .mdi-av-videocam-off:before {
  4442.   content: "\e6d0";
  4443. }
  4444.  
  4445. .mdi-av-videocam:before {
  4446.   content: "\e6d1";
  4447. }
  4448.  
  4449. .mdi-av-volume-down:before {
  4450.   content: "\e6d2";
  4451. }
  4452.  
  4453. .mdi-av-volume-mute:before {
  4454.   content: "\e6d3";
  4455. }
  4456.  
  4457. .mdi-av-volume-off:before {
  4458.   content: "\e6d4";
  4459. }
  4460.  
  4461. .mdi-av-volume-up:before {
  4462.   content: "\e6d5";
  4463. }
  4464.  
  4465. .mdi-av-web:before {
  4466.   content: "\e6d6";
  4467. }
  4468.  
  4469. .mdi-communication-business:before {
  4470.   content: "\e6d7";
  4471. }
  4472.  
  4473. .mdi-communication-call-end:before {
  4474.   content: "\e6d8";
  4475. }
  4476.  
  4477. .mdi-communication-call-made:before {
  4478.   content: "\e6d9";
  4479. }
  4480.  
  4481. .mdi-communication-call-merge:before {
  4482.   content: "\e6da";
  4483. }
  4484.  
  4485. .mdi-communication-call-missed:before {
  4486.   content: "\e6db";
  4487. }
  4488.  
  4489. .mdi-communication-call-received:before {
  4490.   content: "\e6dc";
  4491. }
  4492.  
  4493. .mdi-communication-call-split:before {
  4494.   content: "\e6dd";
  4495. }
  4496.  
  4497. .mdi-communication-call:before {
  4498.   content: "\e6de";
  4499. }
  4500.  
  4501. .mdi-communication-chat:before {
  4502.   content: "\e6df";
  4503. }
  4504.  
  4505. .mdi-communication-clear-all:before {
  4506.   content: "\e6e0";
  4507. }
  4508.  
  4509. .mdi-communication-comment:before {
  4510.   content: "\e6e1";
  4511. }
  4512.  
  4513. .mdi-communication-contacts:before {
  4514.   content: "\e6e2";
  4515. }
  4516.  
  4517. .mdi-communication-dialer-sip:before {
  4518.   content: "\e6e3";
  4519. }
  4520.  
  4521. .mdi-communication-dialpad:before {
  4522.   content: "\e6e4";
  4523. }
  4524.  
  4525. .mdi-communication-dnd-on:before {
  4526.   content: "\e6e5";
  4527. }
  4528.  
  4529. .mdi-communication-email:before {
  4530.   content: "\e6e6";
  4531. }
  4532.  
  4533. .mdi-communication-forum:before {
  4534.   content: "\e6e7";
  4535. }
  4536.  
  4537. .mdi-communication-import-export:before {
  4538.   content: "\e6e8";
  4539. }
  4540.  
  4541. .mdi-communication-invert-colors-off:before {
  4542.   content: "\e6e9";
  4543. }
  4544.  
  4545. .mdi-communication-invert-colors-on:before {
  4546.   content: "\e6ea";
  4547. }
  4548.  
  4549. .mdi-communication-live-help:before {
  4550.   content: "\e6eb";
  4551. }
  4552.  
  4553. .mdi-communication-location-off:before {
  4554.   content: "\e6ec";
  4555. }
  4556.  
  4557. .mdi-communication-location-on:before {
  4558.   content: "\e6ed";
  4559. }
  4560.  
  4561. .mdi-communication-message:before {
  4562.   content: "\e6ee";
  4563. }
  4564.  
  4565. .mdi-communication-messenger:before {
  4566.   content: "\e6ef";
  4567. }
  4568.  
  4569. .mdi-communication-no-sim:before {
  4570.   content: "\e6f0";
  4571. }
  4572.  
  4573. .mdi-communication-phone:before {
  4574.   content: "\e6f1";
  4575. }
  4576.  
  4577. .mdi-communication-portable-wifi-off:before {
  4578.   content: "\e6f2";
  4579. }
  4580.  
  4581. .mdi-communication-quick-contacts-dialer:before {
  4582.   content: "\e6f3";
  4583. }
  4584.  
  4585. .mdi-communication-quick-contacts-mail:before {
  4586.   content: "\e6f4";
  4587. }
  4588.  
  4589. .mdi-communication-ring-volume:before {
  4590.   content: "\e6f5";
  4591. }
  4592.  
  4593. .mdi-communication-stay-current-landscape:before {
  4594.   content: "\e6f6";
  4595. }
  4596.  
  4597. .mdi-communication-stay-current-portrait:before {
  4598.   content: "\e6f7";
  4599. }
  4600.  
  4601. .mdi-communication-stay-primary-landscape:before {
  4602.   content: "\e6f8";
  4603. }
  4604.  
  4605. .mdi-communication-stay-primary-portrait:before {
  4606.   content: "\e6f9";
  4607. }
  4608.  
  4609. .mdi-communication-swap-calls:before {
  4610.   content: "\e6fa";
  4611. }
  4612.  
  4613. .mdi-communication-textsms:before {
  4614.   content: "\e6fb";
  4615. }
  4616.  
  4617. .mdi-communication-voicemail:before {
  4618.   content: "\e6fc";
  4619. }
  4620.  
  4621. .mdi-communication-vpn-key:before {
  4622.   content: "\e6fd";
  4623. }
  4624.  
  4625. .mdi-content-add-box:before {
  4626.   content: "\e6fe";
  4627. }
  4628.  
  4629. .mdi-content-add-circle-outline:before {
  4630.   content: "\e6ff";
  4631. }
  4632.  
  4633. .mdi-content-add-circle:before {
  4634.   content: "\e700";
  4635. }
  4636.  
  4637. .mdi-content-add:before {
  4638.   content: "\e701";
  4639. }
  4640.  
  4641. .mdi-content-archive:before {
  4642.   content: "\e702";
  4643. }
  4644.  
  4645. .mdi-content-backspace:before {
  4646.   content: "\e703";
  4647. }
  4648.  
  4649. .mdi-content-block:before {
  4650.   content: "\e704";
  4651. }
  4652.  
  4653. .mdi-content-clear:before {
  4654.   content: "\e705";
  4655. }
  4656.  
  4657. .mdi-content-content-copy:before {
  4658.   content: "\e706";
  4659. }
  4660.  
  4661. .mdi-content-content-cut:before {
  4662.   content: "\e707";
  4663. }
  4664.  
  4665. .mdi-content-content-paste:before {
  4666.   content: "\e708";
  4667. }
  4668.  
  4669. .mdi-content-create:before {
  4670.   content: "\e709";
  4671. }
  4672.  
  4673. .mdi-content-drafts:before {
  4674.   content: "\e70a";
  4675. }
  4676.  
  4677. .mdi-content-filter-list:before {
  4678.   content: "\e70b";
  4679. }
  4680.  
  4681. .mdi-content-flag:before {
  4682.   content: "\e70c";
  4683. }
  4684.  
  4685. .mdi-content-forward:before {
  4686.   content: "\e70d";
  4687. }
  4688.  
  4689. .mdi-content-gesture:before {
  4690.   content: "\e70e";
  4691. }
  4692.  
  4693. .mdi-content-inbox:before {
  4694.   content: "\e70f";
  4695. }
  4696.  
  4697. .mdi-content-link:before {
  4698.   content: "\e710";
  4699. }
  4700.  
  4701. .mdi-content-mail:before {
  4702.   content: "\e711";
  4703. }
  4704.  
  4705. .mdi-content-markunread:before {
  4706.   content: "\e712";
  4707. }
  4708.  
  4709. .mdi-content-redo:before {
  4710.   content: "\e713";
  4711. }
  4712.  
  4713. .mdi-content-remove-circle-outline:before {
  4714.   content: "\e714";
  4715. }
  4716.  
  4717. .mdi-content-remove-circle:before {
  4718.   content: "\e715";
  4719. }
  4720.  
  4721. .mdi-content-remove:before {
  4722.   content: "\e716";
  4723. }
  4724.  
  4725. .mdi-content-reply-all:before {
  4726.   content: "\e717";
  4727. }
  4728.  
  4729. .mdi-content-reply:before {
  4730.   content: "\e718";
  4731. }
  4732.  
  4733. .mdi-content-report:before {
  4734.   content: "\e719";
  4735. }
  4736.  
  4737. .mdi-content-save:before {
  4738.   content: "\e71a";
  4739. }
  4740.  
  4741. .mdi-content-select-all:before {
  4742.   content: "\e71b";
  4743. }
  4744.  
  4745. .mdi-content-send:before {
  4746.   content: "\e71c";
  4747. }
  4748.  
  4749. .mdi-content-sort:before {
  4750.   content: "\e71d";
  4751. }
  4752.  
  4753. .mdi-content-text-format:before {
  4754.   content: "\e71e";
  4755. }
  4756.  
  4757. .mdi-content-undo:before {
  4758.   content: "\e71f";
  4759. }
  4760.  
  4761. .mdi-editor-attach-file:before {
  4762.   content: "\e776";
  4763. }
  4764.  
  4765. .mdi-editor-attach-money:before {
  4766.   content: "\e777";
  4767. }
  4768.  
  4769. .mdi-editor-border-all:before {
  4770.   content: "\e778";
  4771. }
  4772.  
  4773. .mdi-editor-border-bottom:before {
  4774.   content: "\e779";
  4775. }
  4776.  
  4777. .mdi-editor-border-clear:before {
  4778.   content: "\e77a";
  4779. }
  4780.  
  4781. .mdi-editor-border-color:before {
  4782.   content: "\e77b";
  4783. }
  4784.  
  4785. .mdi-editor-border-horizontal:before {
  4786.   content: "\e77c";
  4787. }
  4788.  
  4789. .mdi-editor-border-inner:before {
  4790.   content: "\e77d";
  4791. }
  4792.  
  4793. .mdi-editor-border-left:before {
  4794.   content: "\e77e";
  4795. }
  4796.  
  4797. .mdi-editor-border-outer:before {
  4798.   content: "\e77f";
  4799. }
  4800.  
  4801. .mdi-editor-border-right:before {
  4802.   content: "\e780";
  4803. }
  4804.  
  4805. .mdi-editor-border-style:before {
  4806.   content: "\e781";
  4807. }
  4808.  
  4809. .mdi-editor-border-top:before {
  4810.   content: "\e782";
  4811. }
  4812.  
  4813. .mdi-editor-border-vertical:before {
  4814.   content: "\e783";
  4815. }
  4816.  
  4817. .mdi-editor-format-align-center:before {
  4818.   content: "\e784";
  4819. }
  4820.  
  4821. .mdi-editor-format-align-justify:before {
  4822.   content: "\e785";
  4823. }
  4824.  
  4825. .mdi-editor-format-align-left:before {
  4826.   content: "\e786";
  4827. }
  4828.  
  4829. .mdi-editor-format-align-right:before {
  4830.   content: "\e787";
  4831. }
  4832.  
  4833. .mdi-editor-format-bold:before {
  4834.   content: "\e788";
  4835. }
  4836.  
  4837. .mdi-editor-format-clear:before {
  4838.   content: "\e789";
  4839. }
  4840.  
  4841. .mdi-editor-format-color-fill:before {
  4842.   content: "\e78a";
  4843. }
  4844.  
  4845. .mdi-editor-format-color-reset:before {
  4846.   content: "\e78b";
  4847. }
  4848.  
  4849. .mdi-editor-format-color-text:before {
  4850.   content: "\e78c";
  4851. }
  4852.  
  4853. .mdi-editor-format-indent-decrease:before {
  4854.   content: "\e78d";
  4855. }
  4856.  
  4857. .mdi-editor-format-indent-increase:before {
  4858.   content: "\e78e";
  4859. }
  4860.  
  4861. .mdi-editor-format-italic:before {
  4862.   content: "\e78f";
  4863. }
  4864.  
  4865. .mdi-editor-format-line-spacing:before {
  4866.   content: "\e790";
  4867. }
  4868.  
  4869. .mdi-editor-format-list-bulleted:before {
  4870.   content: "\e791";
  4871. }
  4872.  
  4873. .mdi-editor-format-list-numbered:before {
  4874.   content: "\e792";
  4875. }
  4876.  
  4877. .mdi-editor-format-paint:before {
  4878.   content: "\e793";
  4879. }
  4880.  
  4881. .mdi-editor-format-quote:before {
  4882.   content: "\e794";
  4883. }
  4884.  
  4885. .mdi-editor-format-size:before {
  4886.   content: "\e795";
  4887. }
  4888.  
  4889. .mdi-editor-format-strikethrough:before {
  4890.   content: "\e796";
  4891. }
  4892.  
  4893. .mdi-editor-format-textdirection-l-to-r:before {
  4894.   content: "\e797";
  4895. }
  4896.  
  4897. .mdi-editor-format-textdirection-r-to-l:before {
  4898.   content: "\e798";
  4899. }
  4900.  
  4901. .mdi-editor-format-underline:before {
  4902.   content: "\e799";
  4903. }
  4904.  
  4905. .mdi-editor-functions:before {
  4906.   content: "\e79a";
  4907. }
  4908.  
  4909. .mdi-editor-insert-chart:before {
  4910.   content: "\e79b";
  4911. }
  4912.  
  4913. .mdi-editor-insert-comment:before {
  4914.   content: "\e79c";
  4915. }
  4916.  
  4917. .mdi-editor-insert-drive-file:before {
  4918.   content: "\e79d";
  4919. }
  4920.  
  4921. .mdi-editor-insert-emoticon:before {
  4922.   content: "\e79e";
  4923. }
  4924.  
  4925. .mdi-editor-insert-invitation:before {
  4926.   content: "\e79f";
  4927. }
  4928.  
  4929. .mdi-editor-insert-link:before {
  4930.   content: "\e7a0";
  4931. }
  4932.  
  4933. .mdi-editor-insert-photo:before {
  4934.   content: "\e7a1";
  4935. }
  4936.  
  4937. .mdi-editor-merge-type:before {
  4938.   content: "\e7a2";
  4939. }
  4940.  
  4941. .mdi-editor-mode-comment:before {
  4942.   content: "\e7a3";
  4943. }
  4944.  
  4945. .mdi-editor-mode-edit:before {
  4946.   content: "\e7a4";
  4947. }
  4948.  
  4949. .mdi-editor-publish:before {
  4950.   content: "\e7a5";
  4951. }
  4952.  
  4953. .mdi-editor-vertical-align-bottom:before {
  4954.   content: "\e7a6";
  4955. }
  4956.  
  4957. .mdi-editor-vertical-align-center:before {
  4958.   content: "\e7a7";
  4959. }
  4960.  
  4961. .mdi-editor-vertical-align-top:before {
  4962.   content: "\e7a8";
  4963. }
  4964.  
  4965. .mdi-editor-wrap-text:before {
  4966.   content: "\e7a9";
  4967. }
  4968.  
  4969. .mdi-file-attachment:before {
  4970.   content: "\e7aa";
  4971. }
  4972.  
  4973. .mdi-file-cloud-circle:before {
  4974.   content: "\e7ab";
  4975. }
  4976.  
  4977. .mdi-file-cloud-done:before {
  4978.   content: "\e7ac";
  4979. }
  4980.  
  4981. .mdi-file-cloud-download:before {
  4982.   content: "\e7ad";
  4983. }
  4984.  
  4985. .mdi-file-cloud-off:before {
  4986.   content: "\e7ae";
  4987. }
  4988.  
  4989. .mdi-file-cloud-queue:before {
  4990.   content: "\e7af";
  4991. }
  4992.  
  4993. .mdi-file-cloud-upload:before {
  4994.   content: "\e7b0";
  4995. }
  4996.  
  4997. .mdi-file-cloud:before {
  4998.   content: "\e7b1";
  4999. }
  5000.  
  5001. .mdi-file-file-download:before {
  5002.   content: "\e7b2";
  5003. }
  5004.  
  5005. .mdi-file-file-upload:before {
  5006.   content: "\e7b3";
  5007. }
  5008.  
  5009. .mdi-file-folder-open:before {
  5010.   content: "\e7b4";
  5011. }
  5012.  
  5013. .mdi-file-folder-shared:before {
  5014.   content: "\e7b5";
  5015. }
  5016.  
  5017. .mdi-file-folder:before {
  5018.   content: "\e7b6";
  5019. }
  5020.  
  5021. .mdi-device-access-alarm:before {
  5022.   content: "\e720";
  5023. }
  5024.  
  5025. .mdi-device-access-alarms:before {
  5026.   content: "\e721";
  5027. }
  5028.  
  5029. .mdi-device-access-time:before {
  5030.   content: "\e722";
  5031. }
  5032.  
  5033. .mdi-device-add-alarm:before {
  5034.   content: "\e723";
  5035. }
  5036.  
  5037. .mdi-device-airplanemode-off:before {
  5038.   content: "\e724";
  5039. }
  5040.  
  5041. .mdi-device-airplanemode-on:before {
  5042.   content: "\e725";
  5043. }
  5044.  
  5045. .mdi-device-battery-20:before {
  5046.   content: "\e726";
  5047. }
  5048.  
  5049. .mdi-device-battery-30:before {
  5050.   content: "\e727";
  5051. }
  5052.  
  5053. .mdi-device-battery-50:before {
  5054.   content: "\e728";
  5055. }
  5056.  
  5057. .mdi-device-battery-60:before {
  5058.   content: "\e729";
  5059. }
  5060.  
  5061. .mdi-device-battery-80:before {
  5062.   content: "\e72a";
  5063. }
  5064.  
  5065. .mdi-device-battery-90:before {
  5066.   content: "\e72b";
  5067. }
  5068.  
  5069. .mdi-device-battery-alert:before {
  5070.   content: "\e72c";
  5071. }
  5072.  
  5073. .mdi-device-battery-charging-20:before {
  5074.   content: "\e72d";
  5075. }
  5076.  
  5077. .mdi-device-battery-charging-30:before {
  5078.   content: "\e72e";
  5079. }
  5080.  
  5081. .mdi-device-battery-charging-50:before {
  5082.   content: "\e72f";
  5083. }
  5084.  
  5085. .mdi-device-battery-charging-60:before {
  5086.   content: "\e730";
  5087. }
  5088.  
  5089. .mdi-device-battery-charging-80:before {
  5090.   content: "\e731";
  5091. }
  5092.  
  5093. .mdi-device-battery-charging-90:before {
  5094.   content: "\e732";
  5095. }
  5096.  
  5097. .mdi-device-battery-charging-full:before {
  5098.   content: "\e733";
  5099. }
  5100.  
  5101. .mdi-device-battery-full:before {
  5102.   content: "\e734";
  5103. }
  5104.  
  5105. .mdi-device-battery-std:before {
  5106.   content: "\e735";
  5107. }
  5108.  
  5109. .mdi-device-battery-unknown:before {
  5110.   content: "\e736";
  5111. }
  5112.  
  5113. .mdi-device-bluetooth-connected:before {
  5114.   content: "\e737";
  5115. }
  5116.  
  5117. .mdi-device-bluetooth-disabled:before {
  5118.   content: "\e738";
  5119. }
  5120.  
  5121. .mdi-device-bluetooth-searching:before {
  5122.   content: "\e739";
  5123. }
  5124.  
  5125. .mdi-device-bluetooth:before {
  5126.   content: "\e73a";
  5127. }
  5128.  
  5129. .mdi-device-brightness-auto:before {
  5130.   content: "\e73b";
  5131. }
  5132.  
  5133. .mdi-device-brightness-high:before {
  5134.   content: "\e73c";
  5135. }
  5136.  
  5137. .mdi-device-brightness-low:before {
  5138.   content: "\e73d";
  5139. }
  5140.  
  5141. .mdi-device-brightness-medium:before {
  5142.   content: "\e73e";
  5143. }
  5144.  
  5145. .mdi-device-data-usage:before {
  5146.   content: "\e73f";
  5147. }
  5148.  
  5149. .mdi-device-developer-mode:before {
  5150.   content: "\e740";
  5151. }
  5152.  
  5153. .mdi-device-devices:before {
  5154.   content: "\e741";
  5155. }
  5156.  
  5157. .mdi-device-dvr:before {
  5158.   content: "\e742";
  5159. }
  5160.  
  5161. .mdi-device-gps-fixed:before {
  5162.   content: "\e743";
  5163. }
  5164.  
  5165. .mdi-device-gps-not-fixed:before {
  5166.   content: "\e744";
  5167. }
  5168.  
  5169. .mdi-device-gps-off:before {
  5170.   content: "\e745";
  5171. }
  5172.  
  5173. .mdi-device-location-disabled:before {
  5174.   content: "\e746";
  5175. }
  5176.  
  5177. .mdi-device-location-searching:before {
  5178.   content: "\e747";
  5179. }
  5180.  
  5181. .mdi-device-multitrack-audio:before {
  5182.   content: "\e748";
  5183. }
  5184.  
  5185. .mdi-device-network-cell:before {
  5186.   content: "\e749";
  5187. }
  5188.  
  5189. .mdi-device-network-wifi:before {
  5190.   content: "\e74a";
  5191. }
  5192.  
  5193. .mdi-device-nfc:before {
  5194.   content: "\e74b";
  5195. }
  5196.  
  5197. .mdi-device-now-wallpaper:before {
  5198.   content: "\e74c";
  5199. }
  5200.  
  5201. .mdi-device-now-widgets:before {
  5202.   content: "\e74d";
  5203. }
  5204.  
  5205. .mdi-device-screen-lock-landscape:before {
  5206.   content: "\e74e";
  5207. }
  5208.  
  5209. .mdi-device-screen-lock-portrait:before {
  5210.   content: "\e74f";
  5211. }
  5212.  
  5213. .mdi-device-screen-lock-rotation:before {
  5214.   content: "\e750";
  5215. }
  5216.  
  5217. .mdi-device-screen-rotation:before {
  5218.   content: "\e751";
  5219. }
  5220.  
  5221. .mdi-device-sd-storage:before {
  5222.   content: "\e752";
  5223. }
  5224.  
  5225. .mdi-device-settings-system-daydream:before {
  5226.   content: "\e753";
  5227. }
  5228.  
  5229. .mdi-device-signal-cellular-0-bar:before {
  5230.   content: "\e754";
  5231. }
  5232.  
  5233. .mdi-device-signal-cellular-1-bar:before {
  5234.   content: "\e755";
  5235. }
  5236.  
  5237. .mdi-device-signal-cellular-2-bar:before {
  5238.   content: "\e756";
  5239. }
  5240.  
  5241. .mdi-device-signal-cellular-3-bar:before {
  5242.   content: "\e757";
  5243. }
  5244.  
  5245. .mdi-device-signal-cellular-4-bar:before {
  5246.   content: "\e758";
  5247. }
  5248.  
  5249. .mdi-signal-wifi-statusbar-connected-no-internet-after:before {
  5250.   content: "\e8f6";
  5251. }
  5252.  
  5253. .mdi-device-signal-cellular-connected-no-internet-0-bar:before {
  5254.   content: "\e759";
  5255. }
  5256.  
  5257. .mdi-device-signal-cellular-connected-no-internet-1-bar:before {
  5258.   content: "\e75a";
  5259. }
  5260.  
  5261. .mdi-device-signal-cellular-connected-no-internet-2-bar:before {
  5262.   content: "\e75b";
  5263. }
  5264.  
  5265. .mdi-device-signal-cellular-connected-no-internet-3-bar:before {
  5266.   content: "\e75c";
  5267. }
  5268.  
  5269. .mdi-device-signal-cellular-connected-no-internet-4-bar:before {
  5270.   content: "\e75d";
  5271. }
  5272.  
  5273. .mdi-device-signal-cellular-no-sim:before {
  5274.   content: "\e75e";
  5275. }
  5276.  
  5277. .mdi-device-signal-cellular-null:before {
  5278.   content: "\e75f";
  5279. }
  5280.  
  5281. .mdi-device-signal-cellular-off:before {
  5282.   content: "\e760";
  5283. }
  5284.  
  5285. .mdi-device-signal-wifi-0-bar:before {
  5286.   content: "\e761";
  5287. }
  5288.  
  5289. .mdi-device-signal-wifi-1-bar:before {
  5290.   content: "\e762";
  5291. }
  5292.  
  5293. .mdi-device-signal-wifi-2-bar:before {
  5294.   content: "\e763";
  5295. }
  5296.  
  5297. .mdi-device-signal-wifi-3-bar:before {
  5298.   content: "\e764";
  5299. }
  5300.  
  5301. .mdi-device-signal-wifi-4-bar:before {
  5302.   content: "\e765";
  5303. }
  5304.  
  5305. .mdi-device-signal-wifi-off:before {
  5306.   content: "\e766";
  5307. }
  5308.  
  5309. .mdi-device-signal-wifi-statusbar-1-bar:before {
  5310.   content: "\e767";
  5311. }
  5312.  
  5313. .mdi-device-signal-wifi-statusbar-2-bar:before {
  5314.   content: "\e768";
  5315. }
  5316.  
  5317. .mdi-device-signal-wifi-statusbar-3-bar:before {
  5318.   content: "\e769";
  5319. }
  5320.  
  5321. .mdi-device-signal-wifi-statusbar-4-bar:before {
  5322.   content: "\e76a";
  5323. }
  5324.  
  5325. .mdi-device-signal-wifi-statusbar-connected-no-internet-:before {
  5326.   content: "\e76b";
  5327. }
  5328.  
  5329. .mdi-device-signal-wifi-statusbar-connected-no-internet:before {
  5330.   content: "\e76f";
  5331. }
  5332.  
  5333. .mdi-device-signal-wifi-statusbar-connected-no-internet-2:before {
  5334.   content: "\e76c";
  5335. }
  5336.  
  5337. .mdi-device-signal-wifi-statusbar-connected-no-internet-3:before {
  5338.   content: "\e76d";
  5339. }
  5340.  
  5341. .mdi-device-signal-wifi-statusbar-connected-no-internet-4:before {
  5342.   content: "\e76e";
  5343. }
  5344.  
  5345. .mdi-signal-wifi-statusbar-not-connected-after:before {
  5346.   content: "\e8f7";
  5347. }
  5348.  
  5349. .mdi-device-signal-wifi-statusbar-not-connected:before {
  5350.   content: "\e770";
  5351. }
  5352.  
  5353. .mdi-device-signal-wifi-statusbar-null:before {
  5354.   content: "\e771";
  5355. }
  5356.  
  5357. .mdi-device-storage:before {
  5358.   content: "\e772";
  5359. }
  5360.  
  5361. .mdi-device-usb:before {
  5362.   content: "\e773";
  5363. }
  5364.  
  5365. .mdi-device-wifi-lock:before {
  5366.   content: "\e774";
  5367. }
  5368.  
  5369. .mdi-device-wifi-tethering:before {
  5370.   content: "\e775";
  5371. }
  5372.  
  5373. .mdi-hardware-cast-connected:before {
  5374.   content: "\e7b7";
  5375. }
  5376.  
  5377. .mdi-hardware-cast:before {
  5378.   content: "\e7b8";
  5379. }
  5380.  
  5381. .mdi-hardware-computer:before {
  5382.   content: "\e7b9";
  5383. }
  5384.  
  5385. .mdi-hardware-desktop-mac:before {
  5386.   content: "\e7ba";
  5387. }
  5388.  
  5389. .mdi-hardware-desktop-windows:before {
  5390.   content: "\e7bb";
  5391. }
  5392.  
  5393. .mdi-hardware-dock:before {
  5394.   content: "\e7bc";
  5395. }
  5396.  
  5397. .mdi-hardware-gamepad:before {
  5398.   content: "\e7bd";
  5399. }
  5400.  
  5401. .mdi-hardware-headset-mic:before {
  5402.   content: "\e7be";
  5403. }
  5404.  
  5405. .mdi-hardware-headset:before {
  5406.   content: "\e7bf";
  5407. }
  5408.  
  5409. .mdi-hardware-keyboard-alt:before {
  5410.   content: "\e7c0";
  5411. }
  5412.  
  5413. .mdi-hardware-keyboard-arrow-down:before {
  5414.   content: "\e7c1";
  5415. }
  5416.  
  5417. .mdi-hardware-keyboard-arrow-left:before {
  5418.   content: "\e7c2";
  5419. }
  5420.  
  5421. .mdi-hardware-keyboard-arrow-right:before {
  5422.   content: "\e7c3";
  5423. }
  5424.  
  5425. .mdi-hardware-keyboard-arrow-up:before {
  5426.   content: "\e7c4";
  5427. }
  5428.  
  5429. .mdi-hardware-keyboard-backspace:before {
  5430.   content: "\e7c5";
  5431. }
  5432.  
  5433. .mdi-hardware-keyboard-capslock:before {
  5434.   content: "\e7c6";
  5435. }
  5436.  
  5437. .mdi-hardware-keyboard-control:before {
  5438.   content: "\e7c7";
  5439. }
  5440.  
  5441. .mdi-hardware-keyboard-hide:before {
  5442.   content: "\e7c8";
  5443. }
  5444.  
  5445. .mdi-hardware-keyboard-return:before {
  5446.   content: "\e7c9";
  5447. }
  5448.  
  5449. .mdi-hardware-keyboard-tab:before {
  5450.   content: "\e7ca";
  5451. }
  5452.  
  5453. .mdi-hardware-keyboard-voice:before {
  5454.   content: "\e7cb";
  5455. }
  5456.  
  5457. .mdi-hardware-keyboard:before {
  5458.   content: "\e7cc";
  5459. }
  5460.  
  5461. .mdi-hardware-laptop-chromebook:before {
  5462.   content: "\e7cd";
  5463. }
  5464.  
  5465. .mdi-hardware-laptop-mac:before {
  5466.   content: "\e7ce";
  5467. }
  5468.  
  5469. .mdi-hardware-laptop-windows:before {
  5470.   content: "\e7cf";
  5471. }
  5472.  
  5473. .mdi-hardware-laptop:before {
  5474.   content: "\e7d0";
  5475. }
  5476.  
  5477. .mdi-hardware-memory:before {
  5478.   content: "\e7d1";
  5479. }
  5480.  
  5481. .mdi-hardware-mouse:before {
  5482.   content: "\e7d2";
  5483. }
  5484.  
  5485. .mdi-hardware-phone-android:before {
  5486.   content: "\e7d3";
  5487. }
  5488.  
  5489. .mdi-hardware-phone-iphone:before {
  5490.   content: "\e7d4";
  5491. }
  5492.  
  5493. .mdi-hardware-phonelink-off:before {
  5494.   content: "\e7d5";
  5495. }
  5496.  
  5497. .mdi-hardware-phonelink:before {
  5498.   content: "\e7d6";
  5499. }
  5500.  
  5501. .mdi-hardware-security:before {
  5502.   content: "\e7d7";
  5503. }
  5504.  
  5505. .mdi-hardware-sim-card:before {
  5506.   content: "\e7d8";
  5507. }
  5508.  
  5509. .mdi-hardware-smartphone:before {
  5510.   content: "\e7d9";
  5511. }
  5512.  
  5513. .mdi-hardware-speaker:before {
  5514.   content: "\e7da";
  5515. }
  5516.  
  5517. .mdi-hardware-tablet-android:before {
  5518.   content: "\e7db";
  5519. }
  5520.  
  5521. .mdi-hardware-tablet-mac:before {
  5522.   content: "\e7dc";
  5523. }
  5524.  
  5525. .mdi-hardware-tablet:before {
  5526.   content: "\e7dd";
  5527. }
  5528.  
  5529. .mdi-hardware-tv:before {
  5530.   content: "\e7de";
  5531. }
  5532.  
  5533. .mdi-hardware-watch:before {
  5534.   content: "\e7df";
  5535. }
  5536.  
  5537. .mdi-image-add-to-photos:before {
  5538.   content: "\e7e0";
  5539. }
  5540.  
  5541. .mdi-image-adjust:before {
  5542.   content: "\e7e1";
  5543. }
  5544.  
  5545. .mdi-image-assistant-photo:before {
  5546.   content: "\e7e2";
  5547. }
  5548.  
  5549. .mdi-image-audiotrack:before {
  5550.   content: "\e7e3";
  5551. }
  5552.  
  5553. .mdi-image-blur-circular:before {
  5554.   content: "\e7e4";
  5555. }
  5556.  
  5557. .mdi-image-blur-linear:before {
  5558.   content: "\e7e5";
  5559. }
  5560.  
  5561. .mdi-image-blur-off:before {
  5562.   content: "\e7e6";
  5563. }
  5564.  
  5565. .mdi-image-blur-on:before {
  5566.   content: "\e7e7";
  5567. }
  5568.  
  5569. .mdi-image-brightness-1:before {
  5570.   content: "\e7e8";
  5571. }
  5572.  
  5573. .mdi-image-brightness-2:before {
  5574.   content: "\e7e9";
  5575. }
  5576.  
  5577. .mdi-image-brightness-3:before {
  5578.   content: "\e7ea";
  5579. }
  5580.  
  5581. .mdi-image-brightness-4:before {
  5582.   content: "\e7eb";
  5583. }
  5584.  
  5585. .mdi-image-brightness-5:before {
  5586.   content: "\e7ec";
  5587. }
  5588.  
  5589. .mdi-image-brightness-6:before {
  5590.   content: "\e7ed";
  5591. }
  5592.  
  5593. .mdi-image-brightness-7:before {
  5594.   content: "\e7ee";
  5595. }
  5596.  
  5597. .mdi-image-brush:before {
  5598.   content: "\e7ef";
  5599. }
  5600.  
  5601. .mdi-image-camera-alt:before {
  5602.   content: "\e7f0";
  5603. }
  5604.  
  5605. .mdi-image-camera-front:before {
  5606.   content: "\e7f1";
  5607. }
  5608.  
  5609. .mdi-image-camera-rear:before {
  5610.   content: "\e7f2";
  5611. }
  5612.  
  5613. .mdi-image-camera-roll:before {
  5614.   content: "\e7f3";
  5615. }
  5616.  
  5617. .mdi-image-camera:before {
  5618.   content: "\e7f4";
  5619. }
  5620.  
  5621. .mdi-image-center-focus-strong:before {
  5622.   content: "\e7f5";
  5623. }
  5624.  
  5625. .mdi-image-center-focus-weak:before {
  5626.   content: "\e7f6";
  5627. }
  5628.  
  5629. .mdi-image-collections:before {
  5630.   content: "\e7f7";
  5631. }
  5632.  
  5633. .mdi-image-color-lens:before {
  5634.   content: "\e7f8";
  5635. }
  5636.  
  5637. .mdi-image-colorize:before {
  5638.   content: "\e7f9";
  5639. }
  5640.  
  5641. .mdi-image-compare:before {
  5642.   content: "\e7fa";
  5643. }
  5644.  
  5645. .mdi-image-control-point-duplicate:before {
  5646.   content: "\e7fb";
  5647. }
  5648.  
  5649. .mdi-image-control-point:before {
  5650.   content: "\e7fc";
  5651. }
  5652.  
  5653. .mdi-image-crop-3-2:before {
  5654.   content: "\e7fd";
  5655. }
  5656.  
  5657. .mdi-image-crop-5-4:before {
  5658.   content: "\e7fe";
  5659. }
  5660.  
  5661. .mdi-image-crop-7-5:before {
  5662.   content: "\e7ff";
  5663. }
  5664.  
  5665. .mdi-image-crop-16-9:before {
  5666.   content: "\e800";
  5667. }
  5668.  
  5669. .mdi-image-crop-din:before {
  5670.   content: "\e801";
  5671. }
  5672.  
  5673. .mdi-image-crop-free:before {
  5674.   content: "\e802";
  5675. }
  5676.  
  5677. .mdi-image-crop-landscape:before {
  5678.   content: "\e803";
  5679. }
  5680.  
  5681. .mdi-image-crop-original:before {
  5682.   content: "\e804";
  5683. }
  5684.  
  5685. .mdi-image-crop-portrait:before {
  5686.   content: "\e805";
  5687. }
  5688.  
  5689. .mdi-image-crop-square:before {
  5690.   content: "\e806";
  5691. }
  5692.  
  5693. .mdi-image-crop:before {
  5694.   content: "\e807";
  5695. }
  5696.  
  5697. .mdi-image-dehaze:before {
  5698.   content: "\e808";
  5699. }
  5700.  
  5701. .mdi-image-details:before {
  5702.   content: "\e809";
  5703. }
  5704.  
  5705. .mdi-image-edit:before {
  5706.   content: "\e80a";
  5707. }
  5708.  
  5709. .mdi-image-exposure-minus-1:before {
  5710.   content: "\e80b";
  5711. }
  5712.  
  5713. .mdi-image-exposure-minus-2:before {
  5714.   content: "\e80c";
  5715. }
  5716.  
  5717. .mdi-image-exposure-plus-1:before {
  5718.   content: "\e80d";
  5719. }
  5720.  
  5721. .mdi-image-exposure-plus-2:before {
  5722.   content: "\e80e";
  5723. }
  5724.  
  5725. .mdi-image-exposure-zero:before {
  5726.   content: "\e80f";
  5727. }
  5728.  
  5729. .mdi-image-exposure:before {
  5730.   content: "\e810";
  5731. }
  5732.  
  5733. .mdi-image-filter-1:before {
  5734.   content: "\e811";
  5735. }
  5736.  
  5737. .mdi-image-filter-2:before {
  5738.   content: "\e812";
  5739. }
  5740.  
  5741. .mdi-image-filter-3:before {
  5742.   content: "\e813";
  5743. }
  5744.  
  5745. .mdi-image-filter-4:before {
  5746.   content: "\e814";
  5747. }
  5748.  
  5749. .mdi-image-filter-5:before {
  5750.   content: "\e815";
  5751. }
  5752.  
  5753. .mdi-image-filter-6:before {
  5754.   content: "\e816";
  5755. }
  5756.  
  5757. .mdi-image-filter-7:before {
  5758.   content: "\e817";
  5759. }
  5760.  
  5761. .mdi-image-filter-8:before {
  5762.   content: "\e818";
  5763. }
  5764.  
  5765. .mdi-image-filter-9-plus:before {
  5766.   content: "\e819";
  5767. }
  5768.  
  5769. .mdi-image-filter-9:before {
  5770.   content: "\e81a";
  5771. }
  5772.  
  5773. .mdi-image-filter-b-and-w:before {
  5774.   content: "\e81b";
  5775. }
  5776.  
  5777. .mdi-image-filter-center-focus:before {
  5778.   content: "\e81c";
  5779. }
  5780.  
  5781. .mdi-image-filter-drama:before {
  5782.   content: "\e81d";
  5783. }
  5784.  
  5785. .mdi-image-filter-frames:before {
  5786.   content: "\e81e";
  5787. }
  5788.  
  5789. .mdi-image-filter-hdr:before {
  5790.   content: "\e81f";
  5791. }
  5792.  
  5793. .mdi-image-filter-none:before {
  5794.   content: "\e820";
  5795. }
  5796.  
  5797. .mdi-image-filter-tilt-shift:before {
  5798.   content: "\e821";
  5799. }
  5800.  
  5801. .mdi-image-filter-vintage:before {
  5802.   content: "\e822";
  5803. }
  5804.  
  5805. .mdi-image-filter:before {
  5806.   content: "\e823";
  5807. }
  5808.  
  5809. .mdi-image-flare:before {
  5810.   content: "\e824";
  5811. }
  5812.  
  5813. .mdi-image-flash-auto:before {
  5814.   content: "\e825";
  5815. }
  5816.  
  5817. .mdi-image-flash-off:before {
  5818.   content: "\e826";
  5819. }
  5820.  
  5821. .mdi-image-flash-on:before {
  5822.   content: "\e827";
  5823. }
  5824.  
  5825. .mdi-image-flip:before {
  5826.   content: "\e828";
  5827. }
  5828.  
  5829. .mdi-image-gradient:before {
  5830.   content: "\e829";
  5831. }
  5832.  
  5833. .mdi-image-grain:before {
  5834.   content: "\e82a";
  5835. }
  5836.  
  5837. .mdi-image-grid-off:before {
  5838.   content: "\e82b";
  5839. }
  5840.  
  5841. .mdi-image-grid-on:before {
  5842.   content: "\e82c";
  5843. }
  5844.  
  5845. .mdi-image-hdr-off:before {
  5846.   content: "\e82d";
  5847. }
  5848.  
  5849. .mdi-image-hdr-on:before {
  5850.   content: "\e82e";
  5851. }
  5852.  
  5853. .mdi-image-hdr-strong:before {
  5854.   content: "\e82f";
  5855. }
  5856.  
  5857. .mdi-image-hdr-weak:before {
  5858.   content: "\e830";
  5859. }
  5860.  
  5861. .mdi-image-healing:before {
  5862.   content: "\e831";
  5863. }
  5864.  
  5865. .mdi-image-image-aspect-ratio:before {
  5866.   content: "\e832";
  5867. }
  5868.  
  5869. .mdi-image-image:before {
  5870.   content: "\e833";
  5871. }
  5872.  
  5873. .mdi-image-iso:before {
  5874.   content: "\e834";
  5875. }
  5876.  
  5877. .mdi-image-landscape:before {
  5878.   content: "\e835";
  5879. }
  5880.  
  5881. .mdi-image-leak-add:before {
  5882.   content: "\e836";
  5883. }
  5884.  
  5885. .mdi-image-leak-remove:before {
  5886.   content: "\e837";
  5887. }
  5888.  
  5889. .mdi-image-lens:before {
  5890.   content: "\e838";
  5891. }
  5892.  
  5893. .mdi-image-looks-3:before {
  5894.   content: "\e839";
  5895. }
  5896.  
  5897. .mdi-image-looks-4:before {
  5898.   content: "\e83a";
  5899. }
  5900.  
  5901. .mdi-image-looks-5:before {
  5902.   content: "\e83b";
  5903. }
  5904.  
  5905. .mdi-image-looks-6:before {
  5906.   content: "\e83c";
  5907. }
  5908.  
  5909. .mdi-image-looks-one:before {
  5910.   content: "\e83d";
  5911. }
  5912.  
  5913. .mdi-image-looks-two:before {
  5914.   content: "\e83e";
  5915. }
  5916.  
  5917. .mdi-image-looks:before {
  5918.   content: "\e83f";
  5919. }
  5920.  
  5921. .mdi-image-loupe:before {
  5922.   content: "\e840";
  5923. }
  5924.  
  5925. .mdi-image-movie-creation:before {
  5926.   content: "\e841";
  5927. }
  5928.  
  5929. .mdi-image-nature-people:before {
  5930.   content: "\e842";
  5931. }
  5932.  
  5933. .mdi-image-nature:before {
  5934.   content: "\e843";
  5935. }
  5936.  
  5937. .mdi-image-navigate-before:before {
  5938.   content: "\e844";
  5939. }
  5940.  
  5941. .mdi-image-navigate-next:before {
  5942.   content: "\e845";
  5943. }
  5944.  
  5945. .mdi-image-palette:before {
  5946.   content: "\e846";
  5947. }
  5948.  
  5949. .mdi-image-panorama-fisheye:before {
  5950.   content: "\e847";
  5951. }
  5952.  
  5953. .mdi-image-panorama-horizontal:before {
  5954.   content: "\e848";
  5955. }
  5956.  
  5957. .mdi-image-panorama-vertical:before {
  5958.   content: "\e849";
  5959. }
  5960.  
  5961. .mdi-image-panorama-wide-angle:before {
  5962.   content: "\e84a";
  5963. }
  5964.  
  5965. .mdi-image-panorama:before {
  5966.   content: "\e84b";
  5967. }
  5968.  
  5969. .mdi-image-photo-album:before {
  5970.   content: "\e84c";
  5971. }
  5972.  
  5973. .mdi-image-photo-camera:before {
  5974.   content: "\e84d";
  5975. }
  5976.  
  5977. .mdi-image-photo-library:before {
  5978.   content: "\e84e";
  5979. }
  5980.  
  5981. .mdi-image-photo:before {
  5982.   content: "\e84f";
  5983. }
  5984.  
  5985. .mdi-image-portrait:before {
  5986.   content: "\e850";
  5987. }
  5988.  
  5989. .mdi-image-remove-red-eye:before {
  5990.   content: "\e851";
  5991. }
  5992.  
  5993. .mdi-image-rotate-left:before {
  5994.   content: "\e852";
  5995. }
  5996.  
  5997. .mdi-image-rotate-right:before {
  5998.   content: "\e853";
  5999. }
  6000.  
  6001. .mdi-image-slideshow:before {
  6002.   content: "\e854";
  6003. }
  6004.  
  6005. .mdi-image-straighten:before {
  6006.   content: "\e855";
  6007. }
  6008.  
  6009. .mdi-image-style:before {
  6010.   content: "\e856";
  6011. }
  6012.  
  6013. .mdi-image-switch-camera:before {
  6014.   content: "\e857";
  6015. }
  6016.  
  6017. .mdi-image-switch-video:before {
  6018.   content: "\e858";
  6019. }
  6020.  
  6021. .mdi-image-tag-faces:before {
  6022.   content: "\e859";
  6023. }
  6024.  
  6025. .mdi-image-texture:before {
  6026.   content: "\e85a";
  6027. }
  6028.  
  6029. .mdi-image-timelapse:before {
  6030.   content: "\e85b";
  6031. }
  6032.  
  6033. .mdi-image-timer-3:before {
  6034.   content: "\e85c";
  6035. }
  6036.  
  6037. .mdi-image-timer-10:before {
  6038.   content: "\e85d";
  6039. }
  6040.  
  6041. .mdi-image-timer-auto:before {
  6042.   content: "\e85e";
  6043. }
  6044.  
  6045. .mdi-image-timer-off:before {
  6046.   content: "\e85f";
  6047. }
  6048.  
  6049. .mdi-image-timer:before {
  6050.   content: "\e860";
  6051. }
  6052.  
  6053. .mdi-image-tonality:before {
  6054.   content: "\e861";
  6055. }
  6056.  
  6057. .mdi-image-transform:before {
  6058.   content: "\e862";
  6059. }
  6060.  
  6061. .mdi-image-tune:before {
  6062.   content: "\e863";
  6063. }
  6064.  
  6065. .mdi-image-wb-auto:before {
  6066.   content: "\e864";
  6067. }
  6068.  
  6069. .mdi-image-wb-cloudy:before {
  6070.   content: "\e865";
  6071. }
  6072.  
  6073. .mdi-image-wb-incandescent:before {
  6074.   content: "\e866";
  6075. }
  6076.  
  6077. .mdi-image-wb-irradescent:before {
  6078.   content: "\e867";
  6079. }
  6080.  
  6081. .mdi-image-wb-sunny:before {
  6082.   content: "\e868";
  6083. }
  6084.  
  6085. .mdi-maps-beenhere:before {
  6086.   content: "\e869";
  6087. }
  6088.  
  6089. .mdi-maps-directions-bike:before {
  6090.   content: "\e86a";
  6091. }
  6092.  
  6093. .mdi-maps-directions-bus:before {
  6094.   content: "\e86b";
  6095. }
  6096.  
  6097. .mdi-maps-directions-car:before {
  6098.   content: "\e86c";
  6099. }
  6100.  
  6101. .mdi-maps-directions-ferry:before {
  6102.   content: "\e86d";
  6103. }
  6104.  
  6105. .mdi-maps-directions-subway:before {
  6106.   content: "\e86e";
  6107. }
  6108.  
  6109. .mdi-maps-directions-train:before {
  6110.   content: "\e86f";
  6111. }
  6112.  
  6113. .mdi-maps-directions-transit:before {
  6114.   content: "\e870";
  6115. }
  6116.  
  6117. .mdi-maps-directions-walk:before {
  6118.   content: "\e871";
  6119. }
  6120.  
  6121. .mdi-maps-directions:before {
  6122.   content: "\e872";
  6123. }
  6124.  
  6125. .mdi-maps-flight:before {
  6126.   content: "\e873";
  6127. }
  6128.  
  6129. .mdi-maps-hotel:before {
  6130.   content: "\e874";
  6131. }
  6132.  
  6133. .mdi-maps-layers-clear:before {
  6134.   content: "\e875";
  6135. }
  6136.  
  6137. .mdi-maps-layers:before {
  6138.   content: "\e876";
  6139. }
  6140.  
  6141. .mdi-maps-local-airport:before {
  6142.   content: "\e877";
  6143. }
  6144.  
  6145. .mdi-maps-local-atm:before {
  6146.   content: "\e878";
  6147. }
  6148.  
  6149. .mdi-maps-local-attraction:before {
  6150.   content: "\e879";
  6151. }
  6152.  
  6153. .mdi-maps-local-bar:before {
  6154.   content: "\e87a";
  6155. }
  6156.  
  6157. .mdi-maps-local-cafe:before {
  6158.   content: "\e87b";
  6159. }
  6160.  
  6161. .mdi-maps-local-car-wash:before {
  6162.   content: "\e87c";
  6163. }
  6164.  
  6165. .mdi-maps-local-convenience-store:before {
  6166.   content: "\e87d";
  6167. }
  6168.  
  6169. .mdi-maps-local-drink:before {
  6170.   content: "\e87e";
  6171. }
  6172.  
  6173. .mdi-maps-local-florist:before {
  6174.   content: "\e87f";
  6175. }
  6176.  
  6177. .mdi-maps-local-gas-station:before {
  6178.   content: "\e880";
  6179. }
  6180.  
  6181. .mdi-maps-local-grocery-store:before {
  6182.   content: "\e881";
  6183. }
  6184.  
  6185. .mdi-maps-local-hospital:before {
  6186.   content: "\e882";
  6187. }
  6188.  
  6189. .mdi-maps-local-hotel:before {
  6190.   content: "\e883";
  6191. }
  6192.  
  6193. .mdi-maps-local-laundry-service:before {
  6194.   content: "\e884";
  6195. }
  6196.  
  6197. .mdi-maps-local-library:before {
  6198.   content: "\e885";
  6199. }
  6200.  
  6201. .mdi-maps-local-mall:before {
  6202.   content: "\e886";
  6203. }
  6204.  
  6205. .mdi-maps-local-movies:before {
  6206.   content: "\e887";
  6207. }
  6208.  
  6209. .mdi-maps-local-offer:before {
  6210.   content: "\e888";
  6211. }
  6212.  
  6213. .mdi-maps-local-parking:before {
  6214.   content: "\e889";
  6215. }
  6216.  
  6217. .mdi-maps-local-pharmacy:before {
  6218.   content: "\e88a";
  6219. }
  6220.  
  6221. .mdi-maps-local-phone:before {
  6222.   content: "\e88b";
  6223. }
  6224.  
  6225. .mdi-maps-local-pizza:before {
  6226.   content: "\e88c";
  6227. }
  6228.  
  6229. .mdi-maps-local-play:before {
  6230.   content: "\e88d";
  6231. }
  6232.  
  6233. .mdi-maps-local-post-office:before {
  6234.   content: "\e88e";
  6235. }
  6236.  
  6237. .mdi-maps-local-print-shop:before {
  6238.   content: "\e88f";
  6239. }
  6240.  
  6241. .mdi-maps-local-restaurant:before {
  6242.   content: "\e890";
  6243. }
  6244.  
  6245. .mdi-maps-local-see:before {
  6246.   content: "\e891";
  6247. }
  6248.  
  6249. .mdi-maps-local-shipping:before {
  6250.   content: "\e892";
  6251. }
  6252.  
  6253. .mdi-maps-local-taxi:before {
  6254.   content: "\e893";
  6255. }
  6256.  
  6257. .mdi-maps-location-history:before {
  6258.   content: "\e894";
  6259. }
  6260.  
  6261. .mdi-maps-map:before {
  6262.   content: "\e895";
  6263. }
  6264.  
  6265. .mdi-maps-my-location:before {
  6266.   content: "\e896";
  6267. }
  6268.  
  6269. .mdi-maps-navigation:before {
  6270.   content: "\e897";
  6271. }
  6272.  
  6273. .mdi-maps-pin-drop:before {
  6274.   content: "\e898";
  6275. }
  6276.  
  6277. .mdi-maps-place:before {
  6278.   content: "\e899";
  6279. }
  6280.  
  6281. .mdi-maps-rate-review:before {
  6282.   content: "\e89a";
  6283. }
  6284.  
  6285. .mdi-maps-restaurant-menu:before {
  6286.   content: "\e89b";
  6287. }
  6288.  
  6289. .mdi-maps-satellite:before {
  6290.   content: "\e89c";
  6291. }
  6292.  
  6293. .mdi-maps-store-mall-directory:before {
  6294.   content: "\e89d";
  6295. }
  6296.  
  6297. .mdi-maps-terrain:before {
  6298.   content: "\e89e";
  6299. }
  6300.  
  6301. .mdi-maps-traffic:before {
  6302.   content: "\e89f";
  6303. }
  6304.  
  6305. .mdi-navigation-apps:before {
  6306.   content: "\e8a0";
  6307. }
  6308.  
  6309. .mdi-navigation-arrow-back:before {
  6310.   content: "\e8a1";
  6311. }
  6312.  
  6313. .mdi-navigation-arrow-drop-down-circle:before {
  6314.   content: "\e8a2";
  6315. }
  6316.  
  6317. .mdi-navigation-arrow-drop-down:before {
  6318.   content: "\e8a3";
  6319. }
  6320.  
  6321. .mdi-navigation-arrow-drop-up:before {
  6322.   content: "\e8a4";
  6323. }
  6324.  
  6325. .mdi-navigation-arrow-forward:before {
  6326.   content: "\e8a5";
  6327. }
  6328.  
  6329. .mdi-navigation-cancel:before {
  6330.   content: "\e8a6";
  6331. }
  6332.  
  6333. .mdi-navigation-check:before {
  6334.   content: "\e8a7";
  6335. }
  6336.  
  6337. .mdi-navigation-chevron-left:before {
  6338.   content: "\e8a8";
  6339. }
  6340.  
  6341. .mdi-navigation-chevron-right:before {
  6342.   content: "\e8a9";
  6343. }
  6344.  
  6345. .mdi-navigation-close:before {
  6346.   content: "\e8aa";
  6347. }
  6348.  
  6349. .mdi-navigation-expand-less:before {
  6350.   content: "\e8ab";
  6351. }
  6352.  
  6353. .mdi-navigation-expand-more:before {
  6354.   content: "\e8ac";
  6355. }
  6356.  
  6357. .mdi-navigation-fullscreen-exit:before {
  6358.   content: "\e8ad";
  6359. }
  6360.  
  6361. .mdi-navigation-fullscreen:before {
  6362.   content: "\e8ae";
  6363. }
  6364.  
  6365. .mdi-navigation-menu:before {
  6366.   content: "\e8af";
  6367. }
  6368.  
  6369. .mdi-navigation-more-horiz:before {
  6370.   content: "\e8b0";
  6371. }
  6372.  
  6373. .mdi-navigation-more-vert:before {
  6374.   content: "\e8b1";
  6375. }
  6376.  
  6377. .mdi-navigation-refresh:before {
  6378.   content: "\e8b2";
  6379. }
  6380.  
  6381. .mdi-navigation-unfold-less:before {
  6382.   content: "\e8b3";
  6383. }
  6384.  
  6385. .mdi-navigation-unfold-more:before {
  6386.   content: "\e8b4";
  6387. }
  6388.  
  6389. .mdi-notification-adb:before {
  6390.   content: "\e8b5";
  6391. }
  6392.  
  6393. .mdi-notification-bluetooth-audio:before {
  6394.   content: "\e8b6";
  6395. }
  6396.  
  6397. .mdi-notification-disc-full:before {
  6398.   content: "\e8b7";
  6399. }
  6400.  
  6401. .mdi-notification-dnd-forwardslash:before {
  6402.   content: "\e8b8";
  6403. }
  6404.  
  6405. .mdi-notification-do-not-disturb:before {
  6406.   content: "\e8b9";
  6407. }
  6408.  
  6409. .mdi-notification-drive-eta:before {
  6410.   content: "\e8ba";
  6411. }
  6412.  
  6413. .mdi-notification-event-available:before {
  6414.   content: "\e8bb";
  6415. }
  6416.  
  6417. .mdi-notification-event-busy:before {
  6418.   content: "\e8bc";
  6419. }
  6420.  
  6421. .mdi-notification-event-note:before {
  6422.   content: "\e8bd";
  6423. }
  6424.  
  6425. .mdi-notification-folder-special:before {
  6426.   content: "\e8be";
  6427. }
  6428.  
  6429. .mdi-notification-mms:before {
  6430.   content: "\e8bf";
  6431. }
  6432.  
  6433. .mdi-notification-more:before {
  6434.   content: "\e8c0";
  6435. }
  6436.  
  6437. .mdi-notification-network-locked:before {
  6438.   content: "\e8c1";
  6439. }
  6440.  
  6441. .mdi-notification-phone-bluetooth-speaker:before {
  6442.   content: "\e8c2";
  6443. }
  6444.  
  6445. .mdi-notification-phone-forwarded:before {
  6446.   content: "\e8c3";
  6447. }
  6448.  
  6449. .mdi-notification-phone-in-talk:before {
  6450.   content: "\e8c4";
  6451. }
  6452.  
  6453. .mdi-notification-phone-locked:before {
  6454.   content: "\e8c5";
  6455. }
  6456.  
  6457. .mdi-notification-phone-missed:before {
  6458.   content: "\e8c6";
  6459. }
  6460.  
  6461. .mdi-notification-phone-paused:before {
  6462.   content: "\e8c7";
  6463. }
  6464.  
  6465. .mdi-notification-play-download:before {
  6466.   content: "\e8c8";
  6467. }
  6468.  
  6469. .mdi-notification-play-install:before {
  6470.   content: "\e8c9";
  6471. }
  6472.  
  6473. .mdi-notification-sd-card:before {
  6474.   content: "\e8ca";
  6475. }
  6476.  
  6477. .mdi-notification-sim-card-alert:before {
  6478.   content: "\e8cb";
  6479. }
  6480.  
  6481. .mdi-notification-sms-failed:before {
  6482.   content: "\e8cc";
  6483. }
  6484.  
  6485. .mdi-notification-sms:before {
  6486.   content: "\e8cd";
  6487. }
  6488.  
  6489. .mdi-notification-sync-disabled:before {
  6490.   content: "\e8ce";
  6491. }
  6492.  
  6493. .mdi-notification-sync-problem:before {
  6494.   content: "\e8cf";
  6495. }
  6496.  
  6497. .mdi-notification-sync:before {
  6498.   content: "\e8d0";
  6499. }
  6500.  
  6501. .mdi-notification-system-update:before {
  6502.   content: "\e8d1";
  6503. }
  6504.  
  6505. .mdi-notification-tap-and-play:before {
  6506.   content: "\e8d2";
  6507. }
  6508.  
  6509. .mdi-notification-time-to-leave:before {
  6510.   content: "\e8d3";
  6511. }
  6512.  
  6513. .mdi-notification-vibration:before {
  6514.   content: "\e8d4";
  6515. }
  6516.  
  6517. .mdi-notification-voice-chat:before {
  6518.   content: "\e8d5";
  6519. }
  6520.  
  6521. .mdi-notification-vpn-lock:before {
  6522.   content: "\e8d6";
  6523. }
  6524.  
  6525. .mdi-social-cake:before {
  6526.   content: "\e8d7";
  6527. }
  6528.  
  6529. .mdi-social-domain:before {
  6530.   content: "\e8d8";
  6531. }
  6532.  
  6533. .mdi-social-group-add:before {
  6534.   content: "\e8d9";
  6535. }
  6536.  
  6537. .mdi-social-group:before {
  6538.   content: "\e8da";
  6539. }
  6540.  
  6541. .mdi-social-location-city:before {
  6542.   content: "\e8db";
  6543. }
  6544.  
  6545. .mdi-social-mood:before {
  6546.   content: "\e8dc";
  6547. }
  6548.  
  6549. .mdi-social-notifications-none:before {
  6550.   content: "\e8dd";
  6551. }
  6552.  
  6553. .mdi-social-notifications-off:before {
  6554.   content: "\e8de";
  6555. }
  6556.  
  6557. .mdi-social-notifications-on:before {
  6558.   content: "\e8df";
  6559. }
  6560.  
  6561. .mdi-social-notifications-paused:before {
  6562.   content: "\e8e0";
  6563. }
  6564.  
  6565. .mdi-social-notifications:before {
  6566.   content: "\e8e1";
  6567. }
  6568.  
  6569. .mdi-social-pages:before {
  6570.   content: "\e8e2";
  6571. }
  6572.  
  6573. .mdi-social-party-mode:before {
  6574.   content: "\e8e3";
  6575. }
  6576.  
  6577. .mdi-social-people-outline:before {
  6578.   content: "\e8e4";
  6579. }
  6580.  
  6581. .mdi-social-people:before {
  6582.   content: "\e8e5";
  6583. }
  6584.  
  6585. .mdi-social-person-add:before {
  6586.   content: "\e8e6";
  6587. }
  6588.  
  6589. .mdi-social-person-outline:before {
  6590.   content: "\e8e7";
  6591. }
  6592.  
  6593. .mdi-social-person:before {
  6594.   content: "\e8e8";
  6595. }
  6596.  
  6597. .mdi-social-plus-one:before {
  6598.   content: "\e8e9";
  6599. }
  6600.  
  6601. .mdi-social-poll:before {
  6602.   content: "\e8ea";
  6603. }
  6604.  
  6605. .mdi-social-public:before {
  6606.   content: "\e8eb";
  6607. }
  6608.  
  6609. .mdi-social-school:before {
  6610.   content: "\e8ec";
  6611. }
  6612.  
  6613. .mdi-social-share:before {
  6614.   content: "\e8ed";
  6615. }
  6616.  
  6617. .mdi-social-whatshot:before {
  6618.   content: "\e8ee";
  6619. }
  6620.  
  6621. .mdi-toggle-check-box-outline-blank:before {
  6622.   content: "\e8ef";
  6623. }
  6624.  
  6625. .mdi-toggle-check-box:before {
  6626.   content: "\e8f0";
  6627. }
  6628.  
  6629. .mdi-toggle-radio-button-off:before {
  6630.   content: "\e8f1";
  6631. }
  6632.  
  6633. .mdi-toggle-radio-button-on:before {
  6634.   content: "\e8f2";
  6635. }
  6636.  
  6637. .mdi-toggle-star-half:before {
  6638.   content: "\e8f3";
  6639. }
  6640.  
  6641. .mdi-toggle-star-outline:before {
  6642.   content: "\e8f4";
  6643. }
  6644.  
  6645. .mdi-toggle-star:before {
  6646.   content: "\e8f5";
  6647. }
  6648.  
  6649. .container {
  6650.   margin: 0 auto;
  6651.   max-width: 1280px;
  6652.   width: 90%;
  6653. }
  6654.  
  6655. @media only screen and (min-width: 601px) {
  6656.   .container {
  6657.     width: 85%;
  6658.   }
  6659. }
  6660.  
  6661. @media only screen and (min-width: 993px) {
  6662.   .container {
  6663.     width: 70%;
  6664.   }
  6665. }
  6666.  
  6667. .container .row {
  6668.   margin-left: -0.75rem;
  6669.   margin-right: -0.75rem;
  6670. }
  6671.  
  6672. .section {
  6673.   padding-top: 1rem;
  6674.   padding-bottom: 1rem;
  6675. }
  6676.  
  6677. .section.no-pad {
  6678.   padding: 0;
  6679. }
  6680.  
  6681. .section.no-pad-bot {
  6682.   padding-bottom: 0;
  6683. }
  6684.  
  6685. .section.no-pad-top {
  6686.   padding-top: 0;
  6687. }
  6688.  
  6689. .row {
  6690.   margin-left: auto;
  6691.   margin-right: auto;
  6692.   margin-bottom: 20px;
  6693. }
  6694.  
  6695. .row:after {
  6696.   content: "";
  6697.   display: table;
  6698.   clear: both;
  6699. }
  6700.  
  6701. .row .col {
  6702.   float: left;
  6703.   box-sizing: border-box;
  6704.   padding: 0 0.75rem;
  6705. }
  6706.  
  6707. .row .col[class*="push-"], .row .col[class*="pull-"] {
  6708.   position: relative;
  6709. }
  6710.  
  6711. .row .col.s1 {
  6712.   width: 8.3333333333%;
  6713.   margin-left: auto;
  6714.   left: auto;
  6715.   right: auto;
  6716. }
  6717.  
  6718. .row .col.s2 {
  6719.   width: 16.6666666667%;
  6720.   margin-left: auto;
  6721.   left: auto;
  6722.   right: auto;
  6723. }
  6724.  
  6725. .row .col.s3 {
  6726.   width: 25%;
  6727.   margin-left: auto;
  6728.   left: auto;
  6729.   right: auto;
  6730. }
  6731.  
  6732. .row .col.s4 {
  6733.   width: 33.3333333333%;
  6734.   margin-left: auto;
  6735.   left: auto;
  6736.   right: auto;
  6737. }
  6738.  
  6739. .row .col.s5 {
  6740.   width: 41.6666666667%;
  6741.   margin-left: auto;
  6742.   left: auto;
  6743.   right: auto;
  6744. }
  6745.  
  6746. .row .col.s6 {
  6747.   width: 50%;
  6748.   margin-left: auto;
  6749.   left: auto;
  6750.   right: auto;
  6751. }
  6752.  
  6753. .row .col.s7 {
  6754.   width: 58.3333333333%;
  6755.   margin-left: auto;
  6756.   left: auto;
  6757.   right: auto;
  6758. }
  6759.  
  6760. .row .col.s8 {
  6761.   width: 66.6666666667%;
  6762.   margin-left: auto;
  6763.   left: auto;
  6764.   right: auto;
  6765. }
  6766.  
  6767. .row .col.s9 {
  6768.   width: 75%;
  6769.   margin-left: auto;
  6770.   left: auto;
  6771.   right: auto;
  6772. }
  6773.  
  6774. .row .col.s10 {
  6775.   width: 83.3333333333%;
  6776.   margin-left: auto;
  6777.   left: auto;
  6778.   right: auto;
  6779. }
  6780.  
  6781. .row .col.s11 {
  6782.   width: 91.6666666667%;
  6783.   margin-left: auto;
  6784.   left: auto;
  6785.   right: auto;
  6786. }
  6787.  
  6788. .row .col.s12 {
  6789.   width: 100%;
  6790.   margin-left: auto;
  6791.   left: auto;
  6792.   right: auto;
  6793. }
  6794.  
  6795. .row .col.offset-s1 {
  6796.   margin-left: 8.3333333333%;
  6797. }
  6798.  
  6799. .row .col.pull-s1 {
  6800.   right: 8.3333333333%;
  6801. }
  6802.  
  6803. .row .col.push-s1 {
  6804.   left: 8.3333333333%;
  6805. }
  6806.  
  6807. .row .col.offset-s2 {
  6808.   margin-left: 16.6666666667%;
  6809. }
  6810.  
  6811. .row .col.pull-s2 {
  6812.   right: 16.6666666667%;
  6813. }
  6814.  
  6815. .row .col.push-s2 {
  6816.   left: 16.6666666667%;
  6817. }
  6818.  
  6819. .row .col.offset-s3 {
  6820.   margin-left: 25%;
  6821. }
  6822.  
  6823. .row .col.pull-s3 {
  6824.   right: 25%;
  6825. }
  6826.  
  6827. .row .col.push-s3 {
  6828.   left: 25%;
  6829. }
  6830.  
  6831. .row .col.offset-s4 {
  6832.   margin-left: 33.3333333333%;
  6833. }
  6834.  
  6835. .row .col.pull-s4 {
  6836.   right: 33.3333333333%;
  6837. }
  6838.  
  6839. .row .col.push-s4 {
  6840.   left: 33.3333333333%;
  6841. }
  6842.  
  6843. .row .col.offset-s5 {
  6844.   margin-left: 41.6666666667%;
  6845. }
  6846.  
  6847. .row .col.pull-s5 {
  6848.   right: 41.6666666667%;
  6849. }
  6850.  
  6851. .row .col.push-s5 {
  6852.   left: 41.6666666667%;
  6853. }
  6854.  
  6855. .row .col.offset-s6 {
  6856.   margin-left: 50%;
  6857. }
  6858.  
  6859. .row .col.pull-s6 {
  6860.   right: 50%;
  6861. }
  6862.  
  6863. .row .col.push-s6 {
  6864.   left: 50%;
  6865. }
  6866.  
  6867. .row .col.offset-s7 {
  6868.   margin-left: 58.3333333333%;
  6869. }
  6870.  
  6871. .row .col.pull-s7 {
  6872.   right: 58.3333333333%;
  6873. }
  6874.  
  6875. .row .col.push-s7 {
  6876.   left: 58.3333333333%;
  6877. }
  6878.  
  6879. .row .col.offset-s8 {
  6880.   margin-left: 66.6666666667%;
  6881. }
  6882.  
  6883. .row .col.pull-s8 {
  6884.   right: 66.6666666667%;
  6885. }
  6886.  
  6887. .row .col.push-s8 {
  6888.   left: 66.6666666667%;
  6889. }
  6890.  
  6891. .row .col.offset-s9 {
  6892.   margin-left: 75%;
  6893. }
  6894.  
  6895. .row .col.pull-s9 {
  6896.   right: 75%;
  6897. }
  6898.  
  6899. .row .col.push-s9 {
  6900.   left: 75%;
  6901. }
  6902.  
  6903. .row .col.offset-s10 {
  6904.   margin-left: 83.3333333333%;
  6905. }
  6906.  
  6907. .row .col.pull-s10 {
  6908.   right: 83.3333333333%;
  6909. }
  6910.  
  6911. .row .col.push-s10 {
  6912.   left: 83.3333333333%;
  6913. }
  6914.  
  6915. .row .col.offset-s11 {
  6916.   margin-left: 91.6666666667%;
  6917. }
  6918.  
  6919. .row .col.pull-s11 {
  6920.   right: 91.6666666667%;
  6921. }
  6922.  
  6923. .row .col.push-s11 {
  6924.   left: 91.6666666667%;
  6925. }
  6926.  
  6927. .row .col.offset-s12 {
  6928.   margin-left: 100%;
  6929. }
  6930.  
  6931. .row .col.pull-s12 {
  6932.   right: 100%;
  6933. }
  6934.  
  6935. .row .col.push-s12 {
  6936.   left: 100%;
  6937. }
  6938.  
  6939. @media only screen and (min-width: 601px) {
  6940.   .row .col.m1 {
  6941.     width: 8.3333333333%;
  6942.     margin-left: auto;
  6943.     left: auto;
  6944.     right: auto;
  6945.   }
  6946.   .row .col.m2 {
  6947.     width: 16.6666666667%;
  6948.     margin-left: auto;
  6949.     left: auto;
  6950.     right: auto;
  6951.   }
  6952.   .row .col.m3 {
  6953.     width: 25%;
  6954.     margin-left: auto;
  6955.     left: auto;
  6956.     right: auto;
  6957.   }
  6958.   .row .col.m4 {
  6959.     width: 33.3333333333%;
  6960.     margin-left: auto;
  6961.     left: auto;
  6962.     right: auto;
  6963.   }
  6964.   .row .col.m5 {
  6965.     width: 41.6666666667%;
  6966.     margin-left: auto;
  6967.     left: auto;
  6968.     right: auto;
  6969.   }
  6970.   .row .col.m6 {
  6971.     width: 50%;
  6972.     margin-left: auto;
  6973.     left: auto;
  6974.     right: auto;
  6975.   }
  6976.   .row .col.m7 {
  6977.     width: 58.3333333333%;
  6978.     margin-left: auto;
  6979.     left: auto;
  6980.     right: auto;
  6981.   }
  6982.   .row .col.m8 {
  6983.     width: 66.6666666667%;
  6984.     margin-left: auto;
  6985.     left: auto;
  6986.     right: auto;
  6987.   }
  6988.   .row .col.m9 {
  6989.     width: 75%;
  6990.     margin-left: auto;
  6991.     left: auto;
  6992.     right: auto;
  6993.   }
  6994.   .row .col.m10 {
  6995.     width: 83.3333333333%;
  6996.     margin-left: auto;
  6997.     left: auto;
  6998.     right: auto;
  6999.   }
  7000.   .row .col.m11 {
  7001.     width: 91.6666666667%;
  7002.     margin-left: auto;
  7003.     left: auto;
  7004.     right: auto;
  7005.   }
  7006.   .row .col.m12 {
  7007.     width: 100%;
  7008.     margin-left: auto;
  7009.     left: auto;
  7010.     right: auto;
  7011.   }
  7012.   .row .col.offset-m1 {
  7013.     margin-left: 8.3333333333%;
  7014.   }
  7015.   .row .col.pull-m1 {
  7016.     right: 8.3333333333%;
  7017.   }
  7018.   .row .col.push-m1 {
  7019.     left: 8.3333333333%;
  7020.   }
  7021.   .row .col.offset-m2 {
  7022.     margin-left: 16.6666666667%;
  7023.   }
  7024.   .row .col.pull-m2 {
  7025.     right: 16.6666666667%;
  7026.   }
  7027.   .row .col.push-m2 {
  7028.     left: 16.6666666667%;
  7029.   }
  7030.   .row .col.offset-m3 {
  7031.     margin-left: 25%;
  7032.   }
  7033.   .row .col.pull-m3 {
  7034.     right: 25%;
  7035.   }
  7036.   .row .col.push-m3 {
  7037.     left: 25%;
  7038.   }
  7039.   .row .col.offset-m4 {
  7040.     margin-left: 33.3333333333%;
  7041.   }
  7042.   .row .col.pull-m4 {
  7043.     right: 33.3333333333%;
  7044.   }
  7045.   .row .col.push-m4 {
  7046.     left: 33.3333333333%;
  7047.   }
  7048.   .row .col.offset-m5 {
  7049.     margin-left: 41.6666666667%;
  7050.   }
  7051.   .row .col.pull-m5 {
  7052.     right: 41.6666666667%;
  7053.   }
  7054.   .row .col.push-m5 {
  7055.     left: 41.6666666667%;
  7056.   }
  7057.   .row .col.offset-m6 {
  7058.     margin-left: 50%;
  7059.   }
  7060.   .row .col.pull-m6 {
  7061.     right: 50%;
  7062.   }
  7063.   .row .col.push-m6 {
  7064.     left: 50%;
  7065.   }
  7066.   .row .col.offset-m7 {
  7067.     margin-left: 58.3333333333%;
  7068.   }
  7069.   .row .col.pull-m7 {
  7070.     right: 58.3333333333%;
  7071.   }
  7072.   .row .col.push-m7 {
  7073.     left: 58.3333333333%;
  7074.   }
  7075.   .row .col.offset-m8 {
  7076.     margin-left: 66.6666666667%;
  7077.   }
  7078.   .row .col.pull-m8 {
  7079.     right: 66.6666666667%;
  7080.   }
  7081.   .row .col.push-m8 {
  7082.     left: 66.6666666667%;
  7083.   }
  7084.   .row .col.offset-m9 {
  7085.     margin-left: 75%;
  7086.   }
  7087.   .row .col.pull-m9 {
  7088.     right: 75%;
  7089.   }
  7090.   .row .col.push-m9 {
  7091.     left: 75%;
  7092.   }
  7093.   .row .col.offset-m10 {
  7094.     margin-left: 83.3333333333%;
  7095.   }
  7096.   .row .col.pull-m10 {
  7097.     right: 83.3333333333%;
  7098.   }
  7099.   .row .col.push-m10 {
  7100.     left: 83.3333333333%;
  7101.   }
  7102.   .row .col.offset-m11 {
  7103.     margin-left: 91.6666666667%;
  7104.   }
  7105.   .row .col.pull-m11 {
  7106.     right: 91.6666666667%;
  7107.   }
  7108.   .row .col.push-m11 {
  7109.     left: 91.6666666667%;
  7110.   }
  7111.   .row .col.offset-m12 {
  7112.     margin-left: 100%;
  7113.   }
  7114.   .row .col.pull-m12 {
  7115.     right: 100%;
  7116.   }
  7117.   .row .col.push-m12 {
  7118.     left: 100%;
  7119.   }
  7120. }
  7121.  
  7122. @media only screen and (min-width: 993px) {
  7123.   .row .col.l1 {
  7124.     width: 8.3333333333%;
  7125.     margin-left: auto;
  7126.     left: auto;
  7127.     right: auto;
  7128.   }
  7129.   .row .col.l2 {
  7130.     width: 16.6666666667%;
  7131.     margin-left: auto;
  7132.     left: auto;
  7133.     right: auto;
  7134.   }
  7135.   .row .col.l3 {
  7136.     width: 25%;
  7137.     margin-left: auto;
  7138.     left: auto;
  7139.     right: auto;
  7140.   }
  7141.   .row .col.l4 {
  7142.     width: 33.3333333333%;
  7143.     margin-left: auto;
  7144.     left: auto;
  7145.     right: auto;
  7146.   }
  7147.   .row .col.l5 {
  7148.     width: 41.6666666667%;
  7149.     margin-left: auto;
  7150.     left: auto;
  7151.     right: auto;
  7152.   }
  7153.   .row .col.l6 {
  7154.     width: 50%;
  7155.     margin-left: auto;
  7156.     left: auto;
  7157.     right: auto;
  7158.   }
  7159.   .row .col.l7 {
  7160.     width: 58.3333333333%;
  7161.     margin-left: auto;
  7162.     left: auto;
  7163.     right: auto;
  7164.   }
  7165.   .row .col.l8 {
  7166.     width: 66.6666666667%;
  7167.     margin-left: auto;
  7168.     left: auto;
  7169.     right: auto;
  7170.   }
  7171.   .row .col.l9 {
  7172.     width: 75%;
  7173.     margin-left: auto;
  7174.     left: auto;
  7175.     right: auto;
  7176.   }
  7177.   .row .col.l10 {
  7178.     width: 83.3333333333%;
  7179.     margin-left: auto;
  7180.     left: auto;
  7181.     right: auto;
  7182.   }
  7183.   .row .col.l11 {
  7184.     width: 91.6666666667%;
  7185.     margin-left: auto;
  7186.     left: auto;
  7187.     right: auto;
  7188.   }
  7189.   .row .col.l12 {
  7190.     width: 100%;
  7191.     margin-left: auto;
  7192.     left: auto;
  7193.     right: auto;
  7194.   }
  7195.   .row .col.offset-l1 {
  7196.     margin-left: 8.3333333333%;
  7197.   }
  7198.   .row .col.pull-l1 {
  7199.     right: 8.3333333333%;
  7200.   }
  7201.   .row .col.push-l1 {
  7202.     left: 8.3333333333%;
  7203.   }
  7204.   .row .col.offset-l2 {
  7205.     margin-left: 16.6666666667%;
  7206.   }
  7207.   .row .col.pull-l2 {
  7208.     right: 16.6666666667%;
  7209.   }
  7210.   .row .col.push-l2 {
  7211.     left: 16.6666666667%;
  7212.   }
  7213.   .row .col.offset-l3 {
  7214.     margin-left: 25%;
  7215.   }
  7216.   .row .col.pull-l3 {
  7217.     right: 25%;
  7218.   }
  7219.   .row .col.push-l3 {
  7220.     left: 25%;
  7221.   }
  7222.   .row .col.offset-l4 {
  7223.     margin-left: 33.3333333333%;
  7224.   }
  7225.   .row .col.pull-l4 {
  7226.     right: 33.3333333333%;
  7227.   }
  7228.   .row .col.push-l4 {
  7229.     left: 33.3333333333%;
  7230.   }
  7231.   .row .col.offset-l5 {
  7232.     margin-left: 41.6666666667%;
  7233.   }
  7234.   .row .col.pull-l5 {
  7235.     right: 41.6666666667%;
  7236.   }
  7237.   .row .col.push-l5 {
  7238.     left: 41.6666666667%;
  7239.   }
  7240.   .row .col.offset-l6 {
  7241.     margin-left: 50%;
  7242.   }
  7243.   .row .col.pull-l6 {
  7244.     right: 50%;
  7245.   }
  7246.   .row .col.push-l6 {
  7247.     left: 50%;
  7248.   }
  7249.   .row .col.offset-l7 {
  7250.     margin-left: 58.3333333333%;
  7251.   }
  7252.   .row .col.pull-l7 {
  7253.     right: 58.3333333333%;
  7254.   }
  7255.   .row .col.push-l7 {
  7256.     left: 58.3333333333%;
  7257.   }
  7258.   .row .col.offset-l8 {
  7259.     margin-left: 66.6666666667%;
  7260.   }
  7261.   .row .col.pull-l8 {
  7262.     right: 66.6666666667%;
  7263.   }
  7264.   .row .col.push-l8 {
  7265.     left: 66.6666666667%;
  7266.   }
  7267.   .row .col.offset-l9 {
  7268.     margin-left: 75%;
  7269.   }
  7270.   .row .col.pull-l9 {
  7271.     right: 75%;
  7272.   }
  7273.   .row .col.push-l9 {
  7274.     left: 75%;
  7275.   }
  7276.   .row .col.offset-l10 {
  7277.     margin-left: 83.3333333333%;
  7278.   }
  7279.   .row .col.pull-l10 {
  7280.     right: 83.3333333333%;
  7281.   }
  7282.   .row .col.push-l10 {
  7283.     left: 83.3333333333%;
  7284.   }
  7285.   .row .col.offset-l11 {
  7286.     margin-left: 91.6666666667%;
  7287.   }
  7288.   .row .col.pull-l11 {
  7289.     right: 91.6666666667%;
  7290.   }
  7291.   .row .col.push-l11 {
  7292.     left: 91.6666666667%;
  7293.   }
  7294.   .row .col.offset-l12 {
  7295.     margin-left: 100%;
  7296.   }
  7297.   .row .col.pull-l12 {
  7298.     right: 100%;
  7299.   }
  7300.   .row .col.push-l12 {
  7301.     left: 100%;
  7302.   }
  7303. }
  7304.  
  7305. nav {
  7306.   color: #fff;
  7307.   background-color: #ee6e73;
  7308.   width: 100%;
  7309.   height: 56px;
  7310.   line-height: 56px;
  7311. }
  7312.  
  7313. nav a {
  7314.   color: #fff;
  7315. }
  7316.  
  7317. nav i,
  7318. nav [class^="mdi-"], nav [class*="mdi-"],
  7319. nav i.material-icons {
  7320.   display: block;
  7321.   font-size: 2rem;
  7322.   height: 56px;
  7323.   line-height: 56px;
  7324. }
  7325.  
  7326. nav .nav-wrapper {
  7327.   position: relative;
  7328.   height: 100%;
  7329. }
  7330.  
  7331. @media only screen and (min-width: 993px) {
  7332.   nav a.button-collapse {
  7333.     display: none;
  7334.   }
  7335. }
  7336.  
  7337. nav .button-collapse {
  7338.   float: left;
  7339.   position: relative;
  7340.   z-index: 1;
  7341.   height: 56px;
  7342. }
  7343.  
  7344. nav .button-collapse i {
  7345.   font-size: 2.7rem;
  7346.   height: 56px;
  7347.   line-height: 56px;
  7348. }
  7349.  
  7350. nav .brand-logo {
  7351.   position: absolute;
  7352.   color: #fff;
  7353.   display: inline-block;
  7354.   font-size: 2.1rem;
  7355.   padding: 0;
  7356.   white-space: nowrap;
  7357. }
  7358.  
  7359. nav .brand-logo.center {
  7360.   left: 50%;
  7361.   -webkit-transform: translateX(-50%);
  7362.           transform: translateX(-50%);
  7363. }
  7364.  
  7365. @media only screen and (max-width: 992px) {
  7366.   nav .brand-logo {
  7367.     left: 50%;
  7368.     -webkit-transform: translateX(-50%);
  7369.             transform: translateX(-50%);
  7370.   }
  7371.   nav .brand-logo.left, nav .brand-logo.right {
  7372.     padding: 0;
  7373.     -webkit-transform: none;
  7374.             transform: none;
  7375.   }
  7376.   nav .brand-logo.left {
  7377.     left: 0.5rem;
  7378.   }
  7379.   nav .brand-logo.right {
  7380.     right: 0.5rem;
  7381.     left: auto;
  7382.   }
  7383. }
  7384.  
  7385. nav .brand-logo.right {
  7386.   right: 0.5rem;
  7387.   padding: 0;
  7388. }
  7389.  
  7390. nav ul {
  7391.   margin: 0;
  7392. }
  7393.  
  7394. nav ul li {
  7395.   transition: background-color .3s;
  7396.   float: left;
  7397.   padding: 0;
  7398. }
  7399.  
  7400. nav ul li.active {
  7401.   background-color: rgba(0, 0, 0, 0.1);
  7402. }
  7403.  
  7404. nav ul a {
  7405.   transition: background-color .3s;
  7406.   font-size: 1rem;
  7407.   color: #fff;
  7408.   display: block;
  7409.   padding: 0 15px;
  7410.   cursor: pointer;
  7411. }
  7412.  
  7413. nav ul a.btn, nav ul a.btn-large, nav ul a.btn-large, nav ul a.btn-flat, nav ul a.btn-floating {
  7414.   margin-top: -2px;
  7415.   margin-left: 15px;
  7416.   margin-right: 15px;
  7417. }
  7418.  
  7419. nav ul a:hover {
  7420.   background-color: rgba(0, 0, 0, 0.1);
  7421. }
  7422.  
  7423. nav ul.left {
  7424.   float: left;
  7425. }
  7426.  
  7427. nav .input-field {
  7428.   margin: 0;
  7429. }
  7430.  
  7431. nav .input-field input {
  7432.   height: 100%;
  7433.   font-size: 1.2rem;
  7434.   border: none;
  7435.   padding-left: 2rem;
  7436. }
  7437.  
  7438. 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 {
  7439.   border: none;
  7440.   box-shadow: none;
  7441. }
  7442.  
  7443. nav .input-field label {
  7444.   top: 0;
  7445.   left: 0;
  7446. }
  7447.  
  7448. nav .input-field label i {
  7449.   color: rgba(255, 255, 255, 0.7);
  7450.   transition: color .3s;
  7451. }
  7452.  
  7453. nav .input-field label.active i {
  7454.   color: #fff;
  7455. }
  7456.  
  7457. nav .input-field label.active {
  7458.   -webkit-transform: translateY(0);
  7459.           transform: translateY(0);
  7460. }
  7461.  
  7462. .navbar-fixed {
  7463.   position: relative;
  7464.   height: 56px;
  7465.   z-index: 998;
  7466. }
  7467.  
  7468. .navbar-fixed nav {
  7469.   position: fixed;
  7470. }
  7471.  
  7472. @media only screen and (min-width: 601px) {
  7473.   nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
  7474.     height: 64px;
  7475.     line-height: 64px;
  7476.   }
  7477.   .navbar-fixed {
  7478.     height: 64px;
  7479.   }
  7480. }
  7481.  
  7482. @font-face {
  7483.   font-family: "Roboto";
  7484.   src: local(Roboto Thin), url("../font/roboto/Roboto-Thin.eot");
  7485.   src: url("../font/roboto/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Thin.woff2") format("woff2"), url("../font/roboto/Roboto-Thin.woff") format("woff"), url("../font/roboto/Roboto-Thin.ttf") format("truetype");
  7486.   font-weight: 200;
  7487. }
  7488.  
  7489. @font-face {
  7490.   font-family: "Roboto";
  7491.   src: local(Roboto Light), url("../font/roboto/Roboto-Light.eot");
  7492.   src: url("../font/roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Light.woff2") format("woff2"), url("../font/roboto/Roboto-Light.woff") format("woff"), url("../font/roboto/Roboto-Light.ttf") format("truetype");
  7493.   font-weight: 300;
  7494. }
  7495.  
  7496. @font-face {
  7497.   font-family: "Roboto";
  7498.   src: local(Roboto Regular), url("../font/roboto/Roboto-Regular.eot");
  7499.   src: url("../font/roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Regular.woff2") format("woff2"), url("../font/roboto/Roboto-Regular.woff") format("woff"), url("../font/roboto/Roboto-Regular.ttf") format("truetype");
  7500.   font-weight: 400;
  7501. }
  7502.  
  7503. @font-face {
  7504.   font-family: "Roboto";
  7505.   src: url("../font/roboto/Roboto-Medium.eot");
  7506.   src: url("../font/roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Medium.woff2") format("woff2"), url("../font/roboto/Roboto-Medium.woff") format("woff"), url("../font/roboto/Roboto-Medium.ttf") format("truetype");
  7507.   font-weight: 500;
  7508. }
  7509.  
  7510. @font-face {
  7511.   font-family: "Roboto";
  7512.   src: url("../font/roboto/Roboto-Bold.eot");
  7513.   src: url("../font/roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Bold.woff2") format("woff2"), url("../font/roboto/Roboto-Bold.woff") format("woff"), url("../font/roboto/Roboto-Bold.ttf") format("truetype");
  7514.   font-weight: 700;
  7515. }
  7516.  
  7517. a {
  7518.   text-decoration: none;
  7519. }
  7520.  
  7521. html {
  7522.   line-height: 1.5;
  7523.   font-family: "Roboto", sans-serif;
  7524.   font-weight: normal;
  7525.   color: rgba(0, 0, 0, 0.87);
  7526. }
  7527.  
  7528. @media only screen and (min-width: 0) {
  7529.   html {
  7530.     font-size: 14px;
  7531.   }
  7532. }
  7533.  
  7534. @media only screen and (min-width: 992px) {
  7535.   html {
  7536.     font-size: 14.5px;
  7537.   }
  7538. }
  7539.  
  7540. @media only screen and (min-width: 1200px) {
  7541.   html {
  7542.     font-size: 15px;
  7543.   }
  7544. }
  7545.  
  7546. h1, h2, h3, h4, h5, h6 {
  7547.   font-weight: 400;
  7548.   line-height: 1.1;
  7549. }
  7550.  
  7551. h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  7552.   font-weight: inherit;
  7553. }
  7554.  
  7555. h1 {
  7556.   font-size: 4.2rem;
  7557.   line-height: 110%;
  7558.   margin: 2.1rem 0 1.68rem 0;
  7559. }
  7560.  
  7561. h2 {
  7562.   font-size: 3.56rem;
  7563.   line-height: 110%;
  7564.   margin: 1.78rem 0 1.424rem 0;
  7565. }
  7566.  
  7567. h3 {
  7568.   font-size: 2.92rem;
  7569.   line-height: 110%;
  7570.   margin: 1.46rem 0 1.168rem 0;
  7571. }
  7572.  
  7573. h4 {
  7574.   font-size: 2.28rem;
  7575.   line-height: 110%;
  7576.   margin: 1.14rem 0 0.912rem 0;
  7577. }
  7578.  
  7579. h5 {
  7580.   font-size: 1.64rem;
  7581.   line-height: 110%;
  7582.   margin: 0.82rem 0 0.656rem 0;
  7583. }
  7584.  
  7585. h6 {
  7586.   font-size: 1rem;
  7587.   line-height: 110%;
  7588.   margin: 0.5rem 0 0.4rem 0;
  7589. }
  7590.  
  7591. em {
  7592.   font-style: italic;
  7593. }
  7594.  
  7595. strong {
  7596.   font-weight: 500;
  7597. }
  7598.  
  7599. small {
  7600.   font-size: 75%;
  7601. }
  7602.  
  7603. .light, footer.page-footer .footer-copyright {
  7604.   font-weight: 300;
  7605. }
  7606.  
  7607. .thin {
  7608.   font-weight: 200;
  7609. }
  7610.  
  7611. .flow-text {
  7612.   font-weight: 300;
  7613. }
  7614.  
  7615. @media only screen and (min-width: 360px) {
  7616.   .flow-text {
  7617.     font-size: 1.2rem;
  7618.   }
  7619. }
  7620.  
  7621. @media only screen and (min-width: 390px) {
  7622.   .flow-text {
  7623.     font-size: 1.224rem;
  7624.   }
  7625. }
  7626.  
  7627. @media only screen and (min-width: 420px) {
  7628.   .flow-text {
  7629.     font-size: 1.248rem;
  7630.   }
  7631. }
  7632.  
  7633. @media only screen and (min-width: 450px) {
  7634.   .flow-text {
  7635.     font-size: 1.272rem;
  7636.   }
  7637. }
  7638.  
  7639. @media only screen and (min-width: 480px) {
  7640.   .flow-text {
  7641.     font-size: 1.296rem;
  7642.   }
  7643. }
  7644.  
  7645. @media only screen and (min-width: 510px) {
  7646.   .flow-text {
  7647.     font-size: 1.32rem;
  7648.   }
  7649. }
  7650.  
  7651. @media only screen and (min-width: 540px) {
  7652.   .flow-text {
  7653.     font-size: 1.344rem;
  7654.   }
  7655. }
  7656.  
  7657. @media only screen and (min-width: 570px) {
  7658.   .flow-text {
  7659.     font-size: 1.368rem;
  7660.   }
  7661. }
  7662.  
  7663. @media only screen and (min-width: 600px) {
  7664.   .flow-text {
  7665.     font-size: 1.392rem;
  7666.   }
  7667. }
  7668.  
  7669. @media only screen and (min-width: 630px) {
  7670.   .flow-text {
  7671.     font-size: 1.416rem;
  7672.   }
  7673. }
  7674.  
  7675. @media only screen and (min-width: 660px) {
  7676.   .flow-text {
  7677.     font-size: 1.44rem;
  7678.   }
  7679. }
  7680.  
  7681. @media only screen and (min-width: 690px) {
  7682.   .flow-text {
  7683.     font-size: 1.464rem;
  7684.   }
  7685. }
  7686.  
  7687. @media only screen and (min-width: 720px) {
  7688.   .flow-text {
  7689.     font-size: 1.488rem;
  7690.   }
  7691. }
  7692.  
  7693. @media only screen and (min-width: 750px) {
  7694.   .flow-text {
  7695.     font-size: 1.512rem;
  7696.   }
  7697. }
  7698.  
  7699. @media only screen and (min-width: 780px) {
  7700.   .flow-text {
  7701.     font-size: 1.536rem;
  7702.   }
  7703. }
  7704.  
  7705. @media only screen and (min-width: 810px) {
  7706.   .flow-text {
  7707.     font-size: 1.56rem;
  7708.   }
  7709. }
  7710.  
  7711. @media only screen and (min-width: 840px) {
  7712.   .flow-text {
  7713.     font-size: 1.584rem;
  7714.   }
  7715. }
  7716.  
  7717. @media only screen and (min-width: 870px) {
  7718.   .flow-text {
  7719.     font-size: 1.608rem;
  7720.   }
  7721. }
  7722.  
  7723. @media only screen and (min-width: 900px) {
  7724.   .flow-text {
  7725.     font-size: 1.632rem;
  7726.   }
  7727. }
  7728.  
  7729. @media only screen and (min-width: 930px) {
  7730.   .flow-text {
  7731.     font-size: 1.656rem;
  7732.   }
  7733. }
  7734.  
  7735. @media only screen and (min-width: 960px) {
  7736.   .flow-text {
  7737.     font-size: 1.68rem;
  7738.   }
  7739. }
  7740.  
  7741. @media only screen and (max-width: 360px) {
  7742.   .flow-text {
  7743.     font-size: 1.2rem;
  7744.   }
  7745. }
  7746.  
  7747. .card-panel {
  7748.   transition: box-shadow .25s;
  7749.   padding: 20px;
  7750.   margin: 0.5rem 0 1rem 0;
  7751.   border-radius: 2px;
  7752.   background-color: #fff;
  7753. }
  7754.  
  7755. .card {
  7756.   position: relative;
  7757.   margin: 0.5rem 0 1rem 0;
  7758.   background-color: #fff;
  7759.   transition: box-shadow .25s;
  7760.   border-radius: 2px;
  7761. }
  7762.  
  7763. .card .card-title {
  7764.   font-size: 24px;
  7765.   font-weight: 300;
  7766. }
  7767.  
  7768. .card .card-title.activator {
  7769.   cursor: pointer;
  7770. }
  7771.  
  7772. .card.small, .card.medium, .card.large {
  7773.   position: relative;
  7774. }
  7775.  
  7776. .card.small .card-image, .card.medium .card-image, .card.large .card-image {
  7777.   max-height: 60%;
  7778.   overflow: hidden;
  7779. }
  7780.  
  7781. .card.small .card-content, .card.medium .card-content, .card.large .card-content {
  7782.   max-height: 40%;
  7783.   overflow: hidden;
  7784. }
  7785.  
  7786. .card.small .card-action, .card.medium .card-action, .card.large .card-action {
  7787.   position: absolute;
  7788.   bottom: 0;
  7789.   left: 0;
  7790.   right: 0;
  7791.   z-index: 1;
  7792.   background-color: inherit;
  7793. }
  7794.  
  7795. .card.small {
  7796.   height: 300px;
  7797. }
  7798.  
  7799. .card.medium {
  7800.   height: 400px;
  7801. }
  7802.  
  7803. .card.large {
  7804.   height: 500px;
  7805. }
  7806.  
  7807. .card .card-image {
  7808.   position: relative;
  7809. }
  7810.  
  7811. .card .card-image img {
  7812.   display: block;
  7813.   border-radius: 2px 2px 0 0;
  7814.   position: relative;
  7815.   left: 0;
  7816.   right: 0;
  7817.   top: 0;
  7818.   bottom: 0;
  7819.   width: 100%;
  7820. }
  7821.  
  7822. .card .card-image .card-title {
  7823.   color: #fff;
  7824.   position: absolute;
  7825.   bottom: 0;
  7826.   left: 0;
  7827.   padding: 20px;
  7828. }
  7829.  
  7830. .card .card-content {
  7831.   padding: 20px;
  7832.   border-radius: 0 0 2px 2px;
  7833. }
  7834.  
  7835. .card .card-content p {
  7836.   margin: 0;
  7837.   color: inherit;
  7838. }
  7839.  
  7840. .card .card-content .card-title {
  7841.   line-height: 48px;
  7842. }
  7843.  
  7844. .card .card-action {
  7845.   border-top: 1px solid rgba(160, 160, 160, 0.2);
  7846.   padding: 20px;
  7847. }
  7848.  
  7849. .card .card-action a:not(.btn):not(.btn-large):not(.btn-floating) {
  7850.   color: #ffab40;
  7851.   margin-right: 20px;
  7852.   transition: color .3s ease;
  7853.   text-transform: uppercase;
  7854. }
  7855.  
  7856. .card .card-action a:not(.btn):not(.btn-large):not(.btn-floating):hover {
  7857.   color: #ffd8a6;
  7858. }
  7859.  
  7860. .card .card-reveal {
  7861.   padding: 20px;
  7862.   position: absolute;
  7863.   background-color: #fff;
  7864.   width: 100%;
  7865.   overflow-y: auto;
  7866.   top: 100%;
  7867.   height: 100%;
  7868.   z-index: 1;
  7869.   display: none;
  7870. }
  7871.  
  7872. .card .card-reveal .card-title {
  7873.   cursor: pointer;
  7874.   display: block;
  7875. }
  7876.  
  7877. #toast-container {
  7878.   display: block;
  7879.   position: fixed;
  7880.   z-index: 10000;
  7881. }
  7882.  
  7883. @media only screen and (max-width: 600px) {
  7884.   #toast-container {
  7885.     min-width: 100%;
  7886.     bottom: 0%;
  7887.   }
  7888. }
  7889.  
  7890. @media only screen and (min-width: 601px) and (max-width: 992px) {
  7891.   #toast-container {
  7892.     left: 5%;
  7893.     bottom: 7%;
  7894.     max-width: 90%;
  7895.   }
  7896. }
  7897.  
  7898. @media only screen and (min-width: 993px) {
  7899.   #toast-container {
  7900.     top: 10%;
  7901.     right: 7%;
  7902.     max-width: 86%;
  7903.   }
  7904. }
  7905.  
  7906. .toast {
  7907.   border-radius: 2px;
  7908.   top: 0;
  7909.   width: auto;
  7910.   clear: both;
  7911.   margin-top: 10px;
  7912.   position: relative;
  7913.   max-width: 100%;
  7914.   height: auto;
  7915.   min-height: 48px;
  7916.   line-height: 1.5em;
  7917.   word-break: break-all;
  7918.   background-color: #323232;
  7919.   padding: 10px 25px;
  7920.   font-size: 1.1rem;
  7921.   font-weight: 300;
  7922.   color: #fff;
  7923.   display: -webkit-flex;
  7924.   display: -ms-flexbox;
  7925.   display: flex;
  7926.   -webkit-align-items: center;
  7927.       -ms-flex-align: center;
  7928.           align-items: center;
  7929.   -webkit-justify-content: space-between;
  7930.       -ms-flex-pack: justify;
  7931.           justify-content: space-between;
  7932. }
  7933.  
  7934. .toast .btn, .toast .btn-large, .toast .btn-flat {
  7935.   margin: 0;
  7936.   margin-left: 3rem;
  7937. }
  7938.  
  7939. .toast.rounded {
  7940.   border-radius: 24px;
  7941. }
  7942.  
  7943. @media only screen and (max-width: 600px) {
  7944.   .toast {
  7945.     width: 100%;
  7946.     border-radius: 0;
  7947.   }
  7948. }
  7949.  
  7950. @media only screen and (min-width: 601px) and (max-width: 992px) {
  7951.   .toast {
  7952.     float: left;
  7953.   }
  7954. }
  7955.  
  7956. @media only screen and (min-width: 993px) {
  7957.   .toast {
  7958.     float: right;
  7959.   }
  7960. }
  7961.  
  7962. .tabs {
  7963.   display: -webkit-flex;
  7964.   display: -ms-flexbox;
  7965.   display: flex;
  7966.   position: relative;
  7967.   overflow-x: auto;
  7968.   overflow-y: hidden;
  7969.   height: 48px;
  7970.   background-color: #fff;
  7971.   margin: 0 auto;
  7972.   width: 100%;
  7973.   white-space: nowrap;
  7974. }
  7975.  
  7976. .tabs .tab {
  7977.   -webkit-box-flex: 1;
  7978.   -webkit-flex-grow: 1;
  7979.   -ms-flex-positive: 1;
  7980.   flex-grow: 1;
  7981.   display: block;
  7982.   float: left;
  7983.   text-align: center;
  7984.   line-height: 48px;
  7985.   height: 48px;
  7986.   padding: 0;
  7987.   margin: 0;
  7988.   text-transform: uppercase;
  7989.   text-overflow: ellipsis;
  7990.   overflow: hidden;
  7991.   letter-spacing: .8px;
  7992.   width: 15%;
  7993.   min-width: 80px;
  7994. }
  7995.  
  7996. .tabs .tab a {
  7997.   color: #ee6e73;
  7998.   display: block;
  7999.   width: 100%;
  8000.   height: 100%;
  8001.   text-overflow: ellipsis;
  8002.   overflow: hidden;
  8003.   transition: color .28s ease;
  8004. }
  8005.  
  8006. .tabs .tab a:hover {
  8007.   color: #f9c9cb;
  8008. }
  8009.  
  8010. .tabs .tab.disabled a {
  8011.   color: #f9c9cb;
  8012.   cursor: default;
  8013. }
  8014.  
  8015. .tabs .indicator {
  8016.   position: absolute;
  8017.   bottom: 0;
  8018.   height: 2px;
  8019.   background-color: #f6b2b5;
  8020.   will-change: left, right;
  8021. }
  8022.  
  8023. .material-tooltip {
  8024.   padding: 10px 8px;
  8025.   font-size: 1rem;
  8026.   z-index: 2000;
  8027.   background-color: transparent;
  8028.   border-radius: 2px;
  8029.   color: #fff;
  8030.   min-height: 36px;
  8031.   line-height: 120%;
  8032.   opacity: 0;
  8033.   display: none;
  8034.   position: absolute;
  8035.   text-align: center;
  8036.   max-width: calc(100% - 4px);
  8037.   overflow: hidden;
  8038.   left: 0;
  8039.   top: 0;
  8040.   will-change: top, left;
  8041. }
  8042.  
  8043. .backdrop {
  8044.   position: absolute;
  8045.   opacity: 0;
  8046.   display: none;
  8047.   height: 7px;
  8048.   width: 14px;
  8049.   border-radius: 0 0 14px 14px;
  8050.   background-color: #323232;
  8051.   z-index: -1;
  8052.   -webkit-transform-origin: 50% 10%;
  8053.           transform-origin: 50% 10%;
  8054.   will-change: transform, opacity;
  8055. }
  8056.  
  8057. .btn, .btn-large, .btn-flat {
  8058.   border: none;
  8059.   border-radius: 2px;
  8060.   display: inline-block;
  8061.   height: 36px;
  8062.   line-height: 36px;
  8063.   outline: 0;
  8064.   padding: 0 2rem;
  8065.   text-transform: uppercase;
  8066.   vertical-align: middle;
  8067.   -webkit-tap-highlight-color: transparent;
  8068. }
  8069.  
  8070. .btn.disabled, .disabled.btn-large, .btn-floating.disabled, .btn-large.disabled, .btn:disabled, .btn-large:disabled, .btn-large:disabled, .btn-floating:disabled {
  8071.   background-color: #DFDFDF !important;
  8072.   box-shadow: none;
  8073.   color: #9F9F9F !important;
  8074.   cursor: default;
  8075. }
  8076.  
  8077. .btn.disabled *, .disabled.btn-large *, .btn-floating.disabled *, .btn-large.disabled *, .btn:disabled *, .btn-large:disabled *, .btn-large:disabled *, .btn-floating:disabled * {
  8078.   pointer-events: none;
  8079. }
  8080.  
  8081. .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 {
  8082.   background-color: #DFDFDF;
  8083.   color: #9F9F9F;
  8084. }
  8085.  
  8086. .btn i, .btn-large i, .btn-floating i, .btn-large i, .btn-flat i {
  8087.   font-size: 1.3rem;
  8088.   line-height: inherit;
  8089. }
  8090.  
  8091. .btn, .btn-large {
  8092.   text-decoration: none;
  8093.   color: #fff;
  8094.   background-color: #26a69a;
  8095.   text-align: center;
  8096.   letter-spacing: .5px;
  8097.   transition: .2s ease-out;
  8098.   cursor: pointer;
  8099. }
  8100.  
  8101. .btn:hover, .btn-large:hover {
  8102.   background-color: #2bbbad;
  8103. }
  8104.  
  8105. .btn-floating {
  8106.   display: inline-block;
  8107.   color: #fff;
  8108.   position: relative;
  8109.   overflow: hidden;
  8110.   z-index: 1;
  8111.   width: 37px;
  8112.   height: 37px;
  8113.   line-height: 37px;
  8114.   padding: 0;
  8115.   background-color: #26a69a;
  8116.   border-radius: 50%;
  8117.   transition: .3s;
  8118.   cursor: pointer;
  8119.   vertical-align: middle;
  8120. }
  8121.  
  8122. .btn-floating i {
  8123.   width: inherit;
  8124.   display: inline-block;
  8125.   text-align: center;
  8126.   color: #fff;
  8127.   font-size: 1.6rem;
  8128.   line-height: 37px;
  8129. }
  8130.  
  8131. .btn-floating:hover {
  8132.   background-color: #26a69a;
  8133. }
  8134.  
  8135. .btn-floating:before {
  8136.   border-radius: 0;
  8137. }
  8138.  
  8139. .btn-floating.btn-large {
  8140.   width: 55.5px;
  8141.   height: 55.5px;
  8142. }
  8143.  
  8144. .btn-floating.btn-large i {
  8145.   line-height: 55.5px;
  8146. }
  8147.  
  8148. button.btn-floating {
  8149.   border: none;
  8150. }
  8151.  
  8152. .fixed-action-btn {
  8153.   position: fixed;
  8154.   right: 23px;
  8155.   bottom: 23px;
  8156.   padding-top: 15px;
  8157.   margin-bottom: 0;
  8158.   z-index: 998;
  8159. }
  8160.  
  8161. .fixed-action-btn.active ul {
  8162.   visibility: visible;
  8163. }
  8164.  
  8165. .fixed-action-btn.horizontal {
  8166.   padding: 0 0 0 15px;
  8167. }
  8168.  
  8169. .fixed-action-btn.horizontal ul {
  8170.   text-align: right;
  8171.   right: 64px;
  8172.   top: 50%;
  8173.   -webkit-transform: translateY(-50%);
  8174.           transform: translateY(-50%);
  8175.   height: 100%;
  8176.   left: initial;
  8177.   width: 500px;
  8178.   /*width 100% only goes to width of button container */
  8179. }
  8180.  
  8181. .fixed-action-btn.horizontal ul li {
  8182.   display: inline-block;
  8183.   margin: 15px 15px 0 0;
  8184. }
  8185.  
  8186. .fixed-action-btn ul {
  8187.   left: 0;
  8188.   right: 0;
  8189.   text-align: center;
  8190.   position: absolute;
  8191.   bottom: 64px;
  8192.   margin: 0;
  8193.   visibility: hidden;
  8194. }
  8195.  
  8196. .fixed-action-btn ul li {
  8197.   margin-bottom: 15px;
  8198. }
  8199.  
  8200. .fixed-action-btn ul a.btn-floating {
  8201.   opacity: 0;
  8202. }
  8203.  
  8204. .btn-flat {
  8205.   box-shadow: none;
  8206.   background-color: transparent;
  8207.   color: #343434;
  8208.   cursor: pointer;
  8209. }
  8210.  
  8211. .btn-flat.disabled {
  8212.   color: #b3b3b3;
  8213.   cursor: default;
  8214. }
  8215.  
  8216. .btn-large {
  8217.   height: 54px;
  8218.   line-height: 56px;
  8219. }
  8220.  
  8221. .btn-large i {
  8222.   font-size: 1.6rem;
  8223. }
  8224.  
  8225. .btn-block {
  8226.   display: block;
  8227. }
  8228.  
  8229. .dropdown-content {
  8230.   background-color: #fff;
  8231.   margin: 0;
  8232.   display: none;
  8233.   min-width: 100px;
  8234.   max-height: 650px;
  8235.   overflow-y: auto;
  8236.   opacity: 0;
  8237.   position: absolute;
  8238.   z-index: 999;
  8239.   will-change: width, height;
  8240. }
  8241.  
  8242. .dropdown-content li {
  8243.   clear: both;
  8244.   color: rgba(0, 0, 0, 0.87);
  8245.   cursor: pointer;
  8246.   min-height: 50px;
  8247.   line-height: 1.5rem;
  8248.   width: 100%;
  8249.   text-align: left;
  8250.   text-transform: none;
  8251. }
  8252.  
  8253. .dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected {
  8254.   background-color: #eee;
  8255. }
  8256.  
  8257. .dropdown-content li.active.selected {
  8258.   background-color: #e1e1e1;
  8259. }
  8260.  
  8261. .dropdown-content li.divider {
  8262.   min-height: 0;
  8263.   height: 1px;
  8264. }
  8265.  
  8266. .dropdown-content li > a, .dropdown-content li > span {
  8267.   font-size: 16px;
  8268.   color: #26a69a;
  8269.   display: block;
  8270.   line-height: 22px;
  8271.   padding: 14px 16px;
  8272. }
  8273.  
  8274. .dropdown-content li > span > label {
  8275.   top: 1px;
  8276.   left: 3px;
  8277.   height: 18px;
  8278. }
  8279.  
  8280. .dropdown-content li > a > i {
  8281.   height: inherit;
  8282.   line-height: inherit;
  8283. }
  8284.  
  8285. /*!
  8286.  * Waves v0.6.0
  8287.  * http://fian.my.id/Waves
  8288.  *
  8289.  * Copyright 2014 Alfiana E. Sibuea and other contributors
  8290.  * Released under the MIT license
  8291.  * https://github.com/fians/Waves/blob/master/LICENSE
  8292.  */
  8293. .waves-effect {
  8294.   position: relative;
  8295.   cursor: pointer;
  8296.   display: inline-block;
  8297.   overflow: hidden;
  8298.   -webkit-user-select: none;
  8299.   -moz-user-select: none;
  8300.   -ms-user-select: none;
  8301.   user-select: none;
  8302.   -webkit-tap-highlight-color: transparent;
  8303.   vertical-align: middle;
  8304.   z-index: 1;
  8305.   will-change: opacity, transform;
  8306.   transition: all .3s ease-out;
  8307. }
  8308.  
  8309. .waves-effect .waves-ripple {
  8310.   position: absolute;
  8311.   border-radius: 50%;
  8312.   width: 20px;
  8313.   height: 20px;
  8314.   margin-top: -10px;
  8315.   margin-left: -10px;
  8316.   opacity: 0;
  8317.   background: rgba(0, 0, 0, 0.2);
  8318.   transition: all 0.7s ease-out;
  8319.   transition-property: opacity, -webkit-transform;
  8320.   transition-property: transform, opacity;
  8321.   transition-property: transform, opacity, -webkit-transform;
  8322.   -webkit-transform: scale(0);
  8323.           transform: scale(0);
  8324.   pointer-events: none;
  8325. }
  8326.  
  8327. .waves-effect.waves-light .waves-ripple {
  8328.   background-color: rgba(255, 255, 255, 0.45);
  8329. }
  8330.  
  8331. .waves-effect.waves-red .waves-ripple {
  8332.   background-color: rgba(244, 67, 54, 0.7);
  8333. }
  8334.  
  8335. .waves-effect.waves-yellow .waves-ripple {
  8336.   background-color: rgba(255, 235, 59, 0.7);
  8337. }
  8338.  
  8339. .waves-effect.waves-orange .waves-ripple {
  8340.   background-color: rgba(255, 152, 0, 0.7);
  8341. }
  8342.  
  8343. .waves-effect.waves-purple .waves-ripple {
  8344.   background-color: rgba(156, 39, 176, 0.7);
  8345. }
  8346.  
  8347. .waves-effect.waves-green .waves-ripple {
  8348.   background-color: rgba(76, 175, 80, 0.7);
  8349. }
  8350.  
  8351. .waves-effect.waves-teal .waves-ripple {
  8352.   background-color: rgba(0, 150, 136, 0.7);
  8353. }
  8354.  
  8355. .waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"] {
  8356.   border: 0;
  8357.   font-style: normal;
  8358.   font-size: inherit;
  8359.   text-transform: inherit;
  8360.   background: none;
  8361. }
  8362.  
  8363. .waves-notransition {
  8364.   transition: none !important;
  8365. }
  8366.  
  8367. .waves-circle {
  8368.   -webkit-transform: translateZ(0);
  8369.           transform: translateZ(0);
  8370.   -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  8371. }
  8372.  
  8373. .waves-input-wrapper {
  8374.   border-radius: 0.2em;
  8375.   vertical-align: bottom;
  8376. }
  8377.  
  8378. .waves-input-wrapper .waves-button-input {
  8379.   position: relative;
  8380.   top: 0;
  8381.   left: 0;
  8382.   z-index: 1;
  8383. }
  8384.  
  8385. .waves-circle {
  8386.   text-align: center;
  8387.   width: 2.5em;
  8388.   height: 2.5em;
  8389.   line-height: 2.5em;
  8390.   border-radius: 50%;
  8391.   -webkit-mask-image: none;
  8392. }
  8393.  
  8394. .waves-block {
  8395.   display: block;
  8396. }
  8397.  
  8398. /* Firefox Bug: link not triggered */
  8399. a.waves-effect .waves-ripple {
  8400.   z-index: -1;
  8401. }
  8402.  
  8403. .modal {
  8404.   display: none;
  8405.   position: fixed;
  8406.   left: 0;
  8407.   right: 0;
  8408.   background-color: #fafafa;
  8409.   padding: 0;
  8410.   max-height: 70%;
  8411.   width: 55%;
  8412.   margin: auto;
  8413.   overflow-y: auto;
  8414.   border-radius: 2px;
  8415.   will-change: top, opacity;
  8416. }
  8417.  
  8418. @media only screen and (max-width: 992px) {
  8419.   .modal {
  8420.     width: 80%;
  8421.   }
  8422. }
  8423.  
  8424. .modal h1, .modal h2, .modal h3, .modal h4 {
  8425.   margin-top: 0;
  8426. }
  8427.  
  8428. .modal .modal-content {
  8429.   padding: 24px;
  8430. }
  8431.  
  8432. .modal .modal-close {
  8433.   cursor: pointer;
  8434. }
  8435.  
  8436. .modal .modal-footer {
  8437.   border-radius: 0 0 2px 2px;
  8438.   background-color: #fafafa;
  8439.   padding: 4px 6px;
  8440.   height: 56px;
  8441.   width: 100%;
  8442. }
  8443.  
  8444. .modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-flat {
  8445.   float: right;
  8446.   margin: 6px 0;
  8447. }
  8448.  
  8449. .lean-overlay {
  8450.   position: fixed;
  8451.   z-index: 999;
  8452.   top: -100px;
  8453.   left: 0;
  8454.   bottom: 0;
  8455.   right: 0;
  8456.   height: 125%;
  8457.   width: 100%;
  8458.   background: #000;
  8459.   display: none;
  8460.   will-change: opacity;
  8461. }
  8462.  
  8463. .modal.modal-fixed-footer {
  8464.   padding: 0;
  8465.   height: 70%;
  8466. }
  8467.  
  8468. .modal.modal-fixed-footer .modal-content {
  8469.   position: absolute;
  8470.   height: calc(100% - 56px);
  8471.   max-height: 100%;
  8472.   width: 100%;
  8473.   overflow-y: auto;
  8474. }
  8475.  
  8476. .modal.modal-fixed-footer .modal-footer {
  8477.   border-top: 1px solid rgba(0, 0, 0, 0.1);
  8478.   position: absolute;
  8479.   bottom: 0;
  8480. }
  8481.  
  8482. .modal.bottom-sheet {
  8483.   top: auto;
  8484.   bottom: -100%;
  8485.   margin: 0;
  8486.   width: 100%;
  8487.   max-height: 45%;
  8488.   border-radius: 0;
  8489.   will-change: bottom, opacity;
  8490. }
  8491.  
  8492. .collapsible {
  8493.   border-top: 1px solid #ddd;
  8494.   border-right: 1px solid #ddd;
  8495.   border-left: 1px solid #ddd;
  8496.   margin: 0.5rem 0 1rem 0;
  8497. }
  8498.  
  8499. .collapsible-header {
  8500.   display: block;
  8501.   cursor: pointer;
  8502.   min-height: 3rem;
  8503.   line-height: 3rem;
  8504.   padding: 0 1rem;
  8505.   background-color: #fff;
  8506.   border-bottom: 1px solid #ddd;
  8507. }
  8508.  
  8509. .collapsible-header i {
  8510.   width: 2rem;
  8511.   font-size: 1.6rem;
  8512.   line-height: 3rem;
  8513.   display: block;
  8514.   float: left;
  8515.   text-align: center;
  8516.   margin-right: 1rem;
  8517. }
  8518.  
  8519. .collapsible-body {
  8520.   display: none;
  8521.   border-bottom: 1px solid #ddd;
  8522.   box-sizing: border-box;
  8523. }
  8524.  
  8525. .collapsible-body p {
  8526.   margin: 0;
  8527.   padding: 2rem;
  8528. }
  8529.  
  8530. .side-nav .collapsible {
  8531.   border: none;
  8532.   box-shadow: none;
  8533. }
  8534.  
  8535. .side-nav .collapsible li {
  8536.   padding: 0;
  8537. }
  8538.  
  8539. .side-nav .collapsible-header {
  8540.   background-color: transparent;
  8541.   border: none;
  8542.   line-height: inherit;
  8543.   height: inherit;
  8544.   margin: 0 1rem;
  8545. }
  8546.  
  8547. .side-nav .collapsible-header i {
  8548.   line-height: inherit;
  8549. }
  8550.  
  8551. .side-nav .collapsible-body {
  8552.   border: 0;
  8553.   background-color: #fff;
  8554. }
  8555.  
  8556. .side-nav .collapsible-body li a {
  8557.   margin: 0 1rem 0 2rem;
  8558. }
  8559.  
  8560. .collapsible.popout {
  8561.   border: none;
  8562.   box-shadow: none;
  8563. }
  8564.  
  8565. .collapsible.popout > li {
  8566.   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  8567.   margin: 0 24px;
  8568.   transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  8569. }
  8570.  
  8571. .collapsible.popout > li.active {
  8572.   box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  8573.   margin: 16px 0;
  8574. }
  8575.  
  8576. .chip {
  8577.   display: inline-block;
  8578.   height: 32px;
  8579.   font-size: 13px;
  8580.   font-weight: 500;
  8581.   color: rgba(0, 0, 0, 0.6);
  8582.   line-height: 32px;
  8583.   padding: 0 12px;
  8584.   border-radius: 16px;
  8585.   background-color: #e4e4e4;
  8586. }
  8587.  
  8588. .chip img {
  8589.   float: left;
  8590.   margin: 0 8px 0 -12px;
  8591.   height: 32px;
  8592.   width: 32px;
  8593.   border-radius: 50%;
  8594. }
  8595.  
  8596. .chip i.material-icons {
  8597.   cursor: pointer;
  8598.   float: right;
  8599.   font-size: 16px;
  8600.   line-height: 32px;
  8601.   padding-left: 8px;
  8602. }
  8603.  
  8604. .materialboxed {
  8605.   display: block;
  8606.   cursor: -webkit-zoom-in;
  8607.   cursor: zoom-in;
  8608.   position: relative;
  8609.   transition: opacity .4s;
  8610. }
  8611.  
  8612. .materialboxed:hover {
  8613.   will-change: left, top, width, height;
  8614. }
  8615.  
  8616. .materialboxed:hover:not(.active) {
  8617.   opacity: .8;
  8618. }
  8619.  
  8620. .materialboxed.active {
  8621.   cursor: -webkit-zoom-out;
  8622.   cursor: zoom-out;
  8623. }
  8624.  
  8625. #materialbox-overlay {
  8626.   position: fixed;
  8627.   top: 0;
  8628.   left: 0;
  8629.   right: 0;
  8630.   bottom: 0;
  8631.   background-color: #292929;
  8632.   z-index: 999;
  8633.   will-change: opacity;
  8634. }
  8635.  
  8636. .materialbox-caption {
  8637.   position: fixed;
  8638.   display: none;
  8639.   color: #fff;
  8640.   line-height: 50px;
  8641.   bottom: 0;
  8642.   width: 100%;
  8643.   text-align: center;
  8644.   padding: 0% 15%;
  8645.   height: 50px;
  8646.   z-index: 1000;
  8647.   -webkit-font-smoothing: antialiased;
  8648. }
  8649.  
  8650. /* Remove Focus Boxes */
  8651. select:focus {
  8652.   outline: 1px solid #c9f3ef;
  8653. }
  8654.  
  8655. button:focus {
  8656.   outline: none;
  8657.   background-color: #2ab7a9;
  8658. }
  8659.  
  8660. label {
  8661.   font-size: 0.8rem;
  8662.   color: #9e9e9e;
  8663. }
  8664.  
  8665. /***************************
  8666.    Text Inputs + Textarea
  8667. ****************************/
  8668. ::-webkit-input-placeholder {
  8669.   color: #d1d1d1;
  8670. }
  8671.  
  8672. :-moz-placeholder {
  8673.   /* Firefox 18- */
  8674.   color: #d1d1d1;
  8675. }
  8676.  
  8677. ::-moz-placeholder {
  8678.   /* Firefox 19+ */
  8679.   color: #d1d1d1;
  8680. }
  8681.  
  8682. :-ms-input-placeholder {
  8683.   color: #d1d1d1;
  8684. }
  8685.  
  8686. input:not([type]),
  8687. input[type=text],
  8688. input[type=password],
  8689. input[type=email],
  8690. input[type=url],
  8691. input[type=time],
  8692. input[type=date],
  8693. input[type=datetime-local],
  8694. input[type=tel],
  8695. input[type=number],
  8696. input[type=search],
  8697. textarea.materialize-textarea {
  8698.   background-color: transparent;
  8699.   border: none;
  8700.   border-bottom: 1px solid #9e9e9e;
  8701.   border-radius: 0;
  8702.   outline: none;
  8703.   height: 3rem;
  8704.   width: 100%;
  8705.   font-size: 1rem;
  8706.   margin: 0 0 15px 0;
  8707.   padding: 0;
  8708.   box-shadow: none;
  8709.   box-sizing: content-box;
  8710.   transition: all .3s;
  8711. }
  8712.  
  8713. input:not([type]):disabled, input:not([type])[readonly="readonly"],
  8714. input[type=text]:disabled,
  8715. input[type=text][readonly="readonly"],
  8716. input[type=password]:disabled,
  8717. input[type=password][readonly="readonly"],
  8718. input[type=email]:disabled,
  8719. input[type=email][readonly="readonly"],
  8720. input[type=url]:disabled,
  8721. input[type=url][readonly="readonly"],
  8722. input[type=time]:disabled,
  8723. input[type=time][readonly="readonly"],
  8724. input[type=date]:disabled,
  8725. input[type=date][readonly="readonly"],
  8726. input[type=datetime-local]:disabled,
  8727. input[type=datetime-local][readonly="readonly"],
  8728. input[type=tel]:disabled,
  8729. input[type=tel][readonly="readonly"],
  8730. input[type=number]:disabled,
  8731. input[type=number][readonly="readonly"],
  8732. input[type=search]:disabled,
  8733. input[type=search][readonly="readonly"],
  8734. textarea.materialize-textarea:disabled,
  8735. textarea.materialize-textarea[readonly="readonly"] {
  8736.   color: rgba(0, 0, 0, 0.26);
  8737.   border-bottom: 1px dotted rgba(0, 0, 0, 0.26);
  8738. }
  8739.  
  8740. input:not([type]):disabled + label, input:not([type])[readonly="readonly"] + label,
  8741. input[type=text]:disabled + label,
  8742. input[type=text][readonly="readonly"] + label,
  8743. input[type=password]:disabled + label,
  8744. input[type=password][readonly="readonly"] + label,
  8745. input[type=email]:disabled + label,
  8746. input[type=email][readonly="readonly"] + label,
  8747. input[type=url]:disabled + label,
  8748. input[type=url][readonly="readonly"] + label,
  8749. input[type=time]:disabled + label,
  8750. input[type=time][readonly="readonly"] + label,
  8751. input[type=date]:disabled + label,
  8752. input[type=date][readonly="readonly"] + label,
  8753. input[type=datetime-local]:disabled + label,
  8754. input[type=datetime-local][readonly="readonly"] + label,
  8755. input[type=tel]:disabled + label,
  8756. input[type=tel][readonly="readonly"] + label,
  8757. input[type=number]:disabled + label,
  8758. input[type=number][readonly="readonly"] + label,
  8759. input[type=search]:disabled + label,
  8760. input[type=search][readonly="readonly"] + label,
  8761. textarea.materialize-textarea:disabled + label,
  8762. textarea.materialize-textarea[readonly="readonly"] + label {
  8763.   color: rgba(0, 0, 0, 0.26);
  8764. }
  8765.  
  8766. input:not([type]):focus:not([readonly]),
  8767. input[type=text]:focus:not([readonly]),
  8768. input[type=password]:focus:not([readonly]),
  8769. input[type=email]:focus:not([readonly]),
  8770. input[type=url]:focus:not([readonly]),
  8771. input[type=time]:focus:not([readonly]),
  8772. input[type=date]:focus:not([readonly]),
  8773. input[type=datetime-local]:focus:not([readonly]),
  8774. input[type=tel]:focus:not([readonly]),
  8775. input[type=number]:focus:not([readonly]),
  8776. input[type=search]:focus:not([readonly]),
  8777. textarea.materialize-textarea:focus:not([readonly]) {
  8778.   border-bottom: 1px solid #26a69a;
  8779.   box-shadow: 0 1px 0 0 #26a69a;
  8780. }
  8781.  
  8782. input:not([type]):focus:not([readonly]) + label,
  8783. input[type=text]:focus:not([readonly]) + label,
  8784. input[type=password]:focus:not([readonly]) + label,
  8785. input[type=email]:focus:not([readonly]) + label,
  8786. input[type=url]:focus:not([readonly]) + label,
  8787. input[type=time]:focus:not([readonly]) + label,
  8788. input[type=date]:focus:not([readonly]) + label,
  8789. input[type=datetime-local]:focus:not([readonly]) + label,
  8790. input[type=tel]:focus:not([readonly]) + label,
  8791. input[type=number]:focus:not([readonly]) + label,
  8792. input[type=search]:focus:not([readonly]) + label,
  8793. textarea.materialize-textarea:focus:not([readonly]) + label {
  8794.   color: #26a69a;
  8795. }
  8796.  
  8797. input:not([type]).valid, input:not([type]):focus.valid,
  8798. input[type=text].valid,
  8799. input[type=text]:focus.valid,
  8800. input[type=password].valid,
  8801. input[type=password]:focus.valid,
  8802. input[type=email].valid,
  8803. input[type=email]:focus.valid,
  8804. input[type=url].valid,
  8805. input[type=url]:focus.valid,
  8806. input[type=time].valid,
  8807. input[type=time]:focus.valid,
  8808. input[type=date].valid,
  8809. input[type=date]:focus.valid,
  8810. input[type=datetime-local].valid,
  8811. input[type=datetime-local]:focus.valid,
  8812. input[type=tel].valid,
  8813. input[type=tel]:focus.valid,
  8814. input[type=number].valid,
  8815. input[type=number]:focus.valid,
  8816. input[type=search].valid,
  8817. input[type=search]:focus.valid,
  8818. textarea.materialize-textarea.valid,
  8819. textarea.materialize-textarea:focus.valid {
  8820.   border-bottom: 1px solid #4CAF50;
  8821.   box-shadow: 0 1px 0 0 #4CAF50;
  8822. }
  8823.  
  8824. input:not([type]).valid + label:after,
  8825. input:not([type]):focus.valid + label:after,
  8826. input[type=text].valid + label:after,
  8827. input[type=text]:focus.valid + label:after,
  8828. input[type=password].valid + label:after,
  8829. input[type=password]:focus.valid + label:after,
  8830. input[type=email].valid + label:after,
  8831. input[type=email]:focus.valid + label:after,
  8832. input[type=url].valid + label:after,
  8833. input[type=url]:focus.valid + label:after,
  8834. input[type=time].valid + label:after,
  8835. input[type=time]:focus.valid + label:after,
  8836. input[type=date].valid + label:after,
  8837. input[type=date]:focus.valid + label:after,
  8838. input[type=datetime-local].valid + label:after,
  8839. input[type=datetime-local]:focus.valid + label:after,
  8840. input[type=tel].valid + label:after,
  8841. input[type=tel]:focus.valid + label:after,
  8842. input[type=number].valid + label:after,
  8843. input[type=number]:focus.valid + label:after,
  8844. input[type=search].valid + label:after,
  8845. input[type=search]:focus.valid + label:after,
  8846. textarea.materialize-textarea.valid + label:after,
  8847. textarea.materialize-textarea:focus.valid + label:after {
  8848.   content: attr(data-success);
  8849.   color: #4CAF50;
  8850.   opacity: 1;
  8851. }
  8852.  
  8853. input:not([type]).invalid, input:not([type]):focus.invalid,
  8854. input[type=text].invalid,
  8855. input[type=text]:focus.invalid,
  8856. input[type=password].invalid,
  8857. input[type=password]:focus.invalid,
  8858. input[type=email].invalid,
  8859. input[type=email]:focus.invalid,
  8860. input[type=url].invalid,
  8861. input[type=url]:focus.invalid,
  8862. input[type=time].invalid,
  8863. input[type=time]:focus.invalid,
  8864. input[type=date].invalid,
  8865. input[type=date]:focus.invalid,
  8866. input[type=datetime-local].invalid,
  8867. input[type=datetime-local]:focus.invalid,
  8868. input[type=tel].invalid,
  8869. input[type=tel]:focus.invalid,
  8870. input[type=number].invalid,
  8871. input[type=number]:focus.invalid,
  8872. input[type=search].invalid,
  8873. input[type=search]:focus.invalid,
  8874. textarea.materialize-textarea.invalid,
  8875. textarea.materialize-textarea:focus.invalid {
  8876.   border-bottom: 1px solid #F44336;
  8877.   box-shadow: 0 1px 0 0 #F44336;
  8878. }
  8879.  
  8880. input:not([type]).invalid + label:after,
  8881. input:not([type]):focus.invalid + label:after,
  8882. input[type=text].invalid + label:after,
  8883. input[type=text]:focus.invalid + label:after,
  8884. input[type=password].invalid + label:after,
  8885. input[type=password]:focus.invalid + label:after,
  8886. input[type=email].invalid + label:after,
  8887. input[type=email]:focus.invalid + label:after,
  8888. input[type=url].invalid + label:after,
  8889. input[type=url]:focus.invalid + label:after,
  8890. input[type=time].invalid + label:after,
  8891. input[type=time]:focus.invalid + label:after,
  8892. input[type=date].invalid + label:after,
  8893. input[type=date]:focus.invalid + label:after,
  8894. input[type=datetime-local].invalid + label:after,
  8895. input[type=datetime-local]:focus.invalid + label:after,
  8896. input[type=tel].invalid + label:after,
  8897. input[type=tel]:focus.invalid + label:after,
  8898. input[type=number].invalid + label:after,
  8899. input[type=number]:focus.invalid + label:after,
  8900. input[type=search].invalid + label:after,
  8901. input[type=search]:focus.invalid + label:after,
  8902. textarea.materialize-textarea.invalid + label:after,
  8903. textarea.materialize-textarea:focus.invalid + label:after {
  8904.   content: attr(data-error);
  8905.   color: #F44336;
  8906.   opacity: 1;
  8907. }
  8908.  
  8909. input:not([type]) + label:after,
  8910. input[type=text] + label:after,
  8911. input[type=password] + label:after,
  8912. input[type=email] + label:after,
  8913. input[type=url] + label:after,
  8914. input[type=time] + label:after,
  8915. input[type=date] + label:after,
  8916. input[type=datetime-local] + label:after,
  8917. input[type=tel] + label:after,
  8918. input[type=number] + label:after,
  8919. input[type=search] + label:after,
  8920. textarea.materialize-textarea + label:after {
  8921.   display: block;
  8922.   content: "";
  8923.   position: absolute;
  8924.   top: 65px;
  8925.   opacity: 0;
  8926.   transition: .2s opacity ease-out, .2s color ease-out;
  8927. }
  8928.  
  8929. .input-field {
  8930.   position: relative;
  8931.   margin-top: 1rem;
  8932. }
  8933.  
  8934. .input-field label {
  8935.   color: #9e9e9e;
  8936.   position: absolute;
  8937.   top: 0.8rem;
  8938.   left: 0.75rem;
  8939.   font-size: 1rem;
  8940.   cursor: text;
  8941.   transition: .2s ease-out;
  8942. }
  8943.  
  8944. .input-field label.active {
  8945.   font-size: 0.8rem;
  8946.   -webkit-transform: translateY(-140%);
  8947.           transform: translateY(-140%);
  8948. }
  8949.  
  8950. .input-field .prefix {
  8951.   position: absolute;
  8952.   width: 3rem;
  8953.   font-size: 2rem;
  8954.   transition: color .2s;
  8955. }
  8956.  
  8957. .input-field .prefix.active {
  8958.   color: #26a69a;
  8959. }
  8960.  
  8961. .input-field .prefix ~ input,
  8962. .input-field .prefix ~ textarea {
  8963.   margin-left: 3rem;
  8964.   width: 92%;
  8965.   width: calc(100% - 3rem);
  8966. }
  8967.  
  8968. .input-field .prefix ~ textarea {
  8969.   padding-top: .8rem;
  8970. }
  8971.  
  8972. .input-field .prefix ~ label {
  8973.   margin-left: 3rem;
  8974. }
  8975.  
  8976. @media only screen and (max-width: 992px) {
  8977.   .input-field .prefix ~ input {
  8978.     width: 86%;
  8979.     width: calc(100% - 3rem);
  8980.   }
  8981. }
  8982.  
  8983. @media only screen and (max-width: 600px) {
  8984.   .input-field .prefix ~ input {
  8985.     width: 80%;
  8986.     width: calc(100% - 3rem);
  8987.   }
  8988. }
  8989.  
  8990. .input-field input[type=search] {
  8991.   display: block;
  8992.   line-height: inherit;
  8993.   padding-left: 4rem;
  8994.   width: calc(100% - 4rem);
  8995. }
  8996.  
  8997. .input-field input[type=search]:focus {
  8998.   background-color: #fff;
  8999.   border: 0;
  9000.   box-shadow: none;
  9001.   color: #444;
  9002. }
  9003.  
  9004. .input-field input[type=search]:focus + label i,
  9005. .input-field input[type=search]:focus ~ .mdi-navigation-close,
  9006. .input-field input[type=search]:focus ~ .material-icons {
  9007.   color: #444;
  9008. }
  9009.  
  9010. .input-field input[type=search] + label {
  9011.   left: 1rem;
  9012. }
  9013.  
  9014. .input-field input[type=search] ~ .mdi-navigation-close,
  9015. .input-field input[type=search] ~ .material-icons {
  9016.   position: absolute;
  9017.   top: 0;
  9018.   right: 1rem;
  9019.   color: transparent;
  9020.   cursor: pointer;
  9021.   font-size: 2rem;
  9022.   transition: .3s color;
  9023. }
  9024.  
  9025. textarea {
  9026.   width: 100%;
  9027.   height: 3rem;
  9028.   background-color: transparent;
  9029. }
  9030.  
  9031. textarea.materialize-textarea {
  9032.   overflow-y: hidden;
  9033.   /* prevents scroll bar flash */
  9034.   padding: 1.6rem 0;
  9035.   /* prevents text jump on Enter keypress */
  9036.   resize: none;
  9037.   min-height: 3rem;
  9038. }
  9039.  
  9040. .hiddendiv {
  9041.   display: none;
  9042.   white-space: pre-wrap;
  9043.   word-wrap: break-word;
  9044.   overflow-wrap: break-word;
  9045.   /* future version of deprecated 'word-wrap' */
  9046.   padding-top: 1.2rem;
  9047.   /* prevents text jump on Enter keypress */
  9048. }
  9049.  
  9050. /***************
  9051.   Radio Buttons
  9052. ***************/
  9053. /* Remove default Radio Buttons */
  9054. [type="radio"]:not(:checked),
  9055. [type="radio"]:checked {
  9056.   position: absolute;
  9057.   left: -9999px;
  9058.   visibility: hidden;
  9059. }
  9060.  
  9061. [type="radio"]:not(:checked) + label,
  9062. [type="radio"]:checked + label {
  9063.   position: relative;
  9064.   padding-left: 35px;
  9065.   cursor: pointer;
  9066.   display: inline-block;
  9067.   height: 25px;
  9068.   line-height: 25px;
  9069.   font-size: 1rem;
  9070.   transition: .28s ease;
  9071.   /* webkit (konqueror) browsers */
  9072.   -webkit-user-select: none;
  9073.      -moz-user-select: none;
  9074.       -ms-user-select: none;
  9075.           user-select: none;
  9076. }
  9077.  
  9078. [type="radio"] + label:before,
  9079. [type="radio"] + label:after {
  9080.   content: '';
  9081.   position: absolute;
  9082.   left: 0;
  9083.   top: 0;
  9084.   margin: 4px;
  9085.   width: 16px;
  9086.   height: 16px;
  9087.   z-index: 0;
  9088.   transition: .28s ease;
  9089. }
  9090.  
  9091. /* Unchecked styles */
  9092. [type="radio"]:not(:checked) + label:before {
  9093.   border-radius: 50%;
  9094.   border: 2px solid #5a5a5a;
  9095. }
  9096.  
  9097. [type="radio"]:not(:checked) + label:after {
  9098.   border-radius: 50%;
  9099.   border: 2px solid #5a5a5a;
  9100.   z-index: -1;
  9101.   -webkit-transform: scale(0);
  9102.           transform: scale(0);
  9103. }
  9104.  
  9105. /* Checked styles */
  9106. [type="radio"]:checked + label:before {
  9107.   border-radius: 50%;
  9108.   border: 2px solid transparent;
  9109. }
  9110.  
  9111. [type="radio"]:checked + label:after {
  9112.   border-radius: 50%;
  9113.   border: 2px solid #26a69a;
  9114.   background-color: #26a69a;
  9115.   z-index: 0;
  9116.   -webkit-transform: scale(1.02);
  9117.           transform: scale(1.02);
  9118. }
  9119.  
  9120. /* Radio With gap */
  9121. [type="radio"].with-gap:checked + label:before {
  9122.   border-radius: 50%;
  9123.   border: 2px solid #26a69a;
  9124. }
  9125.  
  9126. [type="radio"].with-gap:checked + label:after {
  9127.   border-radius: 50%;
  9128.   border: 2px solid #26a69a;
  9129.   background-color: #26a69a;
  9130.   z-index: 0;
  9131.   -webkit-transform: scale(0.5);
  9132.           transform: scale(0.5);
  9133. }
  9134.  
  9135. /* Disabled Radio With gap */
  9136. [type="radio"].with-gap:disabled:checked + label:before {
  9137.   border: 2px solid rgba(0, 0, 0, 0.26);
  9138. }
  9139.  
  9140. [type="radio"].with-gap:disabled:checked + label:after {
  9141.   border: none;
  9142.   background-color: rgba(0, 0, 0, 0.26);
  9143. }
  9144.  
  9145. /* Disabled style */
  9146. [type="radio"]:disabled:not(:checked) + label:before,
  9147. [type="radio"]:disabled:checked + label:before {
  9148.   background-color: transparent;
  9149.   border-color: rgba(0, 0, 0, 0.26);
  9150. }
  9151.  
  9152. [type="radio"]:disabled + label {
  9153.   color: rgba(0, 0, 0, 0.26);
  9154. }
  9155.  
  9156. [type="radio"]:disabled:not(:checked) + label:before {
  9157.   border-color: rgba(0, 0, 0, 0.26);
  9158. }
  9159.  
  9160. [type="radio"]:disabled:checked + label:after {
  9161.   background-color: rgba(0, 0, 0, 0.26);
  9162.   border-color: #BDBDBD;
  9163. }
  9164.  
  9165. /***************
  9166.    Checkboxes
  9167. ***************/
  9168. /* CUSTOM CSS CHECKBOXES */
  9169. form p {
  9170.   margin-bottom: 10px;
  9171.   text-align: left;
  9172. }
  9173.  
  9174. form p:last-child {
  9175.   margin-bottom: 0;
  9176. }
  9177.  
  9178. /* Remove default checkbox */
  9179. [type="checkbox"]:not(:checked),
  9180. [type="checkbox"]:checked {
  9181.   position: absolute;
  9182.   left: -9999px;
  9183.   visibility: hidden;
  9184. }
  9185.  
  9186. [type="checkbox"] {
  9187.   /* checkbox aspect */
  9188. }
  9189.  
  9190. [type="checkbox"] + label {
  9191.   position: relative;
  9192.   padding-left: 35px;
  9193.   cursor: pointer;
  9194.   display: inline-block;
  9195.   height: 25px;
  9196.   line-height: 25px;
  9197.   font-size: 1rem;
  9198.   -webkit-user-select: none;
  9199.   /* webkit (safari, chrome) browsers */
  9200.   -moz-user-select: none;
  9201.   /* mozilla browsers */
  9202.   -khtml-user-select: none;
  9203.   /* webkit (konqueror) browsers */
  9204.   -ms-user-select: none;
  9205.   /* IE10+ */
  9206. }
  9207.  
  9208. [type="checkbox"] + label:before {
  9209.   content: '';
  9210.   position: absolute;
  9211.   top: 0;
  9212.   left: 0;
  9213.   width: 18px;
  9214.   height: 18px;
  9215.   z-index: 0;
  9216.   border: 2px solid #5a5a5a;
  9217.   border-radius: 1px;
  9218.   margin-top: 2px;
  9219.   transition: .2s;
  9220. }
  9221.  
  9222. [type="checkbox"]:not(:checked):disabled + label:before {
  9223.   border: none;
  9224.   background-color: rgba(0, 0, 0, 0.26);
  9225. }
  9226.  
  9227. [type="checkbox"]:checked + label:before {
  9228.   top: -4px;
  9229.   left: -3px;
  9230.   width: 12px;
  9231.   height: 22px;
  9232.   border-top: 2px solid transparent;
  9233.   border-left: 2px solid transparent;
  9234.   border-right: 2px solid #26a69a;
  9235.   border-bottom: 2px solid #26a69a;
  9236.   -webkit-transform: rotate(40deg);
  9237.           transform: rotate(40deg);
  9238.   -webkit-backface-visibility: hidden;
  9239.           backface-visibility: hidden;
  9240.   -webkit-transform-origin: 100% 100%;
  9241.           transform-origin: 100% 100%;
  9242. }
  9243.  
  9244. [type="checkbox"]:checked:disabled + label:before {
  9245.   border-right: 2px solid rgba(0, 0, 0, 0.26);
  9246.   border-bottom: 2px solid rgba(0, 0, 0, 0.26);
  9247. }
  9248.  
  9249. /* Indeterminate checkbox */
  9250. [type="checkbox"]:indeterminate + label:before {
  9251.   left: -10px;
  9252.   top: -11px;
  9253.   width: 10px;
  9254.   height: 22px;
  9255.   border-top: none;
  9256.   border-left: none;
  9257.   border-right: 2px solid #26a69a;
  9258.   border-bottom: none;
  9259.   -webkit-transform: rotate(90deg);
  9260.           transform: rotate(90deg);
  9261.   -webkit-backface-visibility: hidden;
  9262.           backface-visibility: hidden;
  9263.   -webkit-transform-origin: 100% 100%;
  9264.           transform-origin: 100% 100%;
  9265. }
  9266.  
  9267. [type="checkbox"]:indeterminate:disabled + label:before {
  9268.   border-right: 2px solid rgba(0, 0, 0, 0.26);
  9269.   background-color: transparent;
  9270. }
  9271.  
  9272. [type="checkbox"].filled-in + label:after {
  9273.   border-radius: 2px;
  9274. }
  9275.  
  9276. [type="checkbox"].filled-in + label:before,
  9277. [type="checkbox"].filled-in + label:after {
  9278.   content: '';
  9279.   left: 0;
  9280.   position: absolute;
  9281.   /* .1s delay is for check animation */
  9282.   transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
  9283.   z-index: 1;
  9284. }
  9285.  
  9286. [type="checkbox"].filled-in:not(:checked) + label:before {
  9287.   width: 0;
  9288.   height: 0;
  9289.   border: 3px solid transparent;
  9290.   left: 6px;
  9291.   top: 10px;
  9292.   -webkit-transform: rotateZ(37deg);
  9293.   transform: rotateZ(37deg);
  9294.   -webkit-transform-origin: 20% 40%;
  9295.   transform-origin: 100% 100%;
  9296. }
  9297.  
  9298. [type="checkbox"].filled-in:not(:checked) + label:after {
  9299.   height: 20px;
  9300.   width: 20px;
  9301.   background-color: transparent;
  9302.   border: 2px solid #5a5a5a;
  9303.   top: 0px;
  9304.   z-index: 0;
  9305. }
  9306.  
  9307. [type="checkbox"].filled-in:checked + label:before {
  9308.   top: 0;
  9309.   left: 1px;
  9310.   width: 8px;
  9311.   height: 13px;
  9312.   border-top: 2px solid transparent;
  9313.   border-left: 2px solid transparent;
  9314.   border-right: 2px solid #fff;
  9315.   border-bottom: 2px solid #fff;
  9316.   -webkit-transform: rotateZ(37deg);
  9317.   transform: rotateZ(37deg);
  9318.   -webkit-transform-origin: 100% 100%;
  9319.   transform-origin: 100% 100%;
  9320. }
  9321.  
  9322. [type="checkbox"].filled-in:checked + label:after {
  9323.   top: 0px;
  9324.   width: 20px;
  9325.   height: 20px;
  9326.   border: 2px solid #26a69a;
  9327.   background-color: #26a69a;
  9328.   z-index: 0;
  9329. }
  9330.  
  9331. [type="checkbox"].filled-in:disabled:not(:checked) + label:before {
  9332.   background-color: transparent;
  9333.   border: 2px solid transparent;
  9334. }
  9335.  
  9336. [type="checkbox"].filled-in:disabled:not(:checked) + label:after {
  9337.   border-color: transparent;
  9338.   background-color: #BDBDBD;
  9339. }
  9340.  
  9341. [type="checkbox"].filled-in:disabled:checked + label:before {
  9342.   background-color: transparent;
  9343. }
  9344.  
  9345. [type="checkbox"].filled-in:disabled:checked + label:after {
  9346.   background-color: #BDBDBD;
  9347.   border-color: #BDBDBD;
  9348. }
  9349.  
  9350. /***************
  9351.      Switch
  9352. ***************/
  9353. .switch,
  9354. .switch * {
  9355.   -webkit-user-select: none;
  9356.   -moz-user-select: none;
  9357.   -khtml-user-select: none;
  9358.   -ms-user-select: none;
  9359. }
  9360.  
  9361. .switch label {
  9362.   cursor: pointer;
  9363. }
  9364.  
  9365. .switch label input[type=checkbox] {
  9366.   opacity: 0;
  9367.   width: 0;
  9368.   height: 0;
  9369. }
  9370.  
  9371. .switch label input[type=checkbox]:checked + .lever {
  9372.   background-color: #84c7c1;
  9373. }
  9374.  
  9375. .switch label input[type=checkbox]:checked + .lever:after {
  9376.   background-color: #26a69a;
  9377. }
  9378.  
  9379. .switch label .lever {
  9380.   content: "";
  9381.   display: inline-block;
  9382.   position: relative;
  9383.   width: 40px;
  9384.   height: 15px;
  9385.   background-color: #818181;
  9386.   border-radius: 15px;
  9387.   margin-right: 10px;
  9388.   transition: background 0.3s ease;
  9389.   vertical-align: middle;
  9390.   margin: 0 16px;
  9391. }
  9392.  
  9393. .switch label .lever:after {
  9394.   content: "";
  9395.   position: absolute;
  9396.   display: inline-block;
  9397.   width: 21px;
  9398.   height: 21px;
  9399.   background-color: #F1F1F1;
  9400.   border-radius: 21px;
  9401.   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
  9402.   left: -5px;
  9403.   top: -3px;
  9404.   transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease;
  9405. }
  9406.  
  9407. input[type=checkbox]:checked:not(:disabled) ~ .lever:active:after {
  9408.   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 166, 154, 0.1);
  9409. }
  9410.  
  9411. input[type=checkbox]:not(:disabled) ~ .lever:active:after {
  9412.   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08);
  9413. }
  9414.  
  9415. .switch label input[type=checkbox]:checked + .lever:after {
  9416.   left: 24px;
  9417. }
  9418.  
  9419. .switch input[type=checkbox][disabled] + .lever {
  9420.   cursor: default;
  9421. }
  9422.  
  9423. .switch label input[type=checkbox][disabled] + .lever:after,
  9424. .switch label input[type=checkbox][disabled]:checked + .lever:after {
  9425.   background-color: #BDBDBD;
  9426. }
  9427.  
  9428. /***************
  9429.   Select Field
  9430. ***************/
  9431. .select-label {
  9432.   position: absolute;
  9433. }
  9434.  
  9435. .select-wrapper {
  9436.   position: relative;
  9437. }
  9438.  
  9439. .select-wrapper input.select-dropdown {
  9440.   position: relative;
  9441.   cursor: pointer;
  9442.   background-color: transparent;
  9443.   border: none;
  9444.   border-bottom: 1px solid #9e9e9e;
  9445.   outline: none;
  9446.   height: 3rem;
  9447.   line-height: 3rem;
  9448.   width: 100%;
  9449.   font-size: 1rem;
  9450.   margin: 0 0 15px 0;
  9451.   padding: 0;
  9452.   display: block;
  9453. }
  9454.  
  9455. .select-wrapper span.caret {
  9456.   color: initial;
  9457.   position: absolute;
  9458.   right: 0;
  9459.   top: 16px;
  9460.   font-size: 10px;
  9461. }
  9462.  
  9463. .select-wrapper span.caret.disabled {
  9464.   color: rgba(0, 0, 0, 0.26);
  9465. }
  9466.  
  9467. .select-wrapper + label {
  9468.   position: absolute;
  9469.   top: -14px;
  9470.   font-size: 0.8rem;
  9471. }
  9472.  
  9473. select {
  9474.   display: none;
  9475. }
  9476.  
  9477. select.browser-default {
  9478.   display: block;
  9479. }
  9480.  
  9481. select:disabled {
  9482.   color: rgba(0, 0, 0, 0.3);
  9483. }
  9484.  
  9485. .select-wrapper input.select-dropdown:disabled {
  9486.   color: rgba(0, 0, 0, 0.3);
  9487.   cursor: default;
  9488.   -webkit-user-select: none;
  9489.   /* webkit (safari, chrome) browsers */
  9490.   -moz-user-select: none;
  9491.   /* mozilla browsers */
  9492.   -ms-user-select: none;
  9493.   /* IE10+ */
  9494.   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  9495. }
  9496.  
  9497. .select-wrapper i {
  9498.   color: rgba(0, 0, 0, 0.3);
  9499. }
  9500.  
  9501. .select-dropdown li.disabled,
  9502. .select-dropdown li.disabled > span,
  9503. .select-dropdown li.optgroup {
  9504.   color: rgba(0, 0, 0, 0.3);
  9505.   background-color: transparent;
  9506. }
  9507.  
  9508. .select-dropdown li img {
  9509.   height: 40px;
  9510.   width: 40px;
  9511.   margin: 5px 15px;
  9512.   float: right;
  9513. }
  9514.  
  9515. .select-dropdown li.optgroup {
  9516.   border-top: 1px solid #eee;
  9517. }
  9518.  
  9519. .select-dropdown li.optgroup.selected > span {
  9520.   color: rgba(0, 0, 0, 0.7);
  9521. }
  9522.  
  9523. .select-dropdown li.optgroup > span {
  9524.   color: rgba(0, 0, 0, 0.4);
  9525. }
  9526.  
  9527. .select-dropdown li.optgroup ~ li:not(.optgroup) {
  9528.   padding-left: 1rem;
  9529. }
  9530.  
  9531. /*********************
  9532.       File Input
  9533. **********************/
  9534. .file-field {
  9535.   position: relative;
  9536. }
  9537.  
  9538. .file-field .file-path-wrapper {
  9539.   overflow: hidden;
  9540.   padding-left: 10px;
  9541. }
  9542.  
  9543. .file-field input.file-path {
  9544.   width: 100%;
  9545. }
  9546.  
  9547. .file-field .btn, .file-field .btn-large {
  9548.   float: left;
  9549.   height: 3rem;
  9550.   line-height: 3rem;
  9551. }
  9552.  
  9553. .file-field span {
  9554.   cursor: pointer;
  9555. }
  9556.  
  9557. .file-field input[type=file] {
  9558.   position: absolute;
  9559.   top: 0;
  9560.   right: 0;
  9561.   left: 0;
  9562.   bottom: 0;
  9563.   width: 100%;
  9564.   margin: 0;
  9565.   padding: 0;
  9566.   font-size: 20px;
  9567.   cursor: pointer;
  9568.   opacity: 0;
  9569.   filter: alpha(opacity=0);
  9570. }
  9571.  
  9572. /***************
  9573.       Range
  9574. ***************/
  9575. .range-field {
  9576.   position: relative;
  9577. }
  9578.  
  9579. input[type=range], input[type=range] + .thumb {
  9580.   cursor: pointer;
  9581. }
  9582.  
  9583. input[type=range] {
  9584.   position: relative;
  9585.   background-color: transparent;
  9586.   border: none;
  9587.   outline: none;
  9588.   width: 100%;
  9589.   margin: 15px 0px;
  9590.   padding: 0;
  9591. }
  9592.  
  9593. input[type=range] + .thumb {
  9594.   position: absolute;
  9595.   border: none;
  9596.   height: 0;
  9597.   width: 0;
  9598.   border-radius: 50%;
  9599.   background-color: #26a69a;
  9600.   top: 10px;
  9601.   margin-left: -6px;
  9602.   -webkit-transform-origin: 50% 50%;
  9603.           transform-origin: 50% 50%;
  9604.   -webkit-transform: rotate(-45deg);
  9605.           transform: rotate(-45deg);
  9606. }
  9607.  
  9608. input[type=range] + .thumb .value {
  9609.   display: block;
  9610.   width: 30px;
  9611.   text-align: center;
  9612.   color: #26a69a;
  9613.   font-size: 0;
  9614.   -webkit-transform: rotate(45deg);
  9615.           transform: rotate(45deg);
  9616. }
  9617.  
  9618. input[type=range] + .thumb.active {
  9619.   border-radius: 50% 50% 50% 0;
  9620. }
  9621.  
  9622. input[type=range] + .thumb.active .value {
  9623.   color: #fff;
  9624.   margin-left: -1px;
  9625.   margin-top: 8px;
  9626.   font-size: 10px;
  9627. }
  9628.  
  9629. input[type=range]:focus {
  9630.   outline: none;
  9631. }
  9632.  
  9633. input[type=range] {
  9634.   -webkit-appearance: none;
  9635. }
  9636.  
  9637. input[type=range]::-webkit-slider-runnable-track {
  9638.   height: 3px;
  9639.   background: #c2c0c2;
  9640.   border: none;
  9641. }
  9642.  
  9643. input[type=range]::-webkit-slider-thumb {
  9644.   -webkit-appearance: none;
  9645.   border: none;
  9646.   height: 14px;
  9647.   width: 14px;
  9648.   border-radius: 50%;
  9649.   background-color: #26a69a;
  9650.   -webkit-transform-origin: 50% 50%;
  9651.           transform-origin: 50% 50%;
  9652.   margin: -5px 0 0 0;
  9653.   transition: .3s;
  9654. }
  9655.  
  9656. input[type=range]:focus::-webkit-slider-runnable-track {
  9657.   background: #ccc;
  9658. }
  9659.  
  9660. input[type=range] {
  9661.   /* fix for FF unable to apply focus style bug  */
  9662.   border: 1px solid white;
  9663.   /*required for proper track sizing in FF*/
  9664. }
  9665.  
  9666. input[type=range]::-moz-range-track {
  9667.   height: 3px;
  9668.   background: #ddd;
  9669.   border: none;
  9670. }
  9671.  
  9672. input[type=range]::-moz-range-thumb {
  9673.   border: none;
  9674.   height: 14px;
  9675.   width: 14px;
  9676.   border-radius: 50%;
  9677.   background: #26a69a;
  9678.   margin-top: -5px;
  9679. }
  9680.  
  9681. /*hide the outline behind the border*/
  9682. input[type=range]:-moz-focusring {
  9683.   outline: 1px solid white;
  9684.   outline-offset: -1px;
  9685. }
  9686.  
  9687. input[type=range]:focus::-moz-range-track {
  9688.   background: #ccc;
  9689. }
  9690.  
  9691. input[type=range]::-ms-track {
  9692.   height: 3px;
  9693.   /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  9694.   background: transparent;
  9695.   /*leave room for the larger thumb to overflow with a transparent border */
  9696.   border-color: transparent;
  9697.   border-width: 6px 0;
  9698.   /*remove default tick marks*/
  9699.   color: transparent;
  9700. }
  9701.  
  9702. input[type=range]::-ms-fill-lower {
  9703.   background: #777;
  9704. }
  9705.  
  9706. input[type=range]::-ms-fill-upper {
  9707.   background: #ddd;
  9708. }
  9709.  
  9710. input[type=range]::-ms-thumb {
  9711.   border: none;
  9712.   height: 14px;
  9713.   width: 14px;
  9714.   border-radius: 50%;
  9715.   background: #26a69a;
  9716. }
  9717.  
  9718. input[type=range]:focus::-ms-fill-lower {
  9719.   background: #888;
  9720. }
  9721.  
  9722. input[type=range]:focus::-ms-fill-upper {
  9723.   background: #ccc;
  9724. }
  9725.  
  9726. /***************************
  9727.    Text Inputs + Textarea
  9728. ****************************/
  9729. select {
  9730.   background-color: rgba(255, 255, 255, 0.9);
  9731.   width: 100%;
  9732.   padding: 5px;
  9733.   border: 1px solid #f2f2f2;
  9734.   border-radius: 2px;
  9735.   height: 3rem;
  9736. }
  9737.  
  9738. /***************
  9739.     Nav List
  9740. ***************/
  9741. .table-of-contents.fixed {
  9742.   position: fixed;
  9743. }
  9744.  
  9745. .table-of-contents li {
  9746.   padding: 2px 0;
  9747. }
  9748.  
  9749. .table-of-contents a {
  9750.   display: inline-block;
  9751.   font-weight: 300;
  9752.   color: #757575;
  9753.   padding-left: 20px;
  9754.   height: 1.5rem;
  9755.   line-height: 1.5rem;
  9756.   letter-spacing: .4;
  9757.   display: inline-block;
  9758. }
  9759.  
  9760. .table-of-contents a:hover {
  9761.   color: #a8a8a8;
  9762.   padding-left: 19px;
  9763.   border-left: 1px solid #ea4a4f;
  9764. }
  9765.  
  9766. .table-of-contents a.active {
  9767.   font-weight: 500;
  9768.   padding-left: 18px;
  9769.   border-left: 2px solid #ea4a4f;
  9770. }
  9771.  
  9772. .side-nav {
  9773.   position: fixed;
  9774.   width: 240px;
  9775.   left: -105%;
  9776.   top: 0;
  9777.   margin: 0;
  9778.   height: 100%;
  9779.   height: calc(100% + 60px);
  9780.   height: -moz-calc(100%);
  9781.   padding-bottom: 60px;
  9782.   background-color: #fff;
  9783.   z-index: 999;
  9784.   overflow-y: auto;
  9785.   will-change: left;
  9786. }
  9787.  
  9788. .side-nav.right-aligned {
  9789.   will-change: right;
  9790.   right: -105%;
  9791.   left: auto;
  9792. }
  9793.  
  9794. .side-nav .collapsible {
  9795.   margin: 0;
  9796. }
  9797.  
  9798. .side-nav li {
  9799.   float: none;
  9800.   padding: 0 15px;
  9801.   line-height: 64px;
  9802. }
  9803.  
  9804. .side-nav li:hover, .side-nav li.active {
  9805.   background-color: #ddd;
  9806. }
  9807.  
  9808. .side-nav a {
  9809.   color: #444;
  9810.   display: block;
  9811.   font-size: 1rem;
  9812.   height: 64px;
  9813.   line-height: 64px;
  9814.   padding: 0 15px;
  9815. }
  9816.  
  9817. .drag-target {
  9818.   height: 100%;
  9819.   width: 10px;
  9820.   position: fixed;
  9821.   top: 0;
  9822.   z-index: 998;
  9823. }
  9824.  
  9825. .side-nav.fixed a {
  9826.   display: block;
  9827.   padding: 0 15px;
  9828.   color: #444;
  9829. }
  9830.  
  9831. .side-nav.fixed {
  9832.   left: 0;
  9833.   position: fixed;
  9834. }
  9835.  
  9836. .side-nav.fixed.right-aligned {
  9837.   right: 0;
  9838.   left: auto;
  9839. }
  9840.  
  9841. @media only screen and (max-width: 992px) {
  9842.   .side-nav.fixed {
  9843.     left: -105%;
  9844.   }
  9845.   .side-nav.fixed.right-aligned {
  9846.     right: -105%;
  9847.     left: auto;
  9848.   }
  9849. }
  9850.  
  9851. .side-nav .collapsible-body li.active,
  9852. .side-nav.fixed .collapsible-body li.active {
  9853.   background-color: #ee6e73;
  9854. }
  9855.  
  9856. .side-nav .collapsible-body li.active a,
  9857. .side-nav.fixed .collapsible-body li.active a {
  9858.   color: #fff;
  9859. }
  9860.  
  9861. #sidenav-overlay {
  9862.   position: fixed;
  9863.   top: 0;
  9864.   left: 0;
  9865.   right: 0;
  9866.   height: 120vh;
  9867.   background-color: rgba(0, 0, 0, 0.5);
  9868.   z-index: 997;
  9869.   will-change: opacity;
  9870. }
  9871.  
  9872. /*
  9873.     @license
  9874.     Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
  9875.     This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
  9876.     The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
  9877.     The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
  9878.     Code distributed by Google as part of the polymer project is also
  9879.     subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
  9880.  */
  9881. /**************************/
  9882. /* STYLES FOR THE SPINNER */
  9883. /**************************/
  9884. /*
  9885.  * Constants:
  9886.  *      STROKEWIDTH = 3px
  9887.  *      ARCSIZE     = 270 degrees (amount of circle the arc takes up)
  9888.  *      ARCTIME     = 1333ms (time it takes to expand and contract arc)
  9889.  *      ARCSTARTROT = 216 degrees (how much the start location of the arc
  9890.  *                                should rotate each time, 216 gives us a
  9891.  *                                5 pointed star shape (it's 360/5 * 3).
  9892.  *                                For a 7 pointed star, we might do
  9893.  *                                360/7 * 3 = 154.286)
  9894.  *      CONTAINERWIDTH = 28px
  9895.  *      SHRINK_TIME = 400ms
  9896.  */
  9897. .preloader-wrapper {
  9898.   display: inline-block;
  9899.   position: relative;
  9900.   width: 48px;
  9901.   height: 48px;
  9902. }
  9903.  
  9904. .preloader-wrapper.small {
  9905.   width: 36px;
  9906.   height: 36px;
  9907. }
  9908.  
  9909. .preloader-wrapper.big {
  9910.   width: 64px;
  9911.   height: 64px;
  9912. }
  9913.  
  9914. .preloader-wrapper.active {
  9915.   /* duration: 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */
  9916.   -webkit-animation: container-rotate 1568ms linear infinite;
  9917.   animation: container-rotate 1568ms linear infinite;
  9918. }
  9919.  
  9920. @-webkit-keyframes container-rotate {
  9921.   to {
  9922.     -webkit-transform: rotate(360deg);
  9923.   }
  9924. }
  9925.  
  9926. @keyframes container-rotate {
  9927.   to {
  9928.     -webkit-transform: rotate(360deg);
  9929.             transform: rotate(360deg);
  9930.   }
  9931. }
  9932.  
  9933. .spinner-layer {
  9934.   position: absolute;
  9935.   width: 100%;
  9936.   height: 100%;
  9937.   opacity: 0;
  9938.   border-color: #26a69a;
  9939. }
  9940.  
  9941. .spinner-blue,
  9942. .spinner-blue-only {
  9943.   border-color: #4285f4;
  9944. }
  9945.  
  9946. .spinner-red,
  9947. .spinner-red-only {
  9948.   border-color: #db4437;
  9949. }
  9950.  
  9951. .spinner-yellow,
  9952. .spinner-yellow-only {
  9953.   border-color: #f4b400;
  9954. }
  9955.  
  9956. .spinner-green,
  9957. .spinner-green-only {
  9958.   border-color: #0f9d58;
  9959. }
  9960.  
  9961. /**
  9962.  * IMPORTANT NOTE ABOUT CSS ANIMATION PROPERTIES (keanulee):
  9963.  *
  9964.  * iOS Safari (tested on iOS 8.1) does not handle animation-delay very well - it doesn't
  9965.  * guarantee that the animation will start _exactly_ after that value. So we avoid using
  9966.  * animation-delay and instead set custom keyframes for each color (as redundant as it
  9967.  * seems).
  9968.  *
  9969.  * We write out each animation in full (instead of separating animation-name,
  9970.  * animation-duration, etc.) because under the polyfill, Safari does not recognize those
  9971.  * specific properties properly, treats them as -webkit-animation, and overrides the
  9972.  * other animation rules. See https://github.com/Polymer/platform/issues/53.
  9973.  */
  9974. .active .spinner-layer.spinner-blue {
  9975.   /* durations: 4 * ARCTIME */
  9976.   -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;
  9977.   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;
  9978. }
  9979.  
  9980. .active .spinner-layer.spinner-red {
  9981.   /* durations: 4 * ARCTIME */
  9982.   -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;
  9983.   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;
  9984. }
  9985.  
  9986. .active .spinner-layer.spinner-yellow {
  9987.   /* durations: 4 * ARCTIME */
  9988.   -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;
  9989.   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;
  9990. }
  9991.  
  9992. .active .spinner-layer.spinner-green {
  9993.   /* durations: 4 * ARCTIME */
  9994.   -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;
  9995.   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;
  9996. }
  9997.  
  9998. .active .spinner-layer,
  9999. .active .spinner-layer.spinner-blue-only,
  10000. .active .spinner-layer.spinner-red-only,
  10001. .active .spinner-layer.spinner-yellow-only,
  10002. .active .spinner-layer.spinner-green-only {
  10003.   /* durations: 4 * ARCTIME */
  10004.   opacity: 1;
  10005.   -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  10006.   animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  10007. }
  10008.  
  10009. @-webkit-keyframes fill-unfill-rotate {
  10010.   12.5% {
  10011.     -webkit-transform: rotate(135deg);
  10012.   }
  10013.   /* 0.5 * ARCSIZE */
  10014.   25% {
  10015.     -webkit-transform: rotate(270deg);
  10016.   }
  10017.   /* 1   * ARCSIZE */
  10018.   37.5% {
  10019.     -webkit-transform: rotate(405deg);
  10020.   }
  10021.   /* 1.5 * ARCSIZE */
  10022.   50% {
  10023.     -webkit-transform: rotate(540deg);
  10024.   }
  10025.   /* 2   * ARCSIZE */
  10026.   62.5% {
  10027.     -webkit-transform: rotate(675deg);
  10028.   }
  10029.   /* 2.5 * ARCSIZE */
  10030.   75% {
  10031.     -webkit-transform: rotate(810deg);
  10032.   }
  10033.   /* 3   * ARCSIZE */
  10034.   87.5% {
  10035.     -webkit-transform: rotate(945deg);
  10036.   }
  10037.   /* 3.5 * ARCSIZE */
  10038.   to {
  10039.     -webkit-transform: rotate(1080deg);
  10040.   }
  10041.   /* 4   * ARCSIZE */
  10042. }
  10043.  
  10044. @keyframes fill-unfill-rotate {
  10045.   12.5% {
  10046.     -webkit-transform: rotate(135deg);
  10047.             transform: rotate(135deg);
  10048.   }
  10049.   /* 0.5 * ARCSIZE */
  10050.   25% {
  10051.     -webkit-transform: rotate(270deg);
  10052.             transform: rotate(270deg);
  10053.   }
  10054.   /* 1   * ARCSIZE */
  10055.   37.5% {
  10056.     -webkit-transform: rotate(405deg);
  10057.             transform: rotate(405deg);
  10058.   }
  10059.   /* 1.5 * ARCSIZE */
  10060.   50% {
  10061.     -webkit-transform: rotate(540deg);
  10062.             transform: rotate(540deg);
  10063.   }
  10064.   /* 2   * ARCSIZE */
  10065.   62.5% {
  10066.     -webkit-transform: rotate(675deg);
  10067.             transform: rotate(675deg);
  10068.   }
  10069.   /* 2.5 * ARCSIZE */
  10070.   75% {
  10071.     -webkit-transform: rotate(810deg);
  10072.             transform: rotate(810deg);
  10073.   }
  10074.   /* 3   * ARCSIZE */
  10075.   87.5% {
  10076.     -webkit-transform: rotate(945deg);
  10077.             transform: rotate(945deg);
  10078.   }
  10079.   /* 3.5 * ARCSIZE */
  10080.   to {
  10081.     -webkit-transform: rotate(1080deg);
  10082.             transform: rotate(1080deg);
  10083.   }
  10084.   /* 4   * ARCSIZE */
  10085. }
  10086.  
  10087. @-webkit-keyframes blue-fade-in-out {
  10088.   from {
  10089.     opacity: 1;
  10090.   }
  10091.   25% {
  10092.     opacity: 1;
  10093.   }
  10094.   26% {
  10095.     opacity: 0;
  10096.   }
  10097.   89% {
  10098.     opacity: 0;
  10099.   }
  10100.   90% {
  10101.     opacity: 1;
  10102.   }
  10103.   100% {
  10104.     opacity: 1;
  10105.   }
  10106. }
  10107.  
  10108. @keyframes blue-fade-in-out {
  10109.   from {
  10110.     opacity: 1;
  10111.   }
  10112.   25% {
  10113.     opacity: 1;
  10114.   }
  10115.   26% {
  10116.     opacity: 0;
  10117.   }
  10118.   89% {
  10119.     opacity: 0;
  10120.   }
  10121.   90% {
  10122.     opacity: 1;
  10123.   }
  10124.   100% {
  10125.     opacity: 1;
  10126.   }
  10127. }
  10128.  
  10129. @-webkit-keyframes red-fade-in-out {
  10130.   from {
  10131.     opacity: 0;
  10132.   }
  10133.   15% {
  10134.     opacity: 0;
  10135.   }
  10136.   25% {
  10137.     opacity: 1;
  10138.   }
  10139.   50% {
  10140.     opacity: 1;
  10141.   }
  10142.   51% {
  10143.     opacity: 0;
  10144.   }
  10145. }
  10146.  
  10147. @keyframes red-fade-in-out {
  10148.   from {
  10149.     opacity: 0;
  10150.   }
  10151.   15% {
  10152.     opacity: 0;
  10153.   }
  10154.   25% {
  10155.     opacity: 1;
  10156.   }
  10157.   50% {
  10158.     opacity: 1;
  10159.   }
  10160.   51% {
  10161.     opacity: 0;
  10162.   }
  10163. }
  10164.  
  10165. @-webkit-keyframes yellow-fade-in-out {
  10166.   from {
  10167.     opacity: 0;
  10168.   }
  10169.   40% {
  10170.     opacity: 0;
  10171.   }
  10172.   50% {
  10173.     opacity: 1;
  10174.   }
  10175.   75% {
  10176.     opacity: 1;
  10177.   }
  10178.   76% {
  10179.     opacity: 0;
  10180.   }
  10181. }
  10182.  
  10183. @keyframes yellow-fade-in-out {
  10184.   from {
  10185.     opacity: 0;
  10186.   }
  10187.   40% {
  10188.     opacity: 0;
  10189.   }
  10190.   50% {
  10191.     opacity: 1;
  10192.   }
  10193.   75% {
  10194.     opacity: 1;
  10195.   }
  10196.   76% {
  10197.     opacity: 0;
  10198.   }
  10199. }
  10200.  
  10201. @-webkit-keyframes green-fade-in-out {
  10202.   from {
  10203.     opacity: 0;
  10204.   }
  10205.   65% {
  10206.     opacity: 0;
  10207.   }
  10208.   75% {
  10209.     opacity: 1;
  10210.   }
  10211.   90% {
  10212.     opacity: 1;
  10213.   }
  10214.   100% {
  10215.     opacity: 0;
  10216.   }
  10217. }
  10218.  
  10219. @keyframes green-fade-in-out {
  10220.   from {
  10221.     opacity: 0;
  10222.   }
  10223.   65% {
  10224.     opacity: 0;
  10225.   }
  10226.   75% {
  10227.     opacity: 1;
  10228.   }
  10229.   90% {
  10230.     opacity: 1;
  10231.   }
  10232.   100% {
  10233.     opacity: 0;
  10234.   }
  10235. }
  10236.  
  10237. /**
  10238.  * Patch the gap that appear between the two adjacent div.circle-clipper while the
  10239.  * spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11).
  10240.  */
  10241. .gap-patch {
  10242.   position: absolute;
  10243.   top: 0;
  10244.   left: 45%;
  10245.   width: 10%;
  10246.   height: 100%;
  10247.   overflow: hidden;
  10248.   border-color: inherit;
  10249. }
  10250.  
  10251. .gap-patch .circle {
  10252.   width: 1000%;
  10253.   left: -450%;
  10254. }
  10255.  
  10256. .circle-clipper {
  10257.   display: inline-block;
  10258.   position: relative;
  10259.   width: 50%;
  10260.   height: 100%;
  10261.   overflow: hidden;
  10262.   border-color: inherit;
  10263. }
  10264.  
  10265. .circle-clipper .circle {
  10266.   width: 200%;
  10267.   height: 100%;
  10268.   border-width: 3px;
  10269.   /* STROKEWIDTH */
  10270.   border-style: solid;
  10271.   border-color: inherit;
  10272.   border-bottom-color: transparent !important;
  10273.   border-radius: 50%;
  10274.   -webkit-animation: none;
  10275.   animation: none;
  10276.   position: absolute;
  10277.   top: 0;
  10278.   right: 0;
  10279.   bottom: 0;
  10280. }
  10281.  
  10282. .circle-clipper.left .circle {
  10283.   left: 0;
  10284.   border-right-color: transparent !important;
  10285.   -webkit-transform: rotate(129deg);
  10286.   transform: rotate(129deg);
  10287. }
  10288.  
  10289. .circle-clipper.right .circle {
  10290.   left: -100%;
  10291.   border-left-color: transparent !important;
  10292.   -webkit-transform: rotate(-129deg);
  10293.   transform: rotate(-129deg);
  10294. }
  10295.  
  10296. .active .circle-clipper.left .circle {
  10297.   /* duration: ARCTIME */
  10298.   -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  10299.   animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  10300. }
  10301.  
  10302. .active .circle-clipper.right .circle {
  10303.   /* duration: ARCTIME */
  10304.   -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  10305.   animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  10306. }
  10307.  
  10308. @-webkit-keyframes left-spin {
  10309.   from {
  10310.     -webkit-transform: rotate(130deg);
  10311.   }
  10312.   50% {
  10313.     -webkit-transform: rotate(-5deg);
  10314.   }
  10315.   to {
  10316.     -webkit-transform: rotate(130deg);
  10317.   }
  10318. }
  10319.  
  10320. @keyframes left-spin {
  10321.   from {
  10322.     -webkit-transform: rotate(130deg);
  10323.             transform: rotate(130deg);
  10324.   }
  10325.   50% {
  10326.     -webkit-transform: rotate(-5deg);
  10327.             transform: rotate(-5deg);
  10328.   }
  10329.   to {
  10330.     -webkit-transform: rotate(130deg);
  10331.             transform: rotate(130deg);
  10332.   }
  10333. }
  10334.  
  10335. @-webkit-keyframes right-spin {
  10336.   from {
  10337.     -webkit-transform: rotate(-130deg);
  10338.   }
  10339.   50% {
  10340.     -webkit-transform: rotate(5deg);
  10341.   }
  10342.   to {
  10343.     -webkit-transform: rotate(-130deg);
  10344.   }
  10345. }
  10346.  
  10347. @keyframes right-spin {
  10348.   from {
  10349.     -webkit-transform: rotate(-130deg);
  10350.             transform: rotate(-130deg);
  10351.   }
  10352.   50% {
  10353.     -webkit-transform: rotate(5deg);
  10354.             transform: rotate(5deg);
  10355.   }
  10356.   to {
  10357.     -webkit-transform: rotate(-130deg);
  10358.             transform: rotate(-130deg);
  10359.   }
  10360. }
  10361.  
  10362. #spinnerContainer.cooldown {
  10363.   /* duration: SHRINK_TIME */
  10364.   -webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
  10365.   animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
  10366. }
  10367.  
  10368. @-webkit-keyframes fade-out {
  10369.   from {
  10370.     opacity: 1;
  10371.   }
  10372.   to {
  10373.     opacity: 0;
  10374.   }
  10375. }
  10376.  
  10377. @keyframes fade-out {
  10378.   from {
  10379.     opacity: 1;
  10380.   }
  10381.   to {
  10382.     opacity: 0;
  10383.   }
  10384. }
  10385.  
  10386. .slider {
  10387.   position: relative;
  10388.   height: 400px;
  10389.   width: 100%;
  10390. }
  10391.  
  10392. .slider.fullscreen {
  10393.   height: 100%;
  10394.   width: 100%;
  10395.   position: absolute;
  10396.   top: 0;
  10397.   left: 0;
  10398.   right: 0;
  10399.   bottom: 0;
  10400. }
  10401.  
  10402. .slider.fullscreen ul.slides {
  10403.   height: 100%;
  10404. }
  10405.  
  10406. .slider.fullscreen ul.indicators {
  10407.   z-index: 2;
  10408.   bottom: 30px;
  10409. }
  10410.  
  10411. .slider .slides {
  10412.   background-color: #9e9e9e;
  10413.   margin: 0;
  10414.   height: 400px;
  10415. }
  10416.  
  10417. .slider .slides li {
  10418.   opacity: 0;
  10419.   position: absolute;
  10420.   top: 0;
  10421.   left: 0;
  10422.   z-index: 1;
  10423.   width: 100%;
  10424.   height: inherit;
  10425.   overflow: hidden;
  10426. }
  10427.  
  10428. .slider .slides li img {
  10429.   height: 100%;
  10430.   width: 100%;
  10431.   background-size: cover;
  10432.   background-position: center;
  10433. }
  10434.  
  10435. .slider .slides li .caption {
  10436.   color: #fff;
  10437.   position: absolute;
  10438.   top: 15%;
  10439.   left: 15%;
  10440.   width: 70%;
  10441.   opacity: 0;
  10442. }
  10443.  
  10444. .slider .slides li .caption p {
  10445.   color: #e0e0e0;
  10446. }
  10447.  
  10448. .slider .slides li.active {
  10449.   z-index: 2;
  10450. }
  10451.  
  10452. .slider .indicators {
  10453.   position: absolute;
  10454.   text-align: center;
  10455.   left: 0;
  10456.   right: 0;
  10457.   bottom: 0;
  10458.   margin: 0;
  10459. }
  10460.  
  10461. .slider .indicators .indicator-item {
  10462.   display: inline-block;
  10463.   position: relative;
  10464.   cursor: pointer;
  10465.   height: 16px;
  10466.   width: 16px;
  10467.   margin: 0 12px;
  10468.   background-color: #e0e0e0;
  10469.   transition: background-color .3s;
  10470.   border-radius: 50%;
  10471. }
  10472.  
  10473. .slider .indicators .indicator-item.active {
  10474.   background-color: #4CAF50;
  10475. }
  10476.  
  10477. .carousel {
  10478.   overflow: hidden;
  10479.   position: relative;
  10480.   width: 100%;
  10481.   height: 400px;
  10482.   -webkit-perspective: 500px;
  10483.           perspective: 500px;
  10484.   -webkit-transform-style: preserve-3d;
  10485.           transform-style: preserve-3d;
  10486.   -webkit-transform-origin: 0% 50%;
  10487.           transform-origin: 0% 50%;
  10488. }
  10489.  
  10490. .carousel .carousel-item {
  10491.   width: 200px;
  10492.   position: absolute;
  10493.   top: 0;
  10494.   left: 0;
  10495. }
  10496.  
  10497. .carousel .carousel-item img {
  10498.   width: 100%;
  10499. }
  10500.  
  10501. .carousel.carousel-slider {
  10502.   top: 0;
  10503.   left: 0;
  10504.   height: 0;
  10505. }
  10506.  
  10507. .carousel.carousel-slider .carousel-item {
  10508.   width: 100%;
  10509.   height: 100%;
  10510.   position: absolute;
  10511.   top: 0;
  10512.   left: 0;
  10513. }
  10514.  
  10515. /* ==========================================================================
  10516.    $BASE-PICKER
  10517.    ========================================================================== */
  10518. /**
  10519.  * Note: the root picker element should *NOT* be styled more than what's here.
  10520.  */
  10521. .picker {
  10522.   font-size: 16px;
  10523.   text-align: left;
  10524.   line-height: 1.2;
  10525.   color: #000000;
  10526.   position: absolute;
  10527.   z-index: 10000;
  10528.   -webkit-user-select: none;
  10529.   -moz-user-select: none;
  10530.   -ms-user-select: none;
  10531.   user-select: none;
  10532. }
  10533.  
  10534. /**
  10535.  * The picker input element.
  10536.  */
  10537. .picker__input {
  10538.   cursor: default;
  10539. }
  10540.  
  10541. /**
  10542.  * When the picker is opened, the input element is "activated".
  10543.  */
  10544. .picker__input.picker__input--active {
  10545.   border-color: #0089ec;
  10546. }
  10547.  
  10548. /**
  10549.  * The holder is the only "scrollable" top-level container element.
  10550.  */
  10551. .picker__holder {
  10552.   width: 100%;
  10553.   overflow-y: auto;
  10554.   -webkit-overflow-scrolling: touch;
  10555. }
  10556.  
  10557. /*!
  10558.  * Default mobile-first, responsive styling for pickadate.js
  10559.  * Demo: http://amsul.github.io/pickadate.js
  10560.  */
  10561. /**
  10562.  * Note: the root picker element should *NOT* be styled more than what's here.
  10563.  */
  10564. /**
  10565.  * Make the holder and frame fullscreen.
  10566.  */
  10567. .picker__holder,
  10568. .picker__frame {
  10569.   bottom: 0;
  10570.   left: 0;
  10571.   right: 0;
  10572.   top: 100%;
  10573. }
  10574.  
  10575. /**
  10576.  * The holder should overlay the entire screen.
  10577.  */
  10578. .picker__holder {
  10579.   position: fixed;
  10580.   transition: background 0.15s ease-out, top 0s 0.15s;
  10581.   -webkit-backface-visibility: hidden;
  10582. }
  10583.  
  10584. /**
  10585.  * The frame that bounds the box contents of the picker.
  10586.  */
  10587. .picker__frame {
  10588.   position: absolute;
  10589.   margin: 0 auto;
  10590.   min-width: 256px;
  10591.   width: 300px;
  10592.   max-height: 350px;
  10593.   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  10594.   filter: alpha(opacity=0);
  10595.   -moz-opacity: 0;
  10596.   opacity: 0;
  10597.   transition: all 0.15s ease-out;
  10598. }
  10599.  
  10600. @media (min-height: 28.875em) {
  10601.   .picker__frame {
  10602.     overflow: visible;
  10603.     top: auto;
  10604.     bottom: -100%;
  10605.     max-height: 80%;
  10606.   }
  10607. }
  10608.  
  10609. @media (min-height: 40.125em) {
  10610.   .picker__frame {
  10611.     margin-bottom: 7.5%;
  10612.   }
  10613. }
  10614.  
  10615. /**
  10616.  * The wrapper sets the stage to vertically align the box contents.
  10617.  */
  10618. .picker__wrap {
  10619.   display: table;
  10620.   width: 100%;
  10621.   height: 100%;
  10622. }
  10623.  
  10624. @media (min-height: 28.875em) {
  10625.   .picker__wrap {
  10626.     display: block;
  10627.   }
  10628. }
  10629.  
  10630. /**
  10631.  * The box contains all the picker contents.
  10632.  */
  10633. .picker__box {
  10634.   background: #ffffff;
  10635.   display: table-cell;
  10636.   vertical-align: middle;
  10637. }
  10638.  
  10639. @media (min-height: 28.875em) {
  10640.   .picker__box {
  10641.     display: block;
  10642.     border: 1px solid #777777;
  10643.     border-top-color: #898989;
  10644.     border-bottom-width: 0;
  10645.     border-radius: 5px 5px 0 0;
  10646.     box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
  10647.   }
  10648. }
  10649.  
  10650. /**
  10651.  * When the picker opens...
  10652.  */
  10653. .picker--opened .picker__holder {
  10654.   top: 0;
  10655.   background: transparent;
  10656.   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
  10657.   zoom: 1;
  10658.   background: rgba(0, 0, 0, 0.32);
  10659.   transition: background 0.15s ease-out;
  10660. }
  10661.  
  10662. .picker--opened .picker__frame {
  10663.   top: 0;
  10664.   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  10665.   filter: alpha(opacity=100);
  10666.   -moz-opacity: 1;
  10667.   opacity: 1;
  10668. }
  10669.  
  10670. @media (min-height: 35.875em) {
  10671.   .picker--opened .picker__frame {
  10672.     top: 10%;
  10673.     bottom: 20%auto;
  10674.   }
  10675. }
  10676.  
  10677. /**
  10678.  * For `large` screens, transform into an inline picker.
  10679.  */
  10680. /* ==========================================================================
  10681.    CUSTOM MATERIALIZE STYLES
  10682.    ========================================================================== */
  10683. .picker__input.picker__input--active {
  10684.   border-color: #E3F2FD;
  10685. }
  10686.  
  10687. .picker__frame {
  10688.   margin: 0 auto;
  10689.   max-width: 325px;
  10690. }
  10691.  
  10692. @media (min-height: 38.875em) {
  10693.   .picker--opened .picker__frame {
  10694.     top: 10%;
  10695.     bottom: auto;
  10696.   }
  10697. }
  10698.  
  10699. /* ==========================================================================
  10700.    $BASE-DATE-PICKER
  10701.    ========================================================================== */
  10702. /**
  10703.  * The picker box.
  10704.  */
  10705. .picker__box {
  10706.   padding: 0 1em;
  10707. }
  10708.  
  10709. /**
  10710.  * The header containing the month and year stuff.
  10711.  */
  10712. .picker__header {
  10713.   text-align: center;
  10714.   position: relative;
  10715.   margin-top: .75em;
  10716. }
  10717.  
  10718. /**
  10719.  * The month and year labels.
  10720.  */
  10721. .picker__month,
  10722. .picker__year {
  10723.   display: inline-block;
  10724.   margin-left: .25em;
  10725.   margin-right: .25em;
  10726. }
  10727.  
  10728. /**
  10729.  * The month and year selectors.
  10730.  */
  10731. .picker__select--month,
  10732. .picker__select--year {
  10733.   height: 2em;
  10734.   padding: 0;
  10735.   margin-left: .25em;
  10736.   margin-right: .25em;
  10737. }
  10738.  
  10739. .picker__select--month.browser-default {
  10740.   display: inline;
  10741.   background-color: #FFFFFF;
  10742.   width: 40%;
  10743. }
  10744.  
  10745. .picker__select--year.browser-default {
  10746.   display: inline;
  10747.   background-color: #FFFFFF;
  10748.   width: 25%;
  10749. }
  10750.  
  10751. .picker__select--month:focus,
  10752. .picker__select--year:focus {
  10753.   border-color: rgba(0, 0, 0, 0.05);
  10754. }
  10755.  
  10756. /**
  10757.  * The month navigation buttons.
  10758.  */
  10759. .picker__nav--prev,
  10760. .picker__nav--next {
  10761.   position: absolute;
  10762.   padding: .5em 1.25em;
  10763.   width: 1em;
  10764.   height: 1em;
  10765.   box-sizing: content-box;
  10766.   top: -0.25em;
  10767. }
  10768.  
  10769. .picker__nav--prev {
  10770.   left: -1em;
  10771.   padding-right: 1.25em;
  10772. }
  10773.  
  10774. .picker__nav--next {
  10775.   right: -1em;
  10776.   padding-left: 1.25em;
  10777. }
  10778.  
  10779. .picker__nav--disabled,
  10780. .picker__nav--disabled:hover,
  10781. .picker__nav--disabled:before,
  10782. .picker__nav--disabled:before:hover {
  10783.   cursor: default;
  10784.   background: none;
  10785.   border-right-color: #f5f5f5;
  10786.   border-left-color: #f5f5f5;
  10787. }
  10788.  
  10789. /**
  10790.  * The calendar table of dates
  10791.  */
  10792. .picker__table {
  10793.   text-align: center;
  10794.   border-collapse: collapse;
  10795.   border-spacing: 0;
  10796.   table-layout: fixed;
  10797.   font-size: 1rem;
  10798.   width: 100%;
  10799.   margin-top: .75em;
  10800.   margin-bottom: .5em;
  10801. }
  10802.  
  10803. .picker__table th, .picker__table td {
  10804.   text-align: center;
  10805. }
  10806.  
  10807. .picker__table td {
  10808.   margin: 0;
  10809.   padding: 0;
  10810. }
  10811.  
  10812. /**
  10813.  * The weekday labels
  10814.  */
  10815. .picker__weekday {
  10816.   width: 14.285714286%;
  10817.   font-size: .75em;
  10818.   padding-bottom: .25em;
  10819.   color: #999999;
  10820.   font-weight: 500;
  10821.   /* Increase the spacing a tad */
  10822. }
  10823.  
  10824. @media (min-height: 33.875em) {
  10825.   .picker__weekday {
  10826.     padding-bottom: .5em;
  10827.   }
  10828. }
  10829.  
  10830. /**
  10831.  * The days on the calendar
  10832.  */
  10833. .picker__day--today {
  10834.   position: relative;
  10835.   color: #595959;
  10836.   letter-spacing: -.3;
  10837.   padding: .75rem 0;
  10838.   font-weight: 400;
  10839.   border: 1px solid transparent;
  10840. }
  10841.  
  10842. .picker__day--disabled:before {
  10843.   border-top-color: #aaaaaa;
  10844. }
  10845.  
  10846. .picker__day--infocus:hover {
  10847.   cursor: pointer;
  10848.   color: #000;
  10849.   font-weight: 500;
  10850. }
  10851.  
  10852. .picker__day--outfocus {
  10853.   display: none;
  10854.   padding: .75rem 0;
  10855.   color: #fff;
  10856. }
  10857.  
  10858. .picker__day--outfocus:hover {
  10859.   cursor: pointer;
  10860.   color: #dddddd;
  10861.   font-weight: 500;
  10862. }
  10863.  
  10864. .picker__day--highlighted:hover,
  10865. .picker--focused .picker__day--highlighted {
  10866.   cursor: pointer;
  10867. }
  10868.  
  10869. .picker__day--selected,
  10870. .picker__day--selected:hover,
  10871. .picker--focused .picker__day--selected {
  10872.   border-radius: 50%;
  10873.   -webkit-transform: scale(0.75);
  10874.           transform: scale(0.75);
  10875.   background: #0089ec;
  10876.   color: #ffffff;
  10877. }
  10878.  
  10879. .picker__day--disabled,
  10880. .picker__day--disabled:hover,
  10881. .picker--focused .picker__day--disabled {
  10882.   background: #f5f5f5;
  10883.   border-color: #f5f5f5;
  10884.   color: #dddddd;
  10885.   cursor: default;
  10886. }
  10887.  
  10888. .picker__day--highlighted.picker__day--disabled,
  10889. .picker__day--highlighted.picker__day--disabled:hover {
  10890.   background: #bbbbbb;
  10891. }
  10892.  
  10893. /**
  10894.  * The footer containing the "today", "clear", and "close" buttons.
  10895.  */
  10896. .picker__footer {
  10897.   text-align: center;
  10898.   display: -webkit-flex;
  10899.   display: -ms-flexbox;
  10900.   display: flex;
  10901.   -webkit-align-items: center;
  10902.       -ms-flex-align: center;
  10903.           align-items: center;
  10904.   -webkit-justify-content: space-between;
  10905.       -ms-flex-pack: justify;
  10906.           justify-content: space-between;
  10907. }
  10908.  
  10909. .picker__button--today,
  10910. .picker__button--clear,
  10911. .picker__button--close {
  10912.   border: 1px solid #ffffff;
  10913.   background: #ffffff;
  10914.   font-size: .8em;
  10915.   padding: .66em 0;
  10916.   font-weight: bold;
  10917.   width: 33%;
  10918.   display: inline-block;
  10919.   vertical-align: bottom;
  10920. }
  10921.  
  10922. .picker__button--today:hover,
  10923. .picker__button--clear:hover,
  10924. .picker__button--close:hover {
  10925.   cursor: pointer;
  10926.   color: #000000;
  10927.   background: #b1dcfb;
  10928.   border-bottom-color: #b1dcfb;
  10929. }
  10930.  
  10931. .picker__button--today:focus,
  10932. .picker__button--clear:focus,
  10933. .picker__button--close:focus {
  10934.   background: #b1dcfb;
  10935.   border-color: rgba(0, 0, 0, 0.05);
  10936.   outline: none;
  10937. }
  10938.  
  10939. .picker__button--today:before,
  10940. .picker__button--clear:before,
  10941. .picker__button--close:before {
  10942.   position: relative;
  10943.   display: inline-block;
  10944.   height: 0;
  10945. }
  10946.  
  10947. .picker__button--today:before,
  10948. .picker__button--clear:before {
  10949.   content: " ";
  10950.   margin-right: .45em;
  10951. }
  10952.  
  10953. .picker__button--today:before {
  10954.   top: -0.05em;
  10955.   width: 0;
  10956.   border-top: 0.66em solid #0059bc;
  10957.   border-left: .66em solid transparent;
  10958. }
  10959.  
  10960. .picker__button--clear:before {
  10961.   top: -0.25em;
  10962.   width: .66em;
  10963.   border-top: 3px solid #ee2200;
  10964. }
  10965.  
  10966. .picker__button--close:before {
  10967.   content: "\D7";
  10968.   top: -0.1em;
  10969.   vertical-align: top;
  10970.   font-size: 1.1em;
  10971.   margin-right: .35em;
  10972.   color: #777777;
  10973. }
  10974.  
  10975. .picker__button--today[disabled],
  10976. .picker__button--today[disabled]:hover {
  10977.   background: #f5f5f5;
  10978.   border-color: #f5f5f5;
  10979.   color: #dddddd;
  10980.   cursor: default;
  10981. }
  10982.  
  10983. .picker__button--today[disabled]:before {
  10984.   border-top-color: #aaaaaa;
  10985. }
  10986.  
  10987. /* ==========================================================================
  10988.    CUSTOM MATERIALIZE STYLES
  10989.    ========================================================================== */
  10990. .picker__box {
  10991.   border-radius: 2px;
  10992.   overflow: hidden;
  10993. }
  10994.  
  10995. .picker__date-display {
  10996.   text-align: center;
  10997.   background-color: #26a69a;
  10998.   color: #fff;
  10999.   padding-bottom: 15px;
  11000.   font-weight: 300;
  11001. }
  11002.  
  11003. .picker__nav--prev:hover,
  11004. .picker__nav--next:hover {
  11005.   cursor: pointer;
  11006.   color: #000000;
  11007.   background: #a1ded8;
  11008. }
  11009.  
  11010. .picker__weekday-display {
  11011.   background-color: #1f897f;
  11012.   padding: 10px;
  11013.   font-weight: 200;
  11014.   letter-spacing: .5;
  11015.   font-size: 1rem;
  11016.   margin-bottom: 15px;
  11017. }
  11018.  
  11019. .picker__month-display {
  11020.   text-transform: uppercase;
  11021.   font-size: 2rem;
  11022. }
  11023.  
  11024. .picker__day-display {
  11025.   font-size: 4.5rem;
  11026.   font-weight: 400;
  11027. }
  11028.  
  11029. .picker__year-display {
  11030.   font-size: 1.8rem;
  11031.   color: rgba(255, 255, 255, 0.4);
  11032. }
  11033.  
  11034. .picker__box {
  11035.   padding: 0;
  11036. }
  11037.  
  11038. .picker__calendar-container {
  11039.   padding: 0 1rem;
  11040. }
  11041.  
  11042. .picker__calendar-container thead {
  11043.   border: none;
  11044. }
  11045.  
  11046. .picker__table {
  11047.   margin-top: 0;
  11048.   margin-bottom: .5em;
  11049. }
  11050.  
  11051. .picker__day--infocus {
  11052.   color: #595959;
  11053.   letter-spacing: -.3;
  11054.   padding: .75rem 0;
  11055.   font-weight: 400;
  11056.   border: 1px solid transparent;
  11057. }
  11058.  
  11059. .picker__day.picker__day--today {
  11060.   color: #26a69a;
  11061. }
  11062.  
  11063. .picker__day.picker__day--today.picker__day--selected {
  11064.   color: #fff;
  11065. }
  11066.  
  11067. .picker__weekday {
  11068.   font-size: .9rem;
  11069. }
  11070.  
  11071. .picker__day--selected,
  11072. .picker__day--selected:hover,
  11073. .picker--focused .picker__day--selected {
  11074.   border-radius: 50%;
  11075.   -webkit-transform: scale(0.9);
  11076.           transform: scale(0.9);
  11077.   background-color: #26a69a;
  11078.   color: #ffffff;
  11079. }
  11080.  
  11081. .picker__day--selected.picker__day--outfocus,
  11082. .picker__day--selected:hover.picker__day--outfocus,
  11083. .picker--focused .picker__day--selected.picker__day--outfocus {
  11084.   background-color: #a1ded8;
  11085. }
  11086.  
  11087. .picker__footer {
  11088.   text-align: right;
  11089.   padding: 5px 10px;
  11090. }
  11091.  
  11092. .picker__close, .picker__today {
  11093.   font-size: 1.1rem;
  11094.   padding: 0 1rem;
  11095.   color: #26a69a;
  11096. }
  11097.  
  11098. .picker__nav--prev:before,
  11099. .picker__nav--next:before {
  11100.   content: " ";
  11101.   border-top: .5em solid transparent;
  11102.   border-bottom: .5em solid transparent;
  11103.   border-right: 0.75em solid #676767;
  11104.   width: 0;
  11105.   height: 0;
  11106.   display: block;
  11107.   margin: 0 auto;
  11108. }
  11109.  
  11110. .picker__nav--next:before {
  11111.   border-right: 0;
  11112.   border-left: 0.75em solid #676767;
  11113. }
  11114.  
  11115. button.picker__today:focus, button.picker__clear:focus, button.picker__close:focus {
  11116.   background-color: #a1ded8;
  11117. }
  11118.  
  11119. /* ==========================================================================
  11120.    $BASE-TIME-PICKER
  11121.    ========================================================================== */
  11122. /**
  11123.  * The list of times.
  11124.  */
  11125. .picker__list {
  11126.   list-style: none;
  11127.   padding: 0.75em 0 4.2em;
  11128.   margin: 0;
  11129. }
  11130.  
  11131. /**
  11132.  * The times on the clock.
  11133.  */
  11134. .picker__list-item {
  11135.   border-bottom: 1px solid #dddddd;
  11136.   border-top: 1px solid #dddddd;
  11137.   margin-bottom: -1px;
  11138.   position: relative;
  11139.   background: #ffffff;
  11140.   padding: .75em 1.25em;
  11141. }
  11142.  
  11143. @media (min-height: 46.75em) {
  11144.   .picker__list-item {
  11145.     padding: .5em 1em;
  11146.   }
  11147. }
  11148.  
  11149. /* Hovered time */
  11150. .picker__list-item:hover {
  11151.   cursor: pointer;
  11152.   color: #000000;
  11153.   background: #b1dcfb;
  11154.   border-color: #0089ec;
  11155.   z-index: 10;
  11156. }
  11157.  
  11158. /* Highlighted and hovered/focused time */
  11159. .picker__list-item--highlighted {
  11160.   border-color: #0089ec;
  11161.   z-index: 10;
  11162. }
  11163.  
  11164. .picker__list-item--highlighted:hover,
  11165. .picker--focused .picker__list-item--highlighted {
  11166.   cursor: pointer;
  11167.   color: #000000;
  11168.   background: #b1dcfb;
  11169. }
  11170.  
  11171. /* Selected and hovered/focused time */
  11172. .picker__list-item--selected,
  11173. .picker__list-item--selected:hover,
  11174. .picker--focused .picker__list-item--selected {
  11175.   background: #0089ec;
  11176.   color: #ffffff;
  11177.   z-index: 10;
  11178. }
  11179.  
  11180. /* Disabled time */
  11181. .picker__list-item--disabled,
  11182. .picker__list-item--disabled:hover,
  11183. .picker--focused .picker__list-item--disabled {
  11184.   background: #f5f5f5;
  11185.   border-color: #f5f5f5;
  11186.   color: #dddddd;
  11187.   cursor: default;
  11188.   border-color: #dddddd;
  11189.   z-index: auto;
  11190. }
  11191.  
  11192. /**
  11193.  * The clear button
  11194.  */
  11195. .picker--time .picker__button--clear {
  11196.   display: block;
  11197.   width: 80%;
  11198.   margin: 1em auto 0;
  11199.   padding: 1em 1.25em;
  11200.   background: none;
  11201.   border: 0;
  11202.   font-weight: 500;
  11203.   font-size: .67em;
  11204.   text-align: center;
  11205.   text-transform: uppercase;
  11206.   color: #666;
  11207. }
  11208.  
  11209. .picker--time .picker__button--clear:hover,
  11210. .picker--time .picker__button--clear:focus {
  11211.   color: #000000;
  11212.   background: #b1dcfb;
  11213.   background: #ee2200;
  11214.   border-color: #ee2200;
  11215.   cursor: pointer;
  11216.   color: #ffffff;
  11217.   outline: none;
  11218. }
  11219.  
  11220. .picker--time .picker__button--clear:before {
  11221.   top: -0.25em;
  11222.   color: #666;
  11223.   font-size: 1.25em;
  11224.   font-weight: bold;
  11225. }
  11226.  
  11227. .picker--time .picker__button--clear:hover:before,
  11228. .picker--time .picker__button--clear:focus:before {
  11229.   color: #ffffff;
  11230. }
  11231.  
  11232. /* ==========================================================================
  11233.    $DEFAULT-TIME-PICKER
  11234.    ========================================================================== */
  11235. /**
  11236.  * The frame the bounds the time picker.
  11237.  */
  11238. .picker--time .picker__frame {
  11239.   min-width: 256px;
  11240.   max-width: 320px;
  11241. }
  11242.  
  11243. /**
  11244.  * The picker box.
  11245.  */
  11246. .picker--time .picker__box {
  11247.   font-size: 1em;
  11248.   background: #f2f2f2;
  11249.   padding: 0;
  11250. }
  11251.  
  11252. @media (min-height: 40.125em) {
  11253.   .picker--time .picker__box {
  11254.     margin-bottom: 5em;
  11255.   }
  11256. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top