diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md new file mode 100644 index 00000000..2515c4fc --- /dev/null +++ b/CONTRIBUTING.md @@ -0,0 +1,38 @@ +# Contributing to re-com + +:+1::tada: First off, thanks for taking the time to contribute! :tada::+1: + +The following is a set of guidelines for contributing to re-com which is hosted on [Github](https://github.com/Day8/re-com). +These are just guidelines, not rules, use your best judgment and feel free to propose changes to this document in a pull request. + +## Creating issues for bugs + +Check if the issue has already been reported. If possible provide: + +* Version of re-com being used +* Minimal reproduction steps + +## Creating issues for features + +Use your best judgement on what is needed here. + +## Pull requests + +**Create pull requests to the develop branch**, work will merged onto master when it is ready to be released. + +## Pull requests for bugs + +If possible provide: + +* Code that fixes the bug +* Failing tests which pass with the new changes +* Improvements to documentation to make it less likely that others will run into issues (if relevant). + +## Pull requests for features + +If possible provide: + +* Code that implements the new feature +* Tests to cover the new feature including all of the code paths +* Docstrings for functions +* Documentation examples diff --git a/README.md b/README.md index d8757380..90363d5b 100644 --- a/README.md +++ b/README.md @@ -31,17 +31,15 @@ If you are similar, or if you work on Intranet apps where you can mandate a mode re-com could be ideal for you, right now. On the other hand, if you target the retail web, you might have to wait till early 2016 -(10 months away, at the time of writing). +(5 months away, at the time of writing). Why? **Well, here's the thing:** the entire layout side of this library plus a few of the widgets rely on [Flexbox](http://css-tricks.com/snippets/css/a-guide-to-flexbox/) which only works on [modern browsers](http://caniuse.com/#feat=flexbox), and specifically not IE 9 and 10. - Now, the grinding pain and longevity of IE6 has conditioned many to expect 8, 9 and 10 to hang around forever too. But, this time around, there's -quite a different dynamic. Microsoft -itself is very actively forcing their demise - +quite a different dynamic. Microsoft itself is very actively forcing their demise - [come Jan 12th 2016 corporates will have to be on IE11](http://blogs.msdn.com/b/ie/archive/2014/08/07/stay-up-to-date-with-internet-explorer.aspx) So, by Q1 2016, the market share of IE9 and IE10 will have diminished sufficiently @@ -50,14 +48,14 @@ If so, a modern flexbox implementation will be available on all the browsers you **So that's surprisingly soon, but not now!** But, even when it comes to modern browsers, there will be teething issues. Based on 5 minutes of -testing once a month, re-com appears to work reasonably on IE11 and Safari. On the other hand, -Firefox has all the speed of a snail -on performance reducing drugs. -So, yeah, "teething issues". (Update: Firefox 38, due May 2015, -[fixes](https://bugzilla.mozilla.org/show_bug.cgi?id=1149339) the performance problems caused by nested flexboxes.) - -I can also confirm that none of the components have been designed with mobile in mind, and -that there's no attempt to handle media queries. I said we had a desktop app focus, right? +testing once a month, re-com appears to work reasonably on IE11 and Safari. +On the other hand, Firefox (pre version 38) has all the speed of a snail on performance reducing drugs. Version 38 and beyond +have a [fix](https://bugzilla.mozilla.org/show_bug.cgi?id=1149339) for the performance problems caused by nested flexboxes, +however we are informed by [@frozenlock](https://github.com/frozenlock) that it is still not as fast as Chrome if you are using **deeply** nested flexbox layouts +(much more nested than our demo app). + +We can also confirm that none of the components have been designed with mobile in mind, and +that there's no attempt to handle media queries. We said we had a desktop app focus, right? Neither have we been worried too much about code size because other design goals have taken precedence. Our main demo app which includes every component, plus all demo diff --git a/dev/figwheel/figwheel_start.cljs b/dev/figwheel/figwheel_start.cljs deleted file mode 100644 index d4afa84c..00000000 --- a/dev/figwheel/figwheel_start.cljs +++ /dev/null @@ -1,10 +0,0 @@ -(ns figwheel-start.core - (:require [figwheel.client :as fw :include-macros true] - [reagent.core :refer [force-update-all]] - [re-demo.core :as core])) - -(defn start [] - ;; was (fn [] (core/mount-demo)) but this resets the app each time figwheel loads - ;; disadvantage with force-update-all is that the core component does not update when figwheel reloads - (fw/start {:jsload-callback force-update-all}) - (core/mount-demo)) diff --git a/docs/release-procedure.md b/docs/release-procedure.md index 3abfde04..3125c290 100644 --- a/docs/release-procedure.md +++ b/docs/release-procedure.md @@ -54,7 +54,7 @@ Note that all these commands are entered at the repo root folder. - [ ] Update README.md file if required. - [ ] If you have made changes, commit and push this branch: - `git commit -a -m "Bumped version to x.x.x etc."` - - `git push` ==> `git push --set-upstream origin release/x.x.x` + - DIDN'T USE THIS LINE...REMOVE? `git push` ==> `git push --set-upstream origin release/x.x.x` - [ ] Finish the release: - `git flow release finish 'x.x.x'` - Pops up an editor to describe the release. I just put "Version x.x.x". diff --git a/project.clj b/project.clj index 23ee5b4c..0909a050 100644 --- a/project.clj +++ b/project.clj @@ -2,29 +2,9 @@ (def fig-port 3449) -(defn build-command-map - "Return a map containing a different build command for each supported os" - [base-cmd] - (let [cmd {:windows ["shell" "cmd" "/c" "start"] - :macosx ["shell" "open"] - :linux ["shell" "xdg-open"]}] - {:windows (conj (:windows cmd) base-cmd) - :macosx (conj (:macosx cmd) base-cmd) - :linux (conj (:linux cmd) base-cmd)})) - -(def command-lookups {:launch-server-url (build-command-map (str "http://localhost:" fig-port "/index_dev.html")) - :launch-file-url (build-command-map "run/resources/public/index_dev.html") - :launch-prod-url (build-command-map "run/resources/public/index_prod.html") - :launch-test-url (build-command-map "run/test/test.html")}) - -(defn get-command-for-os - "Return the os-dependent command" - [cmd] - (get-in command-lookups [cmd (leiningen.core.eval/get-os)])) - ;; --------------------------------------------------------------------------------------- -(defproject re-com "0.6.0-SNAPSHOT" +(defproject re-com "0.6.0" :description "Reusable UI components for Reagent" :url "https://github.com/Day8/re-com.git" :license {:name "MIT"} @@ -49,12 +29,12 @@ :profiles {:dev {:dependencies [[clj-stacktrace "0.2.8"] [alandipert/storage-atom "1.2.4" ] - [figwheel "0.2.6"] + [figwheel "0.3.7"] [spellhouse/clairvoyant "0.0-48-gf5e59d3"] [secretary "1.2.3"]] :plugins [[lein-cljsbuild "1.0.6"] - [lein-figwheel "0.2.6"] - [lein-shell "0.4.0"] + [lein-figwheel "0.3.7"] + [lein-shell "0.4.1"] [com.cemerick/clojurescript.test "0.3.3"] [lein-s3-static-deploy "0.1.1-SNAPSHOT"] [lein-ancient "0.6.2"]]} @@ -62,21 +42,18 @@ :prod-run {:clean-targets ^{:protect false} ["run/resources/public/compiled_prod"]} :dev-test {:clean-targets ^{:protect false} ["run/test/compiled"]}} - ;:jvm-opts ^:replace ["-Xms2g" "-Xmx2g" "-server"] - - :source-paths ["src" "dev"] :test-paths ["test"] :resource-paths ["run/resources"] - ; :clean-targets [:target-path] ;; Exclude the demo and compiled files from the output of either 'lein jar' or 'lein install' - :jar-exclusions [#"(?:^|\/)re_demo\/" #"(?:^|\/)compiled.*\/"] + :jar-exclusions [#"(?:^|\/)re_demo\/" #"(?:^|\/)demo\/" #"(?:^|\/)compiled.*\/" #"html$"] :cljsbuild {:builds [{:id "demo" - :source-paths ["src" "dev"] + :source-paths ["src"] + :figwheel {:on-jsload "re-demo.core/mount-demo"} :compiler {:output-to "run/resources/public/compiled_dev/demo.js" :output-dir "run/resources/public/compiled_dev/demo" - :main "figwheel-start.core" + :main "re-demo.core" :asset-path "compiled_dev/demo" :source-map true :optimizations :none @@ -84,13 +61,8 @@ {:id "prod" :source-paths ["src"] :compiler {:output-to "run/resources/public/compiled_prod/demo.js" - ;:source-map "run/resources/public/compiled_prod/demo.js.map" :output-dir "run/resources/public/compiled_prod/demo" :closure-defines {:goog.DEBUG false} - ;:source-map-path "js/out" ;; https://github.com/clojure/clojurescript/wiki/Source-maps#web-server-integration - ;:main "re-demo.core" ;; Works but not required in this case becasue index_prod.html knows which function to call - ;:asset-path "compiled_prod/demo" - ;:elide-asserts true :optimizations :advanced :pretty-print false :pseudo-names false}} @@ -111,16 +83,20 @@ :s3-static-deploy {:bucket "re-demo" :local-root "run/resources/public"}} + :shell {:commands {"open" {:windows ["cmd" "/c" "start"] + :macosx "open" + :linux "xdg-open"}}} + :aliases {;; *** DEMO *** "run" ["with-profile" "+dev-run" "do" ["clean"] ["cljsbuild" "once" "demo"] - ~(get-command-for-os :launch-file-url)] + ["shell" "open" "run/resources/public/index_dev.html"]] "debug" ["with-profile" "+dev-run" "do" ["clean"] - ~(get-command-for-os :launch-server-url) ;; NOTE: run will initially fail, refresh browser once build complete + ~["shell" "open" (str "http://localhost:" fig-port "/index_dev.html")] ;; NOTE: run will initially fail, refresh browser once build complete ["figwheel" "demo"]] ;; *** PROD *** @@ -128,7 +104,7 @@ "run-prod" ["with-profile" "+prod-run" "do" ["clean"] ["cljsbuild" "once" "prod"] - ~(get-command-for-os :launch-prod-url)] + ["shell" "open" "run/resources/public/index_prod.html"]] "debug-prod" ["with-profile" "+prod-run" "do" ["run-prod"] @@ -144,7 +120,7 @@ "run-test" ["with-profile" "+dev-test" "do" ["clean"] ["cljsbuild" "once" "test"] - ~(get-command-for-os :launch-test-url)] + ["shell" "open" "run/test/test.html"]] "debug-test" ["with-profile" "+dev-test" "do" ["run-test"] diff --git a/run/resources/public/assets/css/bootstrap.css b/run/resources/public/assets/css/bootstrap.css index 037dd056..680e7687 100644 --- a/run/resources/public/assets/css/bootstrap.css +++ b/run/resources/public/assets/css/bootstrap.css @@ -1,10 +1,9 @@ /*! - * Bootstrap v3.2.0 (http://getbootstrap.com) - * Copyright 2011-2014 Twitter, Inc. + * Bootstrap v3.3.5 (http://getbootstrap.com) + * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ - -/*! normalize.css v3.0.1 | MIT License | git.io/normalize */ +/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; @@ -22,6 +21,7 @@ footer, header, hgroup, main, +menu, nav, section, summary { @@ -43,7 +43,7 @@ template { display: none; } a { - background: transparent; + background-color: transparent; } a:active, a:hover { @@ -187,8 +187,11 @@ td, th { padding: 0; } +/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { - * { + *, + *:before, + *:after { color: #000 !important; text-shadow: none !important; background: transparent !important; @@ -205,8 +208,8 @@ th { abbr[title]:after { content: " (" attr(title) ")"; } - a[href^="javascript:"]:after, - a[href^="#"]:after { + a[href^="#"]:after, + a[href^="javascript:"]:after { content: ""; } pre, @@ -235,16 +238,9 @@ th { h3 { page-break-after: avoid; } - select { - background: #fff !important; - } .navbar { display: none; } - .table td, - .table th { - background-color: #fff !important; - } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; @@ -255,6 +251,10 @@ th { .table { border-collapse: collapse !important; } + .table td, + .table th { + background-color: #fff !important; + } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; @@ -264,7 +264,7 @@ th { font-family: 'Glyphicons Halflings'; src: url('../fonts/glyphicons-halflings-regular.eot'); - src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); + src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } .glyphicon { position: relative; @@ -284,7 +284,8 @@ th { .glyphicon-plus:before { content: "\2b"; } -.glyphicon-euro:before { +.glyphicon-euro:before, +.glyphicon-eur:before { content: "\20ac"; } .glyphicon-minus:before { @@ -878,6 +879,192 @@ th { .glyphicon-tree-deciduous:before { content: "\e200"; } +.glyphicon-cd:before { + content: "\e201"; +} +.glyphicon-save-file:before { + content: "\e202"; +} +.glyphicon-open-file:before { + content: "\e203"; +} +.glyphicon-level-up:before { + content: "\e204"; +} +.glyphicon-copy:before { + content: "\e205"; +} +.glyphicon-paste:before { + content: "\e206"; +} +.glyphicon-alert:before { + content: "\e209"; +} +.glyphicon-equalizer:before { + content: "\e210"; +} +.glyphicon-king:before { + content: "\e211"; +} +.glyphicon-queen:before { + content: "\e212"; +} +.glyphicon-pawn:before { + content: "\e213"; +} +.glyphicon-bishop:before { + content: "\e214"; +} +.glyphicon-knight:before { + content: "\e215"; +} +.glyphicon-baby-formula:before { + content: "\e216"; +} +.glyphicon-tent:before { + content: "\26fa"; +} +.glyphicon-blackboard:before { + content: "\e218"; +} +.glyphicon-bed:before { + content: "\e219"; +} +.glyphicon-apple:before { + content: "\f8ff"; +} +.glyphicon-erase:before { + content: "\e221"; +} +.glyphicon-hourglass:before { + content: "\231b"; +} +.glyphicon-lamp:before { + content: "\e223"; +} +.glyphicon-duplicate:before { + content: "\e224"; +} +.glyphicon-piggy-bank:before { + content: "\e225"; +} +.glyphicon-scissors:before { + content: "\e226"; +} +.glyphicon-bitcoin:before { + content: "\e227"; +} +.glyphicon-btc:before { + content: "\e227"; +} +.glyphicon-xbt:before { + content: "\e227"; +} +.glyphicon-yen:before { + content: "\00a5"; +} +.glyphicon-jpy:before { + content: "\00a5"; +} +.glyphicon-ruble:before { + content: "\20bd"; +} +.glyphicon-rub:before { + content: "\20bd"; +} +.glyphicon-scale:before { + content: "\e230"; +} +.glyphicon-ice-lolly:before { + content: "\e231"; +} +.glyphicon-ice-lolly-tasted:before { + content: "\e232"; +} +.glyphicon-education:before { + content: "\e233"; +} +.glyphicon-option-horizontal:before { + content: "\e234"; +} +.glyphicon-option-vertical:before { + content: "\e235"; +} +.glyphicon-menu-hamburger:before { + content: "\e236"; +} +.glyphicon-modal-window:before { + content: "\e237"; +} +.glyphicon-oil:before { + content: "\e238"; +} +.glyphicon-grain:before { + content: "\e239"; +} +.glyphicon-sunglasses:before { + content: "\e240"; +} +.glyphicon-text-size:before { + content: "\e241"; +} +.glyphicon-text-color:before { + content: "\e242"; +} +.glyphicon-text-background:before { + content: "\e243"; +} +.glyphicon-object-align-top:before { + content: "\e244"; +} +.glyphicon-object-align-bottom:before { + content: "\e245"; +} +.glyphicon-object-align-horizontal:before { + content: "\e246"; +} +.glyphicon-object-align-left:before { + content: "\e247"; +} +.glyphicon-object-align-vertical:before { + content: "\e248"; +} +.glyphicon-object-align-right:before { + content: "\e249"; +} +.glyphicon-triangle-right:before { + content: "\e250"; +} +.glyphicon-triangle-left:before { + content: "\e251"; +} +.glyphicon-triangle-bottom:before { + content: "\e252"; +} +.glyphicon-triangle-top:before { + content: "\e253"; +} +.glyphicon-console:before { + content: "\e254"; +} +.glyphicon-superscript:before { + content: "\e255"; +} +.glyphicon-subscript:before { + content: "\e256"; +} +.glyphicon-menu-left:before { + content: "\e257"; +} +.glyphicon-menu-right:before { + content: "\e258"; +} +.glyphicon-menu-down:before { + content: "\e259"; +} +.glyphicon-menu-up:before { + content: "\e260"; +} * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; @@ -910,12 +1097,12 @@ textarea { line-height: inherit; } a { - color: #428bca; + color: #337ab7; text-decoration: none; } a:hover, a:focus { - color: #2a6496; + color: #23527c; text-decoration: underline; } a:focus { @@ -935,7 +1122,6 @@ img { .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; - width: 100% \9; max-width: 100%; height: auto; } @@ -944,7 +1130,6 @@ img { } .img-thumbnail { display: inline-block; - width: 100% \9; max-width: 100%; height: auto; padding: 4px; @@ -984,6 +1169,9 @@ hr { overflow: visible; clip: auto; } +[role="button"] { + cursor: pointer; +} h1, h2, h3, @@ -1117,9 +1305,6 @@ small, .small { font-size: 85%; } -cite { - font-style: normal; -} mark, .mark { padding: .2em; @@ -1153,64 +1338,74 @@ mark, color: #777; } .text-primary { - color: #428bca; + color: #337ab7; } -a.text-primary:hover { - color: #3071a9; +a.text-primary:hover, +a.text-primary:focus { + color: #286090; } .text-success { color: #3c763d; } -a.text-success:hover { +a.text-success:hover, +a.text-success:focus { color: #2b542c; } .text-info { color: #31708f; } -a.text-info:hover { +a.text-info:hover, +a.text-info:focus { color: #245269; } .text-warning { color: #8a6d3b; } -a.text-warning:hover { +a.text-warning:hover, +a.text-warning:focus { color: #66512c; } .text-danger { color: #a94442; } -a.text-danger:hover { +a.text-danger:hover, +a.text-danger:focus { color: #843534; } .bg-primary { color: #fff; - background-color: #428bca; + background-color: #337ab7; } -a.bg-primary:hover { - background-color: #3071a9; +a.bg-primary:hover, +a.bg-primary:focus { + background-color: #286090; } .bg-success { background-color: #dff0d8; } -a.bg-success:hover { +a.bg-success:hover, +a.bg-success:focus { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } -a.bg-info:hover { +a.bg-info:hover, +a.bg-info:focus { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } -a.bg-warning:hover { +a.bg-warning:hover, +a.bg-warning:focus { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } -a.bg-danger:hover { +a.bg-danger:hover, +a.bg-danger:focus { background-color: #e4b9b9; } .page-header { @@ -1328,10 +1523,6 @@ blockquote.pull-right small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } -blockquote:before, -blockquote:after { - content: ""; -} address { margin-bottom: 20px; font-style: normal; @@ -1362,6 +1553,7 @@ kbd { kbd kbd { padding: 0; font-size: 100%; + font-weight: bold; -webkit-box-shadow: none; box-shadow: none; } @@ -2060,6 +2252,12 @@ pre code { table { background-color: transparent; } +caption { + padding-top: 8px; + padding-bottom: 8px; + color: #777; + text-align: left; +} th { text-align: left; } @@ -2120,12 +2318,10 @@ th { .table-bordered > thead > tr > td { border-bottom-width: 2px; } -.table-striped > tbody > tr:nth-child(odd) > td, -.table-striped > tbody > tr:nth-child(odd) > th { +.table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } -.table-hover > tbody > tr:hover > td, -.table-hover > tbody > tr:hover > th { +.table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*="col-"] { @@ -2244,13 +2440,15 @@ table th[class*="col-"] { .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } +.table-responsive { + min-height: .01%; + overflow-x: auto; +} @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; - overflow-x: auto; overflow-y: hidden; - -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } @@ -2375,46 +2573,58 @@ output { box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); } .form-control::-moz-placeholder { - color: #777; + color: #999; opacity: 1; } .form-control:-ms-input-placeholder { - color: #777; + color: #999; } .form-control::-webkit-input-placeholder { - color: #777; + color: #999; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { - cursor: not-allowed; background-color: #eee; opacity: 1; } +.form-control[disabled], +fieldset[disabled] .form-control { + cursor: not-allowed; +} textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } -input[type="date"], -input[type="time"], -input[type="datetime-local"], -input[type="month"] { - line-height: 34px; - line-height: 1.42857143 \0; -} -input[type="date"].input-sm, -input[type="time"].input-sm, -input[type="datetime-local"].input-sm, -input[type="month"].input-sm { - line-height: 30px; -} -input[type="date"].input-lg, -input[type="time"].input-lg, -input[type="datetime-local"].input-lg, -input[type="month"].input-lg { - line-height: 46px; +@media screen and (-webkit-min-device-pixel-ratio: 0) { + input[type="date"].form-control, + input[type="time"].form-control, + input[type="datetime-local"].form-control, + input[type="month"].form-control { + line-height: 34px; + } + input[type="date"].input-sm, + input[type="time"].input-sm, + input[type="datetime-local"].input-sm, + input[type="month"].input-sm, + .input-group-sm input[type="date"], + .input-group-sm input[type="time"], + .input-group-sm input[type="datetime-local"], + .input-group-sm input[type="month"] { + line-height: 30px; + } + input[type="date"].input-lg, + input[type="time"].input-lg, + input[type="datetime-local"].input-lg, + input[type="month"].input-lg, + .input-group-lg input[type="date"], + .input-group-lg input[type="time"], + .input-group-lg input[type="datetime-local"], + .input-group-lg input[type="month"] { + line-height: 46px; + } } .form-group { margin-bottom: 15px; @@ -2423,12 +2633,12 @@ input[type="month"].input-lg { .checkbox { position: relative; display: block; - min-height: 20px; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { + min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; @@ -2448,6 +2658,7 @@ input[type="month"].input-lg { } .radio-inline, .checkbox-inline { + position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; @@ -2481,6 +2692,7 @@ fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { + min-height: 34px; padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; @@ -2490,8 +2702,7 @@ fieldset[disabled] .checkbox label { padding-right: 0; padding-left: 0; } -.input-sm, -.form-horizontal .form-group-sm .form-control { +.input-sm { height: 30px; padding: 5px 10px; font-size: 12px; @@ -2506,12 +2717,33 @@ textarea.input-sm, select[multiple].input-sm { height: auto; } -.input-lg, -.form-horizontal .form-group-lg .form-control { +.form-group-sm .form-control { + height: 30px; + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} +.form-group-sm select.form-control { + height: 30px; + line-height: 30px; +} +.form-group-sm textarea.form-control, +.form-group-sm select[multiple].form-control { + height: auto; +} +.form-group-sm .form-control-static { + height: 30px; + min-height: 32px; + padding: 6px 10px; + font-size: 12px; + line-height: 1.5; +} +.input-lg { height: 46px; padding: 10px 16px; font-size: 18px; - line-height: 1.33; + line-height: 1.3333333; border-radius: 6px; } select.input-lg { @@ -2522,6 +2754,28 @@ textarea.input-lg, select[multiple].input-lg { height: auto; } +.form-group-lg .form-control { + height: 46px; + padding: 10px 16px; + font-size: 18px; + line-height: 1.3333333; + border-radius: 6px; +} +.form-group-lg select.form-control { + height: 46px; + line-height: 46px; +} +.form-group-lg textarea.form-control, +.form-group-lg select[multiple].form-control { + height: auto; +} +.form-group-lg .form-control-static { + height: 46px; + min-height: 38px; + padding: 11px 16px; + font-size: 18px; + line-height: 1.3333333; +} .has-feedback { position: relative; } @@ -2530,7 +2784,7 @@ select[multiple].input-lg { } .form-control-feedback { position: absolute; - top: 25px; + top: 0; right: 0; z-index: 2; display: block; @@ -2538,13 +2792,18 @@ select[multiple].input-lg { height: 34px; line-height: 34px; text-align: center; + pointer-events: none; } -.input-lg + .form-control-feedback { +.input-lg + .form-control-feedback, +.input-group-lg + .form-control-feedback, +.form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } -.input-sm + .form-control-feedback { +.input-sm + .form-control-feedback, +.input-group-sm + .form-control-feedback, +.form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; @@ -2554,7 +2813,11 @@ select[multiple].input-lg { .has-success .radio, .has-success .checkbox, .has-success .radio-inline, -.has-success .checkbox-inline { +.has-success .checkbox-inline, +.has-success.radio label, +.has-success.checkbox label, +.has-success.radio-inline label, +.has-success.checkbox-inline label { color: #3c763d; } .has-success .form-control { @@ -2580,7 +2843,11 @@ select[multiple].input-lg { .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, -.has-warning .checkbox-inline { +.has-warning .checkbox-inline, +.has-warning.radio label, +.has-warning.checkbox label, +.has-warning.radio-inline label, +.has-warning.checkbox-inline label { color: #8a6d3b; } .has-warning .form-control { @@ -2606,7 +2873,11 @@ select[multiple].input-lg { .has-error .radio, .has-error .checkbox, .has-error .radio-inline, -.has-error .checkbox-inline { +.has-error .checkbox-inline, +.has-error.radio label, +.has-error.checkbox label, +.has-error.radio-inline label, +.has-error.checkbox-inline label { color: #a94442; } .has-error .form-control { @@ -2627,6 +2898,9 @@ select[multiple].input-lg { .has-error .form-control-feedback { color: #a94442; } +.has-feedback label ~ .form-control-feedback { + top: 25px; +} .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } @@ -2647,6 +2921,9 @@ select[multiple].input-lg { width: auto; vertical-align: middle; } + .form-inline .form-control-static { + display: inline-block; + } .form-inline .input-group { display: inline-table; vertical-align: middle; @@ -2707,17 +2984,18 @@ select[multiple].input-lg { } } .form-horizontal .has-feedback .form-control-feedback { - top: 0; right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { - padding-top: 14.3px; + padding-top: 14.333333px; + font-size: 18px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; + font-size: 12px; } } .btn { @@ -2730,6 +3008,8 @@ select[multiple].input-lg { text-align: center; white-space: nowrap; vertical-align: middle; + -ms-touch-action: manipulation; + touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; @@ -2741,13 +3021,17 @@ select[multiple].input-lg { } .btn:focus, .btn:active:focus, -.btn.active:focus { +.btn.active:focus, +.btn.focus, +.btn:active.focus, +.btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, -.btn:focus { +.btn:focus, +.btn.focus { color: #333; text-decoration: none; } @@ -2761,20 +3045,32 @@ select[multiple].input-lg { .btn.disabled, .btn[disabled], fieldset[disabled] .btn { - pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; } +a.btn.disabled, +fieldset[disabled] a.btn { + pointer-events: none; +} .btn-default { color: #333; background-color: #fff; border-color: #ccc; } -.btn-default:hover, .btn-default:focus, +.btn-default.focus { + color: #333; + background-color: #e6e6e6; + border-color: #8c8c8c; +} +.btn-default:hover { + color: #333; + background-color: #e6e6e6; + border-color: #adadad; +} .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { @@ -2782,6 +3078,19 @@ fieldset[disabled] .btn { background-color: #e6e6e6; border-color: #adadad; } +.btn-default:active:hover, +.btn-default.active:hover, +.open > .dropdown-toggle.btn-default:hover, +.btn-default:active:focus, +.btn-default.active:focus, +.open > .dropdown-toggle.btn-default:focus, +.btn-default:active.focus, +.btn-default.active.focus, +.open > .dropdown-toggle.btn-default.focus { + color: #333; + background-color: #d4d4d4; + border-color: #8c8c8c; +} .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { @@ -2796,6 +3105,9 @@ fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, +.btn-default.disabled.focus, +.btn-default[disabled].focus, +fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, @@ -2811,17 +3123,39 @@ fieldset[disabled] .btn-default.active { } .btn-primary { color: #fff; - background-color: #428bca; - border-color: #357ebd; + background-color: #337ab7; + border-color: #2e6da4; } -.btn-primary:hover, .btn-primary:focus, +.btn-primary.focus { + color: #fff; + background-color: #286090; + border-color: #122b40; +} +.btn-primary:hover { + color: #fff; + background-color: #286090; + border-color: #204d74; +} .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff; - background-color: #3071a9; - border-color: #285e8e; + background-color: #286090; + border-color: #204d74; +} +.btn-primary:active:hover, +.btn-primary.active:hover, +.open > .dropdown-toggle.btn-primary:hover, +.btn-primary:active:focus, +.btn-primary.active:focus, +.open > .dropdown-toggle.btn-primary:focus, +.btn-primary:active.focus, +.btn-primary.active.focus, +.open > .dropdown-toggle.btn-primary.focus { + color: #fff; + background-color: #204d74; + border-color: #122b40; } .btn-primary:active, .btn-primary.active, @@ -2837,17 +3171,20 @@ fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, +.btn-primary.disabled.focus, +.btn-primary[disabled].focus, +fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { - background-color: #428bca; - border-color: #357ebd; + background-color: #337ab7; + border-color: #2e6da4; } .btn-primary .badge { - color: #428bca; + color: #337ab7; background-color: #fff; } .btn-success { @@ -2855,8 +3192,17 @@ fieldset[disabled] .btn-primary.active { background-color: #5cb85c; border-color: #4cae4c; } -.btn-success:hover, .btn-success:focus, +.btn-success.focus { + color: #fff; + background-color: #449d44; + border-color: #255625; +} +.btn-success:hover { + color: #fff; + background-color: #449d44; + border-color: #398439; +} .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { @@ -2864,6 +3210,19 @@ fieldset[disabled] .btn-primary.active { background-color: #449d44; border-color: #398439; } +.btn-success:active:hover, +.btn-success.active:hover, +.open > .dropdown-toggle.btn-success:hover, +.btn-success:active:focus, +.btn-success.active:focus, +.open > .dropdown-toggle.btn-success:focus, +.btn-success:active.focus, +.btn-success.active.focus, +.open > .dropdown-toggle.btn-success.focus { + color: #fff; + background-color: #398439; + border-color: #255625; +} .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { @@ -2878,6 +3237,9 @@ fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, +.btn-success.disabled.focus, +.btn-success[disabled].focus, +fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, @@ -2896,8 +3258,17 @@ fieldset[disabled] .btn-success.active { background-color: #5bc0de; border-color: #46b8da; } -.btn-info:hover, .btn-info:focus, +.btn-info.focus { + color: #fff; + background-color: #31b0d5; + border-color: #1b6d85; +} +.btn-info:hover { + color: #fff; + background-color: #31b0d5; + border-color: #269abc; +} .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { @@ -2905,6 +3276,19 @@ fieldset[disabled] .btn-success.active { background-color: #31b0d5; border-color: #269abc; } +.btn-info:active:hover, +.btn-info.active:hover, +.open > .dropdown-toggle.btn-info:hover, +.btn-info:active:focus, +.btn-info.active:focus, +.open > .dropdown-toggle.btn-info:focus, +.btn-info:active.focus, +.btn-info.active.focus, +.open > .dropdown-toggle.btn-info.focus { + color: #fff; + background-color: #269abc; + border-color: #1b6d85; +} .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { @@ -2919,6 +3303,9 @@ fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, +.btn-info.disabled.focus, +.btn-info[disabled].focus, +fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, @@ -2937,8 +3324,17 @@ fieldset[disabled] .btn-info.active { background-color: #f0ad4e; border-color: #eea236; } -.btn-warning:hover, .btn-warning:focus, +.btn-warning.focus { + color: #fff; + background-color: #ec971f; + border-color: #985f0d; +} +.btn-warning:hover { + color: #fff; + background-color: #ec971f; + border-color: #d58512; +} .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { @@ -2946,6 +3342,19 @@ fieldset[disabled] .btn-info.active { background-color: #ec971f; border-color: #d58512; } +.btn-warning:active:hover, +.btn-warning.active:hover, +.open > .dropdown-toggle.btn-warning:hover, +.btn-warning:active:focus, +.btn-warning.active:focus, +.open > .dropdown-toggle.btn-warning:focus, +.btn-warning:active.focus, +.btn-warning.active.focus, +.open > .dropdown-toggle.btn-warning.focus { + color: #fff; + background-color: #d58512; + border-color: #985f0d; +} .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { @@ -2960,6 +3369,9 @@ fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, +.btn-warning.disabled.focus, +.btn-warning[disabled].focus, +fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, @@ -2978,8 +3390,17 @@ fieldset[disabled] .btn-warning.active { background-color: #d9534f; border-color: #d43f3a; } -.btn-danger:hover, .btn-danger:focus, +.btn-danger.focus { + color: #fff; + background-color: #c9302c; + border-color: #761c19; +} +.btn-danger:hover { + color: #fff; + background-color: #c9302c; + border-color: #ac2925; +} .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { @@ -2987,6 +3408,19 @@ fieldset[disabled] .btn-warning.active { background-color: #c9302c; border-color: #ac2925; } +.btn-danger:active:hover, +.btn-danger.active:hover, +.open > .dropdown-toggle.btn-danger:hover, +.btn-danger:active:focus, +.btn-danger.active:focus, +.open > .dropdown-toggle.btn-danger:focus, +.btn-danger:active.focus, +.btn-danger.active.focus, +.open > .dropdown-toggle.btn-danger.focus { + color: #fff; + background-color: #ac2925; + border-color: #761c19; +} .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { @@ -3001,6 +3435,9 @@ fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, +.btn-danger.disabled.focus, +.btn-danger[disabled].focus, +fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, @@ -3016,12 +3453,12 @@ fieldset[disabled] .btn-danger.active { } .btn-link { font-weight: normal; - color: #428bca; - cursor: pointer; + color: #337ab7; border-radius: 0; } .btn-link, .btn-link:active, +.btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; @@ -3036,7 +3473,7 @@ fieldset[disabled] .btn-link { } .btn-link:hover, .btn-link:focus { - color: #2a6496; + color: #23527c; text-decoration: underline; background-color: transparent; } @@ -3051,7 +3488,7 @@ fieldset[disabled] .btn-link:focus { .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; - line-height: 1.33; + line-height: 1.3333333; border-radius: 6px; } .btn-sm, @@ -3105,9 +3542,15 @@ tbody.collapse.in { position: relative; height: 0; overflow: hidden; - -webkit-transition: height .35s ease; - -o-transition: height .35s ease; - transition: height .35s ease; + -webkit-transition-timing-function: ease; + -o-transition-timing-function: ease; + transition-timing-function: ease; + -webkit-transition-duration: .35s; + -o-transition-duration: .35s; + transition-duration: .35s; + -webkit-transition-property: height, visibility; + -o-transition-property: height, visibility; + transition-property: height, visibility; } .caret { display: inline-block; @@ -3115,10 +3558,12 @@ tbody.collapse.in { height: 0; margin-left: 2px; vertical-align: middle; - border-top: 4px solid; + border-top: 4px dashed; + border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; } +.dropup, .dropdown { position: relative; } @@ -3177,7 +3622,7 @@ tbody.collapse.in { .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; - background-color: #428bca; + background-color: #337ab7; outline: 0; } .dropdown-menu > .disabled > a, @@ -3231,13 +3676,14 @@ tbody.collapse.in { .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; - border-bottom: 4px solid; + border-bottom: 4px dashed; + border-bottom: 4px solid \9; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; - margin-bottom: 1px; + margin-bottom: 2px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { @@ -3270,10 +3716,6 @@ tbody.collapse.in { .btn-group-vertical > .btn.active { z-index: 2; } -.btn-group > .btn:focus, -.btn-group-vertical > .btn:focus { - outline: 0; -} .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, @@ -3283,6 +3725,7 @@ tbody.collapse.in { .btn-toolbar { margin-left: -5px; } +.btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; @@ -3313,12 +3756,12 @@ tbody.collapse.in { .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } -.btn-group > .btn-group:first-child > .btn:last-child, -.btn-group > .btn-group:first-child > .dropdown-toggle { +.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, +.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0; } -.btn-group > .btn-group:last-child > .btn:first-child { +.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } @@ -3413,12 +3856,13 @@ tbody.collapse.in { .btn-group-justified > .btn-group .dropdown-menu { left: auto; } -[data-toggle="buttons"] > .btn > input[type="radio"], -[data-toggle="buttons"] > .btn > input[type="checkbox"] { +[data-toggle="buttons"] > .btn input[type="radio"], +[data-toggle="buttons"] > .btn-group > .btn input[type="radio"], +[data-toggle="buttons"] > .btn input[type="checkbox"], +[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; - z-index: -1; - filter: alpha(opacity=0); - opacity: 0; + clip: rect(0, 0, 0, 0); + pointer-events: none; } .input-group { position: relative; @@ -3443,7 +3887,7 @@ tbody.collapse.in { height: 46px; padding: 10px 16px; font-size: 18px; - line-height: 1.33; + line-height: 1.3333333; border-radius: 6px; } select.input-group-lg > .form-control, @@ -3572,6 +4016,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn { } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { + z-index: 2; margin-left: -1px; } .nav { @@ -3607,7 +4052,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn { .nav .open > a:hover, .nav .open > a:focus { background-color: #eee; - border-color: #428bca; + border-color: #337ab7; } .nav .nav-divider { height: 1px; @@ -3700,7 +4145,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn { .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; - background-color: #428bca; + background-color: #337ab7; } .nav-stacked > li { float: none; @@ -3821,7 +4266,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn { .navbar-fixed-bottom .navbar-collapse { max-height: 340px; } -@media (max-width: 480px) and (orientation: landscape) { +@media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; @@ -3858,9 +4303,6 @@ select[multiple].input-group-sm > .input-group-btn > .btn { right: 0; left: 0; z-index: 1030; - -webkit-transform: translate3d(0, 0, 0); - -o-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } @media (min-width: 768px) { .navbar-fixed-top, @@ -3888,6 +4330,9 @@ select[multiple].input-group-sm > .input-group-btn > .btn { .navbar-brand:focus { text-decoration: none; } +.navbar-brand > img { + display: block; +} @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { @@ -3966,17 +4411,6 @@ select[multiple].input-group-sm > .input-group-btn > .btn { padding-top: 15px; padding-bottom: 15px; } - .navbar-nav.navbar-right:last-child { - margin-right: -15px; - } -} -@media (min-width: 768px) { - .navbar-left { - float: left !important; - } - .navbar-right { - float: right !important; - } } .navbar-form { padding: 10px 15px; @@ -4000,6 +4434,9 @@ select[multiple].input-group-sm > .input-group-btn > .btn { width: auto; vertical-align: middle; } + .navbar-form .form-control-static { + display: inline-block; + } .navbar-form .input-group { display: inline-table; vertical-align: middle; @@ -4040,6 +4477,9 @@ select[multiple].input-group-sm > .input-group-btn > .btn { .navbar-form .form-group { margin-bottom: 5px; } + .navbar-form .form-group:last-child { + margin-bottom: 0; + } } @media (min-width: 768px) { .navbar-form { @@ -4052,9 +4492,6 @@ select[multiple].input-group-sm > .input-group-btn > .btn { -webkit-box-shadow: none; box-shadow: none; } - .navbar-form.navbar-right:last-child { - margin-right: -15px; - } } .navbar-nav > li > .dropdown-menu { margin-top: 0; @@ -4062,6 +4499,9 @@ select[multiple].input-group-sm > .input-group-btn > .btn { border-top-right-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { + margin-bottom: 0; + border-top-left-radius: 4px; + border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } @@ -4087,7 +4527,16 @@ select[multiple].input-group-sm > .input-group-btn > .btn { margin-right: 15px; margin-left: 15px; } - .navbar-text.navbar-right:last-child { +} +@media (min-width: 768px) { + .navbar-left { + float: left !important; + } + .navbar-right { + float: right !important; + margin-right: -15px; + } + .navbar-right ~ .navbar-right { margin-right: 0; } } @@ -4192,7 +4641,7 @@ fieldset[disabled] .navbar-default .btn-link:focus { border-color: #080808; } .navbar-inverse .navbar-brand { - color: #777; + color: #9d9d9d; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { @@ -4200,10 +4649,10 @@ fieldset[disabled] .navbar-default .btn-link:focus { background-color: transparent; } .navbar-inverse .navbar-text { - color: #777; + color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a { - color: #777; + color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { @@ -4250,7 +4699,7 @@ fieldset[disabled] .navbar-default .btn-link:focus { background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { - color: #777; + color: #9d9d9d; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { @@ -4271,13 +4720,13 @@ fieldset[disabled] .navbar-default .btn-link:focus { } } .navbar-inverse .navbar-link { - color: #777; + color: #9d9d9d; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { - color: #777; + color: #9d9d9d; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { @@ -4323,7 +4772,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus { padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; - color: #428bca; + color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; @@ -4343,7 +4792,8 @@ fieldset[disabled] .navbar-inverse .btn-link:focus { .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { - color: #2a6496; + z-index: 3; + color: #23527c; background-color: #eee; border-color: #ddd; } @@ -4356,8 +4806,8 @@ fieldset[disabled] .navbar-inverse .btn-link:focus { z-index: 2; color: #fff; cursor: default; - background-color: #428bca; - border-color: #428bca; + background-color: #337ab7; + border-color: #337ab7; } .pagination > .disabled > span, .pagination > .disabled > span:hover, @@ -4374,6 +4824,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus { .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; + line-height: 1.3333333; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { @@ -4389,6 +4840,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus { .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; + line-height: 1.5; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { @@ -4471,11 +4923,11 @@ a.label:focus { background-color: #5e5e5e; } .label-primary { - background-color: #428bca; + background-color: #337ab7; } .label-primary[href]:hover, .label-primary[href]:focus { - background-color: #3071a9; + background-color: #286090; } .label-success { background-color: #5cb85c; @@ -4515,7 +4967,7 @@ a.label:focus { color: #fff; text-align: center; white-space: nowrap; - vertical-align: baseline; + vertical-align: middle; background-color: #777; border-radius: 10px; } @@ -4526,7 +4978,8 @@ a.label:focus { position: relative; top: -1px; } -.btn-xs .badge { +.btn-xs .badge, +.btn-group-xs > .btn .badge { top: 0; padding: 1px 5px; } @@ -4536,16 +4989,23 @@ a.badge:focus { text-decoration: none; cursor: pointer; } -a.list-group-item.active > .badge, +.list-group-item.active > .badge, .nav-pills > .active > a > .badge { - color: #428bca; + color: #337ab7; background-color: #fff; } +.list-group-item > .badge { + float: right; +} +.list-group-item > .badge + .badge { + margin-right: 5px; +} .nav-pills > li > a > .badge { margin-left: 3px; } .jumbotron { - padding: 30px; + padding-top: 30px; + padding-bottom: 30px; margin-bottom: 30px; color: inherit; background-color: #eee; @@ -4562,7 +5022,8 @@ a.list-group-item.active > .badge, .jumbotron > hr { border-top-color: #d5d5d5; } -.container .jumbotron { +.container .jumbotron, +.container-fluid .jumbotron { border-radius: 6px; } .jumbotron .container { @@ -4573,7 +5034,8 @@ a.list-group-item.active > .badge, padding-top: 48px; padding-bottom: 48px; } - .container .jumbotron { + .container .jumbotron, + .container-fluid .jumbotron { padding-right: 60px; padding-left: 60px; } @@ -4590,9 +5052,9 @@ a.list-group-item.active > .badge, background-color: #fff; border: 1px solid #ddd; border-radius: 4px; - -webkit-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; + -webkit-transition: border .2s ease-in-out; + -o-transition: border .2s ease-in-out; + transition: border .2s ease-in-out; } .thumbnail > img, .thumbnail a > img { @@ -4602,7 +5064,7 @@ a.list-group-item.active > .badge, a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { - border-color: #428bca; + border-color: #337ab7; } .thumbnail .caption { padding: 9px; @@ -4724,7 +5186,7 @@ a.thumbnail.active { line-height: 20px; color: #fff; text-align: center; - background-color: #428bca; + background-color: #337ab7; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); -webkit-transition: width .6s ease; @@ -4745,18 +5207,6 @@ a.thumbnail.active { -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } -.progress-bar[aria-valuenow="1"], -.progress-bar[aria-valuenow="2"] { - min-width: 30px; -} -.progress-bar[aria-valuenow="0"] { - min-width: 30px; - color: #777; - background-color: transparent; - background-image: none; - -webkit-box-shadow: none; - box-shadow: none; -} .progress-bar-success { background-color: #5cb85c; } @@ -4789,29 +5239,49 @@ a.thumbnail.active { background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } +.media { + margin-top: 15px; +} +.media:first-child { + margin-top: 0; +} .media, .media-body { overflow: hidden; zoom: 1; } -.media, -.media .media { - margin-top: 15px; -} -.media:first-child { - margin-top: 0; +.media-body { + width: 10000px; } .media-object { display: block; } -.media-heading { - margin: 0 0 5px; +.media-object.img-thumbnail { + max-width: none; } +.media-right, +.media > .pull-right { + padding-left: 10px; +} +.media-left, .media > .pull-left { - margin-right: 10px; + padding-right: 10px; } -.media > .pull-right { - margin-left: 10px; +.media-left, +.media-right, +.media-body { + display: table-cell; + vertical-align: top; +} +.media-middle { + vertical-align: middle; +} +.media-bottom { + vertical-align: bottom; +} +.media-heading { + margin-top: 0; + margin-bottom: 5px; } .media-list { padding-left: 0; @@ -4838,28 +5308,31 @@ a.thumbnail.active { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } -.list-group-item > .badge { - float: right; -} -.list-group-item > .badge + .badge { - margin-right: 5px; -} -a.list-group-item { +a.list-group-item, +button.list-group-item { color: #555; } -a.list-group-item .list-group-item-heading { +a.list-group-item .list-group-item-heading, +button.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:hover, -a.list-group-item:focus { +button.list-group-item:hover, +a.list-group-item:focus, +button.list-group-item:focus { color: #555; text-decoration: none; background-color: #f5f5f5; } +button.list-group-item { + width: 100%; + text-align: left; +} .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { color: #777; + cursor: not-allowed; background-color: #eee; } .list-group-item.disabled .list-group-item-heading, @@ -4877,8 +5350,8 @@ a.list-group-item:focus { .list-group-item.active:focus { z-index: 2; color: #fff; - background-color: #428bca; - border-color: #428bca; + background-color: #337ab7; + border-color: #337ab7; } .list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, @@ -4894,26 +5367,33 @@ a.list-group-item:focus { .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { - color: #e1edf7; + color: #c7ddef; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } -a.list-group-item-success { +a.list-group-item-success, +button.list-group-item-success { color: #3c763d; } -a.list-group-item-success .list-group-item-heading { +a.list-group-item-success .list-group-item-heading, +button.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:hover, -a.list-group-item-success:focus { +button.list-group-item-success:hover, +a.list-group-item-success:focus, +button.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, +button.list-group-item-success.active, a.list-group-item-success.active:hover, -a.list-group-item-success.active:focus { +button.list-group-item-success.active:hover, +a.list-group-item-success.active:focus, +button.list-group-item-success.active:focus { color: #fff; background-color: #3c763d; border-color: #3c763d; @@ -4922,20 +5402,27 @@ a.list-group-item-success.active:focus { color: #31708f; background-color: #d9edf7; } -a.list-group-item-info { +a.list-group-item-info, +button.list-group-item-info { color: #31708f; } -a.list-group-item-info .list-group-item-heading { +a.list-group-item-info .list-group-item-heading, +button.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:hover, -a.list-group-item-info:focus { +button.list-group-item-info:hover, +a.list-group-item-info:focus, +button.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, +button.list-group-item-info.active, a.list-group-item-info.active:hover, -a.list-group-item-info.active:focus { +button.list-group-item-info.active:hover, +a.list-group-item-info.active:focus, +button.list-group-item-info.active:focus { color: #fff; background-color: #31708f; border-color: #31708f; @@ -4944,20 +5431,27 @@ a.list-group-item-info.active:focus { color: #8a6d3b; background-color: #fcf8e3; } -a.list-group-item-warning { +a.list-group-item-warning, +button.list-group-item-warning { color: #8a6d3b; } -a.list-group-item-warning .list-group-item-heading { +a.list-group-item-warning .list-group-item-heading, +button.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:hover, -a.list-group-item-warning:focus { +button.list-group-item-warning:hover, +a.list-group-item-warning:focus, +button.list-group-item-warning:focus { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, +button.list-group-item-warning.active, a.list-group-item-warning.active:hover, -a.list-group-item-warning.active:focus { +button.list-group-item-warning.active:hover, +a.list-group-item-warning.active:focus, +button.list-group-item-warning.active:focus { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; @@ -4966,20 +5460,27 @@ a.list-group-item-warning.active:focus { color: #a94442; background-color: #f2dede; } -a.list-group-item-danger { +a.list-group-item-danger, +button.list-group-item-danger { color: #a94442; } -a.list-group-item-danger .list-group-item-heading { +a.list-group-item-danger .list-group-item-heading, +button.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:hover, -a.list-group-item-danger:focus { +button.list-group-item-danger:hover, +a.list-group-item-danger:focus, +button.list-group-item-danger:focus { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, +button.list-group-item-danger.active, a.list-group-item-danger.active:hover, -a.list-group-item-danger.active:focus { +button.list-group-item-danger.active:hover, +a.list-group-item-danger.active:focus, +button.list-group-item-danger.active:focus { color: #fff; background-color: #a94442; border-color: #a94442; @@ -5018,7 +5519,11 @@ a.list-group-item-danger.active:focus { font-size: 16px; color: inherit; } -.panel-title > a { +.panel-title > a, +.panel-title > small, +.panel-title > .small, +.panel-title > small > a, +.panel-title > .small > a { color: inherit; } .panel-footer { @@ -5028,23 +5533,31 @@ a.list-group-item-danger.active:focus { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } -.panel > .list-group { +.panel > .list-group, +.panel > .panel-collapse > .list-group { margin-bottom: 0; } -.panel > .list-group .list-group-item { +.panel > .list-group .list-group-item, +.panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } -.panel > .list-group:first-child .list-group-item:first-child { +.panel > .list-group:first-child .list-group-item:first-child, +.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; } -.panel > .list-group:last-child .list-group-item:last-child { +.panel > .list-group:last-child .list-group-item:last-child, +.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } +.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } @@ -5056,11 +5569,24 @@ a.list-group-item-danger.active:focus { .panel > .panel-collapse > .table { margin-bottom: 0; } +.panel > .table caption, +.panel > .table-responsive > .table caption, +.panel > .panel-collapse > .table caption { + padding-right: 15px; + padding-left: 15px; +} .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } +.panel > .table:first-child > thead:first-child > tr:first-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, +.panel > .table:first-child > tbody:first-child > tr:first-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, @@ -5086,6 +5612,13 @@ a.list-group-item-danger.active:focus { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } +.panel > .table:last-child > tbody:last-child > tr:last-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, @@ -5107,7 +5640,9 @@ a.list-group-item-danger.active:focus { border-bottom-right-radius: 3px; } .panel > .panel-body + .table, -.panel > .panel-body + .table-responsive { +.panel > .panel-body + .table-responsive, +.panel > .table + .panel-body, +.panel > .table-responsive + .panel-body { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child th, @@ -5183,7 +5718,8 @@ a.list-group-item-danger.active:focus { .panel-group .panel-heading { border-bottom: 0; } -.panel-group .panel-heading + .panel-collapse > .panel-body { +.panel-group .panel-heading + .panel-collapse > .panel-body, +.panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #ddd; } .panel-group .panel-footer { @@ -5211,22 +5747,22 @@ a.list-group-item-danger.active:focus { border-bottom-color: #ddd; } .panel-primary { - border-color: #428bca; + border-color: #337ab7; } .panel-primary > .panel-heading { color: #fff; - background-color: #428bca; - border-color: #428bca; + background-color: #337ab7; + border-color: #337ab7; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #428bca; + border-top-color: #337ab7; } .panel-primary > .panel-heading .badge { - color: #428bca; + color: #337ab7; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #428bca; + border-bottom-color: #337ab7; } .panel-success { border-color: #d6e9c6; @@ -5310,7 +5846,8 @@ a.list-group-item-danger.active:focus { .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, -.embed-responsive object { +.embed-responsive object, +.embed-responsive video { position: absolute; top: 0; bottom: 0; @@ -5319,10 +5856,10 @@ a.list-group-item-danger.active:focus { height: 100%; border: 0; } -.embed-responsive.embed-responsive-16by9 { +.embed-responsive-16by9 { padding-bottom: 56.25%; } -.embed-responsive.embed-responsive-4by3 { +.embed-responsive-4by3 { padding-bottom: 75%; } .well { @@ -5391,14 +5928,16 @@ button.close { -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; - -webkit-transform: translate3d(0, -25%, 0); - -o-transform: translate3d(0, -25%, 0); - transform: translate3d(0, -25%, 0); + -webkit-transform: translate(0, -25%); + -ms-transform: translate(0, -25%); + -o-transform: translate(0, -25%); + transform: translate(0, -25%); } .modal.in .modal-dialog { - -webkit-transform: translate3d(0, 0, 0); - -o-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); + -o-transform: translate(0, 0); + transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; @@ -5498,11 +6037,25 @@ button.close { position: absolute; z-index: 1070; display: block; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; - line-height: 1.4; - visibility: visible; + font-style: normal; + font-weight: normal; + line-height: 1.42857143; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + word-wrap: normal; + white-space: normal; filter: alpha(opacity=0); opacity: 0; + + line-break: auto; } .tooltip.in { filter: alpha(opacity=90); @@ -5529,7 +6082,6 @@ button.close { padding: 3px 8px; color: #fff; text-align: center; - text-decoration: none; background-color: #000; border-radius: 4px; } @@ -5548,14 +6100,16 @@ button.close { border-top-color: #000; } .tooltip.top-left .tooltip-arrow { + right: 5px; bottom: 0; - left: 5px; + margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { - right: 5px; bottom: 0; + left: 5px; + margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } @@ -5582,13 +6136,15 @@ button.close { } .tooltip.bottom-left .tooltip-arrow { top: 0; - left: 5px; + right: 5px; + margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; - right: 5px; + left: 5px; + margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } @@ -5600,7 +6156,20 @@ button.close { display: none; max-width: 276px; padding: 1px; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + font-style: normal; + font-weight: normal; + line-height: 1.42857143; text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + word-wrap: normal; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; @@ -5610,6 +6179,8 @@ button.close { border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); + + line-break: auto; } .popover.top { margin-top: -10px; @@ -5627,8 +6198,6 @@ button.close { padding: 8px 14px; margin: 0; font-size: 14px; - font-weight: normal; - line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; @@ -5731,6 +6300,37 @@ button.close { .carousel-inner > .item > a > img { line-height: 1; } +@media all and (transform-3d), (-webkit-transform-3d) { + .carousel-inner > .item { + -webkit-transition: -webkit-transform .6s ease-in-out; + -o-transition: -o-transform .6s ease-in-out; + transition: transform .6s ease-in-out; + + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-perspective: 1000px; + perspective: 1000px; + } + .carousel-inner > .item.next, + .carousel-inner > .item.active.right { + left: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + .carousel-inner > .item.prev, + .carousel-inner > .item.active.left { + left: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + .carousel-inner > .item.next.left, + .carousel-inner > .item.prev.right, + .carousel-inner > .item.active { + left: 0; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { @@ -5808,6 +6408,7 @@ button.close { top: 50%; z-index: 5; display: inline-block; + margin-top: -10px; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { @@ -5823,8 +6424,8 @@ button.close { .carousel-control .icon-next { width: 20px; height: 20px; - margin-top: -10px; font-family: serif; + line-height: 1; } .carousel-control .icon-prev:before { content: '\2039'; @@ -5982,13 +6583,9 @@ button.close { } .hidden { display: none !important; - visibility: hidden !important; } .affix { position: fixed; - -webkit-transform: translate3d(0, 0, 0); - -o-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } @-ms-viewport { width: device-width; @@ -6018,7 +6615,7 @@ button.close { display: block !important; } table.visible-xs { - display: table; + display: table !important; } tr.visible-xs { display: table-row !important; @@ -6048,7 +6645,7 @@ button.close { display: block !important; } table.visible-sm { - display: table; + display: table !important; } tr.visible-sm { display: table-row !important; @@ -6078,7 +6675,7 @@ button.close { display: block !important; } table.visible-md { - display: table; + display: table !important; } tr.visible-md { display: table-row !important; @@ -6108,7 +6705,7 @@ button.close { display: block !important; } table.visible-lg { - display: table; + display: table !important; } tr.visible-lg { display: table-row !important; @@ -6161,7 +6758,7 @@ button.close { display: block !important; } table.visible-print { - display: table; + display: table !important; } tr.visible-print { display: table-row !important; diff --git a/run/resources/public/assets/css/material-design-iconic-font.min.css b/run/resources/public/assets/css/material-design-iconic-font.min.css index f48eae1a..7274a38b 100644 --- a/run/resources/public/assets/css/material-design-iconic-font.min.css +++ b/run/resources/public/assets/css/material-design-iconic-font.min.css @@ -1,5 +1 @@ -/*! - * Material Design Iconic Font 1.0.1 by Sergey Kupletsky (@zavoloklom) - http://zavoloklom.github.io/material-design-iconic-font/ - * License - https://github.com/zavoloklom/material-design-iconic-font/blob/gh-pages/License.md (Attribution-ShareAlike 4.0 International license) - */ -@font-face{font-family:'Material Design Iconic Font';src:url(../fonts/Material-Design-Iconic-Font.eot?v=1.0.1);src:url(../fonts/Material-Design-Iconic-Font.eot?#iefix&v=1.0.1) format('embedded-opentype'),url(../fonts/Material-Design-Iconic-Font.woff?v=1.0.1) format('woff'),url(../fonts/Material-Design-Iconic-Font.ttf?v=1.0.1) format('truetype'),url(../fonts/Material-Design-Iconic-Font.svg?v=1.0.1#Material-Design-Iconic-Font) format('svg');font-weight:400;font-style:normal}[class*=" md-"],[class^=md-]{display:inline-block;font:normal normal normal 14px/1 'Material Design Iconic Font';font-size:inherit;speak:none;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.md{line-height:inherit;vertical-align:bottom}.md-lg{font-size:1.5em;line-height:.5em;vertical-align:-35%}.md-2x{font-size:2em}.md-3x{font-size:3em}.md-4x{font-size:4em}.md-5x{font-size:5em}.md-border{padding:.2em .25em .15em;border:.08em solid gray;border-radius:.1em}.md-border-circle{padding:.2em .25em .15em;border:.08em solid gray;border-radius:50%}[class*=" md-"].pull-left,[class^=md-].pull-left{float:left;margin-right:.3em}[class*=" md-"].pull-right,[class^=md-].pull-right{float:right;margin-left:.3em}.md-spin{-webkit-animation:md-spin 1.5s infinite linear;animation:md-spin 1.5s infinite linear}.md-spin-reverse{-webkit-animation:md-spin-reverse 1.5s infinite linear;animation:md-spin-reverse 1.5s infinite linear}@-webkit-keyframes md-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes md-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes md-spin-reverse{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(-359deg);transform:rotate(-359deg)}}@keyframes md-spin-reverse{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(-359deg);transform:rotate(-359deg)}}.md-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.md-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.md-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.md-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.md-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}:root .md-flip-horizontal,:root .md-flip-vertical,:root .md-rotate-180,:root .md-rotate-270,:root .md-rotate-90{filter:none}.md-3d-rotation:before{content:"\f000"}.md-accessibility:before{content:"\f001"}.md-account-balance:before{content:"\f002"}.md-account-balance-wallet:before{content:"\f003"}.md-account-box:before{content:"\f004"}.md-account-child:before{content:"\f005"}.md-account-circle:before{content:"\f006"}.md-add-shopping-cart:before{content:"\f007"}.md-alarm:before{content:"\f008"}.md-alarm-add:before{content:"\f009"}.md-alarm-off:before{content:"\f00a"}.md-alarm-on:before{content:"\f00b"}.md-android:before{content:"\f00c"}.md-announcement:before{content:"\f00d"}.md-aspect-ratio:before{content:"\f00e"}.md-assessment:before{content:"\f00f"}.md-assignment:before{content:"\f010"}.md-assignment-ind:before{content:"\f011"}.md-assignment-late:before{content:"\f012"}.md-assignment-return:before{content:"\f013"}.md-assignment-returned:before{content:"\f014"}.md-assignment-turned-in:before{content:"\f015"}.md-autorenew:before{content:"\f016"}.md-backup:before{content:"\f017"}.md-book:before{content:"\f018"}.md-bookmark:before{content:"\f019"}.md-bookmark-outline:before{content:"\f01a"}.md-bug-report:before{content:"\f01b"}.md-cached:before{content:"\f01c"}.md-class:before{content:"\f01d"}.md-credit-card:before{content:"\f01e"}.md-dashboard:before{content:"\f01f"}.md-delete:before{content:"\f020"}.md-description:before{content:"\f021"}.md-dns:before{content:"\f022"}.md-done:before{content:"\f023"}.md-done-all:before{content:"\f024"}.md-event:before{content:"\f025"}.md-exit-to-app:before{content:"\f026"}.md-explore:before{content:"\f027"}.md-extension:before{content:"\f028"}.md-face-unlock:before{content:"\f029"}.md-favorite:before{content:"\f02a"}.md-favorite-outline:before{content:"\f02b"}.md-find-in-page:before{content:"\f02c"}.md-find-replace:before{content:"\f02d"}.md-flip-to-back:before{content:"\f02e"}.md-flip-to-front:before{content:"\f02f"}.md-get-app:before{content:"\f030"}.md-grade:before{content:"\f031"}.md-group-work:before{content:"\f032"}.md-help:before{content:"\f033"}.md-highlight-remove:before{content:"\f034"}.md-history:before{content:"\f035"}.md-home:before{content:"\f036"}.md-https:before{content:"\f037"}.md-info:before{content:"\f038"}.md-info-outline:before{content:"\f039"}.md-input:before{content:"\f03a"}.md-invert-colors:before{content:"\f03b"}.md-label:before{content:"\f03c"}.md-label-outline:before{content:"\f03d"}.md-language:before{content:"\f03e"}.md-launch:before{content:"\f03f"}.md-list:before{content:"\f040"}.md-lock:before{content:"\f041"}.md-lock-open:before{content:"\f042"}.md-lock-outline:before{content:"\f043"}.md-loyalty:before{content:"\f044"}.md-markunread-mailbox:before{content:"\f045"}.md-note-add:before{content:"\f046"}.md-open-in-browser:before{content:"\f047"}.md-open-in-new:before{content:"\f048"}.md-open-with:before{content:"\f049"}.md-pageview:before{content:"\f04a"}.md-payment:before{content:"\f04b"}.md-perm-camera-mic:before{content:"\f04c"}.md-perm-contact-cal:before{content:"\f04d"}.md-perm-data-setting:before{content:"\f04e"}.md-perm-device-info:before{content:"\f04f"}.md-perm-identity:before{content:"\f050"}.md-perm-media:before{content:"\f051"}.md-perm-phone-msg:before{content:"\f052"}.md-perm-scan-wifi:before{content:"\f053"}.md-picture-in-picture:before{content:"\f054"}.md-polymer:before{content:"\f055"}.md-print:before{content:"\f056"}.md-query-builder:before{content:"\f057"}.md-question-answer:before{content:"\f058"}.md-receipt:before{content:"\f059"}.md-redeem:before{content:"\f05a"}.md-report-problem:before{content:"\f05b"}.md-restore:before{content:"\f05c"}.md-room:before{content:"\f05d"}.md-schedule:before{content:"\f05e"}.md-search:before{content:"\f05f"}.md-settings:before{content:"\f060"}.md-settings-applications:before{content:"\f061"}.md-settings-backup-restore:before{content:"\f062"}.md-settings-bluetooth:before{content:"\f063"}.md-settings-cell:before{content:"\f064"}.md-settings-display:before{content:"\f065"}.md-settings-ethernet:before{content:"\f066"}.md-settings-input-antenna:before{content:"\f067"}.md-settings-input-component:before{content:"\f068"}.md-settings-input-composite:before{content:"\f069"}.md-settings-input-hdmi:before{content:"\f06a"}.md-settings-input-svideo:before{content:"\f06b"}.md-settings-overscan:before{content:"\f06c"}.md-settings-phone:before{content:"\f06d"}.md-settings-power:before{content:"\f06e"}.md-settings-remote:before{content:"\f06f"}.md-settings-voice:before{content:"\f070"}.md-shop:before{content:"\f071"}.md-shopping-basket:before{content:"\f072"}.md-shopping-cart:before{content:"\f073"}.md-shop-two:before{content:"\f074"}.md-speaker-notes:before{content:"\f075"}.md-spellcheck:before{content:"\f076"}.md-star-rate:before{content:"\f077"}.md-stars:before{content:"\f078"}.md-store:before{content:"\f079"}.md-subject:before{content:"\f07a"}.md-swap-horiz:before{content:"\f07b"}.md-swap-vert:before{content:"\f07c"}.md-swap-vert-circle:before{content:"\f07d"}.md-system-update-tv:before{content:"\f07e"}.md-tab:before{content:"\f07f"}.md-tab-unselected:before{content:"\f080"}.md-theaters:before{content:"\f081"}.md-thumb-down:before{content:"\f082"}.md-thumbs-up-down:before{content:"\f083"}.md-thumb-up:before{content:"\f084"}.md-toc:before{content:"\f085"}.md-today:before{content:"\f086"}.md-track-changes:before{content:"\f087"}.md-translate:before{content:"\f088"}.md-trending-down:before{content:"\f089"}.md-trending-neutral:before{content:"\f08a"}.md-trending-up:before{content:"\f08b"}.md-turned-in:before{content:"\f08c"}.md-turned-in-not:before{content:"\f08d"}.md-verified-user:before{content:"\f08e"}.md-view-agenda:before{content:"\f08f"}.md-view-array:before{content:"\f090"}.md-view-carousel:before{content:"\f091"}.md-view-column:before{content:"\f092"}.md-view-day:before{content:"\f093"}.md-view-headline:before{content:"\f094"}.md-view-list:before{content:"\f095"}.md-view-module:before{content:"\f096"}.md-view-quilt:before{content:"\f097"}.md-view-stream:before{content:"\f098"}.md-view-week:before{content:"\f099"}.md-visibility:before{content:"\f09a"}.md-visibility-off:before{content:"\f09b"}.md-wallet-giftcard:before{content:"\f09c"}.md-wallet-membership:before{content:"\f09d"}.md-wallet-travel:before{content:"\f09e"}.md-work:before{content:"\f09f"}.md-error:before{content:"\f0a0"}.md-warning:before{content:"\f0a1"}.md-album:before{content:"\f0a2"}.md-av-timer:before{content:"\f0a3"}.md-closed-caption:before{content:"\f0a4"}.md-equalizer:before{content:"\f0a5"}.md-explicit:before{content:"\f0a6"}.md-fast-forward:before{content:"\f0a7"}.md-fast-rewind:before{content:"\f0a8"}.md-games:before{content:"\f0a9"}.md-hearing:before{content:"\f0aa"}.md-high-quality:before{content:"\f0ab"}.md-loop:before{content:"\f0ac"}.md-mic:before{content:"\f0ad"}.md-mic-none:before{content:"\f0ae"}.md-mic-off:before{content:"\f0af"}.md-movie:before{content:"\f0b0"}.md-my-library-add:before{content:"\f0b1"}.md-my-library-books:before{content:"\f0b2"}.md-my-library-music:before{content:"\f0b3"}.md-new-releases:before{content:"\f0b4"}.md-not-interested:before{content:"\f0b5"}.md-pause:before{content:"\f0b6"}.md-pause-circle-fill:before{content:"\f0b7"}.md-pause-circle-outline:before{content:"\f0b8"}.md-play-arrow:before{content:"\f0b9"}.md-play-circle-fill:before{content:"\f0ba"}.md-play-circle-outline:before{content:"\f0bb"}.md-playlist-add:before{content:"\f0bc"}.md-play-shopping-bag:before{content:"\f0bd"}.md-queue:before{content:"\f0be"}.md-queue-music:before{content:"\f0bf"}.md-radio:before{content:"\f0c0"}.md-recent-actors:before{content:"\f0c1"}.md-repeat:before{content:"\f0c2"}.md-repeat-one:before{content:"\f0c3"}.md-replay:before{content:"\f0c4"}.md-shuffle:before{content:"\f0c5"}.md-skip-next:before{content:"\f0c6"}.md-skip-previous:before{content:"\f0c7"}.md-snooze:before{content:"\f0c8"}.md-stop:before{content:"\f0c9"}.md-subtitles:before{content:"\f0ca"}.md-surround-sound:before{content:"\f0cb"}.md-videocam:before{content:"\f0cc"}.md-videocam-off:before{content:"\f0cd"}.md-video-collection:before{content:"\f0ce"}.md-volume-down:before{content:"\f0cf"}.md-volume-mute:before{content:"\f0d0"}.md-volume-off:before{content:"\f0d1"}.md-volume-up:before{content:"\f0d2"}.md-web:before{content:"\f0d3"}.md-business:before{content:"\f0d4"}.md-call:before{content:"\f0d5"}.md-call-end:before{content:"\f0d6"}.md-call-made:before{content:"\f0d7"}.md-call-merge:before{content:"\f0d8"}.md-call-missed:before{content:"\f0d9"}.md-call-received:before{content:"\f0da"}.md-call-split:before{content:"\f0db"}.md-chat:before{content:"\f0dc"}.md-clear-all:before{content:"\f0dd"}.md-comment:before{content:"\f0de"}.md-contacts:before{content:"\f0df"}.md-dialer-sip:before{content:"\f0e0"}.md-dialpad:before{content:"\f0e1"}.md-dnd-on:before{content:"\f0e2"}.md-email:before{content:"\f0e3"}.md-forum:before{content:"\f0e4"}.md-import-export:before{content:"\f0e5"}.md-invert-colors-off:before{content:"\f0e6"}.md-invert-colors-on:before{content:"\f0e7"}.md-live-help:before{content:"\f0e8"}.md-location-off:before{content:"\f0e9"}.md-location-on:before{content:"\f0ea"}.md-message:before{content:"\f0eb"}.md-messenger:before{content:"\f0ec"}.md-no-sim:before{content:"\f0ed"}.md-phone:before{content:"\f0ee"}.md-portable-wifi-off:before{content:"\f0ef"}.md-quick-contacts-dialer:before{content:"\f0f0"}.md-quick-contacts-mail:before{content:"\f0f1"}.md-ring-volume:before{content:"\f0f2"}.md-stay-current-landscape:before{content:"\f0f3"}.md-stay-current-portrait:before{content:"\f0f4"}.md-stay-primary-landscape:before{content:"\f0f5"}.md-stay-primary-portrait:before{content:"\f0f6"}.md-swap-calls:before{content:"\f0f7"}.md-textsms:before{content:"\f0f8"}.md-voicemail:before{content:"\f0f9"}.md-vpn-key:before{content:"\f0fa"}.md-add:before{content:"\f0fb"}.md-add-box:before{content:"\f0fc"}.md-add-circle:before{content:"\f0fd"}.md-add-circle-outline:before{content:"\f0fe"}.md-archive:before{content:"\f0ff"}.md-backspace:before{content:"\f100"}.md-block:before{content:"\f101"}.md-clear:before{content:"\f102"}.md-content-copy:before{content:"\f103"}.md-content-cut:before{content:"\f104"}.md-content-paste:before{content:"\f105"}.md-create:before{content:"\f106"}.md-drafts:before{content:"\f107"}.md-filter-list:before{content:"\f108"}.md-flag:before{content:"\f109"}.md-forward:before{content:"\f10a"}.md-gesture:before{content:"\f10b"}.md-inbox:before{content:"\f10c"}.md-link:before{content:"\f10d"}.md-mail:before{content:"\f10e"}.md-markunread:before{content:"\f10f"}.md-redo:before{content:"\f110"}.md-remove:before{content:"\f111"}.md-remove-circle:before{content:"\f112"}.md-remove-circle-outline:before{content:"\f113"}.md-reply:before{content:"\f114"}.md-reply-all:before{content:"\f115"}.md-report:before{content:"\f116"}.md-save:before{content:"\f117"}.md-select-all:before{content:"\f118"}.md-send:before{content:"\f119"}.md-sort:before{content:"\f11a"}.md-text-format:before{content:"\f11b"}.md-undo:before{content:"\f11c"}.md-access-alarm:before{content:"\f11d"}.md-access-alarms:before{content:"\f11e"}.md-access-time:before{content:"\f11f"}.md-add-alarm:before{content:"\f120"}.md-airplanemode-off:before{content:"\f121"}.md-airplanemode-on:before{content:"\f122"}.md-battery-20:before{content:"\f123"}.md-battery-30:before{content:"\f124"}.md-battery-50:before{content:"\f125"}.md-battery-60:before{content:"\f126"}.md-battery-80:before{content:"\f127"}.md-battery-90:before{content:"\f128"}.md-battery-alert:before{content:"\f129"}.md-battery-charging-20:before{content:"\f12a"}.md-battery-charging-30:before{content:"\f12b"}.md-battery-charging-50:before{content:"\f12c"}.md-battery-charging-60:before{content:"\f12d"}.md-battery-charging-80:before{content:"\f12e"}.md-battery-charging-90:before{content:"\f12f"}.md-battery-charging-full:before{content:"\f130"}.md-battery-full:before{content:"\f131"}.md-battery-std:before{content:"\f132"}.md-battery-unknown:before{content:"\f133"}.md-bluetooth:before{content:"\f134"}.md-bluetooth-connected:before{content:"\f135"}.md-bluetooth-disabled:before{content:"\f136"}.md-bluetooth-searching:before{content:"\f137"}.md-brightness-auto:before{content:"\f138"}.md-brightness-high:before{content:"\f139"}.md-brightness-low:before{content:"\f13a"}.md-brightness-medium:before{content:"\f13b"}.md-data-usage:before{content:"\f13c"}.md-developer-mode:before{content:"\f13d"}.md-devices:before{content:"\f13e"}.md-dvr:before{content:"\f13f"}.md-gps-fixed:before{content:"\f140"}.md-gps-not-fixed:before{content:"\f141"}.md-gps-off:before{content:"\f142"}.md-location-disabled:before{content:"\f143"}.md-location-searching:before{content:"\f144"}.md-multitrack-audio:before{content:"\f145"}.md-network-cell:before{content:"\f146"}.md-network-wifi:before{content:"\f147"}.md-nfc:before{content:"\f148"}.md-now-wallpaper:before{content:"\f149"}.md-now-widgets:before{content:"\f14a"}.md-screen-lock-landscape:before{content:"\f14b"}.md-screen-lock-portrait:before{content:"\f14c"}.md-screen-lock-rotation:before{content:"\f14d"}.md-screen-rotation:before{content:"\f14e"}.md-sd-storage:before{content:"\f14f"}.md-settings-system-daydream:before{content:"\f150"}.md-signal-cellular-0-bar:before{content:"\f151"}.md-signal-cellular-1-bar:before{content:"\f152"}.md-signal-cellular-2-bar:before{content:"\f153"}.md-signal-cellular-3-bar:before{content:"\f154"}.md-signal-cellular-4-bar:before{content:"\f155"}.md-signal-cellular-connected-no-internet-0-bar:before{content:"\f156"}.md-signal-cellular-connected-no-internet-1-bar:before{content:"\f157"}.md-signal-cellular-connected-no-internet-2-bar:before{content:"\f158"}.md-signal-cellular-connected-no-internet-3-bar:before{content:"\f159"}.md-signal-cellular-connected-no-internet-4-bar:before{content:"\f15a"}.md-signal-cellular-no-sim:before{content:"\f15b"}.md-signal-cellular-null:before{content:"\f15c"}.md-signal-cellular-off:before{content:"\f15d"}.md-signal-wifi-0-bar:before{content:"\f15e"}.md-signal-wifi-1-bar:before{content:"\f15f"}.md-signal-wifi-2-bar:before{content:"\f160"}.md-signal-wifi-3-bar:before{content:"\f161"}.md-signal-wifi-4-bar:before{content:"\f162"}.md-signal-wifi-off:before{content:"\f163"}.md-storage:before{content:"\f164"}.md-usb:before{content:"\f165"}.md-wifi-lock:before{content:"\f166"}.md-wifi-tethering:before{content:"\f167"}.md-attach-file:before{content:"\f168"}.md-attach-money:before{content:"\f169"}.md-border-all:before{content:"\f16a"}.md-border-bottom:before{content:"\f16b"}.md-border-clear:before{content:"\f16c"}.md-border-color:before{content:"\f16d"}.md-border-horizontal:before{content:"\f16e"}.md-border-inner:before{content:"\f16f"}.md-border-left:before{content:"\f170"}.md-border-outer:before{content:"\f171"}.md-border-right:before{content:"\f172"}.md-border-style:before{content:"\f173"}.md-border-top:before{content:"\f174"}.md-border-vertical:before{content:"\f175"}.md-format-align-center:before{content:"\f176"}.md-format-align-justify:before{content:"\f177"}.md-format-align-left:before{content:"\f178"}.md-format-align-right:before{content:"\f179"}.md-format-bold:before{content:"\f17a"}.md-format-clear:before{content:"\f17b"}.md-format-color-fill:before{content:"\f17c"}.md-format-color-reset:before{content:"\f17d"}.md-format-color-text:before{content:"\f17e"}.md-format-indent-decrease:before{content:"\f17f"}.md-format-indent-increase:before{content:"\f180"}.md-format-italic:before{content:"\f181"}.md-format-line-spacing:before{content:"\f182"}.md-format-list-bulleted:before{content:"\f183"}.md-format-list-numbered:before{content:"\f184"}.md-format-paint:before{content:"\f185"}.md-format-quote:before{content:"\f186"}.md-format-size:before{content:"\f187"}.md-format-strikethrough:before{content:"\f188"}.md-format-textdirection-l-to-r:before{content:"\f189"}.md-format-textdirection-r-to-l:before{content:"\f18a"}.md-format-underline:before{content:"\f18b"}.md-functions:before{content:"\f18c"}.md-insert-chart:before{content:"\f18d"}.md-insert-comment:before{content:"\f18e"}.md-insert-drive-file:before{content:"\f18f"}.md-insert-emoticon:before{content:"\f190"}.md-insert-invitation:before{content:"\f191"}.md-insert-link:before{content:"\f192"}.md-insert-photo:before{content:"\f193"}.md-merge-type:before{content:"\f194"}.md-mode-comment:before{content:"\f195"}.md-mode-edit:before{content:"\f196"}.md-publish:before{content:"\f197"}.md-vertical-align-bottom:before{content:"\f198"}.md-vertical-align-center:before{content:"\f199"}.md-vertical-align-top:before{content:"\f19a"}.md-wrap-text:before{content:"\f19b"}.md-attachment:before{content:"\f19c"}.md-cloud:before{content:"\f19d"}.md-cloud-circle:before{content:"\f19e"}.md-cloud-done:before{content:"\f19f"}.md-cloud-download:before{content:"\f1a0"}.md-cloud-off:before{content:"\f1a1"}.md-cloud-queue:before{content:"\f1a2"}.md-cloud-upload:before{content:"\f1a3"}.md-file-download:before{content:"\f1a4"}.md-file-upload:before{content:"\f1a5"}.md-folder:before{content:"\f1a6"}.md-folder-open:before{content:"\f1a7"}.md-folder-shared:before{content:"\f1a8"}.md-cast:before{content:"\f1a9"}.md-cast-connected:before{content:"\f1aa"}.md-computer:before{content:"\f1ab"}.md-desktop-mac:before{content:"\f1ac"}.md-desktop-windows:before{content:"\f1ad"}.md-dock:before{content:"\f1ae"}.md-gamepad:before{content:"\f1af"}.md-headset:before{content:"\f1b0"}.md-headset-mic:before{content:"\f1b1"}.md-keyboard:before{content:"\f1b2"}.md-keyboard-alt:before{content:"\f1b3"}.md-keyboard-arrow-down:before{content:"\f1b4"}.md-keyboard-arrow-left:before{content:"\f1b5"}.md-keyboard-arrow-right:before{content:"\f1b6"}.md-keyboard-arrow-up:before{content:"\f1b7"}.md-keyboard-backspace:before{content:"\f1b8"}.md-keyboard-capslock:before{content:"\f1b9"}.md-keyboard-control:before{content:"\f1ba"}.md-keyboard-hide:before{content:"\f1bb"}.md-keyboard-return:before{content:"\f1bc"}.md-keyboard-tab:before{content:"\f1bd"}.md-keyboard-voice:before{content:"\f1be"}.md-laptop:before{content:"\f1bf"}.md-laptop-chromebook:before{content:"\f1c0"}.md-laptop-mac:before{content:"\f1c1"}.md-laptop-windows:before{content:"\f1c2"}.md-memory:before{content:"\f1c3"}.md-mouse:before{content:"\f1c4"}.md-phone-android:before{content:"\f1c5"}.md-phone-iphone:before{content:"\f1c6"}.md-phonelink:before{content:"\f1c7"}.md-phonelink-off:before{content:"\f1c8"}.md-security:before{content:"\f1c9"}.md-sim-card:before{content:"\f1ca"}.md-smartphone:before{content:"\f1cb"}.md-speaker:before{content:"\f1cc"}.md-tablet:before{content:"\f1cd"}.md-tablet-android:before{content:"\f1ce"}.md-tablet-mac:before{content:"\f1cf"}.md-tv:before{content:"\f1d0"}.md-watch:before{content:"\f1d1"}.md-add-to-photos:before{content:"\f1d2"}.md-adjust:before{content:"\f1d3"}.md-assistant-photo:before{content:"\f1d4"}.md-audiotrack:before{content:"\f1d5"}.md-blur-circular:before{content:"\f1d6"}.md-blur-linear:before{content:"\f1d7"}.md-blur-off:before{content:"\f1d8"}.md-blur-on:before{content:"\f1d9"}.md-brightness-1:before{content:"\f1da"}.md-brightness-2:before{content:"\f1db"}.md-brightness-3:before{content:"\f1dc"}.md-brightness-4:before{content:"\f1dd"}.md-brightness-5:before{content:"\f1de"}.md-brightness-6:before{content:"\f1df"}.md-brightness-7:before{content:"\f1e0"}.md-brush:before{content:"\f1e1"}.md-camera:before{content:"\f1e2"}.md-camera-alt:before{content:"\f1e3"}.md-camera-front:before{content:"\f1e4"}.md-camera-rear:before{content:"\f1e5"}.md-camera-roll:before{content:"\f1e6"}.md-center-focus-strong:before{content:"\f1e7"}.md-center-focus-weak:before{content:"\f1e8"}.md-collections:before{content:"\f1e9"}.md-colorize:before{content:"\f1ea"}.md-color-lens:before{content:"\f1eb"}.md-compare:before{content:"\f1ec"}.md-control-point:before{content:"\f1ed"}.md-control-point-duplicate:before{content:"\f1ee"}.md-crop:before{content:"\f1ef"}.md-crop-3-2:before{content:"\f1f0"}.md-crop-5-4:before{content:"\f1f1"}.md-crop-7-5:before{content:"\f1f2"}.md-crop-16-9:before{content:"\f1f3"}.md-crop-din:before{content:"\f1f4"}.md-crop-free:before{content:"\f1f5"}.md-crop-landscape:before{content:"\f1f6"}.md-crop-original:before{content:"\f1f7"}.md-crop-portrait:before{content:"\f1f8"}.md-crop-square:before{content:"\f1f9"}.md-dehaze:before{content:"\f1fa"}.md-details:before{content:"\f1fb"}.md-edit:before{content:"\f1fc"}.md-exposure:before{content:"\f1fd"}.md-exposure-minus-1:before{content:"\f1fe"}.md-exposure-minus-2:before{content:"\f1ff"}.md-exposure-zero:before{content:"\f200"}.md-exposure-plus-1:before{content:"\f201"}.md-exposure-plus-2:before{content:"\f202"}.md-filter:before{content:"\f203"}.md-filter-1:before{content:"\f204"}.md-filter-2:before{content:"\f205"}.md-filter-3:before{content:"\f206"}.md-filter-4:before{content:"\f207"}.md-filter-5:before{content:"\f208"}.md-filter-6:before{content:"\f209"}.md-filter-7:before{content:"\f20a"}.md-filter-8:before{content:"\f20b"}.md-filter-9:before{content:"\f20c"}.md-filter-9-plus:before{content:"\f20d"}.md-filter-b-and-w:before{content:"\f20e"}.md-filter-center-focus:before{content:"\f20f"}.md-filter-drama:before{content:"\f210"}.md-filter-frames:before{content:"\f211"}.md-filter-hdr:before{content:"\f212"}.md-filter-none:before{content:"\f213"}.md-filter-tilt-shift:before{content:"\f214"}.md-filter-vintage:before{content:"\f215"}.md-flare:before{content:"\f216"}.md-flash-auto:before{content:"\f217"}.md-flash-off:before{content:"\f218"}.md-flash-on:before{content:"\f219"}.md-flip:before{content:"\f21a"}.md-gradient:before{content:"\f21b"}.md-grain:before{content:"\f21c"}.md-grid-off:before{content:"\f21d"}.md-grid-on:before{content:"\f21e"}.md-hdr-off:before{content:"\f21f"}.md-hdr-on:before{content:"\f220"}.md-hdr-strong:before{content:"\f221"}.md-hdr-weak:before{content:"\f222"}.md-healing:before{content:"\f223"}.md-image:before{content:"\f224"}.md-image-aspect-ratio:before{content:"\f225"}.md-iso:before{content:"\f226"}.md-landscape:before{content:"\f227"}.md-leak-add:before{content:"\f228"}.md-leak-remove:before{content:"\f229"}.md-lens:before{content:"\f22a"}.md-looks:before{content:"\f22b"}.md-looks-1:before{content:"\f22c"}.md-looks-2:before{content:"\f22d"}.md-looks-3:before{content:"\f22e"}.md-looks-4:before{content:"\f22f"}.md-looks-5:before{content:"\f230"}.md-looks-6:before{content:"\f231"}.md-loupe:before{content:"\f232"}.md-movie-creation:before{content:"\f233"}.md-nature:before{content:"\f234"}.md-nature-people:before{content:"\f235"}.md-navigate-before:before{content:"\f236"}.md-navigate-next:before{content:"\f237"}.md-palette:before{content:"\f238"}.md-panorama:before{content:"\f239"}.md-panorama-fisheye:before{content:"\f23a"}.md-panorama-horizontal:before{content:"\f23b"}.md-panorama-vertical:before{content:"\f23c"}.md-panorama-wide-angle:before{content:"\f23d"}.md-photo:before{content:"\f23e"}.md-photo-album:before{content:"\f23f"}.md-photo-camera:before{content:"\f240"}.md-photo-library:before{content:"\f241"}.md-portrait:before{content:"\f242"}.md-remove-red-eye:before{content:"\f243"}.md-rotate-left:before{content:"\f244"}.md-rotate-right:before{content:"\f245"}.md-slideshow:before{content:"\f246"}.md-straighten:before{content:"\f247"}.md-style:before{content:"\f248"}.md-switch-camera:before{content:"\f249"}.md-switch-video:before{content:"\f24a"}.md-tag-faces:before{content:"\f24b"}.md-texture:before{content:"\f24c"}.md-timelapse:before{content:"\f24d"}.md-timer:before{content:"\f24e"}.md-timer-3:before{content:"\f24f"}.md-timer-10:before{content:"\f250"}.md-timer-auto:before{content:"\f251"}.md-timer-off:before{content:"\f252"}.md-tonality:before{content:"\f253"}.md-transform:before{content:"\f254"}.md-tune:before{content:"\f255"}.md-wb-auto:before{content:"\f256"}.md-wb-cloudy:before{content:"\f257"}.md-wb-incandescent:before{content:"\f258"}.md-wb-irradescent:before{content:"\f259"}.md-wb-sunny:before{content:"\f25a"}.md-beenhere:before{content:"\f25b"}.md-directions:before{content:"\f25c"}.md-directions-bike:before{content:"\f25d"}.md-directions-bus:before{content:"\f25e"}.md-directions-car:before{content:"\f25f"}.md-directions-ferry:before{content:"\f260"}.md-directions-subway:before{content:"\f261"}.md-directions-train:before{content:"\f262"}.md-directions-transit:before{content:"\f263"}.md-directions-walk:before{content:"\f264"}.md-flight:before{content:"\f265"}.md-hotel:before{content:"\f266"}.md-layers:before{content:"\f267"}.md-layers-clear:before{content:"\f268"}.md-local-airport:before{content:"\f269"}.md-local-atm:before{content:"\f26a"}.md-local-attraction:before{content:"\f26b"}.md-local-bar:before{content:"\f26c"}.md-local-cafe:before{content:"\f26d"}.md-local-car-wash:before{content:"\f26e"}.md-local-convenience-store:before{content:"\f26f"}.md-local-drink:before{content:"\f270"}.md-local-florist:before{content:"\f271"}.md-local-gas-station:before{content:"\f272"}.md-local-grocery-store:before{content:"\f273"}.md-local-hospital:before{content:"\f274"}.md-local-hotel:before{content:"\f275"}.md-local-laundry-service:before{content:"\f276"}.md-local-library:before{content:"\f277"}.md-local-mall:before{content:"\f278"}.md-local-movies:before{content:"\f279"}.md-local-offer:before{content:"\f27a"}.md-local-parking:before{content:"\f27b"}.md-local-pharmacy:before{content:"\f27c"}.md-local-phone:before{content:"\f27d"}.md-local-pizza:before{content:"\f27e"}.md-local-play:before{content:"\f27f"}.md-local-post-office:before{content:"\f280"}.md-local-print-shop:before{content:"\f281"}.md-local-restaurant:before{content:"\f282"}.md-local-see:before{content:"\f283"}.md-local-shipping:before{content:"\f284"}.md-local-taxi:before{content:"\f285"}.md-location-history:before{content:"\f286"}.md-map:before{content:"\f287"}.md-my-location:before{content:"\f288"}.md-navigation:before{content:"\f289"}.md-pin-drop:before{content:"\f28a"}.md-place:before{content:"\f28b"}.md-rate-review:before{content:"\f28c"}.md-restaurant-menu:before{content:"\f28d"}.md-satellite:before{content:"\f28e"}.md-store-mall-directory:before{content:"\f28f"}.md-terrain:before{content:"\f290"}.md-traffic:before{content:"\f291"}.md-apps:before{content:"\f292"}.md-cancel:before{content:"\f293"}.md-arrow-drop-down-circle:before{content:"\f294"}.md-arrow-drop-down:before{content:"\f295"}.md-arrow-drop-up:before{content:"\f296"}.md-arrow-back:before{content:"\f297"}.md-arrow-forward:before{content:"\f298"}.md-check:before{content:"\f299"}.md-close:before{content:"\f29a"}.md-chevron-left:before{content:"\f29b"}.md-chevron-right:before{content:"\f29c"}.md-expand-less:before{content:"\f29d"}.md-expand-more:before{content:"\f29e"}.md-fullscreen:before{content:"\f29f"}.md-fullscreen-exit:before{content:"\f2a0"}.md-menu:before{content:"\f2a1"}.md-more-horiz:before{content:"\f2a2"}.md-more-vert:before{content:"\f2a3"}.md-refresh:before{content:"\f2a4"}.md-unfold-less:before{content:"\f2a5"}.md-unfold-more:before{content:"\f2a6"}.md-adb:before{content:"\f2a7"}.md-bluetooth-audio:before{content:"\f2a8"}.md-disc-full:before{content:"\f2a9"}.md-dnd-forwardslash:before{content:"\f2aa"}.md-do-not-disturb:before{content:"\f2ab"}.md-drive-eta:before{content:"\f2ac"}.md-event-available:before{content:"\f2ad"}.md-event-busy:before{content:"\f2ae"}.md-event-note:before{content:"\f2af"}.md-folder-special:before{content:"\f2b0"}.md-mms:before{content:"\f2b1"}.md-more:before{content:"\f2b2"}.md-network-locked:before{content:"\f2b3"}.md-phone-bluetooth-speaker:before{content:"\f2b4"}.md-phone-forwarded:before{content:"\f2b5"}.md-phone-in-talk:before{content:"\f2b6"}.md-phone-locked:before{content:"\f2b7"}.md-phone-missed:before{content:"\f2b8"}.md-phone-paused:before{content:"\f2b9"}.md-play-download:before{content:"\f2ba"}.md-play-install:before{content:"\f2bb"}.md-sd-card:before{content:"\f2bc"}.md-sim-card-alert:before{content:"\f2bd"}.md-sms:before{content:"\f2be"}.md-sms-failed:before{content:"\f2bf"}.md-sync:before{content:"\f2c0"}.md-sync-disabled:before{content:"\f2c1"}.md-sync-problem:before{content:"\f2c2"}.md-system-update:before{content:"\f2c3"}.md-tap-and-play:before{content:"\f2c4"}.md-time-to-leave:before{content:"\f2c5"}.md-vibration:before{content:"\f2c6"}.md-voice-chat:before{content:"\f2c7"}.md-vpn-lock:before{content:"\f2c8"}.md-cake:before{content:"\f2c9"}.md-domain:before{content:"\f2ca"}.md-location-city:before{content:"\f2cb"}.md-mood:before{content:"\f2cc"}.md-notifications-none:before{content:"\f2cd"}.md-notifications:before{content:"\f2ce"}.md-notifications-off:before{content:"\f2cf"}.md-notifications-on:before{content:"\f2d0"}.md-notifications-paused:before{content:"\f2d1"}.md-pages:before{content:"\f2d2"}.md-party-mode:before{content:"\f2d3"}.md-group:before{content:"\f2d4"}.md-group-add:before{content:"\f2d5"}.md-people:before{content:"\f2d6"}.md-people-outline:before{content:"\f2d7"}.md-person:before{content:"\f2d8"}.md-person-add:before{content:"\f2d9"}.md-person-outline:before{content:"\f2da"}.md-plus-one:before{content:"\f2db"}.md-poll:before{content:"\f2dc"}.md-public:before{content:"\f2dd"}.md-school:before{content:"\f2de"}.md-share:before{content:"\f2df"}.md-whatshot:before{content:"\f2e0"}.md-check-box:before{content:"\f2e1"}.md-check-box-outline-blank:before{content:"\f2e2"}.md-radio-button-off:before{content:"\f2e3"}.md-radio-button-on:before{content:"\f2e4"}.md-star:before{content:"\f2e5"}.md-star-half:before{content:"\f2e6"}.md-star-outline:before{content:"\f2e7"} \ No newline at end of file +@font-face{font-family:Material-Design-Iconic-Font;src:url(../fonts/Material-Design-Iconic-Font.woff2?v=2.1.0) format('woff2'),url(../fonts/Material-Design-Iconic-Font.woff?v=2.1.0) format('woff'),url(../fonts/Material-Design-Iconic-Font.ttf?v=2.1.0) format('truetype')}.zmdi{display:inline-block;font:normal normal normal 14px/1 'Material-Design-Iconic-Font';font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.zmdi-hc-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.zmdi-hc-2x{font-size:2em}.zmdi-hc-3x{font-size:3em}.zmdi-hc-4x{font-size:4em}.zmdi-hc-5x{font-size:5em}.zmdi-hc-fw{width:1.28571429em;text-align:center}.zmdi-hc-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.zmdi-hc-ul>li{position:relative}.zmdi-hc-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.zmdi-hc-li.zmdi-hc-lg{left:-1.85714286em}.zmdi-hc-border{padding:.1em .25em;border:solid .1em #9e9e9e;border-radius:2px}.zmdi-hc-border-circle{padding:.1em .25em;border:solid .1em #9e9e9e;border-radius:50%}.zmdi.pull-left{float:left;margin-right:.15em}.zmdi.pull-right{float:right;margin-left:.15em}.zmdi-hc-spin{-webkit-animation:zmdi-spin 1.5s infinite linear;animation:zmdi-spin 1.5s infinite linear}.zmdi-hc-spin-reverse{-webkit-animation:zmdi-spin-reverse 1.5s infinite linear;animation:zmdi-spin-reverse 1.5s infinite linear}@-webkit-keyframes zmdi-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes zmdi-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes zmdi-spin-reverse{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(-359deg);transform:rotate(-359deg)}}@keyframes zmdi-spin-reverse{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(-359deg);transform:rotate(-359deg)}}.zmdi-hc-rotate-90{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.zmdi-hc-rotate-180{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.zmdi-hc-rotate-270{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.zmdi-hc-flip-horizontal{-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.zmdi-hc-flip-vertical{-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}.zmdi-hc-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.zmdi-hc-stack-1x,.zmdi-hc-stack-2x{position:absolute;left:0;width:100%;text-align:center}.zmdi-hc-stack-1x{line-height:inherit}.zmdi-hc-stack-2x{font-size:2em}.zmdi-hc-inverse{color:#fff}.zmdi-3d-rotation:before{content:'\f101'}.zmdi-airplane-off:before{content:'\f102'}.zmdi-airplane:before{content:'\f103'}.zmdi-album:before{content:'\f104'}.zmdi-archive:before{content:'\f105'}.zmdi-assignment-account:before{content:'\f106'}.zmdi-assignment-alert:before{content:'\f107'}.zmdi-assignment-check:before{content:'\f108'}.zmdi-assignment-o:before{content:'\f109'}.zmdi-assignment-return:before{content:'\f10a'}.zmdi-assignment-returned:before{content:'\f10b'}.zmdi-assignment:before{content:'\f10c'}.zmdi-attachment-alt:before{content:'\f10d'}.zmdi-attachment:before{content:'\f10e'}.zmdi-audio:before{content:'\f10f'}.zmdi-badge-check:before{content:'\f110'}.zmdi-balance-wallet:before{content:'\f111'}.zmdi-balance:before{content:'\f112'}.zmdi-battery-alert:before{content:'\f113'}.zmdi-battery-flash:before{content:'\f114'}.zmdi-battery-unknown:before{content:'\f115'}.zmdi-battery:before{content:'\f116'}.zmdi-bike:before{content:'\f117'}.zmdi-block-alt:before{content:'\f118'}.zmdi-block:before{content:'\f119'}.zmdi-boat:before{content:'\f11a'}.zmdi-book-image:before{content:'\f11b'}.zmdi-book:before{content:'\f11c'}.zmdi-bookmark-outline:before{content:'\f11d'}.zmdi-bookmark:before{content:'\f11e'}.zmdi-brush:before{content:'\f11f'}.zmdi-bug:before{content:'\f120'}.zmdi-bus:before{content:'\f121'}.zmdi-cake:before{content:'\f122'}.zmdi-car-taxi:before{content:'\f123'}.zmdi-car-wash:before{content:'\f124'}.zmdi-car:before{content:'\f125'}.zmdi-card-giftcard:before{content:'\f126'}.zmdi-card-membership:before{content:'\f127'}.zmdi-card-travel:before{content:'\f128'}.zmdi-card:before{content:'\f129'}.zmdi-case-check:before{content:'\f12a'}.zmdi-case-download:before{content:'\f12b'}.zmdi-case-play:before{content:'\f12c'}.zmdi-case:before{content:'\f12d'}.zmdi-cast-connected:before{content:'\f12e'}.zmdi-cast:before{content:'\f12f'}.zmdi-chart-donut:before{content:'\f130'}.zmdi-chart:before{content:'\f131'}.zmdi-city-alt:before{content:'\f132'}.zmdi-city:before{content:'\f133'}.zmdi-close-circle-o:before{content:'\f134'}.zmdi-close-circle:before{content:'\f135'}.zmdi-close:before{content:'\f136'}.zmdi-cocktail:before{content:'\f137'}.zmdi-code-setting:before{content:'\f138'}.zmdi-code-smartphone:before{content:'\f139'}.zmdi-code:before{content:'\f13a'}.zmdi-coffee:before{content:'\f13b'}.zmdi-collection-bookmark:before{content:'\f13c'}.zmdi-collection-case-play:before{content:'\f13d'}.zmdi-collection-folder-image:before{content:'\f13e'}.zmdi-collection-image-o:before{content:'\f13f'}.zmdi-collection-image:before{content:'\f140'}.zmdi-collection-item-1:before{content:'\f141'}.zmdi-collection-item-2:before{content:'\f142'}.zmdi-collection-item-3:before{content:'\f143'}.zmdi-collection-item-4:before{content:'\f144'}.zmdi-collection-item-5:before{content:'\f145'}.zmdi-collection-item-6:before{content:'\f146'}.zmdi-collection-item-7:before{content:'\f147'}.zmdi-collection-item-8:before{content:'\f148'}.zmdi-collection-item-9-plus:before{content:'\f149'}.zmdi-collection-item-9:before{content:'\f14a'}.zmdi-collection-item:before{content:'\f14b'}.zmdi-collection-music:before{content:'\f14c'}.zmdi-collection-pdf:before{content:'\f14d'}.zmdi-collection-plus:before{content:'\f14e'}.zmdi-collection-speaker:before{content:'\f14f'}.zmdi-collection-text:before{content:'\f150'}.zmdi-collection-video:before{content:'\f151'}.zmdi-compass:before{content:'\f152'}.zmdi-cutlery:before{content:'\f153'}.zmdi-delete:before{content:'\f154'}.zmdi-dialpad:before{content:'\f155'}.zmdi-dns:before{content:'\f156'}.zmdi-drink:before{content:'\f157'}.zmdi-edit:before{content:'\f158'}.zmdi-email-open:before{content:'\f159'}.zmdi-email:before{content:'\f15a'}.zmdi-eye-off:before{content:'\f15b'}.zmdi-eye:before{content:'\f15c'}.zmdi-eyedropper:before{content:'\f15d'}.zmdi-favorite-outline:before{content:'\f15e'}.zmdi-favorite:before{content:'\f15f'}.zmdi-filter-list:before{content:'\f160'}.zmdi-fire:before{content:'\f161'}.zmdi-flag:before{content:'\f162'}.zmdi-flare:before{content:'\f163'}.zmdi-flash-auto:before{content:'\f164'}.zmdi-flash-off:before{content:'\f165'}.zmdi-flash:before{content:'\f166'}.zmdi-flip:before{content:'\f167'}.zmdi-flower-alt:before{content:'\f168'}.zmdi-flower:before{content:'\f169'}.zmdi-font:before{content:'\f16a'}.zmdi-fullscreen-alt:before{content:'\f16b'}.zmdi-fullscreen-exit:before{content:'\f16c'}.zmdi-fullscreen:before{content:'\f16d'}.zmdi-functions:before{content:'\f16e'}.zmdi-gas-station:before{content:'\f16f'}.zmdi-gesture:before{content:'\f170'}.zmdi-globe-alt:before{content:'\f171'}.zmdi-globe-lock:before{content:'\f172'}.zmdi-globe:before{content:'\f173'}.zmdi-graduation-cap:before{content:'\f174'}.zmdi-home:before{content:'\f175'}.zmdi-hospital-alt:before{content:'\f176'}.zmdi-hospital:before{content:'\f177'}.zmdi-hotel:before{content:'\f178'}.zmdi-hourglass-alt:before{content:'\f179'}.zmdi-hourglass-outline:before{content:'\f17a'}.zmdi-hourglass:before{content:'\f17b'}.zmdi-http:before{content:'\f17c'}.zmdi-image-alt:before{content:'\f17d'}.zmdi-image-o:before{content:'\f17e'}.zmdi-image:before{content:'\f17f'}.zmdi-inbox:before{content:'\f180'}.zmdi-invert-colors-off:before{content:'\f181'}.zmdi-invert-colors:before{content:'\f182'}.zmdi-key:before{content:'\f183'}.zmdi-label-alt-outline:before{content:'\f184'}.zmdi-label-alt:before{content:'\f185'}.zmdi-label-heart:before{content:'\f186'}.zmdi-label:before{content:'\f187'}.zmdi-labels:before{content:'\f188'}.zmdi-lamp:before{content:'\f189'}.zmdi-landscape:before{content:'\f18a'}.zmdi-layers-off:before{content:'\f18b'}.zmdi-layers:before{content:'\f18c'}.zmdi-library:before{content:'\f18d'}.zmdi-link:before{content:'\f18e'}.zmdi-lock-open:before{content:'\f18f'}.zmdi-lock-outline:before{content:'\f190'}.zmdi-lock:before{content:'\f191'}.zmdi-mail-reply-all:before{content:'\f192'}.zmdi-mail-reply:before{content:'\f193'}.zmdi-mail-send:before{content:'\f194'}.zmdi-mall:before{content:'\f195'}.zmdi-map:before{content:'\f196'}.zmdi-menu:before{content:'\f197'}.zmdi-money-box:before{content:'\f198'}.zmdi-money-off:before{content:'\f199'}.zmdi-money:before{content:'\f19a'}.zmdi-more-vert:before{content:'\f19b'}.zmdi-more:before{content:'\f19c'}.zmdi-movie-alt:before{content:'\f19d'}.zmdi-movie:before{content:'\f19e'}.zmdi-nature-people:before{content:'\f19f'}.zmdi-nature:before{content:'\f1a0'}.zmdi-navigation:before{content:'\f1a1'}.zmdi-open-in-browser:before{content:'\f1a2'}.zmdi-open-in-new:before{content:'\f1a3'}.zmdi-palette:before{content:'\f1a4'}.zmdi-parking:before{content:'\f1a5'}.zmdi-pin-account:before{content:'\f1a6'}.zmdi-pin-assistant:before{content:'\f1a7'}.zmdi-pin-drop:before{content:'\f1a8'}.zmdi-pin-help:before{content:'\f1a9'}.zmdi-pin-off:before{content:'\f1aa'}.zmdi-pin:before{content:'\f1ab'}.zmdi-pizza:before{content:'\f1ac'}.zmdi-plaster:before{content:'\f1ad'}.zmdi-power-setting:before{content:'\f1ae'}.zmdi-power:before{content:'\f1af'}.zmdi-print:before{content:'\f1b0'}.zmdi-puzzle-piece:before{content:'\f1b1'}.zmdi-quote:before{content:'\f1b2'}.zmdi-railway:before{content:'\f1b3'}.zmdi-receipt:before{content:'\f1b4'}.zmdi-refresh-alt:before{content:'\f1b5'}.zmdi-refresh-sync-alert:before{content:'\f1b6'}.zmdi-refresh-sync-off:before{content:'\f1b7'}.zmdi-refresh-sync:before{content:'\f1b8'}.zmdi-refresh:before{content:'\f1b9'}.zmdi-roller:before{content:'\f1ba'}.zmdi-ruler:before{content:'\f1bb'}.zmdi-scissors:before{content:'\f1bc'}.zmdi-screen-rotation-lock:before{content:'\f1bd'}.zmdi-screen-rotation:before{content:'\f1be'}.zmdi-search-for:before{content:'\f1bf'}.zmdi-search-in-file:before{content:'\f1c0'}.zmdi-search-in-page:before{content:'\f1c1'}.zmdi-search-replace:before{content:'\f1c2'}.zmdi-search:before{content:'\f1c3'}.zmdi-seat:before{content:'\f1c4'}.zmdi-settings-square:before{content:'\f1c5'}.zmdi-settings:before{content:'\f1c6'}.zmdi-shield-check:before{content:'\f1c7'}.zmdi-shield-security:before{content:'\f1c8'}.zmdi-shopping-basket:before{content:'\f1c9'}.zmdi-shopping-cart-plus:before{content:'\f1ca'}.zmdi-shopping-cart:before{content:'\f1cb'}.zmdi-sign-in:before{content:'\f1cc'}.zmdi-sort-amount-asc:before{content:'\f1cd'}.zmdi-sort-amount-desc:before{content:'\f1ce'}.zmdi-sort-asc:before{content:'\f1cf'}.zmdi-sort-desc:before{content:'\f1d0'}.zmdi-spellcheck:before{content:'\f1d1'}.zmdi-storage:before{content:'\f1d2'}.zmdi-store-24:before{content:'\f1d3'}.zmdi-store:before{content:'\f1d4'}.zmdi-subway:before{content:'\f1d5'}.zmdi-sun:before{content:'\f1d6'}.zmdi-tab-unselected:before{content:'\f1d7'}.zmdi-tab:before{content:'\f1d8'}.zmdi-tag-close:before{content:'\f1d9'}.zmdi-tag-more:before{content:'\f1da'}.zmdi-tag:before{content:'\f1db'}.zmdi-thumb-down:before{content:'\f1dc'}.zmdi-thumb-up-down:before{content:'\f1dd'}.zmdi-thumb-up:before{content:'\f1de'}.zmdi-ticket-star:before{content:'\f1df'}.zmdi-toll:before{content:'\f1e0'}.zmdi-toys:before{content:'\f1e1'}.zmdi-traffic:before{content:'\f1e2'}.zmdi-translate:before{content:'\f1e3'}.zmdi-triangle-down:before{content:'\f1e4'}.zmdi-triangle-up:before{content:'\f1e5'}.zmdi-truck:before{content:'\f1e6'}.zmdi-turning-sign:before{content:'\f1e7'}.zmdi-wallpaper:before{content:'\f1e8'}.zmdi-washing-machine:before{content:'\f1e9'}.zmdi-window-maximize:before{content:'\f1ea'}.zmdi-window-minimize:before{content:'\f1eb'}.zmdi-window-restore:before{content:'\f1ec'}.zmdi-wrench:before{content:'\f1ed'}.zmdi-zoom-in:before{content:'\f1ee'}.zmdi-zoom-out:before{content:'\f1ef'}.zmdi-alert-circle-o:before{content:'\f1f0'}.zmdi-alert-circle:before{content:'\f1f1'}.zmdi-alert-octagon:before{content:'\f1f2'}.zmdi-alert-polygon:before{content:'\f1f3'}.zmdi-alert-triangle:before{content:'\f1f4'}.zmdi-help-outline:before{content:'\f1f5'}.zmdi-help:before{content:'\f1f6'}.zmdi-info-outline:before{content:'\f1f7'}.zmdi-info:before{content:'\f1f8'}.zmdi-notifications-active:before{content:'\f1f9'}.zmdi-notifications-add:before{content:'\f1fa'}.zmdi-notifications-none:before{content:'\f1fb'}.zmdi-notifications-off:before{content:'\f1fc'}.zmdi-notifications-paused:before{content:'\f1fd'}.zmdi-notifications:before{content:'\f1fe'}.zmdi-account-add:before{content:'\f1ff'}.zmdi-account-box-mail:before{content:'\f200'}.zmdi-account-box-o:before{content:'\f201'}.zmdi-account-box-phone:before{content:'\f202'}.zmdi-account-box:before{content:'\f203'}.zmdi-account-calendar:before{content:'\f204'}.zmdi-account-circle:before{content:'\f205'}.zmdi-account-o:before{content:'\f206'}.zmdi-account:before{content:'\f207'}.zmdi-accounts-add:before{content:'\f208'}.zmdi-accounts-alt:before{content:'\f209'}.zmdi-accounts-list-alt:before{content:'\f20a'}.zmdi-accounts-list:before{content:'\f20b'}.zmdi-accounts-outline:before{content:'\f20c'}.zmdi-accounts:before{content:'\f20d'}.zmdi-face:before{content:'\f20e'}.zmdi-female:before{content:'\f20f'}.zmdi-male-alt:before{content:'\f210'}.zmdi-male-female:before{content:'\f211'}.zmdi-male:before{content:'\f212'}.zmdi-mood-bad:before{content:'\f213'}.zmdi-mood:before{content:'\f214'}.zmdi-run:before{content:'\f215'}.zmdi-walk:before{content:'\f216'}.zmdi-cloud-box:before{content:'\f217'}.zmdi-cloud-circle:before{content:'\f218'}.zmdi-cloud-done:before{content:'\f219'}.zmdi-cloud-download:before{content:'\f21a'}.zmdi-cloud-off:before{content:'\f21b'}.zmdi-cloud-outline-alt:before{content:'\f21c'}.zmdi-cloud-outline:before{content:'\f21d'}.zmdi-cloud-upload:before{content:'\f21e'}.zmdi-cloud:before{content:'\f21f'}.zmdi-download:before{content:'\f220'}.zmdi-file-plus:before{content:'\f221'}.zmdi-file-text:before{content:'\f222'}.zmdi-file:before{content:'\f223'}.zmdi-folder-outline:before{content:'\f224'}.zmdi-folder-person:before{content:'\f225'}.zmdi-folder-star-alt:before{content:'\f226'}.zmdi-folder-star:before{content:'\f227'}.zmdi-folder:before{content:'\f228'}.zmdi-gif:before{content:'\f229'}.zmdi-upload:before{content:'\f22a'}.zmdi-border-all:before{content:'\f22b'}.zmdi-border-bottom:before{content:'\f22c'}.zmdi-border-clear:before{content:'\f22d'}.zmdi-border-color:before{content:'\f22e'}.zmdi-border-horizontal:before{content:'\f22f'}.zmdi-border-inner:before{content:'\f230'}.zmdi-border-left:before{content:'\f231'}.zmdi-border-outer:before{content:'\f232'}.zmdi-border-right:before{content:'\f233'}.zmdi-border-style:before{content:'\f234'}.zmdi-border-top:before{content:'\f235'}.zmdi-border-vertical:before{content:'\f236'}.zmdi-copy:before{content:'\f237'}.zmdi-crop:before{content:'\f238'}.zmdi-format-align-center:before{content:'\f239'}.zmdi-format-align-justify:before{content:'\f23a'}.zmdi-format-align-left:before{content:'\f23b'}.zmdi-format-align-right:before{content:'\f23c'}.zmdi-format-bold:before{content:'\f23d'}.zmdi-format-clear-all:before{content:'\f23e'}.zmdi-format-clear:before{content:'\f23f'}.zmdi-format-color-fill:before{content:'\f240'}.zmdi-format-color-reset:before{content:'\f241'}.zmdi-format-color-text:before{content:'\f242'}.zmdi-format-indent-decrease:before{content:'\f243'}.zmdi-format-indent-increase:before{content:'\f244'}.zmdi-format-italic:before{content:'\f245'}.zmdi-format-line-spacing:before{content:'\f246'}.zmdi-format-list-bulleted:before{content:'\f247'}.zmdi-format-list-numbered:before{content:'\f248'}.zmdi-format-ltr:before{content:'\f249'}.zmdi-format-rtl:before{content:'\f24a'}.zmdi-format-size:before{content:'\f24b'}.zmdi-format-strikethrough-s:before{content:'\f24c'}.zmdi-format-strikethrough:before{content:'\f24d'}.zmdi-format-subject:before{content:'\f24e'}.zmdi-format-underlined:before{content:'\f24f'}.zmdi-format-valign-bottom:before{content:'\f250'}.zmdi-format-valign-center:before{content:'\f251'}.zmdi-format-valign-top:before{content:'\f252'}.zmdi-redo:before{content:'\f253'}.zmdi-select-all:before{content:'\f254'}.zmdi-space-bar:before{content:'\f255'}.zmdi-text-format:before{content:'\f256'}.zmdi-transform:before{content:'\f257'}.zmdi-undo:before{content:'\f258'}.zmdi-wrap-text:before{content:'\f259'}.zmdi-comment-alert:before{content:'\f25a'}.zmdi-comment-alt-text:before{content:'\f25b'}.zmdi-comment-alt:before{content:'\f25c'}.zmdi-comment-edit:before{content:'\f25d'}.zmdi-comment-image:before{content:'\f25e'}.zmdi-comment-list:before{content:'\f25f'}.zmdi-comment-more:before{content:'\f260'}.zmdi-comment-outline:before{content:'\f261'}.zmdi-comment-text-alt:before{content:'\f262'}.zmdi-comment-text:before{content:'\f263'}.zmdi-comment-video:before{content:'\f264'}.zmdi-comment:before{content:'\f265'}.zmdi-comments:before{content:'\f266'}.zmdi-check-all:before{content:'\f267'}.zmdi-check-circle-u:before{content:'\f268'}.zmdi-check-circle:before{content:'\f269'}.zmdi-check-square:before{content:'\f26a'}.zmdi-check:before{content:'\f26b'}.zmdi-circle-o:before{content:'\f26c'}.zmdi-circle:before{content:'\f26d'}.zmdi-dot-circle-alt:before{content:'\f26e'}.zmdi-dot-circle:before{content:'\f26f'}.zmdi-minus-circle-outline:before{content:'\f270'}.zmdi-minus-circle:before{content:'\f271'}.zmdi-minus-square:before{content:'\f272'}.zmdi-minus:before{content:'\f273'}.zmdi-plus-circle-o-duplicate:before{content:'\f274'}.zmdi-plus-circle-o:before{content:'\f275'}.zmdi-plus-circle:before{content:'\f276'}.zmdi-plus-square:before{content:'\f277'}.zmdi-plus:before{content:'\f278'}.zmdi-square-o:before{content:'\f279'}.zmdi-star-circle:before{content:'\f27a'}.zmdi-star-half:before{content:'\f27b'}.zmdi-star-outline:before{content:'\f27c'}.zmdi-star:before{content:'\f27d'}.zmdi-bluetooth-connected:before{content:'\f27e'}.zmdi-bluetooth-off:before{content:'\f27f'}.zmdi-bluetooth-search:before{content:'\f280'}.zmdi-bluetooth-setting:before{content:'\f281'}.zmdi-bluetooth:before{content:'\f282'}.zmdi-camera-add:before{content:'\f283'}.zmdi-camera-alt:before{content:'\f284'}.zmdi-camera-bw:before{content:'\f285'}.zmdi-camera-front:before{content:'\f286'}.zmdi-camera-mic:before{content:'\f287'}.zmdi-camera-party-mode:before{content:'\f288'}.zmdi-camera-rear:before{content:'\f289'}.zmdi-camera-roll:before{content:'\f28a'}.zmdi-camera-switch:before{content:'\f28b'}.zmdi-camera:before{content:'\f28c'}.zmdi-card-alert:before{content:'\f28d'}.zmdi-card-off:before{content:'\f28e'}.zmdi-card-sd:before{content:'\f28f'}.zmdi-card-sim:before{content:'\f290'}.zmdi-desktop-mac:before{content:'\f291'}.zmdi-desktop-windows:before{content:'\f292'}.zmdi-device-hub:before{content:'\f293'}.zmdi-devices-off:before{content:'\f294'}.zmdi-devices:before{content:'\f295'}.zmdi-dock:before{content:'\f296'}.zmdi-floppy:before{content:'\f297'}.zmdi-gamepad:before{content:'\f298'}.zmdi-gps-dot:before{content:'\f299'}.zmdi-gps-off:before{content:'\f29a'}.zmdi-gps:before{content:'\f29b'}.zmdi-headset-mic:before{content:'\f29c'}.zmdi-headset:before{content:'\f29d'}.zmdi-input-antenna:before{content:'\f29e'}.zmdi-input-composite:before{content:'\f29f'}.zmdi-input-hdmi:before{content:'\f2a0'}.zmdi-input-power:before{content:'\f2a1'}.zmdi-input-svideo:before{content:'\f2a2'}.zmdi-keyboard-hide:before{content:'\f2a3'}.zmdi-keyboard:before{content:'\f2a4'}.zmdi-laptop-chromebook:before{content:'\f2a5'}.zmdi-laptop-mac:before{content:'\f2a6'}.zmdi-laptop:before{content:'\f2a7'}.zmdi-mic-off:before{content:'\f2a8'}.zmdi-mic-outline:before{content:'\f2a9'}.zmdi-mic-setting:before{content:'\f2aa'}.zmdi-mic:before{content:'\f2ab'}.zmdi-mouse:before{content:'\f2ac'}.zmdi-network-alert:before{content:'\f2ad'}.zmdi-network-locked:before{content:'\f2ae'}.zmdi-network-off:before{content:'\f2af'}.zmdi-network-outline:before{content:'\f2b0'}.zmdi-network-setting:before{content:'\f2b1'}.zmdi-network:before{content:'\f2b2'}.zmdi-phone-bluetooth:before{content:'\f2b3'}.zmdi-phone-end:before{content:'\f2b4'}.zmdi-phone-forwarded:before{content:'\f2b5'}.zmdi-phone-in-talk:before{content:'\f2b6'}.zmdi-phone-locked:before{content:'\f2b7'}.zmdi-phone-missed:before{content:'\f2b8'}.zmdi-phone-msg:before{content:'\f2b9'}.zmdi-phone-paused:before{content:'\f2ba'}.zmdi-phone-ring:before{content:'\f2bb'}.zmdi-phone-setting:before{content:'\f2bc'}.zmdi-phone-sip:before{content:'\f2bd'}.zmdi-phone:before{content:'\f2be'}.zmdi-portable-wifi-changes:before{content:'\f2bf'}.zmdi-portable-wifi-off:before{content:'\f2c0'}.zmdi-portable-wifi:before{content:'\f2c1'}.zmdi-radio:before{content:'\f2c2'}.zmdi-reader:before{content:'\f2c3'}.zmdi-remote-control-alt:before{content:'\f2c4'}.zmdi-remote-control:before{content:'\f2c5'}.zmdi-router:before{content:'\f2c6'}.zmdi-scanner:before{content:'\f2c7'}.zmdi-smartphone-android:before{content:'\f2c8'}.zmdi-smartphone-download:before{content:'\f2c9'}.zmdi-smartphone-erase:before{content:'\f2ca'}.zmdi-smartphone-info:before{content:'\f2cb'}.zmdi-smartphone-iphone:before{content:'\f2cc'}.zmdi-smartphone-landscape-lock:before{content:'\f2cd'}.zmdi-smartphone-landscape:before{content:'\f2ce'}.zmdi-smartphone-lock:before{content:'\f2cf'}.zmdi-smartphone-portrait-lock:before{content:'\f2d0'}.zmdi-smartphone-ring:before{content:'\f2d1'}.zmdi-smartphone-setting:before{content:'\f2d2'}.zmdi-smartphone-setup:before{content:'\f2d3'}.zmdi-smartphone:before{content:'\f2d4'}.zmdi-speaker:before{content:'\f2d5'}.zmdi-tablet-android:before{content:'\f2d6'}.zmdi-tablet-mac:before{content:'\f2d7'}.zmdi-tablet:before{content:'\f2d8'}.zmdi-tv-alt-play:before{content:'\f2d9'}.zmdi-tv-list:before{content:'\f2da'}.zmdi-tv-play:before{content:'\f2db'}.zmdi-tv:before{content:'\f2dc'}.zmdi-usb:before{content:'\f2dd'}.zmdi-videocam-off:before{content:'\f2de'}.zmdi-videocam-switch:before{content:'\f2df'}.zmdi-videocam:before{content:'\f2e0'}.zmdi-watch:before{content:'\f2e1'}.zmdi-wifi-alt-2:before{content:'\f2e2'}.zmdi-wifi-alt:before{content:'\f2e3'}.zmdi-wifi-info:before{content:'\f2e4'}.zmdi-wifi-lock:before{content:'\f2e5'}.zmdi-wifi-off:before{content:'\f2e6'}.zmdi-wifi-outline:before{content:'\f2e7'}.zmdi-wifi:before{content:'\f2e8'}.zmdi-arrow-left-bottom:before{content:'\f2e9'}.zmdi-arrow-left:before{content:'\f2ea'}.zmdi-arrow-merge:before{content:'\f2eb'}.zmdi-arrow-missed:before{content:'\f2ec'}.zmdi-arrow-right-top:before{content:'\f2ed'}.zmdi-arrow-right:before{content:'\f2ee'}.zmdi-arrow-split:before{content:'\f2ef'}.zmdi-arrows:before{content:'\f2f0'}.zmdi-caret-down-circle:before{content:'\f2f1'}.zmdi-caret-down:before{content:'\f2f2'}.zmdi-caret-left-circle:before{content:'\f2f3'}.zmdi-caret-left:before{content:'\f2f4'}.zmdi-caret-right-circle:before{content:'\f2f5'}.zmdi-caret-right:before{content:'\f2f6'}.zmdi-caret-up-circle:before{content:'\f2f7'}.zmdi-caret-up:before{content:'\f2f8'}.zmdi-chevron-down:before{content:'\f2f9'}.zmdi-chevron-left:before{content:'\f2fa'}.zmdi-chevron-right:before{content:'\f2fb'}.zmdi-chevron-up:before{content:'\f2fc'}.zmdi-forward:before{content:'\f2fd'}.zmdi-long-arrow-down:before{content:'\f2fe'}.zmdi-long-arrow-left:before{content:'\f2ff'}.zmdi-long-arrow-return:before{content:'\f300'}.zmdi-long-arrow-right:before{content:'\f301'}.zmdi-long-arrow-tab:before{content:'\f302'}.zmdi-long-arrow-up:before{content:'\f303'}.zmdi-rotate-ccw:before{content:'\f304'}.zmdi-rotate-cw:before{content:'\f305'}.zmdi-rotate-left:before{content:'\f306'}.zmdi-rotate-right:before{content:'\f307'}.zmdi-square-down:before{content:'\f308'}.zmdi-square-right:before{content:'\f309'}.zmdi-swap-alt:before{content:'\f30a'}.zmdi-swap-vertical-circle:before{content:'\f30b'}.zmdi-swap-vertical:before{content:'\f30c'}.zmdi-swap:before{content:'\f30d'}.zmdi-trending-down:before{content:'\f30e'}.zmdi-trending-flat:before{content:'\f30f'}.zmdi-trending-up:before{content:'\f310'}.zmdi-unfold-less:before{content:'\f311'}.zmdi-unfold-more:before{content:'\f312'}.zmdi-apps:before{content:'\f313'}.zmdi-grid-off:before{content:'\f314'}.zmdi-grid:before{content:'\f315'}.zmdi-view-agenda:before{content:'\f316'}.zmdi-view-array:before{content:'\f317'}.zmdi-view-carousel:before{content:'\f318'}.zmdi-view-column:before{content:'\f319'}.zmdi-view-comfy:before{content:'\f31a'}.zmdi-view-compact:before{content:'\f31b'}.zmdi-view-dashboard:before{content:'\f31c'}.zmdi-view-day:before{content:'\f31d'}.zmdi-view-headline:before{content:'\f31e'}.zmdi-view-list-alt:before{content:'\f31f'}.zmdi-view-list:before{content:'\f320'}.zmdi-view-module:before{content:'\f321'}.zmdi-view-quilt:before{content:'\f322'}.zmdi-view-stream:before{content:'\f323'}.zmdi-view-subtitles:before{content:'\f324'}.zmdi-view-toc:before{content:'\f325'}.zmdi-view-web:before{content:'\f326'}.zmdi-view-week:before{content:'\f327'}.zmdi-widgets:before{content:'\f328'}.zmdi-alarm-check:before{content:'\f329'}.zmdi-alarm-off:before{content:'\f32a'}.zmdi-alarm-plus:before{content:'\f32b'}.zmdi-alarm-snooze:before{content:'\f32c'}.zmdi-alarm:before{content:'\f32d'}.zmdi-calendar-alt:before{content:'\f32e'}.zmdi-calendar-check:before{content:'\f32f'}.zmdi-calendar-close:before{content:'\f330'}.zmdi-calendar-note:before{content:'\f331'}.zmdi-calendar:before{content:'\f332'}.zmdi-time-countdown:before{content:'\f333'}.zmdi-time-interval:before{content:'\f334'}.zmdi-time-restore-setting:before{content:'\f335'}.zmdi-time-restore:before{content:'\f336'}.zmdi-time:before{content:'\f337'}.zmdi-timer-off:before{content:'\f338'}.zmdi-timer:before{content:'\f339'}.zmdi-android-alt:before{content:'\f33a'}.zmdi-android:before{content:'\f33b'}.zmdi-apple:before{content:'\f33c'}.zmdi-behance:before{content:'\f33d'}.zmdi-codepen:before{content:'\f33e'}.zmdi-dribbble:before{content:'\f33f'}.zmdi-dropbox:before{content:'\f340'}.zmdi-evernote:before{content:'\f341'}.zmdi-facebook-box:before{content:'\f342'}.zmdi-facebook:before{content:'\f343'}.zmdi-github-box:before{content:'\f344'}.zmdi-github:before{content:'\f345'}.zmdi-google-drive:before{content:'\f346'}.zmdi-google-earth:before{content:'\f347'}.zmdi-google-glass:before{content:'\f348'}.zmdi-google-maps:before{content:'\f349'}.zmdi-google-pages:before{content:'\f34a'}.zmdi-google-play:before{content:'\f34b'}.zmdi-google-plus-box:before{content:'\f34c'}.zmdi-google-plus:before{content:'\f34d'}.zmdi-google:before{content:'\f34e'}.zmdi-instagram:before{content:'\f34f'}.zmdi-language-css3:before{content:'\f350'}.zmdi-language-html5:before{content:'\f351'}.zmdi-language-javascript:before{content:'\f352'}.zmdi-language-python-alt:before{content:'\f353'}.zmdi-language-python:before{content:'\f354'}.zmdi-lastfm:before{content:'\f355'}.zmdi-linkedin-box:before{content:'\f356'}.zmdi-paypal:before{content:'\f357'}.zmdi-pinterest-box:before{content:'\f358'}.zmdi-pocket:before{content:'\f359'}.zmdi-polymer:before{content:'\f35a'}.zmdi-share:before{content:'\f35b'}.zmdi-stack-overflow:before{content:'\f35c'}.zmdi-steam-square:before{content:'\f35d'}.zmdi-steam:before{content:'\f35e'}.zmdi-twitter-box:before{content:'\f35f'}.zmdi-twitter:before{content:'\f360'}.zmdi-vk:before{content:'\f361'}.zmdi-wikipedia:before{content:'\f362'}.zmdi-windows:before{content:'\f363'}.zmdi-aspect-ratio-alt:before{content:'\f364'}.zmdi-aspect-ratio:before{content:'\f365'}.zmdi-blur-circular:before{content:'\f366'}.zmdi-blur-linear:before{content:'\f367'}.zmdi-blur-off:before{content:'\f368'}.zmdi-blur:before{content:'\f369'}.zmdi-brightness-2:before{content:'\f36a'}.zmdi-brightness-3:before{content:'\f36b'}.zmdi-brightness-4:before{content:'\f36c'}.zmdi-brightness-5:before{content:'\f36d'}.zmdi-brightness-6:before{content:'\f36e'}.zmdi-brightness-7:before{content:'\f36f'}.zmdi-brightness-auto:before{content:'\f370'}.zmdi-brightness-setting:before{content:'\f371'}.zmdi-broken-image:before{content:'\f372'}.zmdi-center-focus-strong:before{content:'\f373'}.zmdi-center-focus-weak:before{content:'\f374'}.zmdi-compare:before{content:'\f375'}.zmdi-crop-16-9:before{content:'\f376'}.zmdi-crop-3-2:before{content:'\f377'}.zmdi-crop-5-4:before{content:'\f378'}.zmdi-crop-7-5:before{content:'\f379'}.zmdi-crop-din:before{content:'\f37a'}.zmdi-crop-free:before{content:'\f37b'}.zmdi-crop-landscape:before{content:'\f37c'}.zmdi-crop-portrait:before{content:'\f37d'}.zmdi-crop-square:before{content:'\f37e'}.zmdi-exposure-alt:before{content:'\f37f'}.zmdi-exposure:before{content:'\f380'}.zmdi-filter-b-and-w:before{content:'\f381'}.zmdi-filter-center-focus:before{content:'\f382'}.zmdi-filter-frames:before{content:'\f383'}.zmdi-filter-tilt-shift:before{content:'\f384'}.zmdi-gradient:before{content:'\f385'}.zmdi-grain:before{content:'\f386'}.zmdi-graphic-eq:before{content:'\f387'}.zmdi-hdr-off:before{content:'\f388'}.zmdi-hdr-strong:before{content:'\f389'}.zmdi-hdr-weak:before{content:'\f38a'}.zmdi-hdr:before{content:'\f38b'}.zmdi-iridescent:before{content:'\f38c'}.zmdi-leak-off:before{content:'\f38d'}.zmdi-leak:before{content:'\f38e'}.zmdi-looks:before{content:'\f38f'}.zmdi-loupe:before{content:'\f390'}.zmdi-panorama-horizontal:before{content:'\f391'}.zmdi-panorama-vertical:before{content:'\f392'}.zmdi-panorama-wide-angle:before{content:'\f393'}.zmdi-photo-size-select-large:before{content:'\f394'}.zmdi-photo-size-select-small:before{content:'\f395'}.zmdi-picture-in-picture:before{content:'\f396'}.zmdi-slideshow:before{content:'\f397'}.zmdi-texture:before{content:'\f398'}.zmdi-tonality:before{content:'\f399'}.zmdi-vignette:before{content:'\f39a'}.zmdi-wb-auto:before{content:'\f39b'}.zmdi-eject-alt:before{content:'\f39c'}.zmdi-eject:before{content:'\f39d'}.zmdi-equalizer:before{content:'\f39e'}.zmdi-fast-forward:before{content:'\f39f'}.zmdi-fast-rewind:before{content:'\f3a0'}.zmdi-forward-10:before{content:'\f3a1'}.zmdi-forward-30:before{content:'\f3a2'}.zmdi-forward-5:before{content:'\f3a3'}.zmdi-hearing:before{content:'\f3a4'}.zmdi-pause-circle-outline:before{content:'\f3a5'}.zmdi-pause-circle:before{content:'\f3a6'}.zmdi-pause:before{content:'\f3a7'}.zmdi-play-circle-outline:before{content:'\f3a8'}.zmdi-play-circle:before{content:'\f3a9'}.zmdi-play:before{content:'\f3aa'}.zmdi-playlist-audio:before{content:'\f3ab'}.zmdi-playlist-plus:before{content:'\f3ac'}.zmdi-repeat-one:before{content:'\f3ad'}.zmdi-repeat:before{content:'\f3ae'}.zmdi-replay-10:before{content:'\f3af'}.zmdi-replay-30:before{content:'\f3b0'}.zmdi-replay-5:before{content:'\f3b1'}.zmdi-replay:before{content:'\f3b2'}.zmdi-shuffle:before{content:'\f3b3'}.zmdi-skip-next:before{content:'\f3b4'}.zmdi-skip-previous:before{content:'\f3b5'}.zmdi-stop:before{content:'\f3b6'}.zmdi-surround-sound:before{content:'\f3b7'}.zmdi-tune:before{content:'\f3b8'}.zmdi-volume-down:before{content:'\f3b9'}.zmdi-volume-mute:before{content:'\f3ba'}.zmdi-volume-off:before{content:'\f3bb'}.zmdi-volume-up:before{content:'\f3bc'}.zmdi-n-1-square:before{content:'\f3bd'}.zmdi-n-2-square:before{content:'\f3be'}.zmdi-n-3-square:before{content:'\f3bf'}.zmdi-n-4-square:before{content:'\f3c0'}.zmdi-n-5-square:before{content:'\f3c1'}.zmdi-n-6-square:before{content:'\f3c2'}.zmdi-neg-1:before{content:'\f3c3'}.zmdi-neg-2:before{content:'\f3c4'}.zmdi-plus-1:before{content:'\f3c5'}.zmdi-plus-2:before{content:'\f3c6'}.zmdi-sec-10:before{content:'\f3c7'}.zmdi-sec-3:before{content:'\f3c8'}.zmdi-zero:before{content:'\f3c9'}.zmdi-airline-seat-flat-angled:before{content:'\f3ca'}.zmdi-airline-seat-flat:before{content:'\f3cb'}.zmdi-airline-seat-individual-suite:before{content:'\f3cc'}.zmdi-airline-seat-legroom-extra:before{content:'\f3cd'}.zmdi-airline-seat-legroom-normal:before{content:'\f3ce'}.zmdi-airline-seat-legroom-reduced:before{content:'\f3cf'}.zmdi-airline-seat-recline-extra:before{content:'\f3d0'}.zmdi-airline-seat-recline-normal:before{content:'\f3d1'}.zmdi-airplay:before{content:'\f3d2'}.zmdi-closed-caption:before{content:'\f3d3'}.zmdi-confirmation-number:before{content:'\f3d4'}.zmdi-developer-board:before{content:'\f3d5'}.zmdi-disc-full:before{content:'\f3d6'}.zmdi-explicit:before{content:'\f3d7'}.zmdi-flight-land:before{content:'\f3d8'}.zmdi-flight-takeoff:before{content:'\f3d9'}.zmdi-flip-to-back:before{content:'\f3da'}.zmdi-flip-to-front:before{content:'\f3db'}.zmdi-group-work:before{content:'\f3dc'}.zmdi-hd:before{content:'\f3dd'}.zmdi-hq:before{content:'\f3de'}.zmdi-markunread-mailbox:before{content:'\f3df'}.zmdi-memory:before{content:'\f3e0'}.zmdi-nfc:before{content:'\f3e1'}.zmdi-play-for-work:before{content:'\f3e2'}.zmdi-power-input:before{content:'\f3e3'}.zmdi-present-to-all:before{content:'\f3e4'}.zmdi-satellite:before{content:'\f3e5'}.zmdi-tap-and-play:before{content:'\f3e6'}.zmdi-vibration:before{content:'\f3e7'}.zmdi-voicemail:before{content:'\f3e8'}.zmdi-3d-rotation:before{content:'\f101'}.zmdi-airplane-off:before{content:'\f102'}.zmdi-airplane:before{content:'\f103'}.zmdi-album:before{content:'\f104'}.zmdi-archive:before{content:'\f105'}.zmdi-assignment-account:before{content:'\f106'}.zmdi-assignment-alert:before{content:'\f107'}.zmdi-assignment-check:before{content:'\f108'}.zmdi-assignment-o:before{content:'\f109'}.zmdi-assignment-return:before{content:'\f10a'}.zmdi-assignment-returned:before{content:'\f10b'}.zmdi-assignment:before{content:'\f10c'}.zmdi-attachment-alt:before{content:'\f10d'}.zmdi-attachment:before{content:'\f10e'}.zmdi-audio:before{content:'\f10f'}.zmdi-badge-check:before{content:'\f110'}.zmdi-balance-wallet:before{content:'\f111'}.zmdi-balance:before{content:'\f112'}.zmdi-battery-alert:before{content:'\f113'}.zmdi-battery-flash:before{content:'\f114'}.zmdi-battery-unknown:before{content:'\f115'}.zmdi-battery:before{content:'\f116'}.zmdi-bike:before{content:'\f117'}.zmdi-block-alt:before{content:'\f118'}.zmdi-block:before{content:'\f119'}.zmdi-boat:before{content:'\f11a'}.zmdi-book-image:before{content:'\f11b'}.zmdi-book:before{content:'\f11c'}.zmdi-bookmark-outline:before{content:'\f11d'}.zmdi-bookmark:before{content:'\f11e'}.zmdi-brush:before{content:'\f11f'}.zmdi-bug:before{content:'\f120'}.zmdi-bus:before{content:'\f121'}.zmdi-cake:before{content:'\f122'}.zmdi-car-taxi:before{content:'\f123'}.zmdi-car-wash:before{content:'\f124'}.zmdi-car:before{content:'\f125'}.zmdi-card-giftcard:before{content:'\f126'}.zmdi-card-membership:before{content:'\f127'}.zmdi-card-travel:before{content:'\f128'}.zmdi-card:before{content:'\f129'}.zmdi-case-check:before{content:'\f12a'}.zmdi-case-download:before{content:'\f12b'}.zmdi-case-play:before{content:'\f12c'}.zmdi-case:before{content:'\f12d'}.zmdi-cast-connected:before{content:'\f12e'}.zmdi-cast:before{content:'\f12f'}.zmdi-chart-donut:before{content:'\f130'}.zmdi-chart:before{content:'\f131'}.zmdi-city-alt:before{content:'\f132'}.zmdi-city:before{content:'\f133'}.zmdi-close-circle-o:before{content:'\f134'}.zmdi-close-circle:before{content:'\f135'}.zmdi-close:before{content:'\f136'}.zmdi-cocktail:before{content:'\f137'}.zmdi-code-setting:before{content:'\f138'}.zmdi-code-smartphone:before{content:'\f139'}.zmdi-code:before{content:'\f13a'}.zmdi-coffee:before{content:'\f13b'}.zmdi-collection-bookmark:before{content:'\f13c'}.zmdi-collection-case-play:before{content:'\f13d'}.zmdi-collection-folder-image:before{content:'\f13e'}.zmdi-collection-image-o:before{content:'\f13f'}.zmdi-collection-image:before{content:'\f140'}.zmdi-collection-item-1:before{content:'\f141'}.zmdi-collection-item-2:before{content:'\f142'}.zmdi-collection-item-3:before{content:'\f143'}.zmdi-collection-item-4:before{content:'\f144'}.zmdi-collection-item-5:before{content:'\f145'}.zmdi-collection-item-6:before{content:'\f146'}.zmdi-collection-item-7:before{content:'\f147'}.zmdi-collection-item-8:before{content:'\f148'}.zmdi-collection-item-9-plus:before{content:'\f149'}.zmdi-collection-item-9:before{content:'\f14a'}.zmdi-collection-item:before{content:'\f14b'}.zmdi-collection-music:before{content:'\f14c'}.zmdi-collection-pdf:before{content:'\f14d'}.zmdi-collection-plus:before{content:'\f14e'}.zmdi-collection-speaker:before{content:'\f14f'}.zmdi-collection-text:before{content:'\f150'}.zmdi-collection-video:before{content:'\f151'}.zmdi-compass:before{content:'\f152'}.zmdi-cutlery:before{content:'\f153'}.zmdi-delete:before{content:'\f154'}.zmdi-dialpad:before{content:'\f155'}.zmdi-dns:before{content:'\f156'}.zmdi-drink:before{content:'\f157'}.zmdi-edit:before{content:'\f158'}.zmdi-email-open:before{content:'\f159'}.zmdi-email:before{content:'\f15a'}.zmdi-eye-off:before{content:'\f15b'}.zmdi-eye:before{content:'\f15c'}.zmdi-eyedropper:before{content:'\f15d'}.zmdi-favorite-outline:before{content:'\f15e'}.zmdi-favorite:before{content:'\f15f'}.zmdi-filter-list:before{content:'\f160'}.zmdi-fire:before{content:'\f161'}.zmdi-flag:before{content:'\f162'}.zmdi-flare:before{content:'\f163'}.zmdi-flash-auto:before{content:'\f164'}.zmdi-flash-off:before{content:'\f165'}.zmdi-flash:before{content:'\f166'}.zmdi-flip:before{content:'\f167'}.zmdi-flower-alt:before{content:'\f168'}.zmdi-flower:before{content:'\f169'}.zmdi-font:before{content:'\f16a'}.zmdi-fullscreen-alt:before{content:'\f16b'}.zmdi-fullscreen-exit:before{content:'\f16c'}.zmdi-fullscreen:before{content:'\f16d'}.zmdi-functions:before{content:'\f16e'}.zmdi-gas-station:before{content:'\f16f'}.zmdi-gesture:before{content:'\f170'}.zmdi-globe-alt:before{content:'\f171'}.zmdi-globe-lock:before{content:'\f172'}.zmdi-globe:before{content:'\f173'}.zmdi-graduation-cap:before{content:'\f174'}.zmdi-home:before{content:'\f175'}.zmdi-hospital-alt:before{content:'\f176'}.zmdi-hospital:before{content:'\f177'}.zmdi-hotel:before{content:'\f178'}.zmdi-hourglass-alt:before{content:'\f179'}.zmdi-hourglass-outline:before{content:'\f17a'}.zmdi-hourglass:before{content:'\f17b'}.zmdi-http:before{content:'\f17c'}.zmdi-image-alt:before{content:'\f17d'}.zmdi-image-o:before{content:'\f17e'}.zmdi-image:before{content:'\f17f'}.zmdi-inbox:before{content:'\f180'}.zmdi-invert-colors-off:before{content:'\f181'}.zmdi-invert-colors:before{content:'\f182'}.zmdi-key:before{content:'\f183'}.zmdi-label-alt-outline:before{content:'\f184'}.zmdi-label-alt:before{content:'\f185'}.zmdi-label-heart:before{content:'\f186'}.zmdi-label:before{content:'\f187'}.zmdi-labels:before{content:'\f188'}.zmdi-lamp:before{content:'\f189'}.zmdi-landscape:before{content:'\f18a'}.zmdi-layers-off:before{content:'\f18b'}.zmdi-layers:before{content:'\f18c'}.zmdi-library:before{content:'\f18d'}.zmdi-link:before{content:'\f18e'}.zmdi-lock-open:before{content:'\f18f'}.zmdi-lock-outline:before{content:'\f190'}.zmdi-lock:before{content:'\f191'}.zmdi-mail-reply-all:before{content:'\f192'}.zmdi-mail-reply:before{content:'\f193'}.zmdi-mail-send:before{content:'\f194'}.zmdi-mall:before{content:'\f195'}.zmdi-map:before{content:'\f196'}.zmdi-menu:before{content:'\f197'}.zmdi-money-box:before{content:'\f198'}.zmdi-money-off:before{content:'\f199'}.zmdi-money:before{content:'\f19a'}.zmdi-more-vert:before{content:'\f19b'}.zmdi-more:before{content:'\f19c'}.zmdi-movie-alt:before{content:'\f19d'}.zmdi-movie:before{content:'\f19e'}.zmdi-nature-people:before{content:'\f19f'}.zmdi-nature:before{content:'\f1a0'}.zmdi-navigation:before{content:'\f1a1'}.zmdi-open-in-browser:before{content:'\f1a2'}.zmdi-open-in-new:before{content:'\f1a3'}.zmdi-palette:before{content:'\f1a4'}.zmdi-parking:before{content:'\f1a5'}.zmdi-pin-account:before{content:'\f1a6'}.zmdi-pin-assistant:before{content:'\f1a7'}.zmdi-pin-drop:before{content:'\f1a8'}.zmdi-pin-help:before{content:'\f1a9'}.zmdi-pin-off:before{content:'\f1aa'}.zmdi-pin:before{content:'\f1ab'}.zmdi-pizza:before{content:'\f1ac'}.zmdi-plaster:before{content:'\f1ad'}.zmdi-power-setting:before{content:'\f1ae'}.zmdi-power:before{content:'\f1af'}.zmdi-print:before{content:'\f1b0'}.zmdi-puzzle-piece:before{content:'\f1b1'}.zmdi-quote:before{content:'\f1b2'}.zmdi-railway:before{content:'\f1b3'}.zmdi-receipt:before{content:'\f1b4'}.zmdi-refresh-alt:before{content:'\f1b5'}.zmdi-refresh-sync-alert:before{content:'\f1b6'}.zmdi-refresh-sync-off:before{content:'\f1b7'}.zmdi-refresh-sync:before{content:'\f1b8'}.zmdi-refresh:before{content:'\f1b9'}.zmdi-roller:before{content:'\f1ba'}.zmdi-ruler:before{content:'\f1bb'}.zmdi-scissors:before{content:'\f1bc'}.zmdi-screen-rotation-lock:before{content:'\f1bd'}.zmdi-screen-rotation:before{content:'\f1be'}.zmdi-search-for:before{content:'\f1bf'}.zmdi-search-in-file:before{content:'\f1c0'}.zmdi-search-in-page:before{content:'\f1c1'}.zmdi-search-replace:before{content:'\f1c2'}.zmdi-search:before{content:'\f1c3'}.zmdi-seat:before{content:'\f1c4'}.zmdi-settings-square:before{content:'\f1c5'}.zmdi-settings:before{content:'\f1c6'}.zmdi-shield-check:before{content:'\f1c7'}.zmdi-shield-security:before{content:'\f1c8'}.zmdi-shopping-basket:before{content:'\f1c9'}.zmdi-shopping-cart-plus:before{content:'\f1ca'}.zmdi-shopping-cart:before{content:'\f1cb'}.zmdi-sign-in:before{content:'\f1cc'}.zmdi-sort-amount-asc:before{content:'\f1cd'}.zmdi-sort-amount-desc:before{content:'\f1ce'}.zmdi-sort-asc:before{content:'\f1cf'}.zmdi-sort-desc:before{content:'\f1d0'}.zmdi-spellcheck:before{content:'\f1d1'}.zmdi-storage:before{content:'\f1d2'}.zmdi-store-24:before{content:'\f1d3'}.zmdi-store:before{content:'\f1d4'}.zmdi-subway:before{content:'\f1d5'}.zmdi-sun:before{content:'\f1d6'}.zmdi-tab-unselected:before{content:'\f1d7'}.zmdi-tab:before{content:'\f1d8'}.zmdi-tag-close:before{content:'\f1d9'}.zmdi-tag-more:before{content:'\f1da'}.zmdi-tag:before{content:'\f1db'}.zmdi-thumb-down:before{content:'\f1dc'}.zmdi-thumb-up-down:before{content:'\f1dd'}.zmdi-thumb-up:before{content:'\f1de'}.zmdi-ticket-star:before{content:'\f1df'}.zmdi-toll:before{content:'\f1e0'}.zmdi-toys:before{content:'\f1e1'}.zmdi-traffic:before{content:'\f1e2'}.zmdi-translate:before{content:'\f1e3'}.zmdi-triangle-down:before{content:'\f1e4'}.zmdi-triangle-up:before{content:'\f1e5'}.zmdi-truck:before{content:'\f1e6'}.zmdi-turning-sign:before{content:'\f1e7'}.zmdi-wallpaper:before{content:'\f1e8'}.zmdi-washing-machine:before{content:'\f1e9'}.zmdi-window-maximize:before{content:'\f1ea'}.zmdi-window-minimize:before{content:'\f1eb'}.zmdi-window-restore:before{content:'\f1ec'}.zmdi-wrench:before{content:'\f1ed'}.zmdi-zoom-in:before{content:'\f1ee'}.zmdi-zoom-out:before{content:'\f1ef'}.zmdi-alert-circle-o:before{content:'\f1f0'}.zmdi-alert-circle:before{content:'\f1f1'}.zmdi-alert-octagon:before{content:'\f1f2'}.zmdi-alert-polygon:before{content:'\f1f3'}.zmdi-alert-triangle:before{content:'\f1f4'}.zmdi-help-outline:before{content:'\f1f5'}.zmdi-help:before{content:'\f1f6'}.zmdi-info-outline:before{content:'\f1f7'}.zmdi-info:before{content:'\f1f8'}.zmdi-notifications-active:before{content:'\f1f9'}.zmdi-notifications-add:before{content:'\f1fa'}.zmdi-notifications-none:before{content:'\f1fb'}.zmdi-notifications-off:before{content:'\f1fc'}.zmdi-notifications-paused:before{content:'\f1fd'}.zmdi-notifications:before{content:'\f1fe'}.zmdi-account-add:before{content:'\f1ff'}.zmdi-account-box-mail:before{content:'\f200'}.zmdi-account-box-o:before{content:'\f201'}.zmdi-account-box-phone:before{content:'\f202'}.zmdi-account-box:before{content:'\f203'}.zmdi-account-calendar:before{content:'\f204'}.zmdi-account-circle:before{content:'\f205'}.zmdi-account-o:before{content:'\f206'}.zmdi-account:before{content:'\f207'}.zmdi-accounts-add:before{content:'\f208'}.zmdi-accounts-alt:before{content:'\f209'}.zmdi-accounts-list-alt:before{content:'\f20a'}.zmdi-accounts-list:before{content:'\f20b'}.zmdi-accounts-outline:before{content:'\f20c'}.zmdi-accounts:before{content:'\f20d'}.zmdi-face:before{content:'\f20e'}.zmdi-female:before{content:'\f20f'}.zmdi-male-alt:before{content:'\f210'}.zmdi-male-female:before{content:'\f211'}.zmdi-male:before{content:'\f212'}.zmdi-mood-bad:before{content:'\f213'}.zmdi-mood:before{content:'\f214'}.zmdi-run:before{content:'\f215'}.zmdi-walk:before{content:'\f216'}.zmdi-cloud-box:before{content:'\f217'}.zmdi-cloud-circle:before{content:'\f218'}.zmdi-cloud-done:before{content:'\f219'}.zmdi-cloud-download:before{content:'\f21a'}.zmdi-cloud-off:before{content:'\f21b'}.zmdi-cloud-outline-alt:before{content:'\f21c'}.zmdi-cloud-outline:before{content:'\f21d'}.zmdi-cloud-upload:before{content:'\f21e'}.zmdi-cloud:before{content:'\f21f'}.zmdi-download:before{content:'\f220'}.zmdi-file-plus:before{content:'\f221'}.zmdi-file-text:before{content:'\f222'}.zmdi-file:before{content:'\f223'}.zmdi-folder-outline:before{content:'\f224'}.zmdi-folder-person:before{content:'\f225'}.zmdi-folder-star-alt:before{content:'\f226'}.zmdi-folder-star:before{content:'\f227'}.zmdi-folder:before{content:'\f228'}.zmdi-gif:before{content:'\f229'}.zmdi-upload:before{content:'\f22a'}.zmdi-border-all:before{content:'\f22b'}.zmdi-border-bottom:before{content:'\f22c'}.zmdi-border-clear:before{content:'\f22d'}.zmdi-border-color:before{content:'\f22e'}.zmdi-border-horizontal:before{content:'\f22f'}.zmdi-border-inner:before{content:'\f230'}.zmdi-border-left:before{content:'\f231'}.zmdi-border-outer:before{content:'\f232'}.zmdi-border-right:before{content:'\f233'}.zmdi-border-style:before{content:'\f234'}.zmdi-border-top:before{content:'\f235'}.zmdi-border-vertical:before{content:'\f236'}.zmdi-copy:before{content:'\f237'}.zmdi-crop:before{content:'\f238'}.zmdi-format-align-center:before{content:'\f239'}.zmdi-format-align-justify:before{content:'\f23a'}.zmdi-format-align-left:before{content:'\f23b'}.zmdi-format-align-right:before{content:'\f23c'}.zmdi-format-bold:before{content:'\f23d'}.zmdi-format-clear-all:before{content:'\f23e'}.zmdi-format-clear:before{content:'\f23f'}.zmdi-format-color-fill:before{content:'\f240'}.zmdi-format-color-reset:before{content:'\f241'}.zmdi-format-color-text:before{content:'\f242'}.zmdi-format-indent-decrease:before{content:'\f243'}.zmdi-format-indent-increase:before{content:'\f244'}.zmdi-format-italic:before{content:'\f245'}.zmdi-format-line-spacing:before{content:'\f246'}.zmdi-format-list-bulleted:before{content:'\f247'}.zmdi-format-list-numbered:before{content:'\f248'}.zmdi-format-ltr:before{content:'\f249'}.zmdi-format-rtl:before{content:'\f24a'}.zmdi-format-size:before{content:'\f24b'}.zmdi-format-strikethrough-s:before{content:'\f24c'}.zmdi-format-strikethrough:before{content:'\f24d'}.zmdi-format-subject:before{content:'\f24e'}.zmdi-format-underlined:before{content:'\f24f'}.zmdi-format-valign-bottom:before{content:'\f250'}.zmdi-format-valign-center:before{content:'\f251'}.zmdi-format-valign-top:before{content:'\f252'}.zmdi-redo:before{content:'\f253'}.zmdi-select-all:before{content:'\f254'}.zmdi-space-bar:before{content:'\f255'}.zmdi-text-format:before{content:'\f256'}.zmdi-transform:before{content:'\f257'}.zmdi-undo:before{content:'\f258'}.zmdi-wrap-text:before{content:'\f259'}.zmdi-comment-alert:before{content:'\f25a'}.zmdi-comment-alt-text:before{content:'\f25b'}.zmdi-comment-alt:before{content:'\f25c'}.zmdi-comment-edit:before{content:'\f25d'}.zmdi-comment-image:before{content:'\f25e'}.zmdi-comment-list:before{content:'\f25f'}.zmdi-comment-more:before{content:'\f260'}.zmdi-comment-outline:before{content:'\f261'}.zmdi-comment-text-alt:before{content:'\f262'}.zmdi-comment-text:before{content:'\f263'}.zmdi-comment-video:before{content:'\f264'}.zmdi-comment:before{content:'\f265'}.zmdi-comments:before{content:'\f266'}.zmdi-check-all:before{content:'\f267'}.zmdi-check-circle-u:before{content:'\f268'}.zmdi-check-circle:before{content:'\f269'}.zmdi-check-square:before{content:'\f26a'}.zmdi-check:before{content:'\f26b'}.zmdi-circle-o:before{content:'\f26c'}.zmdi-circle:before{content:'\f26d'}.zmdi-dot-circle-alt:before{content:'\f26e'}.zmdi-dot-circle:before{content:'\f26f'}.zmdi-minus-circle-outline:before{content:'\f270'}.zmdi-minus-circle:before{content:'\f271'}.zmdi-minus-square:before{content:'\f272'}.zmdi-minus:before{content:'\f273'}.zmdi-plus-circle-o-duplicate:before{content:'\f274'}.zmdi-plus-circle-o:before{content:'\f275'}.zmdi-plus-circle:before{content:'\f276'}.zmdi-plus-square:before{content:'\f277'}.zmdi-plus:before{content:'\f278'}.zmdi-square-o:before{content:'\f279'}.zmdi-star-circle:before{content:'\f27a'}.zmdi-star-half:before{content:'\f27b'}.zmdi-star-outline:before{content:'\f27c'}.zmdi-star:before{content:'\f27d'}.zmdi-bluetooth-connected:before{content:'\f27e'}.zmdi-bluetooth-off:before{content:'\f27f'}.zmdi-bluetooth-search:before{content:'\f280'}.zmdi-bluetooth-setting:before{content:'\f281'}.zmdi-bluetooth:before{content:'\f282'}.zmdi-camera-add:before{content:'\f283'}.zmdi-camera-alt:before{content:'\f284'}.zmdi-camera-bw:before{content:'\f285'}.zmdi-camera-front:before{content:'\f286'}.zmdi-camera-mic:before{content:'\f287'}.zmdi-camera-party-mode:before{content:'\f288'}.zmdi-camera-rear:before{content:'\f289'}.zmdi-camera-roll:before{content:'\f28a'}.zmdi-camera-switch:before{content:'\f28b'}.zmdi-camera:before{content:'\f28c'}.zmdi-card-alert:before{content:'\f28d'}.zmdi-card-off:before{content:'\f28e'}.zmdi-card-sd:before{content:'\f28f'}.zmdi-card-sim:before{content:'\f290'}.zmdi-desktop-mac:before{content:'\f291'}.zmdi-desktop-windows:before{content:'\f292'}.zmdi-device-hub:before{content:'\f293'}.zmdi-devices-off:before{content:'\f294'}.zmdi-devices:before{content:'\f295'}.zmdi-dock:before{content:'\f296'}.zmdi-floppy:before{content:'\f297'}.zmdi-gamepad:before{content:'\f298'}.zmdi-gps-dot:before{content:'\f299'}.zmdi-gps-off:before{content:'\f29a'}.zmdi-gps:before{content:'\f29b'}.zmdi-headset-mic:before{content:'\f29c'}.zmdi-headset:before{content:'\f29d'}.zmdi-input-antenna:before{content:'\f29e'}.zmdi-input-composite:before{content:'\f29f'}.zmdi-input-hdmi:before{content:'\f2a0'}.zmdi-input-power:before{content:'\f2a1'}.zmdi-input-svideo:before{content:'\f2a2'}.zmdi-keyboard-hide:before{content:'\f2a3'}.zmdi-keyboard:before{content:'\f2a4'}.zmdi-laptop-chromebook:before{content:'\f2a5'}.zmdi-laptop-mac:before{content:'\f2a6'}.zmdi-laptop:before{content:'\f2a7'}.zmdi-mic-off:before{content:'\f2a8'}.zmdi-mic-outline:before{content:'\f2a9'}.zmdi-mic-setting:before{content:'\f2aa'}.zmdi-mic:before{content:'\f2ab'}.zmdi-mouse:before{content:'\f2ac'}.zmdi-network-alert:before{content:'\f2ad'}.zmdi-network-locked:before{content:'\f2ae'}.zmdi-network-off:before{content:'\f2af'}.zmdi-network-outline:before{content:'\f2b0'}.zmdi-network-setting:before{content:'\f2b1'}.zmdi-network:before{content:'\f2b2'}.zmdi-phone-bluetooth:before{content:'\f2b3'}.zmdi-phone-end:before{content:'\f2b4'}.zmdi-phone-forwarded:before{content:'\f2b5'}.zmdi-phone-in-talk:before{content:'\f2b6'}.zmdi-phone-locked:before{content:'\f2b7'}.zmdi-phone-missed:before{content:'\f2b8'}.zmdi-phone-msg:before{content:'\f2b9'}.zmdi-phone-paused:before{content:'\f2ba'}.zmdi-phone-ring:before{content:'\f2bb'}.zmdi-phone-setting:before{content:'\f2bc'}.zmdi-phone-sip:before{content:'\f2bd'}.zmdi-phone:before{content:'\f2be'}.zmdi-portable-wifi-changes:before{content:'\f2bf'}.zmdi-portable-wifi-off:before{content:'\f2c0'}.zmdi-portable-wifi:before{content:'\f2c1'}.zmdi-radio:before{content:'\f2c2'}.zmdi-reader:before{content:'\f2c3'}.zmdi-remote-control-alt:before{content:'\f2c4'}.zmdi-remote-control:before{content:'\f2c5'}.zmdi-router:before{content:'\f2c6'}.zmdi-scanner:before{content:'\f2c7'}.zmdi-smartphone-android:before{content:'\f2c8'}.zmdi-smartphone-download:before{content:'\f2c9'}.zmdi-smartphone-erase:before{content:'\f2ca'}.zmdi-smartphone-info:before{content:'\f2cb'}.zmdi-smartphone-iphone:before{content:'\f2cc'}.zmdi-smartphone-landscape-lock:before{content:'\f2cd'}.zmdi-smartphone-landscape:before{content:'\f2ce'}.zmdi-smartphone-lock:before{content:'\f2cf'}.zmdi-smartphone-portrait-lock:before{content:'\f2d0'}.zmdi-smartphone-ring:before{content:'\f2d1'}.zmdi-smartphone-setting:before{content:'\f2d2'}.zmdi-smartphone-setup:before{content:'\f2d3'}.zmdi-smartphone:before{content:'\f2d4'}.zmdi-speaker:before{content:'\f2d5'}.zmdi-tablet-android:before{content:'\f2d6'}.zmdi-tablet-mac:before{content:'\f2d7'}.zmdi-tablet:before{content:'\f2d8'}.zmdi-tv-alt-play:before{content:'\f2d9'}.zmdi-tv-list:before{content:'\f2da'}.zmdi-tv-play:before{content:'\f2db'}.zmdi-tv:before{content:'\f2dc'}.zmdi-usb:before{content:'\f2dd'}.zmdi-videocam-off:before{content:'\f2de'}.zmdi-videocam-switch:before{content:'\f2df'}.zmdi-videocam:before{content:'\f2e0'}.zmdi-watch:before{content:'\f2e1'}.zmdi-wifi-alt-2:before{content:'\f2e2'}.zmdi-wifi-alt:before{content:'\f2e3'}.zmdi-wifi-info:before{content:'\f2e4'}.zmdi-wifi-lock:before{content:'\f2e5'}.zmdi-wifi-off:before{content:'\f2e6'}.zmdi-wifi-outline:before{content:'\f2e7'}.zmdi-wifi:before{content:'\f2e8'}.zmdi-arrow-left-bottom:before{content:'\f2e9'}.zmdi-arrow-left:before{content:'\f2ea'}.zmdi-arrow-merge:before{content:'\f2eb'}.zmdi-arrow-missed:before{content:'\f2ec'}.zmdi-arrow-right-top:before{content:'\f2ed'}.zmdi-arrow-right:before{content:'\f2ee'}.zmdi-arrow-split:before{content:'\f2ef'}.zmdi-arrows:before{content:'\f2f0'}.zmdi-caret-down-circle:before{content:'\f2f1'}.zmdi-caret-down:before{content:'\f2f2'}.zmdi-caret-left-circle:before{content:'\f2f3'}.zmdi-caret-left:before{content:'\f2f4'}.zmdi-caret-right-circle:before{content:'\f2f5'}.zmdi-caret-right:before{content:'\f2f6'}.zmdi-caret-up-circle:before{content:'\f2f7'}.zmdi-caret-up:before{content:'\f2f8'}.zmdi-chevron-down:before{content:'\f2f9'}.zmdi-chevron-left:before{content:'\f2fa'}.zmdi-chevron-right:before{content:'\f2fb'}.zmdi-chevron-up:before{content:'\f2fc'}.zmdi-forward:before{content:'\f2fd'}.zmdi-long-arrow-down:before{content:'\f2fe'}.zmdi-long-arrow-left:before{content:'\f2ff'}.zmdi-long-arrow-return:before{content:'\f300'}.zmdi-long-arrow-right:before{content:'\f301'}.zmdi-long-arrow-tab:before{content:'\f302'}.zmdi-long-arrow-up:before{content:'\f303'}.zmdi-rotate-ccw:before{content:'\f304'}.zmdi-rotate-cw:before{content:'\f305'}.zmdi-rotate-left:before{content:'\f306'}.zmdi-rotate-right:before{content:'\f307'}.zmdi-square-down:before{content:'\f308'}.zmdi-square-right:before{content:'\f309'}.zmdi-swap-alt:before{content:'\f30a'}.zmdi-swap-vertical-circle:before{content:'\f30b'}.zmdi-swap-vertical:before{content:'\f30c'}.zmdi-swap:before{content:'\f30d'}.zmdi-trending-down:before{content:'\f30e'}.zmdi-trending-flat:before{content:'\f30f'}.zmdi-trending-up:before{content:'\f310'}.zmdi-unfold-less:before{content:'\f311'}.zmdi-unfold-more:before{content:'\f312'}.zmdi-apps:before{content:'\f313'}.zmdi-grid-off:before{content:'\f314'}.zmdi-grid:before{content:'\f315'}.zmdi-view-agenda:before{content:'\f316'}.zmdi-view-array:before{content:'\f317'}.zmdi-view-carousel:before{content:'\f318'}.zmdi-view-column:before{content:'\f319'}.zmdi-view-comfy:before{content:'\f31a'}.zmdi-view-compact:before{content:'\f31b'}.zmdi-view-dashboard:before{content:'\f31c'}.zmdi-view-day:before{content:'\f31d'}.zmdi-view-headline:before{content:'\f31e'}.zmdi-view-list-alt:before{content:'\f31f'}.zmdi-view-list:before{content:'\f320'}.zmdi-view-module:before{content:'\f321'}.zmdi-view-quilt:before{content:'\f322'}.zmdi-view-stream:before{content:'\f323'}.zmdi-view-subtitles:before{content:'\f324'}.zmdi-view-toc:before{content:'\f325'}.zmdi-view-web:before{content:'\f326'}.zmdi-view-week:before{content:'\f327'}.zmdi-widgets:before{content:'\f328'}.zmdi-alarm-check:before{content:'\f329'}.zmdi-alarm-off:before{content:'\f32a'}.zmdi-alarm-plus:before{content:'\f32b'}.zmdi-alarm-snooze:before{content:'\f32c'}.zmdi-alarm:before{content:'\f32d'}.zmdi-calendar-alt:before{content:'\f32e'}.zmdi-calendar-check:before{content:'\f32f'}.zmdi-calendar-close:before{content:'\f330'}.zmdi-calendar-note:before{content:'\f331'}.zmdi-calendar:before{content:'\f332'}.zmdi-time-countdown:before{content:'\f333'}.zmdi-time-interval:before{content:'\f334'}.zmdi-time-restore-setting:before{content:'\f335'}.zmdi-time-restore:before{content:'\f336'}.zmdi-time:before{content:'\f337'}.zmdi-timer-off:before{content:'\f338'}.zmdi-timer:before{content:'\f339'}.zmdi-android-alt:before{content:'\f33a'}.zmdi-android:before{content:'\f33b'}.zmdi-apple:before{content:'\f33c'}.zmdi-behance:before{content:'\f33d'}.zmdi-codepen:before{content:'\f33e'}.zmdi-dribbble:before{content:'\f33f'}.zmdi-dropbox:before{content:'\f340'}.zmdi-evernote:before{content:'\f341'}.zmdi-facebook-box:before{content:'\f342'}.zmdi-facebook:before{content:'\f343'}.zmdi-github-box:before{content:'\f344'}.zmdi-github:before{content:'\f345'}.zmdi-google-drive:before{content:'\f346'}.zmdi-google-earth:before{content:'\f347'}.zmdi-google-glass:before{content:'\f348'}.zmdi-google-maps:before{content:'\f349'}.zmdi-google-pages:before{content:'\f34a'}.zmdi-google-play:before{content:'\f34b'}.zmdi-google-plus-box:before{content:'\f34c'}.zmdi-google-plus:before{content:'\f34d'}.zmdi-google:before{content:'\f34e'}.zmdi-instagram:before{content:'\f34f'}.zmdi-language-css3:before{content:'\f350'}.zmdi-language-html5:before{content:'\f351'}.zmdi-language-javascript:before{content:'\f352'}.zmdi-language-python-alt:before{content:'\f353'}.zmdi-language-python:before{content:'\f354'}.zmdi-lastfm:before{content:'\f355'}.zmdi-linkedin-box:before{content:'\f356'}.zmdi-paypal:before{content:'\f357'}.zmdi-pinterest-box:before{content:'\f358'}.zmdi-pocket:before{content:'\f359'}.zmdi-polymer:before{content:'\f35a'}.zmdi-share:before{content:'\f35b'}.zmdi-stack-overflow:before{content:'\f35c'}.zmdi-steam-square:before{content:'\f35d'}.zmdi-steam:before{content:'\f35e'}.zmdi-twitter-box:before{content:'\f35f'}.zmdi-twitter:before{content:'\f360'}.zmdi-vk:before{content:'\f361'}.zmdi-wikipedia:before{content:'\f362'}.zmdi-windows:before{content:'\f363'}.zmdi-aspect-ratio-alt:before{content:'\f364'}.zmdi-aspect-ratio:before{content:'\f365'}.zmdi-blur-circular:before{content:'\f366'}.zmdi-blur-linear:before{content:'\f367'}.zmdi-blur-off:before{content:'\f368'}.zmdi-blur:before{content:'\f369'}.zmdi-brightness-2:before{content:'\f36a'}.zmdi-brightness-3:before{content:'\f36b'}.zmdi-brightness-4:before{content:'\f36c'}.zmdi-brightness-5:before{content:'\f36d'}.zmdi-brightness-6:before{content:'\f36e'}.zmdi-brightness-7:before{content:'\f36f'}.zmdi-brightness-auto:before{content:'\f370'}.zmdi-brightness-setting:before{content:'\f371'}.zmdi-broken-image:before{content:'\f372'}.zmdi-center-focus-strong:before{content:'\f373'}.zmdi-center-focus-weak:before{content:'\f374'}.zmdi-compare:before{content:'\f375'}.zmdi-crop-16-9:before{content:'\f376'}.zmdi-crop-3-2:before{content:'\f377'}.zmdi-crop-5-4:before{content:'\f378'}.zmdi-crop-7-5:before{content:'\f379'}.zmdi-crop-din:before{content:'\f37a'}.zmdi-crop-free:before{content:'\f37b'}.zmdi-crop-landscape:before{content:'\f37c'}.zmdi-crop-portrait:before{content:'\f37d'}.zmdi-crop-square:before{content:'\f37e'}.zmdi-exposure-alt:before{content:'\f37f'}.zmdi-exposure:before{content:'\f380'}.zmdi-filter-b-and-w:before{content:'\f381'}.zmdi-filter-center-focus:before{content:'\f382'}.zmdi-filter-frames:before{content:'\f383'}.zmdi-filter-tilt-shift:before{content:'\f384'}.zmdi-gradient:before{content:'\f385'}.zmdi-grain:before{content:'\f386'}.zmdi-graphic-eq:before{content:'\f387'}.zmdi-hdr-off:before{content:'\f388'}.zmdi-hdr-strong:before{content:'\f389'}.zmdi-hdr-weak:before{content:'\f38a'}.zmdi-hdr:before{content:'\f38b'}.zmdi-iridescent:before{content:'\f38c'}.zmdi-leak-off:before{content:'\f38d'}.zmdi-leak:before{content:'\f38e'}.zmdi-looks:before{content:'\f38f'}.zmdi-loupe:before{content:'\f390'}.zmdi-panorama-horizontal:before{content:'\f391'}.zmdi-panorama-vertical:before{content:'\f392'}.zmdi-panorama-wide-angle:before{content:'\f393'}.zmdi-photo-size-select-large:before{content:'\f394'}.zmdi-photo-size-select-small:before{content:'\f395'}.zmdi-picture-in-picture:before{content:'\f396'}.zmdi-slideshow:before{content:'\f397'}.zmdi-texture:before{content:'\f398'}.zmdi-tonality:before{content:'\f399'}.zmdi-vignette:before{content:'\f39a'}.zmdi-wb-auto:before{content:'\f39b'}.zmdi-eject-alt:before{content:'\f39c'}.zmdi-eject:before{content:'\f39d'}.zmdi-equalizer:before{content:'\f39e'}.zmdi-fast-forward:before{content:'\f39f'}.zmdi-fast-rewind:before{content:'\f3a0'}.zmdi-forward-10:before{content:'\f3a1'}.zmdi-forward-30:before{content:'\f3a2'}.zmdi-forward-5:before{content:'\f3a3'}.zmdi-hearing:before{content:'\f3a4'}.zmdi-pause-circle-outline:before{content:'\f3a5'}.zmdi-pause-circle:before{content:'\f3a6'}.zmdi-pause:before{content:'\f3a7'}.zmdi-play-circle-outline:before{content:'\f3a8'}.zmdi-play-circle:before{content:'\f3a9'}.zmdi-play:before{content:'\f3aa'}.zmdi-playlist-audio:before{content:'\f3ab'}.zmdi-playlist-plus:before{content:'\f3ac'}.zmdi-repeat-one:before{content:'\f3ad'}.zmdi-repeat:before{content:'\f3ae'}.zmdi-replay-10:before{content:'\f3af'}.zmdi-replay-30:before{content:'\f3b0'}.zmdi-replay-5:before{content:'\f3b1'}.zmdi-replay:before{content:'\f3b2'}.zmdi-shuffle:before{content:'\f3b3'}.zmdi-skip-next:before{content:'\f3b4'}.zmdi-skip-previous:before{content:'\f3b5'}.zmdi-stop:before{content:'\f3b6'}.zmdi-surround-sound:before{content:'\f3b7'}.zmdi-tune:before{content:'\f3b8'}.zmdi-volume-down:before{content:'\f3b9'}.zmdi-volume-mute:before{content:'\f3ba'}.zmdi-volume-off:before{content:'\f3bb'}.zmdi-volume-up:before{content:'\f3bc'}.zmdi-n-1-square:before{content:'\f3bd'}.zmdi-n-2-square:before{content:'\f3be'}.zmdi-n-3-square:before{content:'\f3bf'}.zmdi-n-4-square:before{content:'\f3c0'}.zmdi-n-5-square:before{content:'\f3c1'}.zmdi-n-6-square:before{content:'\f3c2'}.zmdi-neg-1:before{content:'\f3c3'}.zmdi-neg-2:before{content:'\f3c4'}.zmdi-plus-1:before{content:'\f3c5'}.zmdi-plus-2:before{content:'\f3c6'}.zmdi-sec-10:before{content:'\f3c7'}.zmdi-sec-3:before{content:'\f3c8'}.zmdi-zero:before{content:'\f3c9'}.zmdi-airline-seat-flat-angled:before{content:'\f3ca'}.zmdi-airline-seat-flat:before{content:'\f3cb'}.zmdi-airline-seat-individual-suite:before{content:'\f3cc'}.zmdi-airline-seat-legroom-extra:before{content:'\f3cd'}.zmdi-airline-seat-legroom-normal:before{content:'\f3ce'}.zmdi-airline-seat-legroom-reduced:before{content:'\f3cf'}.zmdi-airline-seat-recline-extra:before{content:'\f3d0'}.zmdi-airline-seat-recline-normal:before{content:'\f3d1'}.zmdi-airplay:before{content:'\f3d2'}.zmdi-closed-caption:before{content:'\f3d3'}.zmdi-confirmation-number:before{content:'\f3d4'}.zmdi-developer-board:before{content:'\f3d5'}.zmdi-disc-full:before{content:'\f3d6'}.zmdi-explicit:before{content:'\f3d7'}.zmdi-flight-land:before{content:'\f3d8'}.zmdi-flight-takeoff:before{content:'\f3d9'}.zmdi-flip-to-back:before{content:'\f3da'}.zmdi-flip-to-front:before{content:'\f3db'}.zmdi-group-work:before{content:'\f3dc'}.zmdi-hd:before{content:'\f3dd'}.zmdi-hq:before{content:'\f3de'}.zmdi-markunread-mailbox:before{content:'\f3df'}.zmdi-memory:before{content:'\f3e0'}.zmdi-nfc:before{content:'\f3e1'}.zmdi-play-for-work:before{content:'\f3e2'}.zmdi-power-input:before{content:'\f3e3'}.zmdi-present-to-all:before{content:'\f3e4'}.zmdi-satellite:before{content:'\f3e5'}.zmdi-tap-and-play:before{content:'\f3e6'}.zmdi-vibration:before{content:'\f3e7'}.zmdi-voicemail:before{content:'\f3e8'}.zmdi-import-export:before{content:'\f30c'}.zmdi-swap-vertical-:before{content:'\f30c'}.zmdi-airplanemode-inactive:before{content:'\f102'}.zmdi-airplanemode-active:before{content:'\f103'}.zmdi-rate-review:before{content:'\f103'}.zmdi-comment-sign:before{content:'\f25a'}.zmdi-network-warning:before{content:'\f2ad'}.zmdi-shopping-cart-add:before{content:'\f1ca'}.zmdi-file-add:before{content:'\f221'}.zmdi-network-wifi-scan:before{content:'\f2e4'}.zmdi-collection-add:before{content:'\f14e'}.zmdi-format-playlist-add:before{content:'\f3ac'}.zmdi-format-queue-music:before{content:'\f3ab'}.zmdi-plus-box:before{content:'\f277'}.zmdi-tag-backspace:before{content:'\f1d9'}.zmdi-alarm-add:before{content:'\f32b'}.zmdi-battery-charging:before{content:'\f114'}.zmdi-daydream-setting:before{content:'\f217'}.zmdi-more-horiz:before{content:'\f19c'}.zmdi-book-photo:before{content:'\f11b'}.zmdi-incandescent:before{content:'\f189'}.zmdi-wb-iridescent:before{content:'\f38c'}.zmdi-calendar-remove:before{content:'\f330'}.zmdi-refresh-sync-disabled:before{content:'\f1b7'}.zmdi-refresh-sync-problem:before{content:'\f1b6'}.zmdi-crop-original:before{content:'\f17e'}.zmdi-power-off:before{content:'\f1af'}.zmdi-power-off-setting:before{content:'\f1ae'}.zmdi-leak-remove:before{content:'\f38d'}.zmdi-star-border:before{content:'\f27c'}.zmdi-brightness-low:before{content:'\f36d'}.zmdi-brightness-medium:before{content:'\f36e'}.zmdi-brightness-high:before{content:'\f36f'}.zmdi-smartphone-portrait:before{content:'\f2d4'}.zmdi-live-tv:before{content:'\f2d9'}.zmdi-format-textdirection-l-to-r:before{content:'\f249'}.zmdi-format-textdirection-r-to-l:before{content:'\f24a'}.zmdi-arrow-back:before{content:'\f2ea'}.zmdi-arrow-forward:before{content:'\f2ee'}.zmdi-arrow-in:before{content:'\f2e9'}.zmdi-arrow-out:before{content:'\f2ed'}.zmdi-rotate-90-degrees-ccw:before{content:'\f304'}.zmdi-adb:before{content:'\f33a'}.zmdi-network-wifi:before{content:'\f2e8'}.zmdi-network-wifi-alt:before{content:'\f2e3'}.zmdi-network-wifi-lock:before{content:'\f2e5'}.zmdi-network-wifi-off:before{content:'\f2e6'}.zmdi-network-wifi-outline:before{content:'\f2e7'}.zmdi-network-wifi-info:before{content:'\f2e4'}.zmdi-layers-clear:before{content:'\f18b'}.zmdi-colorize:before{content:'\f15d'}.zmdi-format-paint:before{content:'\f1ba'}.zmdi-format-quote:before{content:'\f1b2'}.zmdi-camera-monochrome-photos:before{content:'\f285'}.zmdi-sort-by-alpha:before{content:'\f1cf'}.zmdi-folder-shared:before{content:'\f225'}.zmdi-folder-special:before{content:'\f226'}.zmdi-comment-dots:before{content:'\f260'}.zmdi-reorder:before{content:'\f31e'}.zmdi-dehaze:before{content:'\f197'}.zmdi-sort:before{content:'\f1ce'}.zmdi-pages:before{content:'\f34a'}.zmdi-calendar-account:before{content:'\f204'}.zmdi-paste:before{content:'\f109'}.zmdi-cut:before{content:'\f1bc'}.zmdi-save:before{content:'\f297'}.zmdi-smartphone-code:before{content:'\f139'}.zmdi-directions-bike:before{content:'\f117'}.zmdi-directions-boat:before{content:'\f11a'}.zmdi-directions-bus:before{content:'\f121'}.zmdi-directions-car:before{content:'\f125'}.zmdi-directions-railway:before{content:'\f1b3'}.zmdi-directions-run:before{content:'\f215'}.zmdi-directions-subway:before{content:'\f1d5'}.zmdi-directions-walk:before{content:'\f216'}.zmdi-local-hotel:before{content:'\f178'}.zmdi-local-activity:before{content:'\f1df'}.zmdi-local-play:before{content:'\f1df'}.zmdi-local-airport:before{content:'\f103'}.zmdi-local-atm:before{content:'\f198'}.zmdi-local-bar:before{content:'\f137'}.zmdi-local-cafe:before{content:'\f13b'}.zmdi-local-car-wash:before{content:'\f124'}.zmdi-local-convenience-store:before{content:'\f1d3'}.zmdi-local-dining:before{content:'\f153'}.zmdi-local-drink:before{content:'\f157'}.zmdi-local-florist:before{content:'\f168'}.zmdi-local-gas-station:before{content:'\f16f'}.zmdi-local-grocery-store:before{content:'\f1cb'}.zmdi-local-hospital:before{content:'\f177'}.zmdi-local-laundry-service:before{content:'\f1e9'}.zmdi-local-library:before{content:'\f18d'}.zmdi-local-mall:before{content:'\f195'}.zmdi-local-movies:before{content:'\f19d'}.zmdi-local-offer:before{content:'\f187'}.zmdi-local-parking:before{content:'\f1a5'}.zmdi-local-parking:before{content:'\f1a5'}.zmdi-local-pharmacy:before{content:'\f176'}.zmdi-local-phone:before{content:'\f2be'}.zmdi-local-pizza:before{content:'\f1ac'}.zmdi-local-post-office:before{content:'\f15a'}.zmdi-local-printshop:before{content:'\f1b0'}.zmdi-local-see:before{content:'\f28c'}.zmdi-local-shipping:before{content:'\f1e6'}.zmdi-local-store:before{content:'\f1d4'}.zmdi-local-taxi:before{content:'\f123'}.zmdi-local-wc:before{content:'\f211'}.zmdi-my-location:before{content:'\f299'}.zmdi-directions:before{content:'\f1e7'} \ No newline at end of file diff --git a/run/resources/public/assets/css/re-com.css b/run/resources/public/assets/css/re-com.css index 753917e6..c61e7474 100644 --- a/run/resources/public/assets/css/re-com.css +++ b/run/resources/public/assets/css/re-com.css @@ -12,6 +12,7 @@ height of the browser window and setting some global defaults like font... ----------------------------------------------------------------------------------------*/ +/* The following style addresses: http://stackoverflow.com/questions/28636832/firefox-overflow-y-not-working-with-nested-flexbox */ * { min-height: 0px; min-width: 0px; @@ -28,6 +29,23 @@ html, body { padding: 0px; } +/*---------------------------------------------------------------------------------------- + Bootstrap overrides after upgrading to 3.3.5 +----------------------------------------------------------------------------------------*/ + +.popover, .tooltip { + font-family: Segoe UI, Roboto, sans-serif; +} + +.popover-title { + font-weight: normal; +} + +.form-control-feedback { + pointer-events: initial; +} + + /*---------------------------------------------------------------------------------------- The section immediately below is required for the drop-down components and comes from the bootstrap-chosen library: @@ -906,7 +924,7 @@ html, body { color: #f57c00; } -.rc-input-text .md-warning { +.rc-input-text .zmdi-alert-triangle { color: #f57c00; } @@ -924,7 +942,7 @@ html, body { color: #d50000; } -.rc-input-text .md-error { +.rc-input-text .zmdi-alert-circle { color: #d50000; } @@ -944,6 +962,40 @@ code { padding: 0.1em 0.3em; } + +/*---------------------------------------------------------------------------------------- + Modern alerts +----------------------------------------------------------------------------------------*/ + +.alert-success-modern { + color: #444; + /*background-color: rgba(223, 240, 200, 0.40);*/ + background-color: rgba(0, 128, 0, 0.1); + border: none; + border-left: 4px solid rgba(0, 128, 0, 0.6); + border-radius: 0px; +} + +.alert-warning-modern { + color: #444; + /*background-color: rgba(223, 240, 200, 0.40);*/ + background-color: rgba(255, 165, 0, 0.1); + border: none; + border-left: 4px solid rgba(255, 165, 0, 0.6); + border-radius: 0px; +} + +.alert-danger-modern { + color: #444; + /*background-color: rgba(255, 32, 32, 0.05);*/ + background-color: rgba(255, 0, 0, 0.1); + border: none; + border-left: 4px solid rgba(255, 0, 0, 0.6); + border-radius: 0px; +} + + + /*---------------------------------------------------------------------------------------- Time component ----------------------------------------------------------------------------------------*/ @@ -1276,3 +1328,8 @@ code { display: -webkit-inline-flex; display: inline-flex; } + +.zmdi-hc-fw-rc { + width: 1em; + text-align: center; +} diff --git a/run/resources/public/assets/fonts/Material-Design-Iconic-Font.eot b/run/resources/public/assets/fonts/Material-Design-Iconic-Font.eot index df3fa775..97df79f0 100644 Binary files a/run/resources/public/assets/fonts/Material-Design-Iconic-Font.eot and b/run/resources/public/assets/fonts/Material-Design-Iconic-Font.eot differ diff --git a/run/resources/public/assets/fonts/Material-Design-Iconic-Font.svg b/run/resources/public/assets/fonts/Material-Design-Iconic-Font.svg index d4eefd04..a659818b 100644 --- a/run/resources/public/assets/fonts/Material-Design-Iconic-Font.svg +++ b/run/resources/public/assets/fonts/Material-Design-Iconic-Font.svg @@ -1,773 +1,1896 @@ - + - -{ - "fontFamily": "Material-Design-Iconic-Font", - "majorVersion": 1, - "minorVersion": 0, - "fontURL": "http://zavoloklom.github.io/material-design-iconic-font/", - "description": "Material Design Iconic Font is a full suite of material design icons (created and maintained by Google) for easy scalable vector graphics on websites.\nFont generated by IcoMoon.", - "copyright": "CSS: Kupletsky Sergey, Icons: Google", - "designerURL": "http://zavoloklom.github.io/", - "license": "Attribution-ShareAlike 4.0 International license", - "licenseURL": "http://creativecommons.org/licenses/by-sa/4.0/", - "version": "Version 1.0", - "fontId": "Material-Design-Iconic-Font", - "psName": "Material-Design-Iconic-Font", - "subFamily": "Regular", - "fullName": "Material-Design-Iconic-Font" -} - +Created by FontForge 20150318 at Mon Aug 3 07:55:32 2015 + By uniteet7 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/run/resources/public/assets/fonts/Material-Design-Iconic-Font.ttf b/run/resources/public/assets/fonts/Material-Design-Iconic-Font.ttf index b41cdc32..050b5ceb 100644 Binary files a/run/resources/public/assets/fonts/Material-Design-Iconic-Font.ttf and b/run/resources/public/assets/fonts/Material-Design-Iconic-Font.ttf differ diff --git a/run/resources/public/assets/fonts/Material-Design-Iconic-Font.woff b/run/resources/public/assets/fonts/Material-Design-Iconic-Font.woff index ccca1b01..b230486b 100644 Binary files a/run/resources/public/assets/fonts/Material-Design-Iconic-Font.woff and b/run/resources/public/assets/fonts/Material-Design-Iconic-Font.woff differ diff --git a/run/resources/public/assets/fonts/Material-Design-Iconic-Font.woff2 b/run/resources/public/assets/fonts/Material-Design-Iconic-Font.woff2 new file mode 100644 index 00000000..fce23c51 Binary files /dev/null and b/run/resources/public/assets/fonts/Material-Design-Iconic-Font.woff2 differ diff --git a/run/resources/public/index_dev.html b/run/resources/public/index_dev.html index 54f384ad..9a02934e 100644 --- a/run/resources/public/index_dev.html +++ b/run/resources/public/index_dev.html @@ -4,7 +4,6 @@ re-com Demo (dev) - @@ -19,9 +18,9 @@ diff --git a/run/resources/public/index_prod.html b/run/resources/public/index_prod.html index 494611ea..62ca103b 100644 --- a/run/resources/public/index_prod.html +++ b/run/resources/public/index_prod.html @@ -4,8 +4,7 @@ re-com Demo - - + diff --git a/src/re_com/alert.cljs b/src/re_com/alert.cljs index 4e29a279..83410e93 100644 --- a/src/re_com/alert.cljs +++ b/src/re_com/alert.cljs @@ -29,15 +29,16 @@ :as args}] {:pre [(validate-args-macro alert-box-args-desc args "alert-box")]} (let [close-button [button - :label [:i {:class "md-close" + :label [:i {:class "zmdi created zmdi-hc-fw-rc zmdi-close" :style {:font-size "20px"}}] ;"×" :on-click (handler-fn (on-close id)) :class "close"] - alert-type (if (= alert-type :info) - "success" - (name alert-type))] + alert-class (alert-type {:none "" + :info "alert-success" + :warning "alert-warning" + :danger "alert-danger"})] [:div - (merge {:class (str "rc-alert alert fade in alert-" alert-type " " class) + (merge {:class (str "rc-alert alert fade in " alert-class " " class) :style (merge (flex-child-style "none") {:padding (when padding padding)} style)} @@ -100,16 +101,16 @@ :attr attr :child [scroller :v-scroll :auto - :style {:max-height max-height} - :child [v-box - :size "auto" - :children [(for [alert alerts] - (let [{:keys [id alert-type heading body padding closeable?]} alert] - ^{:key id} [alert-box - :id id - :alert-type alert-type - :heading heading - :body body - :padding padding - :closeable? closeable? - :on-close on-close]))]]]]])) + :style {:max-height max-height} + :child [v-box + :size "auto" + :children [(for [alert alerts] + (let [{:keys [id alert-type heading body padding closeable?]} alert] + ^{:key id} [alert-box + :id id + :alert-type alert-type + :heading heading + :body body + :padding padding + :closeable? closeable? + :on-close on-close]))]]]]])) diff --git a/src/re_com/buttons.cljs b/src/re_com/buttons.cljs index 2732880e..35fdacf4 100644 --- a/src/re_com/buttons.cljs +++ b/src/re_com/buttons.cljs @@ -63,7 +63,7 @@ ;;-------------------------------------------------------------------------------------------------- (def md-circle-icon-button-args-desc - [{:name :md-icon-name :required true :default "md-add" :type "string" :validate-fn string? :description [:span "the name of the icon." [:br] "For example, " [:code "\"md-add\""] " or " [:code "\"md-undo\""]] } + [{:name :md-icon-name :required true :default "zmdi-plus" :type "string" :validate-fn string? :description [:span "the name of the icon." [:br] "For example, " [:code "\"zmdi-plus\""] " or " [:code "\"zmdi-undo\""]] } {:name :on-click :required false :type "-> nil" :validate-fn fn? :description "a function which takes no params and returns nothing. Called when the button is clicked"} {:name :size :required false :default :regular :type "keyword" :validate-fn button-size? :description [:span "one of " button-sizes-list]} {:name :tooltip :required false :type "string | hiccup" :validate-fn string-or-hiccup? :description "what to show in the tooltip"} @@ -80,7 +80,7 @@ (let [showing? (reagent/atom false)] (fn [& {:keys [md-icon-name on-click size tooltip tooltip-position emphasise? disabled? class style attr] - :or {md-icon-name "md-add"} + :or {md-icon-name "zmdi-plus"} :as args}] {:pre [(validate-args-macro md-circle-icon-button-args-desc args "md-circle-icon-button")]} (let [the-button [:div @@ -104,7 +104,7 @@ {:on-mouse-over (handler-fn (reset! showing? true)) :on-mouse-out (handler-fn (reset! showing? false))}) attr) - [:i {:class md-icon-name}]]] + [:i {:class (str "zmdi zmdi-hc-fw-rc " md-icon-name)}]]] (if tooltip [popover-tooltip :label tooltip @@ -119,7 +119,7 @@ ;;-------------------------------------------------------------------------------------------------- (def md-icon-button-args-desc - [{:name :md-icon-name :required true :default "md-add" :type "string" :validate-fn string? :description [:span "the name of the icon." [:br] "For example, " [:code "\"md-add\""] " or " [:code "\"md-undo\""]]} + [{:name :md-icon-name :required true :default "zmdi-plus" :type "string" :validate-fn string? :description [:span "the name of the icon." [:br] "For example, " [:code "\"zmdi-plus\""] " or " [:code "\"zmdi-undo\""]]} {:name :on-click :required false :type "-> nil" :validate-fn fn? :description "a function which takes no params and returns nothing. Called when the button is clicked"} {:name :size :required false :default :regular :type "keyword" :validate-fn button-size? :description [:span "one of " button-sizes-list]} {:name :tooltip :required false :type "string | hiccup" :validate-fn string-or-hiccup? :description "what to show in the tooltip"} @@ -136,7 +136,7 @@ (let [showing? (reagent/atom false)] (fn [& {:keys [md-icon-name on-click size tooltip tooltip-position emphasise? disabled? class style attr] - :or {md-icon-name "md-add"} + :or {md-icon-name "zmdi-plus"} :as args}] {:pre [(validate-args-macro md-icon-button-args-desc args "md-icon-button")]} (let [the-button [:div @@ -155,13 +155,12 @@ style) :on-click (handler-fn (when (and on-click (not disabled?)) - (on-click))) - } + (on-click)))} (when tooltip {:on-mouse-over (handler-fn (reset! showing? true)) :on-mouse-out (handler-fn (reset! showing? false))}) attr) - [:i {:class md-icon-name}]]] + [:i {:class (str "zmdi zmdi-hc-fw-rc " md-icon-name)}]]] (if tooltip [popover-tooltip :label tooltip @@ -217,7 +216,7 @@ ;;-------------------------------------------------------------------------------------------------- (def row-button-args-desc - [{:name :md-icon-name :required true :default "md-add" :type "string" :validate-fn string? :description [:span "the name of the icon." [:br] "For example, " [:code "\"md-add\""] " or " [:code "\"md-undo\""]]} + [{:name :md-icon-name :required true :default "zmdi-plus" :type "string" :validate-fn string? :description [:span "the name of the icon." [:br] "For example, " [:code "\"zmdi-plus\""] " or " [:code "\"zmdi-undo\""]]} {:name :on-click :required false :type "-> nil" :validate-fn fn? :description "a function which takes no params and returns nothing. Called when the button is clicked"} {:name :mouse-over-row? :required false :default false :type "boolean" :description "true if the mouse is hovering over the row"} {:name :tooltip :required false :type "string | hiccup" :validate-fn string-or-hiccup? :description "what to show in the tooltip"} @@ -233,7 +232,7 @@ (let [showing? (reagent/atom false)] (fn [& {:keys [md-icon-name on-click mouse-over-row? tooltip tooltip-position disabled? class style attr] - :or {md-icon-name "md-add"} + :or {md-icon-name "zmdi-plus"} :as args}] {:pre [(validate-args-macro row-button-args-desc args "row-button")]} (let [the-button [:div @@ -251,7 +250,7 @@ {:on-mouse-over (handler-fn (reset! showing? true)) :on-mouse-out (handler-fn (reset! showing? false))}) ;; Need to return true to ALLOW default events to be performed attr) - [:i {:class md-icon-name}]]] + [:i {:class (str "zmdi zmdi-hc-fw-rc " md-icon-name)}]]] (if tooltip [popover-tooltip :label tooltip diff --git a/src/re_com/datepicker.cljs b/src/re_com/datepicker.cljs index 80229013..87376d9c 100644 --- a/src/re_com/datepicker.cljs +++ b/src/re_com/datepicker.cljs @@ -87,6 +87,7 @@ "Answer 2 x rows showing month with nav buttons and days NOTE: not internationalized" [current {show-weeks? :show-weeks? minimum :minimum maximum :maximum}] (let [prev-date (dec-month @current) + ;prev-enabled? (if minimum (after? prev-date (dec-month minimum)) true) prev-enabled? (if minimum (after? prev-date minimum) true) next-date (inc-month @current) next-enabled? (if maximum (before? next-date maximum) true) @@ -95,13 +96,13 @@ (conj template-row [:th {:class (str "prev " (if prev-enabled? "available selectable" "disabled")) :style {:padding "0px"}} - [:i.md-chevron-left + [:i.zmdi.zmdi-chevron-left {:style {:font-size "24px"} :on-click (handler-fn (when prev-enabled? (reset! current prev-date)))}]] [:th {:class "month" :col-span "5"} (month-label @current)] [:th {:class (str "next " (if next-enabled? "available selectable" "disabled")) :style {:padding "0px"}} - [:i.md-chevron-right + [:i.zmdi.zmdi-chevron-right {:style {:font-size "24px"} :on-click (handler-fn (when next-enabled? (reset! current next-date)))}]]) (conj template-row @@ -227,15 +228,16 @@ :style (flex-child-style "none") :on-click (handler-fn (swap! shown? not))} [h-box - :align :center - :class "noselect" - :children [[:label {:class "form-control dropdown-button"} - (unparse (if (seq format) (formatter format) date-format) @model)] - #_[:span {:class "dropdown-button activator input-group-addon"} ;; TODO: Remove - [:i {:class "glyphicon glyphicon-th"}]] - [:span.dropdown-button.activator.input-group-addon - {:style {:padding "3px 0 0 0"}} - [:i.md-apps {:style {:font-size "24px"}}]]]]]) + :align :center + :class "noselect" + :min-width "10em" + :children [[:label {:class "form-control dropdown-button"} + (if (instance? js/goog.date.Date @model) + (unparse (if (seq format) (formatter format) date-format) @model) + "")] + [:span.dropdown-button.activator.input-group-addon + {:style {:padding "3px 0 0 0"}} + [:i.zmdi.zmdi-apps {:style {:font-size "24px"}}]]]]]) (def datepicker-dropdown-args-desc (conj datepicker-args-desc @@ -265,10 +267,9 @@ (when shown? [backdrop :on-click cancel-popover]) [popover-border :position position - :width "auto" ;; TODO: Sort this mess out! :arrow-length 0 :arrow-width 0 - :margin-left (if show-weeks? "-26px" "-13px") + :margin-left (if show-weeks? "-50px" "-36px") ; Align right edge to activation button. :margin-top "3px" :padding "0px" :children [(into [datepicker] passthrough-args)]]]])))) diff --git a/src/re_com/input_time.cljs b/src/re_com/input_time.cljs index 17d1ce5d..4beac6c0 100644 --- a/src/re_com/input_time.cljs +++ b/src/re_com/input_time.cljs @@ -185,5 +185,5 @@ [:span.glyphicon.glyphicon-time {:style {:position "static" :margin "auto"}}]] [:div.time-icon - [:i.md-access-time + [:i.zmdi.zmdi-hc-fw-rc.zmdi-time {:style {:position "static" :margin "auto"}}]])]])))) diff --git a/src/re_com/misc.cljs b/src/re_com/misc.cljs index 45ad9d52..850beb97 100644 --- a/src/re_com/misc.cljs +++ b/src/re_com/misc.cljs @@ -114,19 +114,18 @@ :status status ;:width "200px" :showing? showing? - :anchor [:i {:class (str (if (= status :warning) "md-warning" "md-error") " form-control-feedback") + :anchor [:i {:class (str "zmdi " (if (= status :warning) "zmdi-alert-triangle" "zmdi-alert-circle") " form-control-feedback") :style {:position "static" :width "auto" :height "auto" - :opacity (if (and status-icon? status) "1" "0") - } + :opacity (if (and status-icon? status) "1" "0")} :on-mouse-over (handler-fn (when (and status-icon? status) (reset! showing? true))) :on-mouse-out (handler-fn (reset! showing? false))}] :style (merge (flex-child-style "none") (align-style :align-self :center) {:font-size "130%" :margin-left "4px"})] - [:i {:class (str (if (= status :warning) "md-warning" "md-error") " form-control-feedback") + [:i {:class (str "zmdi " (if (= status :warning) "zmdi-alert-triangle" "zmdi-alert-circle") " form-control-feedback") :style (merge (flex-child-style "none") (align-style :align-self :center) {:position "static" diff --git a/src/re_com/modal_panel.cljs b/src/re_com/modal_panel.cljs index c29f0d0f..1bb6648a 100644 --- a/src/re_com/modal_panel.cljs +++ b/src/re_com/modal_panel.cljs @@ -1,4 +1,5 @@ (ns re-com.modal-panel + (:require-macros [re-com.core :refer [handler-fn]]) (:require [re-com.validate :refer [string-or-hiccup? number-or-string? css-style? html-attr?] :refer-macros [validate-args-macro]])) ;; ------------------------------------------------------------------------------------ @@ -6,46 +7,49 @@ ;; ------------------------------------------------------------------------------------ (def modal-panel-args-desc - [{:name :child :required true :type "string | hiccup" :validate-fn string-or-hiccup? :description "hiccup to be centered within in the browser window"} - {:name :wrap-nicely? :required false :default true :type "boolean" :description [:span "if true, wrap " [:code ":child"] " in a white, rounded panel"]} - {:name :backdrop-color :required false :default "black" :type "string" :validate-fn string? :description "CSS color of backdrop"} - {:name :backdrop-opacity :required false :default 0.6 :type "double | string" :validate-fn number-or-string? :description [:span "opacity of backdrop from:" [:br] "0.0 (transparent) to 1.0 (opaque)"]} - {:name :class :required false :type "string" :validate-fn string? :description "CSS class names, space separated"} - {:name :style :required false :type "CSS style map" :validate-fn css-style? :description "CSS styles to add or override"} - {:name :attr :required false :type "HTML attr map" :validate-fn html-attr? :description [:span "HTML attributes, like " [:code ":on-mouse-move"] [:br] "No " [:code ":class"] " or " [:code ":style"] "allowed"]}]) + [{:name :child :required true :type "string | hiccup" :validate-fn string-or-hiccup? :description "hiccup to be centered within in the browser window"} + {:name :wrap-nicely? :required false :default true :type "boolean" :description [:span "if true, wrap " [:code ":child"] " in a white, rounded panel"]} + {:name :backdrop-color :required false :default "black" :type "string" :validate-fn string? :description "CSS color of backdrop"} + {:name :backdrop-opacity :required false :default 0.6 :type "double | string" :validate-fn number-or-string? :description [:span "opacity of backdrop from:" [:br] "0.0 (transparent) to 1.0 (opaque)"]} + {:name :backdrop-on-click :required false :default nil :type "-> nil" :validate-fn fn? :description "a function which takes no params and returns nothing. Called when the backdrop is clicked"} + {:name :class :required false :type "string" :validate-fn string? :description "CSS class names, space separated"} + {:name :style :required false :type "CSS style map" :validate-fn css-style? :description "CSS styles to add or override"} + {:name :attr :required false :type "HTML attr map" :validate-fn html-attr? :description [:span "HTML attributes, like " [:code ":on-mouse-move"] [:br] "No " [:code ":class"] " or " [:code ":style"] "allowed"]}]) (defn modal-panel "Renders a modal window centered on screen. A dark transparent backdrop sits between this and the underlying main window to prevent UI interactivity and place user focus on the modal window. Parameters: - child: The message to display in the modal (a string or a hiccup vector or function returning a hiccup vector)" - [& {:keys [child wrap-nicely? backdrop-color backdrop-opacity class style attr] + [& {:keys [child wrap-nicely? backdrop-color backdrop-opacity class style attr backdrop-on-click] :or {wrap-nicely? true backdrop-color "black" backdrop-opacity 0.6} :as args}] {:pre [(validate-args-macro modal-panel-args-desc args "modal-panel")]} - [:div - (merge {:class (str "rc-modal-panel display-flex " class) ;; Containing div - :style (merge {:position "fixed" - :left "0px" - :top "0px" - :width "100%" - :height "100%"} - style)} - attr) - [:div - {:style {:position "fixed" ;; Backdrop - :width "100%" - :height "100%" - :background-color backdrop-color - :opacity backdrop-opacity - :z-index 1020 - :pointer-events "none"} ;; TODO: trying to prevent change of focus under the when clicking on backdrop (also with the on-click below). Remove! - :on-click #(do (println "stopping propagation") (.preventDefault %) (.stopPropagation %)) - }] - [:div - {:style (merge {:margin "auto" ;; Child - :z-index 1020} - (when wrap-nicely? {:background-color "white" - :padding "16px" - :border-radius "6px"}))} - child]]) + (fn [] + [:div ;; Containing div + (merge {:class (str "rc-modal-panel display-flex " class) + :style (merge {:position "fixed" + :left "0px" + :top "0px" + :width "100%" + :height "100%" + :z-index 1020} + style)} + attr) + [:div ;; Backdrop + {:style {:position "fixed" + :width "100%" + :height "100%" + :background-color backdrop-color + :opacity backdrop-opacity + :z-index 1} + :on-click (handler-fn (when backdrop-on-click (backdrop-on-click)) + (.preventDefault event) + (.stopPropagation event))}] + [:div ;; Child container + {:style (merge {:margin "auto" + :z-index 2} + (when wrap-nicely? {:background-color "white" + :padding "16px" + :border-radius "6px"}))} + child]])) diff --git a/src/re_com/popover.cljs b/src/re_com/popover.cljs index 713605d5..f11cac91 100644 --- a/src/re_com/popover.cljs +++ b/src/re_com/popover.cljs @@ -33,12 +33,13 @@ (close-callback) (reset! showing? false))) :class "close" - :style (merge {:font-size "34px" + :style (merge {:width "34px" + :font-size "26px" :position "absolute" - :top "0px" - :right "0px"} + :top "4px" + :right "2px"} style)} - [:i {:class "md-close"}]]) + [:i {:class "zmdi zmdi-hc-fw-rc zmdi-close"}]]) (defn- calc-popover-pos diff --git a/src/re_com/selection_list.cljs b/src/re_com/selection_list.cljs index d457f139..f17d39dd 100644 --- a/src/re_com/selection_list.cljs +++ b/src/re_com/selection_list.cljs @@ -95,7 +95,7 @@ (def selection-list-args-desc [{:name :choices :required true :type "vector of maps | atom" :validate-fn vector-of-maps? :description [:span "the selectable items. Elements can be strings or more interesting data items like {:label \"some name\" :sort 5}. Also see " [:code ":label-fn"] " below (list of maps also allowed)"]} {:name :model :required true :type "set of :ids within :choices | atom" :validate-fn set-or-atom? :description "the currently selected items. Note: items are considered distinct"} - {:name :on-change :required true :type "set of :ids -> nil | atom" :validate-fn fn? :description "a callback which will be passed set of the ids of the selected items"} + {:name :on-change :required true :type "set of :ids -> nil | atom" :validate-fn fn? :description [:span "a callback which will be passed set of the ids (as defined by " [:code ":id-fn"] ") of the selected items"]} {:name :id-fn :required false :default :id :type "choice -> anything" :validate-fn ifn? :description [:span "given an element of " [:code ":choices"] ", returns its unique identifier (aka id)"]} {:name :multi-select? :required false :default true :type "boolean | atom" :description "when true, use check boxes, otherwise radio buttons"} {:name :as-exclusions? :required false :default false :type "boolean | atom" :description "when true, selected items are shown with struck-out labels"} diff --git a/src/re_com/validate.cljs b/src/re_com/validate.cljs index 12c5c176..27bc576c 100644 --- a/src/re_com/validate.cljs +++ b/src/re_com/validate.cljs @@ -117,7 +117,7 @@ (def justify-options [:start :end :center :between :around]) (def align-options [:start :end :center :baseline :stretch]) (def scroll-options [:auto :off :on :spill]) -(def alert-types [:info :warning :danger]) +(def alert-types [:none :info :warning :danger]) (def button-sizes [:regular :smaller :larger]) (def throbber-sizes [:regular :small :large]) (def input-status-types [:warning :error]) @@ -192,6 +192,10 @@ :on-mouse-leave :on-mouse-move :on-mouse-out :on-mouse-over :on-mouse-up :on-paste :on-scroll :on-submit :on-touch-cancel :on-touch-end :on-touch-move :on-touch-start :on-wheel}) +;; Reference: http://facebook.github.io/react/docs/tags-and-attributes.html#supported-attributes + +(def extension-attrs #{:data :aria}) + ;; Reference: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference (def css-styles #{; ----- Standard CSS styles @@ -263,6 +267,21 @@ {:status :warning :message (str "Unknown CSS style(s): " (remove css-styles arg-keys))})))))) +(defn extension-attribute? + "Returns truthy if the attribute name is an extension attribute, that is data-* or aria-*, otherwise falsey." + ([attr] + (let [attr (name attr) + ext? #(and (= (.indexOf attr %) 0) + (> (count attr) (count %)))] + (some (comp ext? #(str % "-") name) extension-attrs)))) + +(defn invalid-html-attrs + "Returns the subset of HTML attributes contained in the passed argument that are not valid HTML attributes." + [attrs] + (remove #(or (html-attrs %) + (extension-attribute? %)) + attrs)) + (defn html-attr? "Returns true if the passed argument is a valid HTML, SVG or event attribute. Otherwise returns a warning map. @@ -277,9 +296,10 @@ contains-class? (contains? arg-keys :class) contains-style? (contains? arg-keys :style) result (cond - contains-class? ":class not allowed in :attr argument" - contains-style? ":style not allowed in :attr argument" - (not (superset? html-attrs arg-keys)) (str "Unknown HTML attribute(s): " (remove html-attrs arg-keys)))] + contains-class? ":class not allowed in :attr argument" + contains-style? ":style not allowed in :attr argument" + :else (when-let [invalid (not-empty (invalid-html-attrs arg-keys))] + (str "Unknown HTML attribute(s): " invalid)))] (or (nil? result) {:status (if (or contains-class? contains-style?) :error :warning) :message result})))))) diff --git a/src/re_demo/alert_box.cljs b/src/re_demo/alert_box.cljs index 83acb28a..9bd663cd 100644 --- a/src/re_demo/alert_box.cljs +++ b/src/re_demo/alert_box.cljs @@ -1,5 +1,5 @@ (ns re-demo.alert-box - (:require [re-com.core :refer [h-box v-box box line gap label alert-box alert-list p]] + (:require [re-com.core :refer [h-box v-box box line gap title label alert-box alert-list p]] [re-com.alert :refer [alert-box-args-desc alert-list-args-desc]] [re-demo.utils :refer [panel-title title2 args-table github-hyperlink status-text]] [reagent.debug :refer-macros [dbg prn println log dev? warn warn-unless]] @@ -7,9 +7,12 @@ (defn alert-box-demo [] - (let [show-alert (reagent/atom true) - show-alert1 (reagent/atom true) - show-alert2 (reagent/atom true)] + (let [show-alert1 (reagent/atom true) + show-alert2 (reagent/atom true) + show-alert3 (reagent/atom true) + show-alert4 (reagent/atom true) + show-alert5 (reagent/atom true) + show-alert6 (reagent/atom true)] (fn [] [v-box :size "auto" @@ -31,37 +34,94 @@ :width "600px" :gap "10px" :children [[title2 "Demo"] - (if @show-alert + (if @show-alert1 [alert-box ;(alert-box-meta alert-box) :id 1 :alert-type :info :heading "This Is An Alert Heading" :body [:p "This is an alert body. This alert has an :alert-type of :info which makes it green, and it includes a :heading, a :body and a close button. Click the x to close it."] :closeable? true - :on-close #(reset! show-alert false)] + :on-close #(reset! show-alert1 false)] [:p {:style {:text-align "center" :margin "30px"}} "[You closed me]"]) - [gap :size "50px"] - [:p "Further Variations ..."] - (when @show-alert1 + + [gap :size "30px"] + [title + :level :level3 + :label "Further Variations"] + (when @show-alert2 [:div [alert-box :alert-type :info :heading "Alert with :heading but no :body" :closeable? true - :on-close #(reset! show-alert1 false)]]) - (when @show-alert2 + :on-close #(reset! show-alert2 false)]]) + (when @show-alert3 [:div [alert-box :alert-type :warning :body "Alert with :body but no :heading (:padding set to 6px)." :padding "6px" :closeable? true - :on-close #(reset! show-alert2 false)]]) + :on-close #(reset! show-alert3 false)]]) [alert-box :alert-type :danger :heading ":alert-type is :danger" :body [:span "This is the :body of an danger-styled alert with :closeable? omitted (defaults to false). " - [:a {:href "http://google.com" :target "_blank"} "Link to Google"] "."]]]]]]]]))) + [:a {:href "http://google.com" :target "_blank"} "Link to Google"] "."]] + [gap :size "30px"] + [title + :level :level3 + :label [:span [:code ":alert-type"] " set to " [:code ":none"]]] + (when @show-alert4 + [alert-box + :id 1 + :alert-type :none + :heading "This Is An Unstyled Alert" + :body [:p "This is an alert body. This alert has an :alert-type of :none, and it includes a :heading, a :body and a close button. Click the x to close it."] + :closeable? true + :on-close #(reset! show-alert4 false)]) + + [title + :level :level3 + :label [:span [:code ":alert-type"] " set to " [:code ":none"] " with custom " [:code ":style"] " and " [:code ":body"]]] + + (when @show-alert5 + [:div + [alert-box + :alert-type :none + :class "alert-success-modern" + :heading "Alert with :heading but no :body" + :closeable? true + :on-close #(reset! show-alert5 false)]]) + (when @show-alert6 + [:div + [alert-box + :alert-type :none + :class "alert-warning-modern" + :body "Alert with :body but no :heading (:padding set to 6px)." + :padding "6px" + :closeable? true + :on-close #(reset! show-alert5 false)]]) + [alert-box + :alert-type :none + :class "alert-danger-modern" + :heading ":alert-type is :danger" + :body [:span "This is the :body of an danger-styled alert with :closeable? omitted (defaults to false). " + [:a {:href "http://google.com" :target "_blank"} "Link to Google"] "."]] + + [alert-box + :id 1 + :alert-type :none + :body [h-box + :gap "10px" + :children [[box :child [:span "Last scan: 6/8/2015, 1:46:10 PM" [:br] "Scanned in 5.21s"]] + [line :size "2px" :color "green"] + [box :child [:span "Vendor:" [:br] "Model:"]]]] + :style {:background-color "rgba(223, 240, 200, 0.4)" + :border "2px solid green" + :border-radius "0px" + :box-shadow "2px 2px 6px #ccc"}] + [gap :size "60px"]]]]]]]))) @@ -69,5 +129,3 @@ (defn panel [] [alert-box-demo]) - - diff --git a/src/re_demo/button.cljs b/src/re_demo/button.cljs index 9f6b7a1f..10275402 100644 --- a/src/re_demo/button.cljs +++ b/src/re_demo/button.cljs @@ -78,7 +78,7 @@ [p "The two buttons above are styled using Bootstrap. For the " [:code ":class"] " parameter, we passed in the name of a standard Bootstrap class, like \"btn-default\"."] [p "But the button below was created by supplying inline styles via the " [:code ":style"] " and " [:code ":attr"] " parameters. To see the code, click the \"Page Source\" hyperlink at the top."] [button - :label [:span "Microsoft Modern Button " [:i.md-file-download]] + :label [:span "Microsoft Modern Button " [:i.zmdi.zmdi-hc-fw-rc.zmdi-download]] :on-click #() :style {:color "white" :background-color (if @hover? "#0072bb" "#4d90fe") diff --git a/src/re_demo/dropdowns.cljs b/src/re_demo/dropdowns.cljs index 30c3b4d7..b3364c8e 100644 --- a/src/re_demo/dropdowns.cljs +++ b/src/re_demo/dropdowns.cljs @@ -311,7 +311,7 @@ :width "300px" :on-change #(do (reset! selected-country-id %) - (reset! filtered-cities (filter-choices-by-keyword cities :country-id @selected-country-id)) + (reset! filtered-cities (vec (filter-choices-by-keyword cities :country-id @selected-country-id))) (reset! selected-city-id nil))] [:div [:strong "Selected country: "] diff --git a/src/re_demo/h_box.cljs b/src/re_demo/h_box.cljs index c99162bf..20ed19d2 100644 --- a/src/re_demo/h_box.cljs +++ b/src/re_demo/h_box.cljs @@ -120,8 +120,7 @@ [:p [:code ":justify"] " is the analog of " [hyperlink-href :label "Flexbox justify-content style" :href "https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content" - :target "_blank"] "."] - [:p [:strong "Note: "] "There is a bug in Chrome. When switching from :between to :around (or visa versa), the change is not shown. To get around this, select a different value beforehand."]]]} + :target "_blank"] "."]]]} ;; Align {:hbox {:over? false @@ -407,7 +406,7 @@ "close button used for all the editors" [on-close] [button - :label [:i {:class "md-close" + :label [:i {:class "zmdi zmdi-hc-fw-rc zmdi-close" :style {:font-size "20px" :margin-left "8px"}}] :on-click #(on-close) diff --git a/src/re_demo/introduction.cljs b/src/re_demo/introduction.cljs index adf145a0..aa04d87d 100644 --- a/src/re_demo/introduction.cljs +++ b/src/re_demo/introduction.cljs @@ -180,7 +180,7 @@ :size "100px" :align-self :center :justify :center - :child [:div {:class "md-forward rc-icon-larger" + :child [:div {:class "zmdi zmdi-forward rc-icon-larger" :style {:color "lightgrey"}}]] [v-box :children [[p "... results in this kind of structure:"] diff --git a/src/re_demo/layout.cljs b/src/re_demo/layout.cljs index 12bd8d1d..64b6c182 100644 --- a/src/re_demo/layout.cljs +++ b/src/re_demo/layout.cljs @@ -37,7 +37,7 @@ :size "100px" :align-self :center :justify :center - :child [:div {:class "md-forward rc-icon-larger" + :child [:div {:class "zmdi zmdi-forward rc-icon-larger" :style {:color "lightgrey"}}]] [v-box :children [[p "... results in this kind of structure:"] diff --git a/src/re_demo/md_circle_icon_button.cljs b/src/re_demo/md_circle_icon_button.cljs index 707d1fac..f75106b3 100644 --- a/src/re_demo/md_circle_icon_button.cljs +++ b/src/re_demo/md_circle_icon_button.cljs @@ -6,12 +6,12 @@ (def icons - [{:id "md-add" :label [:i {:class "md-add"}]} - {:id "md-delete" :label [:i {:class "md-delete"}]} - {:id "md-undo" :label [:i {:class "md-undo"}]} - {:id "md-home" :label [:i {:class "md-home"}]} - {:id "md-person" :label [:i {:class "md-person"}]} - {:id "md-info" :label [:i {:class "md-info"}]}]) + [{:id "zmdi-plus" :label [:i {:class "zmdi zmdi-plus"}]} + {:id "zmdi-delete" :label [:i {:class "zmdi zmdi-delete"}]} + {:id "zmdi-undo" :label [:i {:class "zmdi zmdi-undo"}]} + {:id "zmdi-home" :label [:i {:class "zmdi zmdi-home"}]} + {:id "zmdi-account" :label [:i {:class "zmdi zmdi-account"}]} + {:id "zmdi-info" :label [:i {:class "zmdi zmdi-info"}]}]) (defn example-icons diff --git a/src/re_demo/modal_panel.cljs b/src/re_demo/modal_panel.cljs index 7a7048ad..e07912ba 100644 --- a/src/re_demo/modal_panel.cljs +++ b/src/re_demo/modal_panel.cljs @@ -19,7 +19,8 @@ (js/setTimeout #(reset! show? false) 3000))] (when @show? [modal-panel - :child [:span "Please wait (for 3 seconds)..."]])]]))) + :backdrop-on-click #(reset! show? false) + :child [:span "Please wait for 3 seconds" [:br] "(or click on backdrop)"]])]]))) (defn progress-bar-with-cancel-button @@ -34,6 +35,7 @@ :on-click #(reset! show? true)] (when @show? [modal-panel + :backdrop-on-click #(reset! show? false) :child [v-box :width "300px" :children [[title :level :level2 :label "Recalculating..."] @@ -41,13 +43,13 @@ [progress-bar :model 33] [gap :size "10px"] - [:span - [button - :label "Cancel" - :class "btn-danger" - :style {:margin-right "15px"} - :on-click #(reset! show? false)] - [:span "pretend only, click Cancel"]]]]])]]))) + [h-box + :children [[button + :label "Cancel" + :class "btn-danger" + :style {:margin-right "15px"} + :on-click #(reset! show? false)] + [:span "pretend only, click Cancel" [:br] "(or click on backdrop)"]]]]]])]]))) (defn dialog-markup @@ -95,19 +97,19 @@ (defn modal-dialog "Create a button to test the modal component for modal dialogs" [] - (let [showing? (reagent/atom false) + (let [show? (reagent/atom false) form-data (reagent/atom {:email "james.bond.007@sis.gov.uk" :password "abc123" :remember-me true}) save-form-data (reagent/atom nil) process-ok (fn [event] - (reset! showing? false) + (reset! show? false) (println "Submitted form data: " @form-data) ;; ***** PROCESS THE RETURNED DATA HERE false) ;; Prevent default "GET" form submission (if used) process-cancel (fn [event] (reset! form-data @save-form-data) - (reset! showing? false) + (reset! show? false) (println "Cancelled form data: " @form-data) false)] (fn [] @@ -117,8 +119,8 @@ :class "btn-info" :on-click #(do (reset! save-form-data @form-data) - (reset! showing? true))] - (when @showing? [modal-panel + (reset! show? true))] + (when @show? [modal-panel :backdrop-color "grey" :backdrop-opacity 0.4 :style {:font-family "Consolas"} diff --git a/src/re_demo/popover_dialog_demo.cljs b/src/re_demo/popover_dialog_demo.cljs index 1ed2d734..5c00ecd3 100644 --- a/src/re_demo/popover_dialog_demo.cljs +++ b/src/re_demo/popover_dialog_demo.cljs @@ -49,14 +49,14 @@ [h-box :gap "10px" :children [[button - :label [:span [:i {:class "md-check" }] " Apply"] + :label [:span [:i {:class "zmdi zmdi-check" }] " Apply"] :on-click #(submit-dialog @dialog-data) :class "btn-primary"] [popover-anchor-wrapper :showing? show-tooltip? :position :right-below :anchor [button - :label [:span [:i {:class "md-close" }] " Cancel"] + :label [:span [:i {:class "zmdi zmdi-close" }] " Cancel"] :on-click cancel-dialog] :popover [popover-content-wrapper ;; NOTE: didn't specify on-cancel here (handled properly) :showing? show-tooltip? diff --git a/src/re_demo/popovers.cljs b/src/re_demo/popovers.cljs index 2de0949d..cf46c2d2 100644 --- a/src/re_demo/popovers.cljs +++ b/src/re_demo/popovers.cljs @@ -123,7 +123,7 @@ [:li [:code ":position"] " - A keyword specifying the popover's position relative to the anchor. See the demo to the right for the values."] [:li [:code ":anchor"] " - The anchor component to wrap."] [:li [:code ":popover"] " - The popover body component (what gets shown in the popover)."]]] - [p "You should use the " [:code "popover-body-wrapper"] " component to wrap the body content. The main arguments are:" + [p "You should use the " [:code "popover-content-wrapper"] " component to wrap the body content. The main arguments are:" [:ul [:li [:code ":title"] " - Title of the popover. Can be ommitted."] [:li [:code ":close-button?"] " - Add close button in the top right. Default is true."] diff --git a/src/re_demo/row_button.cljs b/src/re_demo/row_button.cljs index 7d29ef8e..288c0621 100644 --- a/src/re_demo/row_button.cljs +++ b/src/re_demo/row_button.cljs @@ -1,12 +1,10 @@ (ns re-demo.row-button - (:require [re-com.core :refer [h-box v-box box gap line row-button label checkbox - horizontal-bar-tabs vertical-bar-tabs title p] + (:require [re-com.core :refer [h-box v-box box gap line row-button label checkbox horizontal-bar-tabs vertical-bar-tabs title p] :refer-macros [handler-fn]] [re-com.buttons :refer [row-button-args-desc]] [re-com.util :refer [enumerate]] [re-demo.md-circle-icon-button :refer [icons example-icons]] - [re-demo.utils :refer [panel-title title2 args-table material-design-hyperlink - github-hyperlink status-text]] + [re-demo.utils :refer [panel-title title2 args-table material-design-hyperlink github-hyperlink status-text]] [reagent.core :as reagent])) @@ -22,13 +20,13 @@ :gap "2px" :align :center :children [[row-button - :md-icon-name "md-arrow-back md-rotate-90" ;; "md-arrow-back md-rotate-90", "md-play-arrow md-rotate-270", "md-expand-less" + :md-icon-name "zmdi zmdi-arrow-back zmdi-hc-rotate-90" :mouse-over-row? mouse-over-row? :tooltip "Move this line up" :disabled? (and first? mouse-over-row?) :on-click #(reset! click-msg (str "move row " (:id row) " up"))] [row-button - :md-icon-name "md-arrow-forward md-rotate-90" ;; "md-arrow-forward md-rotate-90", "md-play-arrow md-rotate-90", "md-expand-more" + :md-icon-name "zmdi zmdi-arrow-forward zmdi-hc-rotate-90" :mouse-over-row? mouse-over-row? :tooltip "Move this line down" :disabled? (and last? mouse-over-row?) @@ -41,17 +39,17 @@ :width (:actions col-widths) :align :center :children [[row-button - :md-icon-name "md-content-copy" + :md-icon-name "zmdi zmdi-copy" :mouse-over-row? mouse-over-row? :tooltip "Copy this line" :on-click #(reset! click-msg (str "copy row " (:id row)))] [row-button - :md-icon-name "md-mode-edit" + :md-icon-name "zmdi zmdi-edit" :mouse-over-row? mouse-over-row? :tooltip "Edit this line" :on-click #(reset! click-msg (str "edit row " (:id row)))] [row-button - :md-icon-name "md-delete" + :md-icon-name "zmdi zmdi-delete" :mouse-over-row? mouse-over-row? :tooltip "Delete this line" :on-click #(reset! click-msg (str "delete row " (:id row)))]]]]]))