diff --git a/.gitignore b/.gitignore new file mode 100644 index 00000000..4f6e59e5 --- /dev/null +++ b/.gitignore @@ -0,0 +1,7 @@ +# https://git-scm.com/docs/gitignore +# https://help.github.com/articles/ignoring-files +# Example .gitignore files: https://github.com/github/gitignore + +Thumbs.db +.DS_Store +/node_modules/ diff --git a/.jshintrc b/.jshintrc new file mode 100644 index 00000000..ed5c1950 --- /dev/null +++ b/.jshintrc @@ -0,0 +1,44 @@ +{ + "bitwise": true, + "camelcase": true, + "curly": true, + "eqeqeq": false, + "es3": false, + "forin": true, + "freeze": false, + "immed": true, + "indent": 4, + "latedef": true, + "newcap": true, + "noarg": true, + "noempty": true, + "nonbsp": true, + "nonew": true, + "plusplus": false, + "quotmark": "double", + "undef": true, + "unused": true, + "strict": false, + "trailing": true, + "maxparams": 5, + "maxdepth": 5, + "maxstatements": 50, + "maxlen": 150, + + "eqnull": true, + + "browser": false, + "devel": false, + "node": true, + + "white": true, + + "globals": { + "$": true, + "document": true, + "brackets": true, + "define": true, + "Mustache": true, + "window": true + } +} diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md new file mode 100644 index 00000000..6b3a6b26 --- /dev/null +++ b/CONTRIBUTING.md @@ -0,0 +1,11 @@ +## Playground + +Use this pen to test and deveop new features of Material Design for Bootstrap: + +http://codepen.io/FezVrasta/pen/ihmea + +It already includes every needed dependency and is based on the latest version of the theme. + +## Grunt + +**Grunt!** Ok... when you edit something please run `grunt` to compile CSS and copy stuff in the correct folders. Thanks! diff --git a/README.md b/README.md new file mode 100644 index 00000000..9beed739 --- /dev/null +++ b/README.md @@ -0,0 +1,118 @@ +Material Design for Bootstrap +========================= + +This Bootstrap theme is an easy way to use the new Material Design guidelines by Google in your Bootstrap 3 based application. +Just include the theme right after the Bootstrap CSS and include the javascript at the end of your document, everything will be converted to Material Design (paper) style. + +This theme is in early development and is not ready for production. + +Check out [the demo at this link](http://fezvrasta.github.io/bootstrap-material-design/) (could be not even with the master branch). + +## How to install + + BOWER (LESS): bower install bootstrap-material-design --save + BOWER (SASS): bower install bootstrap-material-design-sass --save + NPM (SASS): npm install bootstrap-material-sass --save + GEMS (LESS): gem install bootstrap-material-design + +**NB**: the only official repository is the BOWER (LESS) one, the others could (but should not) be outdated. + +## Getting started + +Navigate to the `template/` folder in this repository, and you will see the `index.html` file, which has the CSS include statements, in the `head` section and the JS includes just before `body` section closes. +You need to copy the `material/` folder to the root of your project, ensuring that all the files in your project can access the files through the relative URL, supplied in the CSS and the JS includes. + +## Todo + +- Morphing icons +- [Icons/grids/chips to card/fullscreen transitions](http://www.polymer-project.org/components/core-animated-pages/demo.html) +- [Headers](http://www.polymer-project.org/components/core-header-panel/demo.html) +- [Icon button](http://www.polymer-project.org/components/paper-icon-button/demo.html) +- [Tabs](http://www.polymer-project.org/components/paper-tabs/demo.html) +- [Toggle buttons](http://www.polymer-project.org/components/paper-toggle-button/demo.html) + +I'll try to write every component without the need of Javascript but just CSS, and use JS only if strictly needed. +More "todo" things can be found in the ISSUES of this repository. + +# Support me + +If you like this project you may support me by donating something on Gittip, starring this repository or reporting bugs and ideas in the issue section. + +[![gittip](screenshots/gittip-button.jpg)](https://www.gratipay.com/FezVrasta/) +[![issues](screenshots/issues-button.jpg)](https://github.com/FezVrasta/bootstrap-material-design/issues) + +# Contribute + +Please see the [contrib](CONTRIBUTING.md) file. + + +# Documentation + +Material Design for Bootstrap provides some additional stuff to get the best from Material Design. + +### Variations: + +There are 17 additional color variations (in addition to the classic 4 variations) for buttons, inputs, checkboxes, radios, alerts, navbars, tabs, labels, paginations, progress bars and more. +They can be used by adding the class suffix `-material-color` to the desired element and replacing `color` with the desired one. + +Example: + + + +These colors are taken from the Material Design color palette and are reported below: + +![palette](screenshots/palette.jpg) + +### Buttons: + +Add `.btn-flat` to a button to make it flat, without shadows. +Add `.btn-raised` to a button to add a permanent shadow to it. + +### Inputs: + +Add `.floating-label` to an input field with a `placeholder` to transform the placeholder in a floating label. + +Remember to use the proper HTML markup to get radio and checkboxes styled correctly (choose between *radio* or *checkbox*): + +
+ +
+ +### Icons: + +Material Design for Bootstrap includes 490 original Material Design icons! +These icons are extracted from the original Google sources and are licensed under the BSD license. +They are provided as an iconic and easy to use font. + +Variations are available for every icon, including the original Bootstrap icons. + +The syntax to add a Material icon is: + + + +# Plugins + +Material Design for Bootstrap comes with styling support for various external scripts. At the moment only two scripts are supported but others will come: + +### SnackbarJS + +Create snackbars and toasts with [SnackbarJS plugin](https://github.com/FezVrasta/snackbarjs). The default toast style is the squared one (snackbar style). If you like to use the rounded style (toast style), please add the `toast` class to the `style` option of SnackbarJS. + +### RipplesJS + +This is part of Material Design for Bootstrap project and is a plain Javascript script which creates the ripple effect on click of the defined elements. +At the moment RipplesJS does not have its own repository but it will probably have one in the future. + +### noUiSlider + +Make cross-browser sliders and get them styled with Material Design thanks to the support provided by this theme. +Read more about [noUiSlider here](http://refreshless.com/nouislider/) + + +# Compatibility + +Currently Material Design for Bootstrap supports Google Chrome (tested v37+), Mozilla Firefox (tested 30+), and Internet Explorer (tested 11+). Mobile browsers are not currently tested but it may work. + diff --git a/bower.json b/bower.json new file mode 100644 index 00000000..b126bd2e --- /dev/null +++ b/bower.json @@ -0,0 +1,26 @@ +{ + "name": "Material Design for Bootstrap", + "version": "0.0.8", + "homepage": "http://fezvrasta.github.io/bootstrap-material-design", + "authors": [ + "Federico Zivolo " + ], + "description": "Material Design theme for Bootstrap 3", + "main": "css-compiled/material.css", + "keywords": [ + "material", + "design", + "bootstrap", + "theme", + "google", + "android" + ], + "license": "https://github.com/FezVrasta/bootstrap-material-design/blob/master/LICENSE.md", + "ignore": [ + "**/.*", + "node_modules", + "bower_components", + "test", + "tests" + ] +} diff --git a/compile.json b/compile.json new file mode 100644 index 00000000..c2640a43 --- /dev/null +++ b/compile.json @@ -0,0 +1 @@ +{ "less": [] } diff --git a/css-compiled/material-wfont.css b/css-compiled/material-wfont.css new file mode 100644 index 00000000..300703a3 --- /dev/null +++ b/css-compiled/material-wfont.css @@ -0,0 +1,3085 @@ +@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,700,300|Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic); +@-webkit-keyframes input-highlight { + 0% { + left: 20%; + width: 20%; + } + 99% { + width: 0; + left: 0; + opacity: 1; + } + 100% { + opacity: 0; + } +} +@keyframes input-highlight { + 0% { + left: 20%; + width: 20%; + } + 99% { + width: 0; + left: 0; + opacity: 1; + } + 100% { + opacity: 0; + } +} +.shadow-z-1 { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.shadow-z-2 { + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); +} +.shadow-z-2-hover { + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.28); +} +.shadow-z-3 { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); +} +.shadow-z-4 { + box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); +} +.shadow-z-5 { + box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); +} +body { + background-color: #EEEEEE; +} +body.inverse { + background: #333333; +} +body.inverse, +body.inverse .form-control { + color: rgba(255, 255, 255, 0.84); +} +body, +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; +} +body .well, +.container .well, +.container-fluid .well, +body .well:not([class^="well well-material-"]), +.container .well:not([class^="well well-material-"]), +.container-fluid .well:not([class^="well well-material-"]), +body .well .form-control, +.container .well .form-control, +.container-fluid .well .form-control, +body .well:not([class^="well well-material-"]) .form-control, +.container .well:not([class^="well well-material-"]) .form-control, +.container-fluid .well:not([class^="well well-material-"]) .form-control { + color: rgba(0, 0, 0, 0.84); +} +body .well .floating-label, +.container .well .floating-label, +.container-fluid .well .floating-label, +body .well:not([class^="well well-material-"]) .floating-label, +.container .well:not([class^="well well-material-"]) .floating-label, +.container-fluid .well:not([class^="well well-material-"]) .floating-label { + color: #7e7e7e; +} +body .well .form-control, +.container .well .form-control, +.container-fluid .well .form-control, +body .well:not([class^="well well-material-"]) .form-control, +.container .well:not([class^="well well-material-"]) .form-control, +.container-fluid .well:not([class^="well well-material-"]) .form-control { + border-bottom-color: #7e7e7e; +} +body .well .form-control::-webkit-input-placeholder, +.container .well .form-control::-webkit-input-placeholder, +.container-fluid .well .form-control::-webkit-input-placeholder, +body .well:not([class^="well well-material-"]) .form-control::-webkit-input-placeholder, +.container .well:not([class^="well well-material-"]) .form-control::-webkit-input-placeholder, +.container-fluid .well:not([class^="well well-material-"]) .form-control::-webkit-input-placeholder { + color: #7e7e7e; +} +body .well .form-control::-moz-placeholder, +.container .well .form-control::-moz-placeholder, +.container-fluid .well .form-control::-moz-placeholder, +body .well:not([class^="well well-material-"]) .form-control::-moz-placeholder, +.container .well:not([class^="well well-material-"]) .form-control::-moz-placeholder, +.container-fluid .well:not([class^="well well-material-"]) .form-control::-moz-placeholder { + color: #7e7e7e; + opacity: 1; +} +body .well .form-control:-ms-input-placeholder, +.container .well .form-control:-ms-input-placeholder, +.container-fluid .well .form-control:-ms-input-placeholder, +body .well:not([class^="well well-material-"]) .form-control:-ms-input-placeholder, +.container .well:not([class^="well well-material-"]) .form-control:-ms-input-placeholder, +.container-fluid .well:not([class^="well well-material-"]) .form-control:-ms-input-placeholder { + color: #7e7e7e; +} +body .well .option, +.container .well .option, +.container-fluid .well .option, +body .well:not([class^="well well-material-"]) .option, +.container .well:not([class^="well well-material-"]) .option, +.container-fluid .well:not([class^="well well-material-"]) .option, +body .well .create, +.container .well .create, +.container-fluid .well .create, +body .well:not([class^="well well-material-"]) .create, +.container .well:not([class^="well well-material-"]) .create, +.container-fluid .well:not([class^="well well-material-"]) .create { + color: rgba(0, 0, 0, 0.84); +} +body [class^="well well-material-"], +.container [class^="well well-material-"], +.container-fluid [class^="well well-material-"], +body [class^="well well-material-"] .form-control, +.container [class^="well well-material-"] .form-control, +.container-fluid [class^="well well-material-"] .form-control, +body [class^="well well-material-"] .floating-label, +.container [class^="well well-material-"] .floating-label, +.container-fluid [class^="well well-material-"] .floating-label { + color: rgba(255, 255, 255, 0.84); +} +body [class^="well well-material-"] .form-control, +.container [class^="well well-material-"] .form-control, +.container-fluid [class^="well well-material-"] .form-control { + border-bottom-color: rgba(255, 255, 255, 0.84); +} +body [class^="well well-material-"] .form-control::-webkit-input-placeholder, +.container [class^="well well-material-"] .form-control::-webkit-input-placeholder, +.container-fluid [class^="well well-material-"] .form-control::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.84); +} +body [class^="well well-material-"] .form-control::-moz-placeholder, +.container [class^="well well-material-"] .form-control::-moz-placeholder, +.container-fluid [class^="well well-material-"] .form-control::-moz-placeholder { + color: rgba(255, 255, 255, 0.84); + opacity: 1; +} +body [class^="well well-material-"] .form-control:-ms-input-placeholder, +.container [class^="well well-material-"] .form-control:-ms-input-placeholder, +.container-fluid [class^="well well-material-"] .form-control:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.84); +} +body [class^="well well-material-"] .option, +.container [class^="well well-material-"] .option, +.container-fluid [class^="well well-material-"] .option, +body [class^="well well-material-"] .create, +.container [class^="well well-material-"] .create, +.container-fluid [class^="well well-material-"] .create { + color: rgba(0, 0, 0, 0.84); +} +body .well, +.container .well, +.container-fluid .well, +body .jumbotron, +.container .jumbotron, +.container-fluid .jumbotron { + background-color: #fff; + padding: 19px; + margin-bottom: 20px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + border-radius: 2px; + border: 0; +} +body .well p, +.container .well p, +.container-fluid .well p, +body .jumbotron p, +.container .jumbotron p, +.container-fluid .jumbotron p { + font-weight: 300; +} +body .well, +.container .well, +.container-fluid .well, +body .jumbotron, +.container .jumbotron, +.container-fluid .jumbotron, +body .well-default, +.container .well-default, +.container-fluid .well-default, +body .jumbotron-default, +.container .jumbotron-default, +.container-fluid .jumbotron-default { + background-color: #ffffff; +} +body .well-primary, +.container .well-primary, +.container-fluid .well-primary, +body .jumbotron-primary, +.container .jumbotron-primary, +.container-fluid .jumbotron-primary { + background-color: #4285f4; +} +body .well-success, +.container .well-success, +.container-fluid .well-success, +body .jumbotron-success, +.container .jumbotron-success, +.container-fluid .jumbotron-success { + background-color: #0f9d58; +} +body .well-info, +.container .well-info, +.container-fluid .well-info, +body .jumbotron-info, +.container .jumbotron-info, +.container-fluid .jumbotron-info { + background-color: #03a9f4; +} +body .well-warning, +.container .well-warning, +.container-fluid .well-warning, +body .jumbotron-warning, +.container .jumbotron-warning, +.container-fluid .jumbotron-warning { + background-color: #ff5722; +} +body .well-danger, +.container .well-danger, +.container-fluid .well-danger, +body .jumbotron-danger, +.container .jumbotron-danger, +.container-fluid .jumbotron-danger { + background-color: #f44336; +} +body .well-material-red, +.container .well-material-red, +.container-fluid .well-material-red, +body .jumbotron-material-red, +.container .jumbotron-material-red, +.container-fluid .jumbotron-material-red { + background-color: #f44336; +} +body .well-material-pink, +.container .well-material-pink, +.container-fluid .well-material-pink, +body .jumbotron-material-pink, +.container .jumbotron-material-pink, +.container-fluid .jumbotron-material-pink { + background-color: #e91e63; +} +body .well-material-purple, +.container .well-material-purple, +.container-fluid .well-material-purple, +body .jumbotron-material-purple, +.container .jumbotron-material-purple, +.container-fluid .jumbotron-material-purple { + background-color: #9c27b0; +} +body .well-material-deeppurple, +.container .well-material-deeppurple, +.container-fluid .well-material-deeppurple, +body .jumbotron-material-deeppurple, +.container .jumbotron-material-deeppurple, +.container-fluid .jumbotron-material-deeppurple { + background-color: #673ab7; +} +body .well-material-indigo, +.container .well-material-indigo, +.container-fluid .well-material-indigo, +body .jumbotron-material-indigo, +.container .jumbotron-material-indigo, +.container-fluid .jumbotron-material-indigo { + background-color: #3f51b5; +} +body .well-material-lightblue, +.container .well-material-lightblue, +.container-fluid .well-material-lightblue, +body .jumbotron-material-lightblue, +.container .jumbotron-material-lightblue, +.container-fluid .jumbotron-material-lightblue { + background-color: #03a9f4; +} +body .well-material-cyan, +.container .well-material-cyan, +.container-fluid .well-material-cyan, +body .jumbotron-material-cyan, +.container .jumbotron-material-cyan, +.container-fluid .jumbotron-material-cyan { + background-color: #00bcd4; +} +body .well-material-teal, +.container .well-material-teal, +.container-fluid .well-material-teal, +body .jumbotron-material-teal, +.container .jumbotron-material-teal, +.container-fluid .jumbotron-material-teal { + background-color: #009688; +} +body .well-material-lightgreen, +.container .well-material-lightgreen, +.container-fluid .well-material-lightgreen, +body .jumbotron-material-lightgreen, +.container .jumbotron-material-lightgreen, +.container-fluid .jumbotron-material-lightgreen { + background-color: #8bc34a; +} +body .well-material-lime, +.container .well-material-lime, +.container-fluid .well-material-lime, +body .jumbotron-material-lime, +.container .jumbotron-material-lime, +.container-fluid .jumbotron-material-lime { + background-color: #cddc39; +} +body .well-material-lightyellow, +.container .well-material-lightyellow, +.container-fluid .well-material-lightyellow, +body .jumbotron-material-lightyellow, +.container .jumbotron-material-lightyellow, +.container-fluid .jumbotron-material-lightyellow { + background-color: #ffeb3b; +} +body .well-material-orange, +.container .well-material-orange, +.container-fluid .well-material-orange, +body .jumbotron-material-orange, +.container .jumbotron-material-orange, +.container-fluid .jumbotron-material-orange { + background-color: #ff9800; +} +body .well-material-deeporange, +.container .well-material-deeporange, +.container-fluid .well-material-deeporange, +body .jumbotron-material-deeporange, +.container .jumbotron-material-deeporange, +.container-fluid .jumbotron-material-deeporange { + background-color: #ff5722; +} +body .well-material-grey, +.container .well-material-grey, +.container-fluid .well-material-grey, +body .jumbotron-material-grey, +.container .jumbotron-material-grey, +.container-fluid .jumbotron-material-grey { + background-color: #9e9e9e; +} +body .well-material-bluegrey, +.container .well-material-bluegrey, +.container-fluid .well-material-bluegrey, +body .jumbotron-material-bluegrey, +.container .jumbotron-material-bluegrey, +.container-fluid .jumbotron-material-bluegrey { + background-color: #607d8b; +} +body .well-material-brown, +.container .well-material-brown, +.container-fluid .well-material-brown, +body .jumbotron-material-brown, +.container .jumbotron-material-brown, +.container-fluid .jumbotron-material-brown { + background-color: #795548; +} +body .well-material-lightgrey, +.container .well-material-lightgrey, +.container-fluid .well-material-lightgrey, +body .jumbotron-material-lightgrey, +.container .jumbotron-material-lightgrey, +.container-fluid .jumbotron-material-lightgrey { + background-color: #ececec; +} +.btn { + position: relative; + padding: 8px 30px; + border: 0; + margin: 10px 1px; + cursor: pointer; + border-radius: 4px; + text-transform: uppercase; + text-decoration: none; + color: rgba(255, 255, 255, 0.84); + -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); + transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); + outline: none !important; +} +.btn:hover { + color: rgba(255, 255, 255, 0.84); +} +.btn:hover:not(.btn-link) { + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.28); +} +.btn:active:not(.btn-link) { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); +} +.btn:not(.btn-link), +.btn-default:not(.btn-link) { + background-color: transparent; +} +.btn-primary:not(.btn-link) { + background-color: #4285f4; +} +.btn-success:not(.btn-link) { + background-color: #0f9d58; +} +.btn-info:not(.btn-link) { + background-color: #03a9f4; +} +.btn-warning:not(.btn-link) { + background-color: #ff5722; +} +.btn-danger:not(.btn-link) { + background-color: #f44336; +} +.btn-material-red:not(.btn-link) { + background-color: #f44336; +} +.btn-material-pink:not(.btn-link) { + background-color: #e91e63; +} +.btn-material-purple:not(.btn-link) { + background-color: #9c27b0; +} +.btn-material-deeppurple:not(.btn-link) { + background-color: #673ab7; +} +.btn-material-indigo:not(.btn-link) { + background-color: #3f51b5; +} +.btn-material-lightblue:not(.btn-link) { + background-color: #03a9f4; +} +.btn-material-cyan:not(.btn-link) { + background-color: #00bcd4; +} +.btn-material-teal:not(.btn-link) { + background-color: #009688; +} +.btn-material-lightgreen:not(.btn-link) { + background-color: #8bc34a; +} +.btn-material-lime:not(.btn-link) { + background-color: #cddc39; +} +.btn-material-lightyellow:not(.btn-link) { + background-color: #ffeb3b; +} +.btn-material-orange:not(.btn-link) { + background-color: #ff9800; +} +.btn-material-deeporange:not(.btn-link) { + background-color: #ff5722; +} +.btn-material-grey:not(.btn-link) { + background-color: #9e9e9e; +} +.btn-material-bluegrey:not(.btn-link) { + background-color: #607d8b; +} +.btn-material-brown:not(.btn-link) { + background-color: #795548; +} +.btn-material-lightgrey:not(.btn-link) { + background-color: #ececec; +} +.btn-link, +.btn:not([class^="btn btn-"]), +.btn-default { + color: rgba(0, 0, 0, 0.84); +} +.btn-link:hover, +.btn:not([class^="btn btn-"]):hover, +.btn-default:hover { + color: rgba(0, 0, 0, 0.84); +} +.btn:not([class^="btn btn-"]):hover, +.btn-default:hover { + background-color: rgba(255, 255, 255, 0.5); +} +.btn-raised { + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); + transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); +} +.btn-raised:active:not(.btn-link) { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); +} +.open > .dropdown-toggle.btn, +.open > .dropdown-toggle.btn-default { + background-color: transparent; +} +.open > .dropdown-toggle.btn-primary { + background-color: #4285f4; +} +.open > .dropdown-toggle.btn-success { + background-color: #0f9d58; +} +.open > .dropdown-toggle.btn-info { + background-color: #03a9f4; +} +.open > .dropdown-toggle.btn-warning { + background-color: #ff5722; +} +.open > .dropdown-toggle.btn-danger { + background-color: #f44336; +} +.open > .dropdown-toggle.btn-material-red { + background-color: #f44336; +} +.open > .dropdown-toggle.btn-material-pink { + background-color: #e91e63; +} +.open > .dropdown-toggle.btn-material-purple { + background-color: #9c27b0; +} +.open > .dropdown-toggle.btn-material-deeppurple { + background-color: #673ab7; +} +.open > .dropdown-toggle.btn-material-indigo { + background-color: #3f51b5; +} +.open > .dropdown-toggle.btn-material-lightblue { + background-color: #03a9f4; +} +.open > .dropdown-toggle.btn-material-cyan { + background-color: #00bcd4; +} +.open > .dropdown-toggle.btn-material-teal { + background-color: #009688; +} +.open > .dropdown-toggle.btn-material-lightgreen { + background-color: #8bc34a; +} +.open > .dropdown-toggle.btn-material-lime { + background-color: #cddc39; +} +.open > .dropdown-toggle.btn-material-lightyellow { + background-color: #ffeb3b; +} +.open > .dropdown-toggle.btn-material-orange { + background-color: #ff9800; +} +.open > .dropdown-toggle.btn-material-deeporange { + background-color: #ff5722; +} +.open > .dropdown-toggle.btn-material-grey { + background-color: #9e9e9e; +} +.open > .dropdown-toggle.btn-material-bluegrey { + background-color: #607d8b; +} +.open > .dropdown-toggle.btn-material-brown { + background-color: #795548; +} +.open > .dropdown-toggle.btn-material-lightgrey { + background-color: #ececec; +} +.btn-flat { + box-shadow: none !important; +} +.btn-flat.btn-default:hover { + background: none; +} +.btn-group, +.btn-group-vertical { + position: relative; + border-radius: 4px; + margin: 10px 1px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); + transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); +} +.btn-group:active:not(.btn-link), +.btn-group-vertical:active:not(.btn-link) { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); +} +.btn-group.open .dropdown-toggle, +.btn-group-vertical.open .dropdown-toggle { + box-shadow: none; +} +.btn-group.btn-group-raised, +.btn-group-vertical.btn-group-raised { + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); + transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); +} +.btn-group.btn-group-raised:active:not(.btn-link), +.btn-group-vertical.btn-group-raised:active:not(.btn-link) { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); +} +.btn-group .btn, +.btn-group-vertical .btn, +.btn-group .btn:active, +.btn-group-vertical .btn:active, +.btn-group .btn-group, +.btn-group-vertical .btn-group { + box-shadow: none !important; + margin: 0; +} +.btn-group .btn:active .caret, +.btn-group-vertical .btn:active .caret { + margin-left: -1px; +} +.btn-group-flat { + box-shadow: none !important; +} +.btn-fab { + margin: 0; + padding: 15px; + font-size: 26px; + width: 56px; + height: 56px; +} +.btn-fab, +.btn-fab:hover, +.btn-fab-default, +.btn-fab:hover-default { + background-color: transparent; +} +.btn-fab-primary, +.btn-fab:hover-primary { + background-color: #4285f4; +} +.btn-fab-success, +.btn-fab:hover-success { + background-color: #0f9d58; +} +.btn-fab-info, +.btn-fab:hover-info { + background-color: #03a9f4; +} +.btn-fab-warning, +.btn-fab:hover-warning { + background-color: #ff5722; +} +.btn-fab-danger, +.btn-fab:hover-danger { + background-color: #f44336; +} +.btn-fab-material-red, +.btn-fab:hover-material-red { + background-color: #f44336; +} +.btn-fab-material-pink, +.btn-fab:hover-material-pink { + background-color: #e91e63; +} +.btn-fab-material-purple, +.btn-fab:hover-material-purple { + background-color: #9c27b0; +} +.btn-fab-material-deeppurple, +.btn-fab:hover-material-deeppurple { + background-color: #673ab7; +} +.btn-fab-material-indigo, +.btn-fab:hover-material-indigo { + background-color: #3f51b5; +} +.btn-fab-material-lightblue, +.btn-fab:hover-material-lightblue { + background-color: #03a9f4; +} +.btn-fab-material-cyan, +.btn-fab:hover-material-cyan { + background-color: #00bcd4; +} +.btn-fab-material-teal, +.btn-fab:hover-material-teal { + background-color: #009688; +} +.btn-fab-material-lightgreen, +.btn-fab:hover-material-lightgreen { + background-color: #8bc34a; +} +.btn-fab-material-lime, +.btn-fab:hover-material-lime { + background-color: #cddc39; +} +.btn-fab-material-lightyellow, +.btn-fab:hover-material-lightyellow { + background-color: #ffeb3b; +} +.btn-fab-material-orange, +.btn-fab:hover-material-orange { + background-color: #ff9800; +} +.btn-fab-material-deeporange, +.btn-fab:hover-material-deeporange { + background-color: #ff5722; +} +.btn-fab-material-grey, +.btn-fab:hover-material-grey { + background-color: #9e9e9e; +} +.btn-fab-material-bluegrey, +.btn-fab:hover-material-bluegrey { + background-color: #607d8b; +} +.btn-fab-material-brown, +.btn-fab:hover-material-brown { + background-color: #795548; +} +.btn-fab-material-lightgrey, +.btn-fab:hover-material-lightgrey { + background-color: #ececec; +} +.btn-fab, +.btn-fab .ripple-wrapper { + border-radius: 100%; +} +.btn-fab.btn-mini { + width: 40px; + height: 40px; + padding: 13px; + font-size: 15px; +} +.form-horizontal .checkbox { + padding-top: 15px; +} +.checkbox { + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); +} +.checkbox label { + cursor: pointer; + padding-left: 45px; + position: relative; +} +.checkbox label span { + display: block; + position: absolute; + left: 0px; + -webkit-transition-duration: 0.2s; + transition-duration: 0.2s; +} +.checkbox label .check:after { + display: block; + position: absolute; + content: ""; + background-color: rgba(0, 0, 0, 0.84); + left: -5px; + top: -15px; + height: 50px; + width: 50px; + border-radius: 100%; + z-index: 1; + opacity: 0; + margin: 0; +} +.checkbox label .check:before { + display: block; + content: ""; + border: 2px solid rgba(0, 0, 0, 0.84); + height: 20px; + width: 20px; + -webkit-transition-delay: 0.2s; + transition-delay: 0.2s; +} +.checkbox .check, +.checkbox-default .check { + color: #0f9d58; +} +.checkbox-primary .check { + color: #4285f4; +} +.checkbox-success .check { + color: #0f9d58; +} +.checkbox-info .check { + color: #03a9f4; +} +.checkbox-warning .check { + color: #ff5722; +} +.checkbox-danger .check { + color: #f44336; +} +.checkbox-material-red .check { + color: #f44336; +} +.checkbox-material-pink .check { + color: #e91e63; +} +.checkbox-material-purple .check { + color: #9c27b0; +} +.checkbox-material-deeppurple .check { + color: #673ab7; +} +.checkbox-material-indigo .check { + color: #3f51b5; +} +.checkbox-material-lightblue .check { + color: #03a9f4; +} +.checkbox-material-cyan .check { + color: #00bcd4; +} +.checkbox-material-teal .check { + color: #009688; +} +.checkbox-material-lightgreen .check { + color: #8bc34a; +} +.checkbox-material-lime .check { + color: #cddc39; +} +.checkbox-material-lightyellow .check { + color: #ffeb3b; +} +.checkbox-material-orange .check { + color: #ff9800; +} +.checkbox-material-deeporange .check { + color: #ff5722; +} +.checkbox-material-grey .check { + color: #9e9e9e; +} +.checkbox-material-bluegrey .check { + color: #607d8b; +} +.checkbox-material-brown .check { + color: #795548; +} +.checkbox-material-lightgrey .check { + color: #ececec; +} +.checkbox input[type=checkbox] { + opacity: 0; +} +.checkbox input[type=checkbox] ~ .check:before { + position: absolute; + top: 2px; + left: 11px; + width: 18px; + height: 18px; + border: solid 2px; + border-color: #5a5a5a; + -webkit-animation: uncheck 300ms ease-out forwards; + animation: uncheck 300ms ease-out forwards; +} +.checkbox input[type=checkbox]:focus ~ .check:after { + opacity: 0.2; +} +.checkbox input[type=checkbox]:checked ~ .check:before { + -webkit-animation: check 300ms ease-out forwards; + animation: check 300ms ease-out forwards; +} +.checkbox input[type=checkbox]:not(:checked) ~ .check:after { + -webkit-animation: rippleOff 500ms linear forwards; + animation: rippleOff 500ms linear forwards; +} +.checkbox input[type=checkbox]:checked ~ .check:after { + -webkit-animation: rippleOn 500ms linear forwards; + animation: rippleOn 500ms linear forwards; +} +.checkbox:not(:hover) input[type=checkbox] ~ .check:before, +.checkbox:not(:hover) input[type=checkbox] ~ .check:after { + -webkit-animation-duration: 1ms; + animation-duration: 1ms; +} +.checkbox input[type=checkbox][disabled]:not(:checked) ~ .check:before { + opacity: 0.5; +} +.checkbox input[type=checkbox][disabled] ~ .check:after { + background-color: rgba(0, 0, 0, 0.84); + -webkit-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.checkbox input[type=checkbox]:checked ~ .check:after, +.checkbox-default input[type=checkbox]:checked ~ .check:after { + background-color: #0f9d58; +} +.checkbox-primary input[type=checkbox]:checked ~ .check:after { + background-color: #4285f4; +} +.checkbox-success input[type=checkbox]:checked ~ .check:after { + background-color: #0f9d58; +} +.checkbox-info input[type=checkbox]:checked ~ .check:after { + background-color: #03a9f4; +} +.checkbox-warning input[type=checkbox]:checked ~ .check:after { + background-color: #ff5722; +} +.checkbox-danger input[type=checkbox]:checked ~ .check:after { + background-color: #f44336; +} +.checkbox-material-red input[type=checkbox]:checked ~ .check:after { + background-color: #f44336; +} +.checkbox-material-pink input[type=checkbox]:checked ~ .check:after { + background-color: #e91e63; +} +.checkbox-material-purple input[type=checkbox]:checked ~ .check:after { + background-color: #9c27b0; +} +.checkbox-material-deeppurple input[type=checkbox]:checked ~ .check:after { + background-color: #673ab7; +} +.checkbox-material-indigo input[type=checkbox]:checked ~ .check:after { + background-color: #3f51b5; +} +.checkbox-material-lightblue input[type=checkbox]:checked ~ .check:after { + background-color: #03a9f4; +} +.checkbox-material-cyan input[type=checkbox]:checked ~ .check:after { + background-color: #00bcd4; +} +.checkbox-material-teal input[type=checkbox]:checked ~ .check:after { + background-color: #009688; +} +.checkbox-material-lightgreen input[type=checkbox]:checked ~ .check:after { + background-color: #8bc34a; +} +.checkbox-material-lime input[type=checkbox]:checked ~ .check:after { + background-color: #cddc39; +} +.checkbox-material-lightyellow input[type=checkbox]:checked ~ .check:after { + background-color: #ffeb3b; +} +.checkbox-material-orange input[type=checkbox]:checked ~ .check:after { + background-color: #ff9800; +} +.checkbox-material-deeporange input[type=checkbox]:checked ~ .check:after { + background-color: #ff5722; +} +.checkbox-material-grey input[type=checkbox]:checked ~ .check:after { + background-color: #9e9e9e; +} +.checkbox-material-bluegrey input[type=checkbox]:checked ~ .check:after { + background-color: #607d8b; +} +.checkbox-material-brown input[type=checkbox]:checked ~ .check:after { + background-color: #795548; +} +.checkbox-material-lightgrey input[type=checkbox]:checked ~ .check:after { + background-color: #ececec; +} +@-webkit-keyframes uncheck { + 0% { + top: -3px; + left: 17px; + width: 10px; + height: 21px; + border-color: #0f9d58; + border-left-color: transparent; + border-top-color: transparent; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + } + 50% { + top: 14px; + left: 17px; + width: 4px; + height: 4px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + border-color: #0f9d58; + border-left-color: transparent; + border-top-color: transparent; + } + 51% { + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } + 100% { + top: 1px; + left: 12px; + width: 18px; + height: 18px; + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } +} +@keyframes uncheck { + 0% { + top: -3px; + left: 17px; + width: 10px; + height: 21px; + border-color: #0f9d58; + border-left-color: transparent; + border-top-color: transparent; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + } + 50% { + top: 14px; + left: 17px; + width: 4px; + height: 4px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + border-color: #0f9d58; + border-left-color: transparent; + border-top-color: transparent; + } + 51% { + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } + 100% { + top: 1px; + left: 12px; + width: 18px; + height: 18px; + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } +} +@-webkit-keyframes check { + 100% { + top: -3px; + left: 17px; + width: 10px; + height: 21px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + border-color: #0f9d58; + border-left-color: transparent; + border-top-color: transparent; + } + 51% { + border-left: transparent; + border-top-color: transparent; + } + 50% { + top: 14px; + left: 17px; + width: 4px; + height: 4px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } + 0% { + top: 1px; + left: 12px; + width: 18px; + height: 18px; + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } +} +@keyframes check { + 100% { + top: -3px; + left: 17px; + width: 10px; + height: 21px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + border-color: #0f9d58; + border-left-color: transparent; + border-top-color: transparent; + } + 51% { + border-left: transparent; + border-top-color: transparent; + } + 50% { + top: 14px; + left: 17px; + width: 4px; + height: 4px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } + 0% { + top: 1px; + left: 12px; + width: 18px; + height: 18px; + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } +} +@-webkit-keyframes rippleOn { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +@keyframes rippleOn { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +@-webkit-keyframes rippleOff { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +@keyframes rippleOff { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +.form-horizontal .radio { + margin-bottom: 10px; +} +.radio label { + cursor: pointer; + padding-left: 45px; + position: relative; +} +.radio label span { + display: block; + position: absolute; + left: 10px; + top: 2px; + -webkit-transition-duration: 0.2s; + transition-duration: 0.2s; +} +.radio label .circle { + border: 2px solid rgba(0, 0, 0, 0.84); + height: 15px; + width: 15px; + border-radius: 100%; +} +.radio label .check { + height: 15px; + width: 15px; + border-radius: 100%; + background-color: rgba(0, 0, 0, 0.84); + -webkit-transform: scale(0); + -ms-transform: scale(0); + transform: scale(0); +} +.radio label .check:after { + display: block; + position: absolute; + content: ""; + background-color: rgba(0, 0, 0, 0.84); + left: -18px; + top: -18px; + height: 50px; + width: 50px; + border-radius: 100%; + z-index: 1; + opacity: 0; + margin: 0; + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + transform: scale(1.5); +} +.radio label input[type=radio]:not(:checked) ~ .check:after { + -webkit-animation: rippleOff 500ms; + animation: rippleOff 500ms; +} +.radio label input[type=radio]:checked ~ .check:after { + -webkit-animation: rippleOn 500ms; + animation: rippleOn 500ms; +} +.radio input[type=radio]:checked ~ .check, +.radio-default input[type=radio]:checked ~ .check { + background-color: rgba(0, 0, 0, 0.84); +} +.radio-primary input[type=radio]:checked ~ .check { + background-color: #4285f4; +} +.radio-success input[type=radio]:checked ~ .check { + background-color: #0f9d58; +} +.radio-info input[type=radio]:checked ~ .check { + background-color: #03a9f4; +} +.radio-warning input[type=radio]:checked ~ .check { + background-color: #ff5722; +} +.radio-danger input[type=radio]:checked ~ .check { + background-color: #f44336; +} +.radio-material-red input[type=radio]:checked ~ .check { + background-color: #f44336; +} +.radio-material-pink input[type=radio]:checked ~ .check { + background-color: #e91e63; +} +.radio-material-purple input[type=radio]:checked ~ .check { + background-color: #9c27b0; +} +.radio-material-deeppurple input[type=radio]:checked ~ .check { + background-color: #673ab7; +} +.radio-material-indigo input[type=radio]:checked ~ .check { + background-color: #3f51b5; +} +.radio-material-lightblue input[type=radio]:checked ~ .check { + background-color: #03a9f4; +} +.radio-material-cyan input[type=radio]:checked ~ .check { + background-color: #00bcd4; +} +.radio-material-teal input[type=radio]:checked ~ .check { + background-color: #009688; +} +.radio-material-lightgreen input[type=radio]:checked ~ .check { + background-color: #8bc34a; +} +.radio-material-lime input[type=radio]:checked ~ .check { + background-color: #cddc39; +} +.radio-material-lightyellow input[type=radio]:checked ~ .check { + background-color: #ffeb3b; +} +.radio-material-orange input[type=radio]:checked ~ .check { + background-color: #ff9800; +} +.radio-material-deeporange input[type=radio]:checked ~ .check { + background-color: #ff5722; +} +.radio-material-grey input[type=radio]:checked ~ .check { + background-color: #9e9e9e; +} +.radio-material-bluegrey input[type=radio]:checked ~ .check { + background-color: #607d8b; +} +.radio-material-brown input[type=radio]:checked ~ .check { + background-color: #795548; +} +.radio-material-lightgrey input[type=radio]:checked ~ .check { + background-color: #ececec; +} +.radio input[type=radio]:checked ~ .circle, +.radio-default input[type=radio]:checked ~ .circle { + border-color: rgba(0, 0, 0, 0.84); +} +.radio-primary input[type=radio]:checked ~ .circle { + border-color: #4285f4; +} +.radio-success input[type=radio]:checked ~ .circle { + border-color: #0f9d58; +} +.radio-info input[type=radio]:checked ~ .circle { + border-color: #03a9f4; +} +.radio-warning input[type=radio]:checked ~ .circle { + border-color: #ff5722; +} +.radio-danger input[type=radio]:checked ~ .circle { + border-color: #f44336; +} +.radio-material-red input[type=radio]:checked ~ .circle { + border-color: #f44336; +} +.radio-material-pink input[type=radio]:checked ~ .circle { + border-color: #e91e63; +} +.radio-material-purple input[type=radio]:checked ~ .circle { + border-color: #9c27b0; +} +.radio-material-deeppurple input[type=radio]:checked ~ .circle { + border-color: #673ab7; +} +.radio-material-indigo input[type=radio]:checked ~ .circle { + border-color: #3f51b5; +} +.radio-material-lightblue input[type=radio]:checked ~ .circle { + border-color: #03a9f4; +} +.radio-material-cyan input[type=radio]:checked ~ .circle { + border-color: #00bcd4; +} +.radio-material-teal input[type=radio]:checked ~ .circle { + border-color: #009688; +} +.radio-material-lightgreen input[type=radio]:checked ~ .circle { + border-color: #8bc34a; +} +.radio-material-lime input[type=radio]:checked ~ .circle { + border-color: #cddc39; +} +.radio-material-lightyellow input[type=radio]:checked ~ .circle { + border-color: #ffeb3b; +} +.radio-material-orange input[type=radio]:checked ~ .circle { + border-color: #ff9800; +} +.radio-material-deeporange input[type=radio]:checked ~ .circle { + border-color: #ff5722; +} +.radio-material-grey input[type=radio]:checked ~ .circle { + border-color: #9e9e9e; +} +.radio-material-bluegrey input[type=radio]:checked ~ .circle { + border-color: #607d8b; +} +.radio-material-brown input[type=radio]:checked ~ .circle { + border-color: #795548; +} +.radio-material-lightgrey input[type=radio]:checked ~ .circle { + border-color: #ececec; +} +.radio input[type=radio][disabled] ~ .check, +.radio input[type=radio][disabled] ~ .circle { + opacity: 0.5; +} +.radio input[type=radio] { + display: none; +} +.radio input[type=radio]:checked ~ .check { + -webkit-transform: scale(0.55); + -ms-transform: scale(0.55); + transform: scale(0.55); +} +.radio input[type=radio][disabled] ~ .circle { + border-color: rgba(0, 0, 0, 0.84); +} +.radio input[type=radio][disabled] ~ .check { + background-color: rgba(0, 0, 0, 0.84); +} +@keyframes rippleOn { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +@keyframes rippleOff { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +fieldset[disabled] .form-control, +.form-control-wrapper .form-control, +.form-control, +fieldset[disabled] .form-control:focus, +.form-control-wrapper .form-control:focus, +.form-control:focus, +fieldset[disabled] .form-control.focus, +.form-control-wrapper .form-control.focus, +.form-control.focus { + padding: 0; + float: none; + border: 0; + box-shadow: none; + border-radius: 0; + background: transparent; + border-bottom: 1px solid #757575; +} +fieldset[disabled] .form-control:not(textarea):not(select), +.form-control-wrapper .form-control:not(textarea):not(select), +.form-control:not(textarea):not(select), +fieldset[disabled] .form-control:focus:not(textarea):not(select), +.form-control-wrapper .form-control:focus:not(textarea):not(select), +.form-control:focus:not(textarea):not(select), +fieldset[disabled] .form-control.focus:not(textarea):not(select), +.form-control-wrapper .form-control.focus:not(textarea):not(select), +.form-control.focus:not(textarea):not(select) { + height: 28px; +} +fieldset[disabled] .form-control:disabled, +.form-control-wrapper .form-control:disabled, +.form-control:disabled, +fieldset[disabled] .form-control:focus:disabled, +.form-control-wrapper .form-control:focus:disabled, +.form-control:focus:disabled, +fieldset[disabled] .form-control.focus:disabled, +.form-control-wrapper .form-control.focus:disabled, +.form-control.focus:disabled { + border-style: dashed; +} +select.form-control { + height: 23px; +} +select[multiple].form-control, +select[multiple].form-control:focus, +select[multiple].form-control.focus { + height: 85px; +} +.form-control-wrapper { + position: relative; + /* active state */ +} +.form-control-wrapper .form-control:focus, +.form-control-wrapper .form-control.focus { + outline: none; +} +.form-control-wrapper .floating-label { + color: #7E7E7E; + font-size: 14px; + position: absolute; + pointer-events: none; + left: 0px; + top: 5px; + -webkit-transition: 0.2s ease all; + transition: 0.2s ease all; + opacity: 0; +} +.form-control-wrapper .form-control:not(.empty) ~ .floating-label { + top: -10px; + font-size: 10px; + opacity: 1; +} +.form-control-wrapper .form-control:focus:invalid ~ .floating-label, +.form-control-wrapper .form-control.focus:invalid ~ .floating-label { + color: #f44336; +} +.form-control-wrapper .form-control:focus ~ .material-input:after, +.form-control-wrapper .form-control.focus ~ .material-input:after { + background-color: #5264ae; +} +.form-control-wrapper .form-control:focus:invalid ~ .material-input:before, +.form-control-wrapper .form-control.focus:invalid ~ .material-input:before, +.form-control-wrapper .form-control:focus:invalid ~ .material-input:after, +.form-control-wrapper .form-control.focus:invalid ~ .material-input:after { + background-color: #f44336; +} +.form-control-wrapper .form-control.empty ~ .floating-label { + opacity: 1; +} +.form-control-wrapper .material-input:before { + position: absolute; + content: ""; + width: 100%; + left: 0; + height: 2px; + background-color: #5264ae; + bottom: -1px; + -webkit-transform: scaleX(0); + -ms-transform: scaleX(0); + transform: scaleX(0); + -webkit-transition: -webkit-transform 0s; + transition: transform 0s; +} +.form-control-wrapper .form-control:focus ~ .material-input:before, +.form-control-wrapper .form-control.focus ~ .material-input:before { + -webkit-transform: scaleX(1); + -ms-transform: scaleX(1); + transform: scaleX(1); + -webkit-transition: -webkit-transform 0.2s ease-out; + transition: transform 0.2s ease-out; +} +.form-control-wrapper .material-input:after { + content: ""; + position: absolute; + height: 18px; + width: 100px; + margin-top: -1px; + top: 7px; + left: 0; + pointer-events: none; + opacity: 0.9; + -webkit-transform-origin: left; + -ms-transform-origin: left; + transform-origin: left; +} +.form-control-wrapper .input-lg ~ .material-input:after { + height: 26px; +} +.form-control-wrapper textarea { + resize: none; +} +.form-control-wrapper textarea ~ .form-control-highlight { + margin-top: -11px; +} +.form-control-wrapper .form-control:focus ~ .material-input:after, +.form-control-wrapper .form-control.focus ~ .material-input:after { + -webkit-animation: input-highlight 0.3s ease; + animation: input-highlight 0.3s ease; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; + opacity: 0; +} +.form-control-wrapper select ~ .material-input:after { + display: none; +} +.form-group.has-warning .material-input:before, +.form-group.has-warning input.form-control:focus ~ .material-input:after, +.form-group.has-warning input.form-control.focus ~ .material-input:after { + background: #ff5722; +} +.form-group.has-warning .control-label, +.form-group.has-warning input.form-control:not(.empty) ~ .floating-label { + color: #ff5722; +} +.form-group.has-error .material-input:before, +.form-group.has-error input.form-control:focus ~ .material-input:after, +.form-group.has-error input.form-control.focus ~ .material-input:after { + background: #f44336; +} +.form-group.has-error .control-label, +.form-group.has-error input.form-control:not(.empty) ~ .floating-label { + color: #f44336; +} +.form-group.has-success .material-input:before, +.form-group.has-success input.form-control:focus ~ .material-input:after, +.form-group.has-success input.form-control.focus ~ .material-input:after { + background: #0f9d58; +} +.form-group.has-success .control-label, +.form-group.has-success input.form-control:not(.empty) ~ .floating-label { + color: #0f9d58; +} +.form-group.has-info .material-input:before, +.form-group.has-info input.form-control:focus ~ .material-input:after, +.form-group.has-info input.form-control.focus ~ .material-input:after { + background: #03a9f4; +} +.form-group.has-info .control-label, +.form-group.has-info input.form-control:not(.empty) ~ .floating-label { + color: #03a9f4; +} +.form-group .material-input:before, +.form-group-default .material-input:before { + background-color: #3f51b5; +} +.form-group-primary .material-input:before { + background-color: #4285f4; +} +.form-group-success .material-input:before { + background-color: #0f9d58; +} +.form-group-info .material-input:before { + background-color: #03a9f4; +} +.form-group-warning .material-input:before { + background-color: #ff5722; +} +.form-group-danger .material-input:before { + background-color: #f44336; +} +.form-group-material-red .material-input:before { + background-color: #f44336; +} +.form-group-material-pink .material-input:before { + background-color: #e91e63; +} +.form-group-material-purple .material-input:before { + background-color: #9c27b0; +} +.form-group-material-deeppurple .material-input:before { + background-color: #673ab7; +} +.form-group-material-indigo .material-input:before { + background-color: #3f51b5; +} +.form-group-material-lightblue .material-input:before { + background-color: #03a9f4; +} +.form-group-material-cyan .material-input:before { + background-color: #00bcd4; +} +.form-group-material-teal .material-input:before { + background-color: #009688; +} +.form-group-material-lightgreen .material-input:before { + background-color: #8bc34a; +} +.form-group-material-lime .material-input:before { + background-color: #cddc39; +} +.form-group-material-lightyellow .material-input:before { + background-color: #ffeb3b; +} +.form-group-material-orange .material-input:before { + background-color: #ff9800; +} +.form-group-material-deeporange .material-input:before { + background-color: #ff5722; +} +.form-group-material-grey .material-input:before { + background-color: #9e9e9e; +} +.form-group-material-bluegrey .material-input:before { + background-color: #607d8b; +} +.form-group-material-brown .material-input:before { + background-color: #795548; +} +.form-group-material-lightgrey .material-input:before { + background-color: #ececec; +} +.form-group input.form-control:focus ~ .material-input:after, +.form-group-default input.form-control:focus ~ .material-input:after { + background-color: #3f51b5; +} +.form-group-primary input.form-control:focus ~ .material-input:after { + background-color: #4285f4; +} +.form-group-success input.form-control:focus ~ .material-input:after { + background-color: #0f9d58; +} +.form-group-info input.form-control:focus ~ .material-input:after { + background-color: #03a9f4; +} +.form-group-warning input.form-control:focus ~ .material-input:after { + background-color: #ff5722; +} +.form-group-danger input.form-control:focus ~ .material-input:after { + background-color: #f44336; +} +.form-group-material-red input.form-control:focus ~ .material-input:after { + background-color: #f44336; +} +.form-group-material-pink input.form-control:focus ~ .material-input:after { + background-color: #e91e63; +} +.form-group-material-purple input.form-control:focus ~ .material-input:after { + background-color: #9c27b0; +} +.form-group-material-deeppurple input.form-control:focus ~ .material-input:after { + background-color: #673ab7; +} +.form-group-material-indigo input.form-control:focus ~ .material-input:after { + background-color: #3f51b5; +} +.form-group-material-lightblue input.form-control:focus ~ .material-input:after { + background-color: #03a9f4; +} +.form-group-material-cyan input.form-control:focus ~ .material-input:after { + background-color: #00bcd4; +} +.form-group-material-teal input.form-control:focus ~ .material-input:after { + background-color: #009688; +} +.form-group-material-lightgreen input.form-control:focus ~ .material-input:after { + background-color: #8bc34a; +} +.form-group-material-lime input.form-control:focus ~ .material-input:after { + background-color: #cddc39; +} +.form-group-material-lightyellow input.form-control:focus ~ .material-input:after { + background-color: #ffeb3b; +} +.form-group-material-orange input.form-control:focus ~ .material-input:after { + background-color: #ff9800; +} +.form-group-material-deeporange input.form-control:focus ~ .material-input:after { + background-color: #ff5722; +} +.form-group-material-grey input.form-control:focus ~ .material-input:after { + background-color: #9e9e9e; +} +.form-group-material-bluegrey input.form-control:focus ~ .material-input:after { + background-color: #607d8b; +} +.form-group-material-brown input.form-control:focus ~ .material-input:after { + background-color: #795548; +} +.form-group-material-lightgrey input.form-control:focus ~ .material-input:after { + background-color: #ececec; +} +.form-group input.form-control.focus ~ .material-input:after, +.form-group-default input.form-control.focus ~ .material-input:after { + background-color: #3f51b5; +} +.form-group-primary input.form-control.focus ~ .material-input:after { + background-color: #4285f4; +} +.form-group-success input.form-control.focus ~ .material-input:after { + background-color: #0f9d58; +} +.form-group-info input.form-control.focus ~ .material-input:after { + background-color: #03a9f4; +} +.form-group-warning input.form-control.focus ~ .material-input:after { + background-color: #ff5722; +} +.form-group-danger input.form-control.focus ~ .material-input:after { + background-color: #f44336; +} +.form-group-material-red input.form-control.focus ~ .material-input:after { + background-color: #f44336; +} +.form-group-material-pink input.form-control.focus ~ .material-input:after { + background-color: #e91e63; +} +.form-group-material-purple input.form-control.focus ~ .material-input:after { + background-color: #9c27b0; +} +.form-group-material-deeppurple input.form-control.focus ~ .material-input:after { + background-color: #673ab7; +} +.form-group-material-indigo input.form-control.focus ~ .material-input:after { + background-color: #3f51b5; +} +.form-group-material-lightblue input.form-control.focus ~ .material-input:after { + background-color: #03a9f4; +} +.form-group-material-cyan input.form-control.focus ~ .material-input:after { + background-color: #00bcd4; +} +.form-group-material-teal input.form-control.focus ~ .material-input:after { + background-color: #009688; +} +.form-group-material-lightgreen input.form-control.focus ~ .material-input:after { + background-color: #8bc34a; +} +.form-group-material-lime input.form-control.focus ~ .material-input:after { + background-color: #cddc39; +} +.form-group-material-lightyellow input.form-control.focus ~ .material-input:after { + background-color: #ffeb3b; +} +.form-group-material-orange input.form-control.focus ~ .material-input:after { + background-color: #ff9800; +} +.form-group-material-deeporange input.form-control.focus ~ .material-input:after { + background-color: #ff5722; +} +.form-group-material-grey input.form-control.focus ~ .material-input:after { + background-color: #9e9e9e; +} +.form-group-material-bluegrey input.form-control.focus ~ .material-input:after { + background-color: #607d8b; +} +.form-group-material-brown input.form-control.focus ~ .material-input:after { + background-color: #795548; +} +.form-group-material-lightgrey input.form-control.focus ~ .material-input:after { + background-color: #ececec; +} +.form-group .control-label, +.form-group-default .control-label { + color: rgba(0, 0, 0, 0.84); +} +.form-group-primary .control-label { + color: #4285f4; +} +.form-group-success .control-label { + color: #0f9d58; +} +.form-group-info .control-label { + color: #03a9f4; +} +.form-group-warning .control-label { + color: #ff5722; +} +.form-group-danger .control-label { + color: #f44336; +} +.form-group-material-red .control-label { + color: #f44336; +} +.form-group-material-pink .control-label { + color: #e91e63; +} +.form-group-material-purple .control-label { + color: #9c27b0; +} +.form-group-material-deeppurple .control-label { + color: #673ab7; +} +.form-group-material-indigo .control-label { + color: #3f51b5; +} +.form-group-material-lightblue .control-label { + color: #03a9f4; +} +.form-group-material-cyan .control-label { + color: #00bcd4; +} +.form-group-material-teal .control-label { + color: #009688; +} +.form-group-material-lightgreen .control-label { + color: #8bc34a; +} +.form-group-material-lime .control-label { + color: #cddc39; +} +.form-group-material-lightyellow .control-label { + color: #ffeb3b; +} +.form-group-material-orange .control-label { + color: #ff9800; +} +.form-group-material-deeporange .control-label { + color: #ff5722; +} +.form-group-material-grey .control-label { + color: #9e9e9e; +} +.form-group-material-bluegrey .control-label { + color: #607d8b; +} +.form-group-material-brown .control-label { + color: #795548; +} +.form-group-material-lightgrey .control-label { + color: #ececec; +} +.form-group input.form-control:not(.empty) ~ .floating-label, +.form-group-default input.form-control:not(.empty) ~ .floating-label { + color: #3f51b5; +} +.form-group-primary input.form-control:not(.empty) ~ .floating-label { + color: #4285f4; +} +.form-group-success input.form-control:not(.empty) ~ .floating-label { + color: #0f9d58; +} +.form-group-info input.form-control:not(.empty) ~ .floating-label { + color: #03a9f4; +} +.form-group-warning input.form-control:not(.empty) ~ .floating-label { + color: #ff5722; +} +.form-group-danger input.form-control:not(.empty) ~ .floating-label { + color: #f44336; +} +.form-group-material-red input.form-control:not(.empty) ~ .floating-label { + color: #f44336; +} +.form-group-material-pink input.form-control:not(.empty) ~ .floating-label { + color: #e91e63; +} +.form-group-material-purple input.form-control:not(.empty) ~ .floating-label { + color: #9c27b0; +} +.form-group-material-deeppurple input.form-control:not(.empty) ~ .floating-label { + color: #673ab7; +} +.form-group-material-indigo input.form-control:not(.empty) ~ .floating-label { + color: #3f51b5; +} +.form-group-material-lightblue input.form-control:not(.empty) ~ .floating-label { + color: #03a9f4; +} +.form-group-material-cyan input.form-control:not(.empty) ~ .floating-label { + color: #00bcd4; +} +.form-group-material-teal input.form-control:not(.empty) ~ .floating-label { + color: #009688; +} +.form-group-material-lightgreen input.form-control:not(.empty) ~ .floating-label { + color: #8bc34a; +} +.form-group-material-lime input.form-control:not(.empty) ~ .floating-label { + color: #cddc39; +} +.form-group-material-lightyellow input.form-control:not(.empty) ~ .floating-label { + color: #ffeb3b; +} +.form-group-material-orange input.form-control:not(.empty) ~ .floating-label { + color: #ff9800; +} +.form-group-material-deeporange input.form-control:not(.empty) ~ .floating-label { + color: #ff5722; +} +.form-group-material-grey input.form-control:not(.empty) ~ .floating-label { + color: #9e9e9e; +} +.form-group-material-bluegrey input.form-control:not(.empty) ~ .floating-label { + color: #607d8b; +} +.form-group-material-brown input.form-control:not(.empty) ~ .floating-label { + color: #795548; +} +.form-group-material-lightgrey input.form-control:not(.empty) ~ .floating-label { + color: #ececec; +} +.input-group .form-control-wrapper { + margin-right: 5px; + margin-left: 5px; + bottom: -10px; +} +.input-group .form-control-wrapper .form-control { + float: none; +} +.input-group .input-group-addon { + border: 0; +} +.input-group .input-group-btn .btn { + border-radius: 4px; +} +select.form-control { + border: 0; + box-shadow: none; + border-bottom: 1px solid #757575; + border-radius: 0; +} +select.form-control:focus, +select.form-control.focus { + box-shadow: none; + border-color: #757575; +} +@keyframes input-highlight { + 0% { + left: 20%; + -webkit-transform: scaleX(20%); + transform: scaleX(20%); + } + 99% { + -webkit-transform: scaleX(0); + transform: scaleX(0); + left: 0; + opacity: 1; + } + 100% { + opacity: 0; + } +} +.form-control-wrapper input[type=file] { + opacity: 0; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 100; +} +legend { + border-bottom: 0; +} +.modal-content { + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + border-radius: 0; + border: 0; +} +.modal-content .modal-header { + border-bottom: 0; +} +.modal-content .modal-footer { + border-top: 0; +} +.modal-content .modal-footer .btn + .btn { + margin-bottom: 10px; +} +.list-group { + border-radius: 0; +} +.list-group .list-group-item { + background-color: transparent; + overflow: hidden; + border: 0; + border-radius: 0; + padding: 0 16px; +} +.list-group .list-group-item .row-picture, +.list-group .list-group-item .row-action-primary { + float: left; + display: inline-block; + padding-right: 16px; +} +.list-group .list-group-item .row-picture img, +.list-group .list-group-item .row-action-primary img, +.list-group .list-group-item .row-picture i, +.list-group .list-group-item .row-action-primary i, +.list-group .list-group-item .row-picture label, +.list-group .list-group-item .row-action-primary label { + display: block; + width: 56px; + height: 56px; +} +.list-group .list-group-item .row-picture img, +.list-group .list-group-item .row-action-primary img { + background: rgba(0, 0, 0, 0.1); + padding: 1px; +} +.list-group .list-group-item .row-picture img.circle, +.list-group .list-group-item .row-action-primary img.circle { + border-radius: 100%; +} +.list-group .list-group-item .row-picture i, +.list-group .list-group-item .row-action-primary i { + background: rgba(0, 0, 0, 0.25); + border-radius: 100%; + text-align: center; + line-height: 56px; + font-size: 20px; + color: white; +} +.list-group .list-group-item .row-picture label, +.list-group .list-group-item .row-action-primary label { + margin-left: 7px; + margin-right: -7px; + margin-top: 5px; + margin-bottom: -5px; +} +.list-group .list-group-item .row-content { + display: inline-block; + width: calc(100% - 92px); + min-height: 66px; +} +.list-group .list-group-item .row-content .action-secondary { + position: absolute; + right: 16px; + top: 16px; +} +.list-group .list-group-item .row-content .action-secondary i { + font-size: 20px; + color: rgba(0, 0, 0, 0.25); + cursor: pointer; +} +.list-group .list-group-item .row-content .action-secondary ~ * { + max-width: calc(100% - 30px); +} +.list-group .list-group-item .row-content .least-content { + position: absolute; + right: 16px; + top: 0px; + color: rgba(0, 0, 0, 0.54); + font-size: 14px; +} +.list-group .list-group-item .list-group-item-heading { + color: rgba(0, 0, 0, 0.77); + font-size: 20px; + line-height: 29px; +} +.list-group .list-group-separator { + clear: both; + overflow: hidden; + margin-top: 10px; + margin-bottom: 10px; +} +.list-group .list-group-separator:before { + content: ""; + width: calc(100% - 90px); + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + float: right; +} +.navbar { + background-color: #4285f4; + border: 0; + border-radius: 0; +} +.navbar .navbar-brand { + position: relative; + height: 60px; + line-height: 30px; + color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-brand:hover, +.navbar .navbar-brand:focus { + color: rgba(255, 255, 255, 0.84); + background-color: transparent; +} +.navbar .navbar-text { + color: rgba(255, 255, 255, 0.84); + margin-top: 20px; + margin-bottom: 20px; +} +.navbar .navbar-nav > li > a { + color: rgba(255, 255, 255, 0.84); + padding-top: 20px; + padding-bottom: 20px; +} +.navbar .navbar-nav > li > a:hover, +.navbar .navbar-nav > li > a:focus { + color: rgba(255, 255, 255, 0.84); + background-color: transparent; +} +.navbar .navbar-nav > .active > a, +.navbar .navbar-nav > .active > a:hover, +.navbar .navbar-nav > .active > a:focus { + color: rgba(255, 255, 255, 0.84); + background-color: rgba(0, 0, 0, 0.05); +} +.navbar .navbar-nav > .disabled > a, +.navbar .navbar-nav > .disabled > a:hover, +.navbar .navbar-nav > .disabled > a:focus { + color: #e5e5e5; + background-color: transparent; +} +.navbar .navbar-toggle { + margin-top: 13px; + border-color: transparent; +} +.navbar .navbar-toggle:hover, +.navbar .navbar-toggle:focus { + background-color: transparent; +} +.navbar .navbar-toggle .icon-bar { + background-color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-default .navbar-toggle, +.navbar .navbar-inverse .navbar-toggle { + border-color: transparent; +} +.navbar .navbar-collapse, +.navbar .navbar-form { + border-color: rgba(0, 0, 0, 0.1); +} +.navbar .navbar-nav > .open > a, +.navbar .navbar-nav > .open > a:hover, +.navbar .navbar-nav > .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.84); +} +@media (max-width: 767px) { + .navbar .navbar-nav .open .dropdown-menu > .dropdown-header { + border: 0; + color: rgba(212, 212, 212, 0.84); + } + .navbar .navbar-nav .open .dropdown-menu .divider { + background-color: rgba(255, 255, 255, 0.84); + } + .navbar .navbar-nav .open .dropdown-menu > li > a { + color: rgba(255, 255, 255, 0.84); + } + .navbar .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar .navbar-nav .open .dropdown-menu > li > a:focus { + color: rgba(255, 255, 255, 0.84); + background-color: transparent; + } + .navbar .navbar-nav .open .dropdown-menu > .active > a, + .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar .navbar-nav .open .dropdown-menu > .active > a:focus { + color: rgba(255, 255, 255, 0.84); + background-color: rgba(0, 0, 0, 0.05); + } + .navbar .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #e5e5e5; + background-color: transparent; + } +} +.navbar .navbar-link { + color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-link:hover { + color: rgba(255, 255, 255, 0.84); +} +.navbar .btn-link { + color: rgba(255, 255, 255, 0.84); +} +.navbar .btn-link:hover, +.navbar .btn-link:focus { + color: rgba(255, 255, 255, 0.84); +} +.navbar .btn-link[disabled]:hover, +fieldset[disabled] .navbar .btn-link:hover, +.navbar .btn-link[disabled]:focus, +fieldset[disabled] .navbar .btn-link:focus { + color: #e5e5e5; +} +.navbar .navbar-form { + margin-top: 16px; +} +.navbar .navbar-form .form-control-wrapper .form-control, +.navbar .navbar-form .form-control { + border-color: rgba(255, 255, 255, 0.84); + color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-form .form-control-wrapper .material-input:before, +.navbar .navbar-form .form-control-wrapper input:focus ~ .material-input:after { + background-color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-form ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-form :-moz-placeholder { + color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-form ::-moz-placeholder { + color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-form :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.84); +} +.navbar, +.navbar-default { + background-color: #4285f4; +} +.navbar-primary { + background-color: #4285f4; +} +.navbar-success { + background-color: #0f9d58; +} +.navbar-info { + background-color: #03a9f4; +} +.navbar-warning { + background-color: #ff5722; +} +.navbar-danger { + background-color: #f44336; +} +.navbar-material-red { + background-color: #f44336; +} +.navbar-material-pink { + background-color: #e91e63; +} +.navbar-material-purple { + background-color: #9c27b0; +} +.navbar-material-deeppurple { + background-color: #673ab7; +} +.navbar-material-indigo { + background-color: #3f51b5; +} +.navbar-material-lightblue { + background-color: #03a9f4; +} +.navbar-material-cyan { + background-color: #00bcd4; +} +.navbar-material-teal { + background-color: #009688; +} +.navbar-material-lightgreen { + background-color: #8bc34a; +} +.navbar-material-lime { + background-color: #cddc39; +} +.navbar-material-lightyellow { + background-color: #ffeb3b; +} +.navbar-material-orange { + background-color: #ff9800; +} +.navbar-material-deeporange { + background-color: #ff5722; +} +.navbar-material-grey { + background-color: #9e9e9e; +} +.navbar-material-bluegrey { + background-color: #607d8b; +} +.navbar-material-brown { + background-color: #795548; +} +.navbar-material-lightgrey { + background-color: #ececec; +} +.navbar-inverse { + background-color: #3f51b5; +} +.navbar-material-white { + background-color: #FFF; +} +.navbar-material-white .navbar-brand, +.navbar-material-white .navbar-brand:hover, +.navbar-material-white .navbar-brand:focus { + color: rgba(0, 0, 0, 0.84); +} +.navbar-material-white .navbar-nav > li > a { + color: rgba(0, 0, 0, 0.84); +} +.navbar-material-white .navbar-nav > li > a:hover, +.navbar-material-white .navbar-nav > li > a:focus { + color: rgba(0, 0, 0, 0.84); + background-color: transparent; +} +.navbar-material-white .navbar-nav > .active > a, +.navbar-material-white .navbar-nav > .active > a:hover, +.navbar-material-white .navbar-nav > .active > a:focus { + color: rgba(0, 0, 0, 0.84); + background-color: rgba(0, 0, 0, 0.05); +} +.navbar-material-white .navbar-nav > .disabled > a, +.navbar-material-white .navbar-nav > .disabled > a:hover, +.navbar-material-white .navbar-nav > .disabled > a:focus { + color: rgba(0, 0, 0, 0.84); + background-color: transparent; +} +.navbar-material-white .navbar-nav > .open > a, +.navbar-material-white .navbar-nav > .open > a:hover, +.navbar-material-white .navbar-nav > .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(0, 0, 0, 0.84); +} +@media (max-width: 1199px) { + .navbar .navbar-brand { + height: 50px; + padding: 10px 15px; + } + .navbar .navbar-form { + margin-top: 10px; + } + .navbar .navbar-nav > li > a { + padding-top: 15px; + padding-bottom: 15px; + } +} +.dropdown-menu { + border: 0; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); +} +.dropdown-menu .divider { + background-color: rgba(229, 229, 229, 0.12); +} +.dropdown-menu li { + overflow: hidden; + position: relative; +} +.dropdown-menu li a:hover { + background: rgba(0, 0, 0, 0.08); +} +.alert { + border: 0px; + border-radius: 0; +} +.alert a, +.alert .alert-link { + color: #FFFFFF; +} +.alert, +.alert-default { + background-color: #ffffff; +} +.alert-primary { + background-color: #4285f4; +} +.alert-success { + background-color: #0f9d58; +} +.alert-info { + background-color: #03a9f4; +} +.alert-warning { + background-color: #ff5722; +} +.alert-danger { + background-color: #f44336; +} +.alert-material-red { + background-color: #f44336; +} +.alert-material-pink { + background-color: #e91e63; +} +.alert-material-purple { + background-color: #9c27b0; +} +.alert-material-deeppurple { + background-color: #673ab7; +} +.alert-material-indigo { + background-color: #3f51b5; +} +.alert-material-lightblue { + background-color: #03a9f4; +} +.alert-material-cyan { + background-color: #00bcd4; +} +.alert-material-teal { + background-color: #009688; +} +.alert-material-lightgreen { + background-color: #8bc34a; +} +.alert-material-lime { + background-color: #cddc39; +} +.alert-material-lightyellow { + background-color: #ffeb3b; +} +.alert-material-orange { + background-color: #ff9800; +} +.alert-material-deeporange { + background-color: #ff5722; +} +.alert-material-grey { + background-color: #9e9e9e; +} +.alert-material-bluegrey { + background-color: #607d8b; +} +.alert-material-brown { + background-color: #795548; +} +.alert-material-lightgrey { + background-color: #ececec; +} +.alert-info, +.alert-danger, +.alert-warning, +.alert-success { + color: #FFFFFF; +} +.alert-default a, +.alert-default .alert-link { + color: #000000; +} +.progress { + height: 4px; + border-radius: 0; + box-shadow: none; + background: #c8c8c8; +} +.progress .progress-bar { + box-shadow: none; +} +.progress .progress-bar, +.progress .progress-bar-default { + background-color: #4285f4; +} +.progress .progress-bar-primary { + background-color: #4285f4; +} +.progress .progress-bar-success { + background-color: #0f9d58; +} +.progress .progress-bar-info { + background-color: #03a9f4; +} +.progress .progress-bar-warning { + background-color: #ff5722; +} +.progress .progress-bar-danger { + background-color: #f44336; +} +.progress .progress-bar-material-red { + background-color: #f44336; +} +.progress .progress-bar-material-pink { + background-color: #e91e63; +} +.progress .progress-bar-material-purple { + background-color: #9c27b0; +} +.progress .progress-bar-material-deeppurple { + background-color: #673ab7; +} +.progress .progress-bar-material-indigo { + background-color: #3f51b5; +} +.progress .progress-bar-material-lightblue { + background-color: #03a9f4; +} +.progress .progress-bar-material-cyan { + background-color: #00bcd4; +} +.progress .progress-bar-material-teal { + background-color: #009688; +} +.progress .progress-bar-material-lightgreen { + background-color: #8bc34a; +} +.progress .progress-bar-material-lime { + background-color: #cddc39; +} +.progress .progress-bar-material-lightyellow { + background-color: #ffeb3b; +} +.progress .progress-bar-material-orange { + background-color: #ff9800; +} +.progress .progress-bar-material-deeporange { + background-color: #ff5722; +} +.progress .progress-bar-material-grey { + background-color: #9e9e9e; +} +.progress .progress-bar-material-bluegrey { + background-color: #607d8b; +} +.progress .progress-bar-material-brown { + background-color: #795548; +} +.progress .progress-bar-material-lightgrey { + background-color: #ececec; +} +.text-warning { + color: #ff5722; +} +.text-primary { + color: #4285f4; +} +.text-danger { + color: #f44336; +} +.text-success { + color: #0f9d58; +} +.text-info { + color: #03a9f4; +} +.nav-tabs { + background: #4285f4; +} +.nav-tabs > li > a { + color: #FFFFFF; + border: 0; + margin: 0; +} +.nav-tabs > li > a:hover { + background: transparent; + border: 0; +} +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover, +.nav-tabs > li.open > a, +.nav-tabs > li.open > a:hover { + background: transparent !important; + border: 0 !important; + color: #FFFFFF !important; + font-weight: 500; +} +.nav-tabs > li.disabled > a, +.nav-tabs > li.disabled > a:hover { + color: rgba(255, 255, 255, 0.5); +} +.popover, +.tooltip-inner { + background: #323232; + color: #FFF; + border-radius: 2px; +} +.tooltip, +.tooltip.in { + opacity: 1; +} +.popover.left .arrow:after, +.tooltip.left .arrow:after, +.popover.left .tooltip-arrow, +.tooltip.left .tooltip-arrow { + border-left-color: #323232; +} +.popover.right .arrow:after, +.tooltip.right .arrow:after, +.popover.right .tooltip-arrow, +.tooltip.right .tooltip-arrow { + border-right-color: #323232; +} +.popover.top .arrow:after, +.tooltip.top .arrow:after, +.popover.top .tooltip-arrow, +.tooltip.top .tooltip-arrow { + border-top-color: #323232; +} +.popover.bottom .arrow:after, +.tooltip.bottom .arrow:after, +.popover.bottom .tooltip-arrow, +.tooltip.bottom .tooltip-arrow { + border-bottom-color: #323232; +} +.icon, +.icon-default { + color: rgba(0, 0, 0, 0.84); +} +.icon-primary { + color: #4285f4; +} +.icon-success { + color: #0f9d58; +} +.icon-info { + color: #03a9f4; +} +.icon-warning { + color: #ff5722; +} +.icon-danger { + color: #f44336; +} +.icon-material-red { + color: #f44336; +} +.icon-material-pink { + color: #e91e63; +} +.icon-material-purple { + color: #9c27b0; +} +.icon-material-deeppurple { + color: #673ab7; +} +.icon-material-indigo { + color: #3f51b5; +} +.icon-material-lightblue { + color: #03a9f4; +} +.icon-material-cyan { + color: #00bcd4; +} +.icon-material-teal { + color: #009688; +} +.icon-material-lightgreen { + color: #8bc34a; +} +.icon-material-lime { + color: #cddc39; +} +.icon-material-lightyellow { + color: #ffeb3b; +} +.icon-material-orange { + color: #ff9800; +} +.icon-material-deeporange { + color: #ff5722; +} +.icon-material-grey { + color: #9e9e9e; +} +.icon-material-bluegrey { + color: #607d8b; +} +.icon-material-brown { + color: #795548; +} +.icon-material-lightgrey { + color: #ececec; +} +.snackbar { + background-color: #323232; + color: rgba(255, 255, 255, 0.84); + font-size: 14px; + border-radius: 2px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + height: 0; + -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s; + transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s; + -webkit-transform: translateY(200%); + -ms-transform: translateY(200%); + transform: translateY(200%); +} +.snackbar.snackbar-opened { + padding: 14px 15px; + margin-bottom: 20px; + height: auto; + -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s; + transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s; + -webkit-transform: none; + -ms-transform: none; + transform: none; +} +.snackbar.toast { + border-radius: 200px; +} +.noUi-target, +.noUi-target * { + -webkit-touch-callout: none; + -ms-touch-action: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + box-sizing: border-box; +} +.noUi-base { + width: 100%; + height: 100%; + position: relative; +} +.noUi-origin { + position: absolute; + right: 0; + top: 0; + left: 0; + bottom: 0; +} +.noUi-handle { + position: relative; + z-index: 1; + box-sizing: border-box; +} +.noUi-stacking .noUi-handle { + z-index: 10; +} +.noUi-stacking + .noUi-origin { + *z-index: -1; +} +.noUi-state-tap .noUi-origin { + -webkit-transition: left 0.3s, top 0.3s; + transition: left 0.3s, top 0.3s; +} +.noUi-state-drag * { + cursor: inherit !important; +} +.noUi-horizontal { + height: 10px; +} +.noUi-horizontal .noUi-handle { + box-sizing: border-box; + width: 12px; + height: 12px; + left: -10px; + top: -5px; +} +.noUi-horizontal.noUi-extended { + padding: 0 15px; +} +.noUi-horizontal.noUi-extended .noUi-origin { + right: -15px; +} +.noUi-background { + height: 2px; + margin: 20px 0; +} +.noUi-origin { + margin: 0; + border-radius: 0; + height: 2px; + background: #c8c8c8; +} +.noUi-origin[style^="left: 0"] .noUi-handle { + background-color: #fff; + border: 2px solid #c8c8c8; +} +.noUi-origin[style^="left: 0"] .noUi-handle.noUi-active { + border-width: 1px; +} +.noUi-target { + border-radius: 2px; +} +.noUi-handle { + border-radius: 100%; + cursor: default; + -webkit-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + border: 1px solid; +} +.noUi-horizontal { + height: 2px; + margin: 15px 0; +} +.noUi-horizontal .noUi-handle.noUi-active { + -webkit-transform: scale(2.5); + -ms-transform: scale(2.5); + transform: scale(2.5); +} +[disabled].noUi-slider { + opacity: 0.5; +} +[disabled] .noUi-handle { + cursor: not-allowed; +} +.slider { + background: #c8c8c8; +} +.slider.noUi-connect, +.slider-default.noUi-connect { + background-color: #4285f4; +} +.slider-primary.noUi-connect { + background-color: #4285f4; +} +.slider-success.noUi-connect { + background-color: #0f9d58; +} +.slider-info.noUi-connect { + background-color: #03a9f4; +} +.slider-warning.noUi-connect { + background-color: #ff5722; +} +.slider-danger.noUi-connect { + background-color: #f44336; +} +.slider-material-red.noUi-connect { + background-color: #f44336; +} +.slider-material-pink.noUi-connect { + background-color: #e91e63; +} +.slider-material-purple.noUi-connect { + background-color: #9c27b0; +} +.slider-material-deeppurple.noUi-connect { + background-color: #673ab7; +} +.slider-material-indigo.noUi-connect { + background-color: #3f51b5; +} +.slider-material-lightblue.noUi-connect { + background-color: #03a9f4; +} +.slider-material-cyan.noUi-connect { + background-color: #00bcd4; +} +.slider-material-teal.noUi-connect { + background-color: #009688; +} +.slider-material-lightgreen.noUi-connect { + background-color: #8bc34a; +} +.slider-material-lime.noUi-connect { + background-color: #cddc39; +} +.slider-material-lightyellow.noUi-connect { + background-color: #ffeb3b; +} +.slider-material-orange.noUi-connect { + background-color: #ff9800; +} +.slider-material-deeporange.noUi-connect { + background-color: #ff5722; +} +.slider-material-grey.noUi-connect { + background-color: #9e9e9e; +} +.slider-material-bluegrey.noUi-connect { + background-color: #607d8b; +} +.slider-material-brown.noUi-connect { + background-color: #795548; +} +.slider-material-lightgrey.noUi-connect { + background-color: #ececec; +} +.slider .noUi-connect, +.slider-default .noUi-connect { + background-color: #4285f4; +} +.slider-primary .noUi-connect { + background-color: #4285f4; +} +.slider-success .noUi-connect { + background-color: #0f9d58; +} +.slider-info .noUi-connect { + background-color: #03a9f4; +} +.slider-warning .noUi-connect { + background-color: #ff5722; +} +.slider-danger .noUi-connect { + background-color: #f44336; +} +.slider-material-red .noUi-connect { + background-color: #f44336; +} +.slider-material-pink .noUi-connect { + background-color: #e91e63; +} +.slider-material-purple .noUi-connect { + background-color: #9c27b0; +} +.slider-material-deeppurple .noUi-connect { + background-color: #673ab7; +} +.slider-material-indigo .noUi-connect { + background-color: #3f51b5; +} +.slider-material-lightblue .noUi-connect { + background-color: #03a9f4; +} +.slider-material-cyan .noUi-connect { + background-color: #00bcd4; +} +.slider-material-teal .noUi-connect { + background-color: #009688; +} +.slider-material-lightgreen .noUi-connect { + background-color: #8bc34a; +} +.slider-material-lime .noUi-connect { + background-color: #cddc39; +} +.slider-material-lightyellow .noUi-connect { + background-color: #ffeb3b; +} +.slider-material-orange .noUi-connect { + background-color: #ff9800; +} +.slider-material-deeporange .noUi-connect { + background-color: #ff5722; +} +.slider-material-grey .noUi-connect { + background-color: #9e9e9e; +} +.slider-material-bluegrey .noUi-connect { + background-color: #607d8b; +} +.slider-material-brown .noUi-connect { + background-color: #795548; +} +.slider-material-lightgrey .noUi-connect { + background-color: #ececec; +} +.slider .noUi-handle, +.slider-default .noUi-handle { + background-color: #4285f4; +} +.slider-primary .noUi-handle { + background-color: #4285f4; +} +.slider-success .noUi-handle { + background-color: #0f9d58; +} +.slider-info .noUi-handle { + background-color: #03a9f4; +} +.slider-warning .noUi-handle { + background-color: #ff5722; +} +.slider-danger .noUi-handle { + background-color: #f44336; +} +.slider-material-red .noUi-handle { + background-color: #f44336; +} +.slider-material-pink .noUi-handle { + background-color: #e91e63; +} +.slider-material-purple .noUi-handle { + background-color: #9c27b0; +} +.slider-material-deeppurple .noUi-handle { + background-color: #673ab7; +} +.slider-material-indigo .noUi-handle { + background-color: #3f51b5; +} +.slider-material-lightblue .noUi-handle { + background-color: #03a9f4; +} +.slider-material-cyan .noUi-handle { + background-color: #00bcd4; +} +.slider-material-teal .noUi-handle { + background-color: #009688; +} +.slider-material-lightgreen .noUi-handle { + background-color: #8bc34a; +} +.slider-material-lime .noUi-handle { + background-color: #cddc39; +} +.slider-material-lightyellow .noUi-handle { + background-color: #ffeb3b; +} +.slider-material-orange .noUi-handle { + background-color: #ff9800; +} +.slider-material-deeporange .noUi-handle { + background-color: #ff5722; +} +.slider-material-grey .noUi-handle { + background-color: #9e9e9e; +} +.slider-material-bluegrey .noUi-handle { + background-color: #607d8b; +} +.slider-material-brown .noUi-handle { + background-color: #795548; +} +.slider-material-lightgrey .noUi-handle { + background-color: #ececec; +} +.slider .noUi-handle, +.slider-default .noUi-handle { + border-color: #4285f4; +} +.slider-primary .noUi-handle { + border-color: #4285f4; +} +.slider-success .noUi-handle { + border-color: #0f9d58; +} +.slider-info .noUi-handle { + border-color: #03a9f4; +} +.slider-warning .noUi-handle { + border-color: #ff5722; +} +.slider-danger .noUi-handle { + border-color: #f44336; +} +.slider-material-red .noUi-handle { + border-color: #f44336; +} +.slider-material-pink .noUi-handle { + border-color: #e91e63; +} +.slider-material-purple .noUi-handle { + border-color: #9c27b0; +} +.slider-material-deeppurple .noUi-handle { + border-color: #673ab7; +} +.slider-material-indigo .noUi-handle { + border-color: #3f51b5; +} +.slider-material-lightblue .noUi-handle { + border-color: #03a9f4; +} +.slider-material-cyan .noUi-handle { + border-color: #00bcd4; +} +.slider-material-teal .noUi-handle { + border-color: #009688; +} +.slider-material-lightgreen .noUi-handle { + border-color: #8bc34a; +} +.slider-material-lime .noUi-handle { + border-color: #cddc39; +} +.slider-material-lightyellow .noUi-handle { + border-color: #ffeb3b; +} +.slider-material-orange .noUi-handle { + border-color: #ff9800; +} +.slider-material-deeporange .noUi-handle { + border-color: #ff5722; +} +.slider-material-grey .noUi-handle { + border-color: #9e9e9e; +} +.slider-material-bluegrey .noUi-handle { + border-color: #607d8b; +} +.slider-material-brown .noUi-handle { + border-color: #795548; +} +.slider-material-lightgrey .noUi-handle { + border-color: #ececec; +} diff --git a/css-compiled/material-wfont.min.css b/css-compiled/material-wfont.min.css new file mode 100644 index 00000000..5e658705 --- /dev/null +++ b/css-compiled/material-wfont.min.css @@ -0,0 +1 @@ +@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,700,300|Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic);@-webkit-keyframes input-highlight{0%{left:20%;width:20%}99%{width:0;left:0;opacity:1}100%{opacity:0}}@keyframes input-highlight{0%{left:20%;width:20%}99%{width:0;left:0;opacity:1}100%{opacity:0}}.shadow-z-1{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.shadow-z-2{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.shadow-z-2-hover{box-shadow:0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.28)}.shadow-z-3{box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.shadow-z-4{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.shadow-z-5{box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)}body{background-color:#EEE}body.inverse{background:#333}body.inverse,body.inverse .form-control{color:rgba(255,255,255,.84)}.h1,.h2,.h3,.h4,.h5,.h6,body,h1,h2,h3,h4,h5,h6{font-family:Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif}.container .well,.container .well .form-control,.container .well:not([class^="well well-material-"]),.container .well:not([class^="well well-material-"]) .form-control,.container-fluid .well,.container-fluid .well .form-control,.container-fluid .well:not([class^="well well-material-"]),.container-fluid .well:not([class^="well well-material-"]) .form-control,body .well,body .well .form-control,body .well:not([class^="well well-material-"]),body .well:not([class^="well well-material-"]) .form-control{color:rgba(0,0,0,.84)}.container .well .floating-label,.container .well:not([class^="well well-material-"]) .floating-label,.container-fluid .well .floating-label,.container-fluid .well:not([class^="well well-material-"]) .floating-label,body .well .floating-label,body .well:not([class^="well well-material-"]) .floating-label{color:#7e7e7e}.container .well .form-control,.container .well:not([class^="well well-material-"]) .form-control,.container-fluid .well .form-control,.container-fluid .well:not([class^="well well-material-"]) .form-control,body .well .form-control,body .well:not([class^="well well-material-"]) .form-control{border-bottom-color:#7e7e7e}.container .well .form-control::-webkit-input-placeholder,.container .well:not([class^="well well-material-"]) .form-control::-webkit-input-placeholder,.container-fluid .well .form-control::-webkit-input-placeholder,.container-fluid .well:not([class^="well well-material-"]) .form-control::-webkit-input-placeholder,body .well .form-control::-webkit-input-placeholder,body .well:not([class^="well well-material-"]) .form-control::-webkit-input-placeholder{color:#7e7e7e}.container .well .form-control::-moz-placeholder,.container .well:not([class^="well well-material-"]) .form-control::-moz-placeholder,.container-fluid .well .form-control::-moz-placeholder,.container-fluid .well:not([class^="well well-material-"]) .form-control::-moz-placeholder,body .well .form-control::-moz-placeholder,body .well:not([class^="well well-material-"]) .form-control::-moz-placeholder{color:#7e7e7e;opacity:1}.container .well .form-control:-ms-input-placeholder,.container .well:not([class^="well well-material-"]) .form-control:-ms-input-placeholder,.container-fluid .well .form-control:-ms-input-placeholder,.container-fluid .well:not([class^="well well-material-"]) .form-control:-ms-input-placeholder,body .well .form-control:-ms-input-placeholder,body .well:not([class^="well well-material-"]) .form-control:-ms-input-placeholder{color:#7e7e7e}.container .well .create,.container .well .option,.container .well:not([class^="well well-material-"]) .create,.container .well:not([class^="well well-material-"]) .option,.container-fluid .well .create,.container-fluid .well .option,.container-fluid .well:not([class^="well well-material-"]) .create,.container-fluid .well:not([class^="well well-material-"]) .option,body .well .create,body .well .option,body .well:not([class^="well well-material-"]) .create,body .well:not([class^="well well-material-"]) .option{color:rgba(0,0,0,.84)}.container [class^="well well-material-"],.container [class^="well well-material-"] .floating-label,.container [class^="well well-material-"] .form-control,.container-fluid [class^="well well-material-"],.container-fluid [class^="well well-material-"] .floating-label,.container-fluid [class^="well well-material-"] .form-control,body [class^="well well-material-"],body [class^="well well-material-"] .floating-label,body [class^="well well-material-"] .form-control{color:rgba(255,255,255,.84)}.container [class^="well well-material-"] .form-control,.container-fluid [class^="well well-material-"] .form-control,body [class^="well well-material-"] .form-control{border-bottom-color:rgba(255,255,255,.84)}.container [class^="well well-material-"] .form-control::-webkit-input-placeholder,.container-fluid [class^="well well-material-"] .form-control::-webkit-input-placeholder,body [class^="well well-material-"] .form-control::-webkit-input-placeholder{color:rgba(255,255,255,.84)}.container [class^="well well-material-"] .form-control::-moz-placeholder,.container-fluid [class^="well well-material-"] .form-control::-moz-placeholder,body [class^="well well-material-"] .form-control::-moz-placeholder{color:rgba(255,255,255,.84);opacity:1}.container [class^="well well-material-"] .form-control:-ms-input-placeholder,.container-fluid [class^="well well-material-"] .form-control:-ms-input-placeholder,body [class^="well well-material-"] .form-control:-ms-input-placeholder{color:rgba(255,255,255,.84)}.container [class^="well well-material-"] .create,.container [class^="well well-material-"] .option,.container-fluid [class^="well well-material-"] .create,.container-fluid [class^="well well-material-"] .option,body [class^="well well-material-"] .create,body [class^="well well-material-"] .option{color:rgba(0,0,0,.84)}.container .jumbotron,.container .well,.container-fluid .jumbotron,.container-fluid .well,body .jumbotron,body .well{padding:19px;margin-bottom:20px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);border-radius:2px;border:0}.container .jumbotron p,.container .well p,.container-fluid .jumbotron p,.container-fluid .well p,body .jumbotron p,body .well p{font-weight:300}.container .jumbotron,.container .jumbotron-default,.container .well,.container .well-default,.container-fluid .jumbotron,.container-fluid .jumbotron-default,.container-fluid .well,.container-fluid .well-default,body .jumbotron,body .jumbotron-default,body .well,body .well-default{background-color:#fff}.container .jumbotron-primary,.container .well-primary,.container-fluid .jumbotron-primary,.container-fluid .well-primary,body .jumbotron-primary,body .well-primary{background-color:#4285f4}.container .jumbotron-success,.container .well-success,.container-fluid .jumbotron-success,.container-fluid .well-success,body .jumbotron-success,body .well-success{background-color:#0f9d58}.container .jumbotron-info,.container .well-info,.container-fluid .jumbotron-info,.container-fluid .well-info,body .jumbotron-info,body .well-info{background-color:#03a9f4}.container .jumbotron-warning,.container .well-warning,.container-fluid .jumbotron-warning,.container-fluid .well-warning,body .jumbotron-warning,body .well-warning{background-color:#ff5722}.container .jumbotron-danger,.container .jumbotron-material-red,.container .well-danger,.container .well-material-red,.container-fluid .jumbotron-danger,.container-fluid .jumbotron-material-red,.container-fluid .well-danger,.container-fluid .well-material-red,body .jumbotron-danger,body .jumbotron-material-red,body .well-danger,body .well-material-red{background-color:#f44336}.container .jumbotron-material-pink,.container .well-material-pink,.container-fluid .jumbotron-material-pink,.container-fluid .well-material-pink,body .jumbotron-material-pink,body .well-material-pink{background-color:#e91e63}.container .jumbotron-material-purple,.container .well-material-purple,.container-fluid .jumbotron-material-purple,.container-fluid .well-material-purple,body .jumbotron-material-purple,body .well-material-purple{background-color:#9c27b0}.container .jumbotron-material-deeppurple,.container .well-material-deeppurple,.container-fluid .jumbotron-material-deeppurple,.container-fluid .well-material-deeppurple,body .jumbotron-material-deeppurple,body .well-material-deeppurple{background-color:#673ab7}.container .jumbotron-material-indigo,.container .well-material-indigo,.container-fluid .jumbotron-material-indigo,.container-fluid .well-material-indigo,body .jumbotron-material-indigo,body .well-material-indigo{background-color:#3f51b5}.container .jumbotron-material-lightblue,.container .well-material-lightblue,.container-fluid .jumbotron-material-lightblue,.container-fluid .well-material-lightblue,body .jumbotron-material-lightblue,body .well-material-lightblue{background-color:#03a9f4}.container .jumbotron-material-cyan,.container .well-material-cyan,.container-fluid .jumbotron-material-cyan,.container-fluid .well-material-cyan,body .jumbotron-material-cyan,body .well-material-cyan{background-color:#00bcd4}.container .jumbotron-material-teal,.container .well-material-teal,.container-fluid .jumbotron-material-teal,.container-fluid .well-material-teal,body .jumbotron-material-teal,body .well-material-teal{background-color:#009688}.container .jumbotron-material-lightgreen,.container .well-material-lightgreen,.container-fluid .jumbotron-material-lightgreen,.container-fluid .well-material-lightgreen,body .jumbotron-material-lightgreen,body .well-material-lightgreen{background-color:#8bc34a}.container .jumbotron-material-lime,.container .well-material-lime,.container-fluid .jumbotron-material-lime,.container-fluid .well-material-lime,body .jumbotron-material-lime,body .well-material-lime{background-color:#cddc39}.container .jumbotron-material-lightyellow,.container .well-material-lightyellow,.container-fluid .jumbotron-material-lightyellow,.container-fluid .well-material-lightyellow,body .jumbotron-material-lightyellow,body .well-material-lightyellow{background-color:#ffeb3b}.container .jumbotron-material-orange,.container .well-material-orange,.container-fluid .jumbotron-material-orange,.container-fluid .well-material-orange,body .jumbotron-material-orange,body .well-material-orange{background-color:#ff9800}.container .jumbotron-material-deeporange,.container .well-material-deeporange,.container-fluid .jumbotron-material-deeporange,.container-fluid .well-material-deeporange,body .jumbotron-material-deeporange,body .well-material-deeporange{background-color:#ff5722}.container .jumbotron-material-grey,.container .well-material-grey,.container-fluid .jumbotron-material-grey,.container-fluid .well-material-grey,body .jumbotron-material-grey,body .well-material-grey{background-color:#9e9e9e}.container .jumbotron-material-bluegrey,.container .well-material-bluegrey,.container-fluid .jumbotron-material-bluegrey,.container-fluid .well-material-bluegrey,body .jumbotron-material-bluegrey,body .well-material-bluegrey{background-color:#607d8b}.container .jumbotron-material-brown,.container .well-material-brown,.container-fluid .jumbotron-material-brown,.container-fluid .well-material-brown,body .jumbotron-material-brown,body .well-material-brown{background-color:#795548}.container .jumbotron-material-lightgrey,.container .well-material-lightgrey,.container-fluid .jumbotron-material-lightgrey,.container-fluid .well-material-lightgrey,body .jumbotron-material-lightgrey,body .well-material-lightgrey{background-color:#ececec}.btn{position:relative;padding:8px 30px;border:0;margin:10px 1px;cursor:pointer;border-radius:4px;text-transform:uppercase;text-decoration:none;color:rgba(255,255,255,.84);-webkit-transition:box-shadow .28s cubic-bezier(0.4,0,.2,1);transition:box-shadow .28s cubic-bezier(0.4,0,.2,1);outline:0!important}.btn:hover{color:rgba(255,255,255,.84)}.btn:hover:not(.btn-link){box-shadow:0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.28)}.btn:active:not(.btn-link){box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.btn-default:not(.btn-link),.btn:not(.btn-link){background-color:transparent}.btn-primary:not(.btn-link){background-color:#4285f4}.btn-success:not(.btn-link){background-color:#0f9d58}.btn-info:not(.btn-link){background-color:#03a9f4}.btn-warning:not(.btn-link){background-color:#ff5722}.btn-danger:not(.btn-link),.btn-material-red:not(.btn-link){background-color:#f44336}.btn-material-pink:not(.btn-link){background-color:#e91e63}.btn-material-purple:not(.btn-link){background-color:#9c27b0}.btn-material-deeppurple:not(.btn-link){background-color:#673ab7}.btn-material-indigo:not(.btn-link){background-color:#3f51b5}.btn-material-lightblue:not(.btn-link){background-color:#03a9f4}.btn-material-cyan:not(.btn-link){background-color:#00bcd4}.btn-material-teal:not(.btn-link){background-color:#009688}.btn-material-lightgreen:not(.btn-link){background-color:#8bc34a}.btn-material-lime:not(.btn-link){background-color:#cddc39}.btn-material-lightyellow:not(.btn-link){background-color:#ffeb3b}.btn-material-orange:not(.btn-link){background-color:#ff9800}.btn-material-deeporange:not(.btn-link){background-color:#ff5722}.btn-material-grey:not(.btn-link){background-color:#9e9e9e}.btn-material-bluegrey:not(.btn-link){background-color:#607d8b}.btn-material-brown:not(.btn-link){background-color:#795548}.btn-material-lightgrey:not(.btn-link){background-color:#ececec}.btn-default,.btn-default:hover,.btn-link,.btn-link:hover,.btn:not([class^="btn btn-"]),.btn:not([class^="btn btn-"]):hover{color:rgba(0,0,0,.84)}.btn-default:hover,.btn:not([class^="btn btn-"]):hover{background-color:rgba(255,255,255,.5)}.btn-raised{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-webkit-transition:box-shadow .28s cubic-bezier(0.4,0,.2,1);transition:box-shadow .28s cubic-bezier(0.4,0,.2,1)}.btn-raised:active:not(.btn-link){box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.open>.dropdown-toggle.btn,.open>.dropdown-toggle.btn-default{background-color:transparent}.open>.dropdown-toggle.btn-primary{background-color:#4285f4}.open>.dropdown-toggle.btn-success{background-color:#0f9d58}.open>.dropdown-toggle.btn-info{background-color:#03a9f4}.open>.dropdown-toggle.btn-warning{background-color:#ff5722}.open>.dropdown-toggle.btn-danger,.open>.dropdown-toggle.btn-material-red{background-color:#f44336}.open>.dropdown-toggle.btn-material-pink{background-color:#e91e63}.open>.dropdown-toggle.btn-material-purple{background-color:#9c27b0}.open>.dropdown-toggle.btn-material-deeppurple{background-color:#673ab7}.open>.dropdown-toggle.btn-material-indigo{background-color:#3f51b5}.open>.dropdown-toggle.btn-material-lightblue{background-color:#03a9f4}.open>.dropdown-toggle.btn-material-cyan{background-color:#00bcd4}.open>.dropdown-toggle.btn-material-teal{background-color:#009688}.open>.dropdown-toggle.btn-material-lightgreen{background-color:#8bc34a}.open>.dropdown-toggle.btn-material-lime{background-color:#cddc39}.open>.dropdown-toggle.btn-material-lightyellow{background-color:#ffeb3b}.open>.dropdown-toggle.btn-material-orange{background-color:#ff9800}.open>.dropdown-toggle.btn-material-deeporange{background-color:#ff5722}.open>.dropdown-toggle.btn-material-grey{background-color:#9e9e9e}.open>.dropdown-toggle.btn-material-bluegrey{background-color:#607d8b}.open>.dropdown-toggle.btn-material-brown{background-color:#795548}.open>.dropdown-toggle.btn-material-lightgrey{background-color:#ececec}.btn-flat{box-shadow:none!important}.btn-flat.btn-default:hover{background:0 0}.btn-group,.btn-group-vertical{position:relative;border-radius:4px;margin:10px 1px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-webkit-transition:box-shadow .28s cubic-bezier(0.4,0,.2,1);transition:box-shadow .28s cubic-bezier(0.4,0,.2,1)}.btn-group-vertical:active:not(.btn-link),.btn-group:active:not(.btn-link){box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.btn-group-vertical.open .dropdown-toggle,.btn-group.open .dropdown-toggle{box-shadow:none}.btn-group-vertical.btn-group-raised,.btn-group.btn-group-raised{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-webkit-transition:box-shadow .28s cubic-bezier(0.4,0,.2,1);transition:box-shadow .28s cubic-bezier(0.4,0,.2,1)}.btn-group-vertical.btn-group-raised:active:not(.btn-link),.btn-group.btn-group-raised:active:not(.btn-link){box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.btn-group .btn,.btn-group .btn-group,.btn-group .btn:active,.btn-group-vertical .btn,.btn-group-vertical .btn-group,.btn-group-vertical .btn:active{box-shadow:none!important;margin:0}.btn-group .btn:active .caret,.btn-group-vertical .btn:active .caret{margin-left:-1px}.btn-group-flat{box-shadow:none!important}.btn-fab{margin:0;padding:15px;font-size:26px;width:56px;height:56px}.btn-fab,.btn-fab-default,.btn-fab:hover,.btn-fab:hover-default{background-color:transparent}.btn-fab-primary,.btn-fab:hover-primary{background-color:#4285f4}.btn-fab-success,.btn-fab:hover-success{background-color:#0f9d58}.btn-fab-info,.btn-fab:hover-info{background-color:#03a9f4}.btn-fab-warning,.btn-fab:hover-warning{background-color:#ff5722}.btn-fab-danger,.btn-fab-material-red,.btn-fab:hover-danger,.btn-fab:hover-material-red{background-color:#f44336}.btn-fab-material-pink,.btn-fab:hover-material-pink{background-color:#e91e63}.btn-fab-material-purple,.btn-fab:hover-material-purple{background-color:#9c27b0}.btn-fab-material-deeppurple,.btn-fab:hover-material-deeppurple{background-color:#673ab7}.btn-fab-material-indigo,.btn-fab:hover-material-indigo{background-color:#3f51b5}.btn-fab-material-lightblue,.btn-fab:hover-material-lightblue{background-color:#03a9f4}.btn-fab-material-cyan,.btn-fab:hover-material-cyan{background-color:#00bcd4}.btn-fab-material-teal,.btn-fab:hover-material-teal{background-color:#009688}.btn-fab-material-lightgreen,.btn-fab:hover-material-lightgreen{background-color:#8bc34a}.btn-fab-material-lime,.btn-fab:hover-material-lime{background-color:#cddc39}.btn-fab-material-lightyellow,.btn-fab:hover-material-lightyellow{background-color:#ffeb3b}.btn-fab-material-orange,.btn-fab:hover-material-orange{background-color:#ff9800}.btn-fab-material-deeporange,.btn-fab:hover-material-deeporange{background-color:#ff5722}.btn-fab-material-grey,.btn-fab:hover-material-grey{background-color:#9e9e9e}.btn-fab-material-bluegrey,.btn-fab:hover-material-bluegrey{background-color:#607d8b}.btn-fab-material-brown,.btn-fab:hover-material-brown{background-color:#795548}.btn-fab-material-lightgrey,.btn-fab:hover-material-lightgrey{background-color:#ececec}.btn-fab,.btn-fab .ripple-wrapper{border-radius:100%}.btn-fab.btn-mini{width:40px;height:40px;padding:13px;font-size:15px}.form-horizontal .checkbox{padding-top:15px}.checkbox{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.checkbox label{cursor:pointer;padding-left:45px;position:relative}.checkbox label span{display:block;position:absolute;left:0;-webkit-transition-duration:.2s;transition-duration:.2s}.checkbox label .check:after{display:block;position:absolute;content:"";background-color:rgba(0,0,0,.84);left:-5px;top:-15px;height:50px;width:50px;border-radius:100%;z-index:1;opacity:0;margin:0}.checkbox label .check:before{display:block;content:"";border:2px solid rgba(0,0,0,.84);height:20px;width:20px;-webkit-transition-delay:.2s;transition-delay:.2s}.checkbox .check,.checkbox-default .check{color:#0f9d58}.checkbox-primary .check{color:#4285f4}.checkbox-success .check{color:#0f9d58}.checkbox-info .check{color:#03a9f4}.checkbox-warning .check{color:#ff5722}.checkbox-danger .check,.checkbox-material-red .check{color:#f44336}.checkbox-material-pink .check{color:#e91e63}.checkbox-material-purple .check{color:#9c27b0}.checkbox-material-deeppurple .check{color:#673ab7}.checkbox-material-indigo .check{color:#3f51b5}.checkbox-material-lightblue .check{color:#03a9f4}.checkbox-material-cyan .check{color:#00bcd4}.checkbox-material-teal .check{color:#009688}.checkbox-material-lightgreen .check{color:#8bc34a}.checkbox-material-lime .check{color:#cddc39}.checkbox-material-lightyellow .check{color:#ffeb3b}.checkbox-material-orange .check{color:#ff9800}.checkbox-material-deeporange .check{color:#ff5722}.checkbox-material-grey .check{color:#9e9e9e}.checkbox-material-bluegrey .check{color:#607d8b}.checkbox-material-brown .check{color:#795548}.checkbox-material-lightgrey .check{color:#ececec}.checkbox input[type=checkbox]{opacity:0}.checkbox input[type=checkbox]~.check:before{position:absolute;top:2px;left:11px;width:18px;height:18px;border:2px solid;border-color:#5a5a5a;-webkit-animation:uncheck 300ms ease-out forwards;animation:uncheck 300ms ease-out forwards}.checkbox input[type=checkbox]:focus~.check:after{opacity:.2}.checkbox input[type=checkbox]:checked~.check:before{-webkit-animation:check 300ms ease-out forwards;animation:check 300ms ease-out forwards}.checkbox input[type=checkbox]:not(:checked)~.check:after{-webkit-animation:rippleOff 500ms linear forwards;animation:rippleOff 500ms linear forwards}.checkbox input[type=checkbox]:checked~.check:after{-webkit-animation:rippleOn 500ms linear forwards;animation:rippleOn 500ms linear forwards}.checkbox:not(:hover) input[type=checkbox]~.check:after,.checkbox:not(:hover) input[type=checkbox]~.check:before{-webkit-animation-duration:1ms;animation-duration:1ms}.checkbox input[type=checkbox][disabled]:not(:checked)~.check:before{opacity:.5}.checkbox input[type=checkbox][disabled]~.check:after{background-color:rgba(0,0,0,.84);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.checkbox input[type=checkbox]:checked~.check:after,.checkbox-default input[type=checkbox]:checked~.check:after{background-color:#0f9d58}.checkbox-primary input[type=checkbox]:checked~.check:after{background-color:#4285f4}.checkbox-success input[type=checkbox]:checked~.check:after{background-color:#0f9d58}.checkbox-info input[type=checkbox]:checked~.check:after{background-color:#03a9f4}.checkbox-warning input[type=checkbox]:checked~.check:after{background-color:#ff5722}.checkbox-danger input[type=checkbox]:checked~.check:after,.checkbox-material-red input[type=checkbox]:checked~.check:after{background-color:#f44336}.checkbox-material-pink input[type=checkbox]:checked~.check:after{background-color:#e91e63}.checkbox-material-purple input[type=checkbox]:checked~.check:after{background-color:#9c27b0}.checkbox-material-deeppurple input[type=checkbox]:checked~.check:after{background-color:#673ab7}.checkbox-material-indigo input[type=checkbox]:checked~.check:after{background-color:#3f51b5}.checkbox-material-lightblue input[type=checkbox]:checked~.check:after{background-color:#03a9f4}.checkbox-material-cyan input[type=checkbox]:checked~.check:after{background-color:#00bcd4}.checkbox-material-teal input[type=checkbox]:checked~.check:after{background-color:#009688}.checkbox-material-lightgreen input[type=checkbox]:checked~.check:after{background-color:#8bc34a}.checkbox-material-lime input[type=checkbox]:checked~.check:after{background-color:#cddc39}.checkbox-material-lightyellow input[type=checkbox]:checked~.check:after{background-color:#ffeb3b}.checkbox-material-orange input[type=checkbox]:checked~.check:after{background-color:#ff9800}.checkbox-material-deeporange input[type=checkbox]:checked~.check:after{background-color:#ff5722}.checkbox-material-grey input[type=checkbox]:checked~.check:after{background-color:#9e9e9e}.checkbox-material-bluegrey input[type=checkbox]:checked~.check:after{background-color:#607d8b}.checkbox-material-brown input[type=checkbox]:checked~.check:after{background-color:#795548}.checkbox-material-lightgrey input[type=checkbox]:checked~.check:after{background-color:#ececec}@-webkit-keyframes uncheck{0%{top:-3px;left:17px;width:10px;height:21px;border-color:transparent #0f9d58 #0f9d58 transparent;-webkit-transform:rotate(45deg);transform:rotate(45deg)}50%{top:14px;left:17px;width:4px;height:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:transparent #0f9d58 #0f9d58 transparent}51%{border-color:#5a5a5a}100%{top:1px;left:12px;width:18px;height:18px;-webkit-transform:rotate(0deg);transform:rotate(0deg);border-color:#5a5a5a}}@keyframes uncheck{0%{top:-3px;left:17px;width:10px;height:21px;border-color:transparent #0f9d58 #0f9d58 transparent;-webkit-transform:rotate(45deg);transform:rotate(45deg)}50%{top:14px;left:17px;width:4px;height:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:transparent #0f9d58 #0f9d58 transparent}51%{border-color:#5a5a5a}100%{top:1px;left:12px;width:18px;height:18px;-webkit-transform:rotate(0deg);transform:rotate(0deg);border-color:#5a5a5a}}@-webkit-keyframes check{100%{top:-3px;left:17px;width:10px;height:21px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:transparent #0f9d58 #0f9d58 transparent}51%{border-left:transparent;border-top-color:transparent}50%{top:14px;left:17px;width:4px;height:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:#5a5a5a}0%{top:1px;left:12px;width:18px;height:18px;-webkit-transform:rotate(0deg);transform:rotate(0deg);border-color:#5a5a5a}}@keyframes check{100%{top:-3px;left:17px;width:10px;height:21px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:transparent #0f9d58 #0f9d58 transparent}51%{border-left:transparent;border-top-color:transparent}50%{top:14px;left:17px;width:4px;height:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:#5a5a5a}0%{top:1px;left:12px;width:18px;height:18px;-webkit-transform:rotate(0deg);transform:rotate(0deg);border-color:#5a5a5a}}@-webkit-keyframes rippleOn{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}@keyframes rippleOn{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}@-webkit-keyframes rippleOff{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}@keyframes rippleOff{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}.form-horizontal .radio{margin-bottom:10px}.radio label{cursor:pointer;padding-left:45px;position:relative}.radio label span{display:block;position:absolute;left:10px;top:2px;-webkit-transition-duration:.2s;transition-duration:.2s}.radio label .circle{border:2px solid rgba(0,0,0,.84);height:15px;width:15px;border-radius:100%}.radio label .check{height:15px;width:15px;border-radius:100%;background-color:rgba(0,0,0,.84);-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.radio label .check:after{display:block;position:absolute;content:"";background-color:rgba(0,0,0,.84);left:-18px;top:-18px;height:50px;width:50px;border-radius:100%;z-index:1;opacity:0;margin:0;-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5)}.radio label input[type=radio]:not(:checked)~.check:after{-webkit-animation:rippleOff 500ms;animation:rippleOff 500ms}.radio label input[type=radio]:checked~.check:after{-webkit-animation:rippleOn 500ms;animation:rippleOn 500ms}.radio input[type=radio]:checked~.check,.radio-default input[type=radio]:checked~.check{background-color:rgba(0,0,0,.84)}.radio-primary input[type=radio]:checked~.check{background-color:#4285f4}.radio-success input[type=radio]:checked~.check{background-color:#0f9d58}.radio-info input[type=radio]:checked~.check{background-color:#03a9f4}.radio-warning input[type=radio]:checked~.check{background-color:#ff5722}.radio-danger input[type=radio]:checked~.check,.radio-material-red input[type=radio]:checked~.check{background-color:#f44336}.radio-material-pink input[type=radio]:checked~.check{background-color:#e91e63}.radio-material-purple input[type=radio]:checked~.check{background-color:#9c27b0}.radio-material-deeppurple input[type=radio]:checked~.check{background-color:#673ab7}.radio-material-indigo input[type=radio]:checked~.check{background-color:#3f51b5}.radio-material-lightblue input[type=radio]:checked~.check{background-color:#03a9f4}.radio-material-cyan input[type=radio]:checked~.check{background-color:#00bcd4}.radio-material-teal input[type=radio]:checked~.check{background-color:#009688}.radio-material-lightgreen input[type=radio]:checked~.check{background-color:#8bc34a}.radio-material-lime input[type=radio]:checked~.check{background-color:#cddc39}.radio-material-lightyellow input[type=radio]:checked~.check{background-color:#ffeb3b}.radio-material-orange input[type=radio]:checked~.check{background-color:#ff9800}.radio-material-deeporange input[type=radio]:checked~.check{background-color:#ff5722}.radio-material-grey input[type=radio]:checked~.check{background-color:#9e9e9e}.radio-material-bluegrey input[type=radio]:checked~.check{background-color:#607d8b}.radio-material-brown input[type=radio]:checked~.check{background-color:#795548}.radio-material-lightgrey input[type=radio]:checked~.check{background-color:#ececec}.radio input[type=radio]:checked~.circle,.radio-default input[type=radio]:checked~.circle{border-color:rgba(0,0,0,.84)}.radio-primary input[type=radio]:checked~.circle{border-color:#4285f4}.radio-success input[type=radio]:checked~.circle{border-color:#0f9d58}.radio-info input[type=radio]:checked~.circle{border-color:#03a9f4}.radio-warning input[type=radio]:checked~.circle{border-color:#ff5722}.radio-danger input[type=radio]:checked~.circle,.radio-material-red input[type=radio]:checked~.circle{border-color:#f44336}.radio-material-pink input[type=radio]:checked~.circle{border-color:#e91e63}.radio-material-purple input[type=radio]:checked~.circle{border-color:#9c27b0}.radio-material-deeppurple input[type=radio]:checked~.circle{border-color:#673ab7}.radio-material-indigo input[type=radio]:checked~.circle{border-color:#3f51b5}.radio-material-lightblue input[type=radio]:checked~.circle{border-color:#03a9f4}.radio-material-cyan input[type=radio]:checked~.circle{border-color:#00bcd4}.radio-material-teal input[type=radio]:checked~.circle{border-color:#009688}.radio-material-lightgreen input[type=radio]:checked~.circle{border-color:#8bc34a}.radio-material-lime input[type=radio]:checked~.circle{border-color:#cddc39}.radio-material-lightyellow input[type=radio]:checked~.circle{border-color:#ffeb3b}.radio-material-orange input[type=radio]:checked~.circle{border-color:#ff9800}.radio-material-deeporange input[type=radio]:checked~.circle{border-color:#ff5722}.radio-material-grey input[type=radio]:checked~.circle{border-color:#9e9e9e}.radio-material-bluegrey input[type=radio]:checked~.circle{border-color:#607d8b}.radio-material-brown input[type=radio]:checked~.circle{border-color:#795548}.radio-material-lightgrey input[type=radio]:checked~.circle{border-color:#ececec}.radio input[type=radio][disabled]~.check,.radio input[type=radio][disabled]~.circle{opacity:.5}.radio input[type=radio]{display:none}.radio input[type=radio]:checked~.check{-webkit-transform:scale(0.55);-ms-transform:scale(0.55);transform:scale(0.55)}.radio input[type=radio][disabled]~.circle{border-color:rgba(0,0,0,.84)}.radio input[type=radio][disabled]~.check{background-color:rgba(0,0,0,.84)}@keyframes rippleOn{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}@keyframes rippleOff{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}.form-control,.form-control-wrapper .form-control,.form-control-wrapper .form-control.focus,.form-control-wrapper .form-control:focus,.form-control.focus,.form-control:focus,fieldset[disabled] .form-control,fieldset[disabled] .form-control.focus,fieldset[disabled] .form-control:focus{padding:0;float:none;border:0;box-shadow:none;border-radius:0;background:0 0;border-bottom:1px solid #757575}.form-control-wrapper .form-control.focus:not(textarea):not(select),.form-control-wrapper .form-control:focus:not(textarea):not(select),.form-control-wrapper .form-control:not(textarea):not(select),.form-control.focus:not(textarea):not(select),.form-control:focus:not(textarea):not(select),.form-control:not(textarea):not(select),fieldset[disabled] .form-control.focus:not(textarea):not(select),fieldset[disabled] .form-control:focus:not(textarea):not(select),fieldset[disabled] .form-control:not(textarea):not(select){height:28px}.form-control-wrapper .form-control.focus:disabled,.form-control-wrapper .form-control:disabled,.form-control-wrapper .form-control:focus:disabled,.form-control.focus:disabled,.form-control:disabled,.form-control:focus:disabled,fieldset[disabled] .form-control.focus:disabled,fieldset[disabled] .form-control:disabled,fieldset[disabled] .form-control:focus:disabled{border-style:dashed}select.form-control{height:23px}select[multiple].form-control,select[multiple].form-control.focus,select[multiple].form-control:focus{height:85px}.form-control-wrapper{position:relative}.form-control-wrapper .form-control.focus,.form-control-wrapper .form-control:focus{outline:0}.form-control-wrapper .floating-label{color:#7E7E7E;font-size:14px;position:absolute;pointer-events:none;left:0;top:5px;-webkit-transition:.2s ease all;transition:.2s ease all;opacity:0}.form-control-wrapper .form-control:not(.empty)~.floating-label{top:-10px;font-size:10px;opacity:1}.form-control-wrapper .form-control.focus:invalid~.floating-label,.form-control-wrapper .form-control:focus:invalid~.floating-label{color:#f44336}.form-control-wrapper .form-control.focus~.material-input:after,.form-control-wrapper .form-control:focus~.material-input:after{background-color:#5264ae}.form-control-wrapper .form-control.focus:invalid~.material-input:after,.form-control-wrapper .form-control.focus:invalid~.material-input:before,.form-control-wrapper .form-control:focus:invalid~.material-input:after,.form-control-wrapper .form-control:focus:invalid~.material-input:before{background-color:#f44336}.form-control-wrapper .form-control.empty~.floating-label{opacity:1}.form-control-wrapper .material-input:before{position:absolute;content:"";width:100%;left:0;height:2px;background-color:#5264ae;bottom:-1px;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform 0s;transition:transform 0s}.form-control-wrapper .form-control.focus~.material-input:before,.form-control-wrapper .form-control:focus~.material-input:before{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);-webkit-transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out}.form-control-wrapper .material-input:after{content:"";position:absolute;height:18px;width:100px;margin-top:-1px;top:7px;left:0;pointer-events:none;opacity:.9;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}.form-control-wrapper .input-lg~.material-input:after{height:26px}.form-control-wrapper textarea{resize:none}.form-control-wrapper textarea~.form-control-highlight{margin-top:-11px}.form-control-wrapper .form-control.focus~.material-input:after,.form-control-wrapper .form-control:focus~.material-input:after{-webkit-animation:input-highlight .3s ease;animation:input-highlight .3s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}.form-control-wrapper select~.material-input:after{display:none}.form-group.has-warning .material-input:before,.form-group.has-warning input.form-control.focus~.material-input:after,.form-group.has-warning input.form-control:focus~.material-input:after{background:#ff5722}.form-group.has-warning .control-label,.form-group.has-warning input.form-control:not(.empty)~.floating-label{color:#ff5722}.form-group.has-error .material-input:before,.form-group.has-error input.form-control.focus~.material-input:after,.form-group.has-error input.form-control:focus~.material-input:after{background:#f44336}.form-group.has-error .control-label,.form-group.has-error input.form-control:not(.empty)~.floating-label{color:#f44336}.form-group.has-success .material-input:before,.form-group.has-success input.form-control.focus~.material-input:after,.form-group.has-success input.form-control:focus~.material-input:after{background:#0f9d58}.form-group.has-success .control-label,.form-group.has-success input.form-control:not(.empty)~.floating-label{color:#0f9d58}.form-group.has-info .material-input:before,.form-group.has-info input.form-control.focus~.material-input:after,.form-group.has-info input.form-control:focus~.material-input:after{background:#03a9f4}.form-group.has-info .control-label,.form-group.has-info input.form-control:not(.empty)~.floating-label{color:#03a9f4}.form-group .material-input:before,.form-group-default .material-input:before{background-color:#3f51b5}.form-group-primary .material-input:before{background-color:#4285f4}.form-group-success .material-input:before{background-color:#0f9d58}.form-group-info .material-input:before{background-color:#03a9f4}.form-group-warning .material-input:before{background-color:#ff5722}.form-group-danger .material-input:before,.form-group-material-red .material-input:before{background-color:#f44336}.form-group-material-pink .material-input:before{background-color:#e91e63}.form-group-material-purple .material-input:before{background-color:#9c27b0}.form-group-material-deeppurple .material-input:before{background-color:#673ab7}.form-group-material-indigo .material-input:before{background-color:#3f51b5}.form-group-material-lightblue .material-input:before{background-color:#03a9f4}.form-group-material-cyan .material-input:before{background-color:#00bcd4}.form-group-material-teal .material-input:before{background-color:#009688}.form-group-material-lightgreen .material-input:before{background-color:#8bc34a}.form-group-material-lime .material-input:before{background-color:#cddc39}.form-group-material-lightyellow .material-input:before{background-color:#ffeb3b}.form-group-material-orange .material-input:before{background-color:#ff9800}.form-group-material-deeporange .material-input:before{background-color:#ff5722}.form-group-material-grey .material-input:before{background-color:#9e9e9e}.form-group-material-bluegrey .material-input:before{background-color:#607d8b}.form-group-material-brown .material-input:before{background-color:#795548}.form-group-material-lightgrey .material-input:before{background-color:#ececec}.form-group input.form-control:focus~.material-input:after,.form-group-default input.form-control:focus~.material-input:after{background-color:#3f51b5}.form-group-primary input.form-control:focus~.material-input:after{background-color:#4285f4}.form-group-success input.form-control:focus~.material-input:after{background-color:#0f9d58}.form-group-info input.form-control:focus~.material-input:after{background-color:#03a9f4}.form-group-warning input.form-control:focus~.material-input:after{background-color:#ff5722}.form-group-danger input.form-control:focus~.material-input:after,.form-group-material-red input.form-control:focus~.material-input:after{background-color:#f44336}.form-group-material-pink input.form-control:focus~.material-input:after{background-color:#e91e63}.form-group-material-purple input.form-control:focus~.material-input:after{background-color:#9c27b0}.form-group-material-deeppurple input.form-control:focus~.material-input:after{background-color:#673ab7}.form-group-material-indigo input.form-control:focus~.material-input:after{background-color:#3f51b5}.form-group-material-lightblue input.form-control:focus~.material-input:after{background-color:#03a9f4}.form-group-material-cyan input.form-control:focus~.material-input:after{background-color:#00bcd4}.form-group-material-teal input.form-control:focus~.material-input:after{background-color:#009688}.form-group-material-lightgreen input.form-control:focus~.material-input:after{background-color:#8bc34a}.form-group-material-lime input.form-control:focus~.material-input:after{background-color:#cddc39}.form-group-material-lightyellow input.form-control:focus~.material-input:after{background-color:#ffeb3b}.form-group-material-orange input.form-control:focus~.material-input:after{background-color:#ff9800}.form-group-material-deeporange input.form-control:focus~.material-input:after{background-color:#ff5722}.form-group-material-grey input.form-control:focus~.material-input:after{background-color:#9e9e9e}.form-group-material-bluegrey input.form-control:focus~.material-input:after{background-color:#607d8b}.form-group-material-brown input.form-control:focus~.material-input:after{background-color:#795548}.form-group-material-lightgrey input.form-control:focus~.material-input:after{background-color:#ececec}.form-group input.form-control.focus~.material-input:after,.form-group-default input.form-control.focus~.material-input:after{background-color:#3f51b5}.form-group-primary input.form-control.focus~.material-input:after{background-color:#4285f4}.form-group-success input.form-control.focus~.material-input:after{background-color:#0f9d58}.form-group-info input.form-control.focus~.material-input:after{background-color:#03a9f4}.form-group-warning input.form-control.focus~.material-input:after{background-color:#ff5722}.form-group-danger input.form-control.focus~.material-input:after,.form-group-material-red input.form-control.focus~.material-input:after{background-color:#f44336}.form-group-material-pink input.form-control.focus~.material-input:after{background-color:#e91e63}.form-group-material-purple input.form-control.focus~.material-input:after{background-color:#9c27b0}.form-group-material-deeppurple input.form-control.focus~.material-input:after{background-color:#673ab7}.form-group-material-indigo input.form-control.focus~.material-input:after{background-color:#3f51b5}.form-group-material-lightblue input.form-control.focus~.material-input:after{background-color:#03a9f4}.form-group-material-cyan input.form-control.focus~.material-input:after{background-color:#00bcd4}.form-group-material-teal input.form-control.focus~.material-input:after{background-color:#009688}.form-group-material-lightgreen input.form-control.focus~.material-input:after{background-color:#8bc34a}.form-group-material-lime input.form-control.focus~.material-input:after{background-color:#cddc39}.form-group-material-lightyellow input.form-control.focus~.material-input:after{background-color:#ffeb3b}.form-group-material-orange input.form-control.focus~.material-input:after{background-color:#ff9800}.form-group-material-deeporange input.form-control.focus~.material-input:after{background-color:#ff5722}.form-group-material-grey input.form-control.focus~.material-input:after{background-color:#9e9e9e}.form-group-material-bluegrey input.form-control.focus~.material-input:after{background-color:#607d8b}.form-group-material-brown input.form-control.focus~.material-input:after{background-color:#795548}.form-group-material-lightgrey input.form-control.focus~.material-input:after{background-color:#ececec}.form-group .control-label,.form-group-default .control-label{color:rgba(0,0,0,.84)}.form-group-primary .control-label{color:#4285f4}.form-group-success .control-label{color:#0f9d58}.form-group-info .control-label{color:#03a9f4}.form-group-warning .control-label{color:#ff5722}.form-group-danger .control-label,.form-group-material-red .control-label{color:#f44336}.form-group-material-pink .control-label{color:#e91e63}.form-group-material-purple .control-label{color:#9c27b0}.form-group-material-deeppurple .control-label{color:#673ab7}.form-group-material-indigo .control-label{color:#3f51b5}.form-group-material-lightblue .control-label{color:#03a9f4}.form-group-material-cyan .control-label{color:#00bcd4}.form-group-material-teal .control-label{color:#009688}.form-group-material-lightgreen .control-label{color:#8bc34a}.form-group-material-lime .control-label{color:#cddc39}.form-group-material-lightyellow .control-label{color:#ffeb3b}.form-group-material-orange .control-label{color:#ff9800}.form-group-material-deeporange .control-label{color:#ff5722}.form-group-material-grey .control-label{color:#9e9e9e}.form-group-material-bluegrey .control-label{color:#607d8b}.form-group-material-brown .control-label{color:#795548}.form-group-material-lightgrey .control-label{color:#ececec}.form-group input.form-control:not(.empty)~.floating-label,.form-group-default input.form-control:not(.empty)~.floating-label{color:#3f51b5}.form-group-primary input.form-control:not(.empty)~.floating-label{color:#4285f4}.form-group-success input.form-control:not(.empty)~.floating-label{color:#0f9d58}.form-group-info input.form-control:not(.empty)~.floating-label{color:#03a9f4}.form-group-warning input.form-control:not(.empty)~.floating-label{color:#ff5722}.form-group-danger input.form-control:not(.empty)~.floating-label,.form-group-material-red input.form-control:not(.empty)~.floating-label{color:#f44336}.form-group-material-pink input.form-control:not(.empty)~.floating-label{color:#e91e63}.form-group-material-purple input.form-control:not(.empty)~.floating-label{color:#9c27b0}.form-group-material-deeppurple input.form-control:not(.empty)~.floating-label{color:#673ab7}.form-group-material-indigo input.form-control:not(.empty)~.floating-label{color:#3f51b5}.form-group-material-lightblue input.form-control:not(.empty)~.floating-label{color:#03a9f4}.form-group-material-cyan input.form-control:not(.empty)~.floating-label{color:#00bcd4}.form-group-material-teal input.form-control:not(.empty)~.floating-label{color:#009688}.form-group-material-lightgreen input.form-control:not(.empty)~.floating-label{color:#8bc34a}.form-group-material-lime input.form-control:not(.empty)~.floating-label{color:#cddc39}.form-group-material-lightyellow input.form-control:not(.empty)~.floating-label{color:#ffeb3b}.form-group-material-orange input.form-control:not(.empty)~.floating-label{color:#ff9800}.form-group-material-deeporange input.form-control:not(.empty)~.floating-label{color:#ff5722}.form-group-material-grey input.form-control:not(.empty)~.floating-label{color:#9e9e9e}.form-group-material-bluegrey input.form-control:not(.empty)~.floating-label{color:#607d8b}.form-group-material-brown input.form-control:not(.empty)~.floating-label{color:#795548}.form-group-material-lightgrey input.form-control:not(.empty)~.floating-label{color:#ececec}.input-group .form-control-wrapper{margin-right:5px;margin-left:5px;bottom:-10px}.input-group .form-control-wrapper .form-control{float:none}.input-group .input-group-addon{border:0}.input-group .input-group-btn .btn{border-radius:4px}select.form-control{border:0;box-shadow:none;border-bottom:1px solid #757575;border-radius:0}select.form-control.focus,select.form-control:focus{box-shadow:none;border-color:#757575}@keyframes input-highlight{0%{left:20%;-webkit-transform:scaleX(20%);transform:scaleX(20%)}99%{-webkit-transform:scaleX(0);transform:scaleX(0);left:0;opacity:1}100%{opacity:0}}.form-control-wrapper input[type=file]{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:100}legend{border-bottom:0}.modal-content{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);border-radius:0;border:0}.modal-content .modal-header{border-bottom:0}.modal-content .modal-footer{border-top:0}.modal-content .modal-footer .btn+.btn{margin-bottom:10px}.list-group{border-radius:0}.list-group .list-group-item{background-color:transparent;overflow:hidden;border:0;border-radius:0;padding:0 16px}.list-group .list-group-item .row-action-primary,.list-group .list-group-item .row-picture{float:left;display:inline-block;padding-right:16px}.list-group .list-group-item .row-action-primary i,.list-group .list-group-item .row-action-primary img,.list-group .list-group-item .row-action-primary label,.list-group .list-group-item .row-picture i,.list-group .list-group-item .row-picture img,.list-group .list-group-item .row-picture label{display:block;width:56px;height:56px}.list-group .list-group-item .row-action-primary img,.list-group .list-group-item .row-picture img{background:rgba(0,0,0,.1);padding:1px}.list-group .list-group-item .row-action-primary img.circle,.list-group .list-group-item .row-picture img.circle{border-radius:100%}.list-group .list-group-item .row-action-primary i,.list-group .list-group-item .row-picture i{background:rgba(0,0,0,.25);border-radius:100%;text-align:center;line-height:56px;font-size:20px;color:#fff}.list-group .list-group-item .row-action-primary label,.list-group .list-group-item .row-picture label{margin:5px -7px -5px 7px}.list-group .list-group-item .row-content{display:inline-block;width:calc(100% - 92px);min-height:66px}.list-group .list-group-item .row-content .action-secondary{position:absolute;right:16px;top:16px}.list-group .list-group-item .row-content .action-secondary i{font-size:20px;color:rgba(0,0,0,.25);cursor:pointer}.list-group .list-group-item .row-content .action-secondary~*{max-width:calc(100% - 30px)}.list-group .list-group-item .row-content .least-content{position:absolute;right:16px;top:0;color:rgba(0,0,0,.54);font-size:14px}.list-group .list-group-item .list-group-item-heading{color:rgba(0,0,0,.77);font-size:20px;line-height:29px}.list-group .list-group-separator{clear:both;overflow:hidden;margin-top:10px;margin-bottom:10px}.list-group .list-group-separator:before{content:"";width:calc(100% - 90px);border-bottom:1px solid rgba(0,0,0,.1);float:right}.navbar{border:0;border-radius:0}.navbar .navbar-brand{position:relative;height:60px;line-height:30px;color:rgba(255,255,255,.84)}.navbar .navbar-brand:focus,.navbar .navbar-brand:hover{color:rgba(255,255,255,.84);background-color:transparent}.navbar .navbar-text{color:rgba(255,255,255,.84);margin-top:20px;margin-bottom:20px}.navbar .navbar-nav>li>a{color:rgba(255,255,255,.84);padding-top:20px;padding-bottom:20px}.navbar .navbar-nav>li>a:focus,.navbar .navbar-nav>li>a:hover{color:rgba(255,255,255,.84);background-color:transparent}.navbar .navbar-nav>.active>a,.navbar .navbar-nav>.active>a:focus,.navbar .navbar-nav>.active>a:hover{color:rgba(255,255,255,.84);background-color:rgba(0,0,0,.05)}.navbar .navbar-nav>.disabled>a,.navbar .navbar-nav>.disabled>a:focus,.navbar .navbar-nav>.disabled>a:hover{color:#e5e5e5;background-color:transparent}.navbar .navbar-toggle{margin-top:13px;border-color:transparent}.navbar .navbar-toggle:focus,.navbar .navbar-toggle:hover{background-color:transparent}.navbar .navbar-toggle .icon-bar{background-color:rgba(255,255,255,.84)}.navbar .navbar-default .navbar-toggle,.navbar .navbar-inverse .navbar-toggle{border-color:transparent}.navbar .navbar-collapse,.navbar .navbar-form{border-color:rgba(0,0,0,.1)}.navbar .navbar-nav>.open>a,.navbar .navbar-nav>.open>a:focus,.navbar .navbar-nav>.open>a:hover{background-color:rgba(0,0,0,.05);color:rgba(255,255,255,.84)}@media (max-width:767px){.navbar .navbar-nav .open .dropdown-menu>.dropdown-header{border:0;color:rgba(212,212,212,.84)}.navbar .navbar-nav .open .dropdown-menu .divider{background-color:rgba(255,255,255,.84)}.navbar .navbar-nav .open .dropdown-menu>li>a{color:rgba(255,255,255,.84)}.navbar .navbar-nav .open .dropdown-menu>li>a:focus,.navbar .navbar-nav .open .dropdown-menu>li>a:hover{color:rgba(255,255,255,.84);background-color:transparent}.navbar .navbar-nav .open .dropdown-menu>.active>a,.navbar .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar .navbar-nav .open .dropdown-menu>.active>a:hover{color:rgba(255,255,255,.84);background-color:rgba(0,0,0,.05)}.navbar .navbar-nav .open .dropdown-menu>.disabled>a,.navbar .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#e5e5e5;background-color:transparent}}.navbar .btn-link,.navbar .btn-link:focus,.navbar .btn-link:hover,.navbar .navbar-link,.navbar .navbar-link:hover{color:rgba(255,255,255,.84)}.navbar .btn-link[disabled]:focus,.navbar .btn-link[disabled]:hover,fieldset[disabled] .navbar .btn-link:focus,fieldset[disabled] .navbar .btn-link:hover{color:#e5e5e5}.navbar .navbar-form{margin-top:16px}.navbar .navbar-form .form-control,.navbar .navbar-form .form-control-wrapper .form-control{border-color:rgba(255,255,255,.84);color:rgba(255,255,255,.84)}.navbar .navbar-form .form-control-wrapper .material-input:before,.navbar .navbar-form .form-control-wrapper input:focus~.material-input:after{background-color:rgba(255,255,255,.84)}.navbar .navbar-form ::-webkit-input-placeholder{color:rgba(255,255,255,.84)}.navbar .navbar-form :-moz-placeholder{color:rgba(255,255,255,.84)}.navbar .navbar-form ::-moz-placeholder{color:rgba(255,255,255,.84)}.navbar .navbar-form :-ms-input-placeholder{color:rgba(255,255,255,.84)}.navbar,.navbar-default,.navbar-primary{background-color:#4285f4}.navbar-success{background-color:#0f9d58}.navbar-info{background-color:#03a9f4}.navbar-warning{background-color:#ff5722}.navbar-danger,.navbar-material-red{background-color:#f44336}.navbar-material-pink{background-color:#e91e63}.navbar-material-purple{background-color:#9c27b0}.navbar-material-deeppurple{background-color:#673ab7}.navbar-material-indigo{background-color:#3f51b5}.navbar-material-lightblue{background-color:#03a9f4}.navbar-material-cyan{background-color:#00bcd4}.navbar-material-teal{background-color:#009688}.navbar-material-lightgreen{background-color:#8bc34a}.navbar-material-lime{background-color:#cddc39}.navbar-material-lightyellow{background-color:#ffeb3b}.navbar-material-orange{background-color:#ff9800}.navbar-material-deeporange{background-color:#ff5722}.navbar-material-grey{background-color:#9e9e9e}.navbar-material-bluegrey{background-color:#607d8b}.navbar-material-brown{background-color:#795548}.navbar-material-lightgrey{background-color:#ececec}.navbar-inverse{background-color:#3f51b5}.navbar-material-white{background-color:#FFF}.navbar-material-white .navbar-brand,.navbar-material-white .navbar-brand:focus,.navbar-material-white .navbar-brand:hover,.navbar-material-white .navbar-nav>li>a{color:rgba(0,0,0,.84)}.navbar-material-white .navbar-nav>li>a:focus,.navbar-material-white .navbar-nav>li>a:hover{color:rgba(0,0,0,.84);background-color:transparent}.navbar-material-white .navbar-nav>.active>a,.navbar-material-white .navbar-nav>.active>a:focus,.navbar-material-white .navbar-nav>.active>a:hover{color:rgba(0,0,0,.84);background-color:rgba(0,0,0,.05)}.navbar-material-white .navbar-nav>.disabled>a,.navbar-material-white .navbar-nav>.disabled>a:focus,.navbar-material-white .navbar-nav>.disabled>a:hover{color:rgba(0,0,0,.84);background-color:transparent}.navbar-material-white .navbar-nav>.open>a,.navbar-material-white .navbar-nav>.open>a:focus,.navbar-material-white .navbar-nav>.open>a:hover{background-color:rgba(0,0,0,.05);color:rgba(0,0,0,.84)}@media (max-width:1199px){.navbar .navbar-brand{height:50px;padding:10px 15px}.navbar .navbar-form{margin-top:10px}.navbar .navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.dropdown-menu{border:0;box-shadow:0 2px 5px 0 rgba(0,0,0,.26)}.dropdown-menu .divider{background-color:rgba(229,229,229,.12)}.dropdown-menu li{overflow:hidden;position:relative}.dropdown-menu li a:hover{background:rgba(0,0,0,.08)}.alert{border:0;border-radius:0}.alert .alert-link,.alert a{color:#FFF}.alert,.alert-default{background-color:#fff}.alert-primary{background-color:#4285f4}.alert-success{background-color:#0f9d58}.alert-info{background-color:#03a9f4}.alert-warning{background-color:#ff5722}.alert-danger,.alert-material-red{background-color:#f44336}.alert-material-pink{background-color:#e91e63}.alert-material-purple{background-color:#9c27b0}.alert-material-deeppurple{background-color:#673ab7}.alert-material-indigo{background-color:#3f51b5}.alert-material-lightblue{background-color:#03a9f4}.alert-material-cyan{background-color:#00bcd4}.alert-material-teal{background-color:#009688}.alert-material-lightgreen{background-color:#8bc34a}.alert-material-lime{background-color:#cddc39}.alert-material-lightyellow{background-color:#ffeb3b}.alert-material-orange{background-color:#ff9800}.alert-material-deeporange{background-color:#ff5722}.alert-material-grey{background-color:#9e9e9e}.alert-material-bluegrey{background-color:#607d8b}.alert-material-brown{background-color:#795548}.alert-material-lightgrey{background-color:#ececec}.alert-danger,.alert-info,.alert-success,.alert-warning{color:#FFF}.alert-default .alert-link,.alert-default a{color:#000}.progress{height:4px;border-radius:0;box-shadow:none;background:#c8c8c8}.progress .progress-bar{box-shadow:none}.progress .progress-bar,.progress .progress-bar-default,.progress .progress-bar-primary{background-color:#4285f4}.progress .progress-bar-success{background-color:#0f9d58}.progress .progress-bar-info{background-color:#03a9f4}.progress .progress-bar-warning{background-color:#ff5722}.progress .progress-bar-danger,.progress .progress-bar-material-red{background-color:#f44336}.progress .progress-bar-material-pink{background-color:#e91e63}.progress .progress-bar-material-purple{background-color:#9c27b0}.progress .progress-bar-material-deeppurple{background-color:#673ab7}.progress .progress-bar-material-indigo{background-color:#3f51b5}.progress .progress-bar-material-lightblue{background-color:#03a9f4}.progress .progress-bar-material-cyan{background-color:#00bcd4}.progress .progress-bar-material-teal{background-color:#009688}.progress .progress-bar-material-lightgreen{background-color:#8bc34a}.progress .progress-bar-material-lime{background-color:#cddc39}.progress .progress-bar-material-lightyellow{background-color:#ffeb3b}.progress .progress-bar-material-orange{background-color:#ff9800}.progress .progress-bar-material-deeporange{background-color:#ff5722}.progress .progress-bar-material-grey{background-color:#9e9e9e}.progress .progress-bar-material-bluegrey{background-color:#607d8b}.progress .progress-bar-material-brown{background-color:#795548}.progress .progress-bar-material-lightgrey{background-color:#ececec}.text-warning{color:#ff5722}.text-primary{color:#4285f4}.text-danger{color:#f44336}.text-success{color:#0f9d58}.text-info{color:#03a9f4}.nav-tabs{background:#4285f4}.nav-tabs>li>a{color:#FFF;border:0;margin:0}.nav-tabs>li>a:hover{background:0 0;border:0}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.open>a,.nav-tabs>li.open>a:hover{background:0 0!important;border:0!important;color:#FFF!important;font-weight:500}.nav-tabs>li.disabled>a,.nav-tabs>li.disabled>a:hover{color:rgba(255,255,255,.5)}.popover,.tooltip-inner{background:#323232;color:#FFF;border-radius:2px}.tooltip,.tooltip.in{opacity:1}.popover.left .arrow:after,.popover.left .tooltip-arrow,.tooltip.left .arrow:after,.tooltip.left .tooltip-arrow{border-left-color:#323232}.popover.right .arrow:after,.popover.right .tooltip-arrow,.tooltip.right .arrow:after,.tooltip.right .tooltip-arrow{border-right-color:#323232}.popover.top .arrow:after,.popover.top .tooltip-arrow,.tooltip.top .arrow:after,.tooltip.top .tooltip-arrow{border-top-color:#323232}.popover.bottom .arrow:after,.popover.bottom .tooltip-arrow,.tooltip.bottom .arrow:after,.tooltip.bottom .tooltip-arrow{border-bottom-color:#323232}.icon,.icon-default{color:rgba(0,0,0,.84)}.icon-primary{color:#4285f4}.icon-success{color:#0f9d58}.icon-info{color:#03a9f4}.icon-warning{color:#ff5722}.icon-danger,.icon-material-red{color:#f44336}.icon-material-pink{color:#e91e63}.icon-material-purple{color:#9c27b0}.icon-material-deeppurple{color:#673ab7}.icon-material-indigo{color:#3f51b5}.icon-material-lightblue{color:#03a9f4}.icon-material-cyan{color:#00bcd4}.icon-material-teal{color:#009688}.icon-material-lightgreen{color:#8bc34a}.icon-material-lime{color:#cddc39}.icon-material-lightyellow{color:#ffeb3b}.icon-material-orange{color:#ff9800}.icon-material-deeporange{color:#ff5722}.icon-material-grey{color:#9e9e9e}.icon-material-bluegrey{color:#607d8b}.icon-material-brown{color:#795548}.icon-material-lightgrey{color:#ececec}.snackbar{background-color:#323232;color:rgba(255,255,255,.84);font-size:14px;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);height:0;-webkit-transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in,height 0 linear .2s,padding 0 linear .2s,height 0 linear .2s;transition:transform .2s ease-in-out,opacity .2s ease-in,height 0 linear .2s,padding 0 linear .2s,height 0 linear .2s;-webkit-transform:translateY(200%);-ms-transform:translateY(200%);transform:translateY(200%)}.snackbar.snackbar-opened{padding:14px 15px;margin-bottom:20px;height:auto;-webkit-transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in,height 0 linear .2s,height 0 linear .2s;transition:transform .2s ease-in-out,opacity .2s ease-in,height 0 linear .2s,height 0 linear .2s;-webkit-transform:none;-ms-transform:none;transform:none}.snackbar.toast{border-radius:200px}.noUi-target,.noUi-target *{-webkit-touch-callout:none;-ms-touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box}.noUi-base{width:100%;height:100%;position:relative}.noUi-origin{position:absolute;right:0;top:0;left:0;bottom:0}.noUi-handle{position:relative;z-index:1;box-sizing:border-box}.noUi-stacking .noUi-handle{z-index:10}.noUi-state-tap .noUi-origin{-webkit-transition:left .3s,top .3s;transition:left .3s,top .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal .noUi-handle{box-sizing:border-box;width:12px;height:12px;left:-10px;top:-5px}.noUi-horizontal.noUi-extended{padding:0 15px}.noUi-horizontal.noUi-extended .noUi-origin{right:-15px}.noUi-background{height:2px;margin:20px 0}.noUi-origin{margin:0;border-radius:0;height:2px;background:#c8c8c8}.noUi-origin[style^="left: 0"] .noUi-handle{background-color:#fff;border:2px solid #c8c8c8}.noUi-origin[style^="left: 0"] .noUi-handle.noUi-active{border-width:1px}.noUi-target{border-radius:2px}.noUi-handle{border-radius:100%;cursor:default;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;border:1px solid}.noUi-horizontal{height:2px;margin:15px 0}.noUi-horizontal .noUi-handle.noUi-active{-webkit-transform:scale(2.5);-ms-transform:scale(2.5);transform:scale(2.5)}[disabled].noUi-slider{opacity:.5}[disabled] .noUi-handle{cursor:not-allowed}.slider{background:#c8c8c8}.slider-default.noUi-connect,.slider-primary.noUi-connect,.slider.noUi-connect{background-color:#4285f4}.slider-success.noUi-connect{background-color:#0f9d58}.slider-info.noUi-connect{background-color:#03a9f4}.slider-warning.noUi-connect{background-color:#ff5722}.slider-danger.noUi-connect,.slider-material-red.noUi-connect{background-color:#f44336}.slider-material-pink.noUi-connect{background-color:#e91e63}.slider-material-purple.noUi-connect{background-color:#9c27b0}.slider-material-deeppurple.noUi-connect{background-color:#673ab7}.slider-material-indigo.noUi-connect{background-color:#3f51b5}.slider-material-lightblue.noUi-connect{background-color:#03a9f4}.slider-material-cyan.noUi-connect{background-color:#00bcd4}.slider-material-teal.noUi-connect{background-color:#009688}.slider-material-lightgreen.noUi-connect{background-color:#8bc34a}.slider-material-lime.noUi-connect{background-color:#cddc39}.slider-material-lightyellow.noUi-connect{background-color:#ffeb3b}.slider-material-orange.noUi-connect{background-color:#ff9800}.slider-material-deeporange.noUi-connect{background-color:#ff5722}.slider-material-grey.noUi-connect{background-color:#9e9e9e}.slider-material-bluegrey.noUi-connect{background-color:#607d8b}.slider-material-brown.noUi-connect{background-color:#795548}.slider-material-lightgrey.noUi-connect{background-color:#ececec}.slider .noUi-connect,.slider-default .noUi-connect,.slider-primary .noUi-connect{background-color:#4285f4}.slider-success .noUi-connect{background-color:#0f9d58}.slider-info .noUi-connect{background-color:#03a9f4}.slider-warning .noUi-connect{background-color:#ff5722}.slider-danger .noUi-connect,.slider-material-red .noUi-connect{background-color:#f44336}.slider-material-pink .noUi-connect{background-color:#e91e63}.slider-material-purple .noUi-connect{background-color:#9c27b0}.slider-material-deeppurple .noUi-connect{background-color:#673ab7}.slider-material-indigo .noUi-connect{background-color:#3f51b5}.slider-material-lightblue .noUi-connect{background-color:#03a9f4}.slider-material-cyan .noUi-connect{background-color:#00bcd4}.slider-material-teal .noUi-connect{background-color:#009688}.slider-material-lightgreen .noUi-connect{background-color:#8bc34a}.slider-material-lime .noUi-connect{background-color:#cddc39}.slider-material-lightyellow .noUi-connect{background-color:#ffeb3b}.slider-material-orange .noUi-connect{background-color:#ff9800}.slider-material-deeporange .noUi-connect{background-color:#ff5722}.slider-material-grey .noUi-connect{background-color:#9e9e9e}.slider-material-bluegrey .noUi-connect{background-color:#607d8b}.slider-material-brown .noUi-connect{background-color:#795548}.slider-material-lightgrey .noUi-connect{background-color:#ececec}.slider .noUi-handle,.slider-default .noUi-handle,.slider-primary .noUi-handle{background-color:#4285f4}.slider-success .noUi-handle{background-color:#0f9d58}.slider-info .noUi-handle{background-color:#03a9f4}.slider-warning .noUi-handle{background-color:#ff5722}.slider-danger .noUi-handle,.slider-material-red .noUi-handle{background-color:#f44336}.slider-material-pink .noUi-handle{background-color:#e91e63}.slider-material-purple .noUi-handle{background-color:#9c27b0}.slider-material-deeppurple .noUi-handle{background-color:#673ab7}.slider-material-indigo .noUi-handle{background-color:#3f51b5}.slider-material-lightblue .noUi-handle{background-color:#03a9f4}.slider-material-cyan .noUi-handle{background-color:#00bcd4}.slider-material-teal .noUi-handle{background-color:#009688}.slider-material-lightgreen .noUi-handle{background-color:#8bc34a}.slider-material-lime .noUi-handle{background-color:#cddc39}.slider-material-lightyellow .noUi-handle{background-color:#ffeb3b}.slider-material-orange .noUi-handle{background-color:#ff9800}.slider-material-deeporange .noUi-handle{background-color:#ff5722}.slider-material-grey .noUi-handle{background-color:#9e9e9e}.slider-material-bluegrey .noUi-handle{background-color:#607d8b}.slider-material-brown .noUi-handle{background-color:#795548}.slider-material-lightgrey .noUi-handle{background-color:#ececec}.slider .noUi-handle,.slider-default .noUi-handle,.slider-primary .noUi-handle{border-color:#4285f4}.slider-success .noUi-handle{border-color:#0f9d58}.slider-info .noUi-handle{border-color:#03a9f4}.slider-warning .noUi-handle{border-color:#ff5722}.slider-danger .noUi-handle,.slider-material-red .noUi-handle{border-color:#f44336}.slider-material-pink .noUi-handle{border-color:#e91e63}.slider-material-purple .noUi-handle{border-color:#9c27b0}.slider-material-deeppurple .noUi-handle{border-color:#673ab7}.slider-material-indigo .noUi-handle{border-color:#3f51b5}.slider-material-lightblue .noUi-handle{border-color:#03a9f4}.slider-material-cyan .noUi-handle{border-color:#00bcd4}.slider-material-teal .noUi-handle{border-color:#009688}.slider-material-lightgreen .noUi-handle{border-color:#8bc34a}.slider-material-lime .noUi-handle{border-color:#cddc39}.slider-material-lightyellow .noUi-handle{border-color:#ffeb3b}.slider-material-orange .noUi-handle{border-color:#ff9800}.slider-material-deeporange .noUi-handle{border-color:#ff5722}.slider-material-grey .noUi-handle{border-color:#9e9e9e}.slider-material-bluegrey .noUi-handle{border-color:#607d8b}.slider-material-brown .noUi-handle{border-color:#795548}.slider-material-lightgrey .noUi-handle{border-color:#ececec} \ No newline at end of file diff --git a/css-compiled/material.css b/css-compiled/material.css new file mode 100644 index 00000000..0e2bd91d --- /dev/null +++ b/css-compiled/material.css @@ -0,0 +1,3084 @@ +@-webkit-keyframes input-highlight { + 0% { + left: 20%; + width: 20%; + } + 99% { + width: 0; + left: 0; + opacity: 1; + } + 100% { + opacity: 0; + } +} +@keyframes input-highlight { + 0% { + left: 20%; + width: 20%; + } + 99% { + width: 0; + left: 0; + opacity: 1; + } + 100% { + opacity: 0; + } +} +.shadow-z-1 { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.shadow-z-2 { + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); +} +.shadow-z-2-hover { + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.28); +} +.shadow-z-3 { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); +} +.shadow-z-4 { + box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); +} +.shadow-z-5 { + box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); +} +body { + background-color: #EEEEEE; +} +body.inverse { + background: #333333; +} +body.inverse, +body.inverse .form-control { + color: rgba(255, 255, 255, 0.84); +} +body, +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; +} +body .well, +.container .well, +.container-fluid .well, +body .well:not([class^="well well-material-"]), +.container .well:not([class^="well well-material-"]), +.container-fluid .well:not([class^="well well-material-"]), +body .well .form-control, +.container .well .form-control, +.container-fluid .well .form-control, +body .well:not([class^="well well-material-"]) .form-control, +.container .well:not([class^="well well-material-"]) .form-control, +.container-fluid .well:not([class^="well well-material-"]) .form-control { + color: rgba(0, 0, 0, 0.84); +} +body .well .floating-label, +.container .well .floating-label, +.container-fluid .well .floating-label, +body .well:not([class^="well well-material-"]) .floating-label, +.container .well:not([class^="well well-material-"]) .floating-label, +.container-fluid .well:not([class^="well well-material-"]) .floating-label { + color: #7e7e7e; +} +body .well .form-control, +.container .well .form-control, +.container-fluid .well .form-control, +body .well:not([class^="well well-material-"]) .form-control, +.container .well:not([class^="well well-material-"]) .form-control, +.container-fluid .well:not([class^="well well-material-"]) .form-control { + border-bottom-color: #7e7e7e; +} +body .well .form-control::-webkit-input-placeholder, +.container .well .form-control::-webkit-input-placeholder, +.container-fluid .well .form-control::-webkit-input-placeholder, +body .well:not([class^="well well-material-"]) .form-control::-webkit-input-placeholder, +.container .well:not([class^="well well-material-"]) .form-control::-webkit-input-placeholder, +.container-fluid .well:not([class^="well well-material-"]) .form-control::-webkit-input-placeholder { + color: #7e7e7e; +} +body .well .form-control::-moz-placeholder, +.container .well .form-control::-moz-placeholder, +.container-fluid .well .form-control::-moz-placeholder, +body .well:not([class^="well well-material-"]) .form-control::-moz-placeholder, +.container .well:not([class^="well well-material-"]) .form-control::-moz-placeholder, +.container-fluid .well:not([class^="well well-material-"]) .form-control::-moz-placeholder { + color: #7e7e7e; + opacity: 1; +} +body .well .form-control:-ms-input-placeholder, +.container .well .form-control:-ms-input-placeholder, +.container-fluid .well .form-control:-ms-input-placeholder, +body .well:not([class^="well well-material-"]) .form-control:-ms-input-placeholder, +.container .well:not([class^="well well-material-"]) .form-control:-ms-input-placeholder, +.container-fluid .well:not([class^="well well-material-"]) .form-control:-ms-input-placeholder { + color: #7e7e7e; +} +body .well .option, +.container .well .option, +.container-fluid .well .option, +body .well:not([class^="well well-material-"]) .option, +.container .well:not([class^="well well-material-"]) .option, +.container-fluid .well:not([class^="well well-material-"]) .option, +body .well .create, +.container .well .create, +.container-fluid .well .create, +body .well:not([class^="well well-material-"]) .create, +.container .well:not([class^="well well-material-"]) .create, +.container-fluid .well:not([class^="well well-material-"]) .create { + color: rgba(0, 0, 0, 0.84); +} +body [class^="well well-material-"], +.container [class^="well well-material-"], +.container-fluid [class^="well well-material-"], +body [class^="well well-material-"] .form-control, +.container [class^="well well-material-"] .form-control, +.container-fluid [class^="well well-material-"] .form-control, +body [class^="well well-material-"] .floating-label, +.container [class^="well well-material-"] .floating-label, +.container-fluid [class^="well well-material-"] .floating-label { + color: rgba(255, 255, 255, 0.84); +} +body [class^="well well-material-"] .form-control, +.container [class^="well well-material-"] .form-control, +.container-fluid [class^="well well-material-"] .form-control { + border-bottom-color: rgba(255, 255, 255, 0.84); +} +body [class^="well well-material-"] .form-control::-webkit-input-placeholder, +.container [class^="well well-material-"] .form-control::-webkit-input-placeholder, +.container-fluid [class^="well well-material-"] .form-control::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.84); +} +body [class^="well well-material-"] .form-control::-moz-placeholder, +.container [class^="well well-material-"] .form-control::-moz-placeholder, +.container-fluid [class^="well well-material-"] .form-control::-moz-placeholder { + color: rgba(255, 255, 255, 0.84); + opacity: 1; +} +body [class^="well well-material-"] .form-control:-ms-input-placeholder, +.container [class^="well well-material-"] .form-control:-ms-input-placeholder, +.container-fluid [class^="well well-material-"] .form-control:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.84); +} +body [class^="well well-material-"] .option, +.container [class^="well well-material-"] .option, +.container-fluid [class^="well well-material-"] .option, +body [class^="well well-material-"] .create, +.container [class^="well well-material-"] .create, +.container-fluid [class^="well well-material-"] .create { + color: rgba(0, 0, 0, 0.84); +} +body .well, +.container .well, +.container-fluid .well, +body .jumbotron, +.container .jumbotron, +.container-fluid .jumbotron { + background-color: #fff; + padding: 19px; + margin-bottom: 20px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + border-radius: 2px; + border: 0; +} +body .well p, +.container .well p, +.container-fluid .well p, +body .jumbotron p, +.container .jumbotron p, +.container-fluid .jumbotron p { + font-weight: 300; +} +body .well, +.container .well, +.container-fluid .well, +body .jumbotron, +.container .jumbotron, +.container-fluid .jumbotron, +body .well-default, +.container .well-default, +.container-fluid .well-default, +body .jumbotron-default, +.container .jumbotron-default, +.container-fluid .jumbotron-default { + background-color: #ffffff; +} +body .well-primary, +.container .well-primary, +.container-fluid .well-primary, +body .jumbotron-primary, +.container .jumbotron-primary, +.container-fluid .jumbotron-primary { + background-color: #4285f4; +} +body .well-success, +.container .well-success, +.container-fluid .well-success, +body .jumbotron-success, +.container .jumbotron-success, +.container-fluid .jumbotron-success { + background-color: #0f9d58; +} +body .well-info, +.container .well-info, +.container-fluid .well-info, +body .jumbotron-info, +.container .jumbotron-info, +.container-fluid .jumbotron-info { + background-color: #03a9f4; +} +body .well-warning, +.container .well-warning, +.container-fluid .well-warning, +body .jumbotron-warning, +.container .jumbotron-warning, +.container-fluid .jumbotron-warning { + background-color: #ff5722; +} +body .well-danger, +.container .well-danger, +.container-fluid .well-danger, +body .jumbotron-danger, +.container .jumbotron-danger, +.container-fluid .jumbotron-danger { + background-color: #f44336; +} +body .well-material-red, +.container .well-material-red, +.container-fluid .well-material-red, +body .jumbotron-material-red, +.container .jumbotron-material-red, +.container-fluid .jumbotron-material-red { + background-color: #f44336; +} +body .well-material-pink, +.container .well-material-pink, +.container-fluid .well-material-pink, +body .jumbotron-material-pink, +.container .jumbotron-material-pink, +.container-fluid .jumbotron-material-pink { + background-color: #e91e63; +} +body .well-material-purple, +.container .well-material-purple, +.container-fluid .well-material-purple, +body .jumbotron-material-purple, +.container .jumbotron-material-purple, +.container-fluid .jumbotron-material-purple { + background-color: #9c27b0; +} +body .well-material-deeppurple, +.container .well-material-deeppurple, +.container-fluid .well-material-deeppurple, +body .jumbotron-material-deeppurple, +.container .jumbotron-material-deeppurple, +.container-fluid .jumbotron-material-deeppurple { + background-color: #673ab7; +} +body .well-material-indigo, +.container .well-material-indigo, +.container-fluid .well-material-indigo, +body .jumbotron-material-indigo, +.container .jumbotron-material-indigo, +.container-fluid .jumbotron-material-indigo { + background-color: #3f51b5; +} +body .well-material-lightblue, +.container .well-material-lightblue, +.container-fluid .well-material-lightblue, +body .jumbotron-material-lightblue, +.container .jumbotron-material-lightblue, +.container-fluid .jumbotron-material-lightblue { + background-color: #03a9f4; +} +body .well-material-cyan, +.container .well-material-cyan, +.container-fluid .well-material-cyan, +body .jumbotron-material-cyan, +.container .jumbotron-material-cyan, +.container-fluid .jumbotron-material-cyan { + background-color: #00bcd4; +} +body .well-material-teal, +.container .well-material-teal, +.container-fluid .well-material-teal, +body .jumbotron-material-teal, +.container .jumbotron-material-teal, +.container-fluid .jumbotron-material-teal { + background-color: #009688; +} +body .well-material-lightgreen, +.container .well-material-lightgreen, +.container-fluid .well-material-lightgreen, +body .jumbotron-material-lightgreen, +.container .jumbotron-material-lightgreen, +.container-fluid .jumbotron-material-lightgreen { + background-color: #8bc34a; +} +body .well-material-lime, +.container .well-material-lime, +.container-fluid .well-material-lime, +body .jumbotron-material-lime, +.container .jumbotron-material-lime, +.container-fluid .jumbotron-material-lime { + background-color: #cddc39; +} +body .well-material-lightyellow, +.container .well-material-lightyellow, +.container-fluid .well-material-lightyellow, +body .jumbotron-material-lightyellow, +.container .jumbotron-material-lightyellow, +.container-fluid .jumbotron-material-lightyellow { + background-color: #ffeb3b; +} +body .well-material-orange, +.container .well-material-orange, +.container-fluid .well-material-orange, +body .jumbotron-material-orange, +.container .jumbotron-material-orange, +.container-fluid .jumbotron-material-orange { + background-color: #ff9800; +} +body .well-material-deeporange, +.container .well-material-deeporange, +.container-fluid .well-material-deeporange, +body .jumbotron-material-deeporange, +.container .jumbotron-material-deeporange, +.container-fluid .jumbotron-material-deeporange { + background-color: #ff5722; +} +body .well-material-grey, +.container .well-material-grey, +.container-fluid .well-material-grey, +body .jumbotron-material-grey, +.container .jumbotron-material-grey, +.container-fluid .jumbotron-material-grey { + background-color: #9e9e9e; +} +body .well-material-bluegrey, +.container .well-material-bluegrey, +.container-fluid .well-material-bluegrey, +body .jumbotron-material-bluegrey, +.container .jumbotron-material-bluegrey, +.container-fluid .jumbotron-material-bluegrey { + background-color: #607d8b; +} +body .well-material-brown, +.container .well-material-brown, +.container-fluid .well-material-brown, +body .jumbotron-material-brown, +.container .jumbotron-material-brown, +.container-fluid .jumbotron-material-brown { + background-color: #795548; +} +body .well-material-lightgrey, +.container .well-material-lightgrey, +.container-fluid .well-material-lightgrey, +body .jumbotron-material-lightgrey, +.container .jumbotron-material-lightgrey, +.container-fluid .jumbotron-material-lightgrey { + background-color: #ececec; +} +.btn { + position: relative; + padding: 8px 30px; + border: 0; + margin: 10px 1px; + cursor: pointer; + border-radius: 4px; + text-transform: uppercase; + text-decoration: none; + color: rgba(255, 255, 255, 0.84); + -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); + transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); + outline: none !important; +} +.btn:hover { + color: rgba(255, 255, 255, 0.84); +} +.btn:hover:not(.btn-link) { + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.28); +} +.btn:active:not(.btn-link) { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); +} +.btn:not(.btn-link), +.btn-default:not(.btn-link) { + background-color: transparent; +} +.btn-primary:not(.btn-link) { + background-color: #4285f4; +} +.btn-success:not(.btn-link) { + background-color: #0f9d58; +} +.btn-info:not(.btn-link) { + background-color: #03a9f4; +} +.btn-warning:not(.btn-link) { + background-color: #ff5722; +} +.btn-danger:not(.btn-link) { + background-color: #f44336; +} +.btn-material-red:not(.btn-link) { + background-color: #f44336; +} +.btn-material-pink:not(.btn-link) { + background-color: #e91e63; +} +.btn-material-purple:not(.btn-link) { + background-color: #9c27b0; +} +.btn-material-deeppurple:not(.btn-link) { + background-color: #673ab7; +} +.btn-material-indigo:not(.btn-link) { + background-color: #3f51b5; +} +.btn-material-lightblue:not(.btn-link) { + background-color: #03a9f4; +} +.btn-material-cyan:not(.btn-link) { + background-color: #00bcd4; +} +.btn-material-teal:not(.btn-link) { + background-color: #009688; +} +.btn-material-lightgreen:not(.btn-link) { + background-color: #8bc34a; +} +.btn-material-lime:not(.btn-link) { + background-color: #cddc39; +} +.btn-material-lightyellow:not(.btn-link) { + background-color: #ffeb3b; +} +.btn-material-orange:not(.btn-link) { + background-color: #ff9800; +} +.btn-material-deeporange:not(.btn-link) { + background-color: #ff5722; +} +.btn-material-grey:not(.btn-link) { + background-color: #9e9e9e; +} +.btn-material-bluegrey:not(.btn-link) { + background-color: #607d8b; +} +.btn-material-brown:not(.btn-link) { + background-color: #795548; +} +.btn-material-lightgrey:not(.btn-link) { + background-color: #ececec; +} +.btn-link, +.btn:not([class^="btn btn-"]), +.btn-default { + color: rgba(0, 0, 0, 0.84); +} +.btn-link:hover, +.btn:not([class^="btn btn-"]):hover, +.btn-default:hover { + color: rgba(0, 0, 0, 0.84); +} +.btn:not([class^="btn btn-"]):hover, +.btn-default:hover { + background-color: rgba(255, 255, 255, 0.5); +} +.btn-raised { + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); + transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); +} +.btn-raised:active:not(.btn-link) { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); +} +.open > .dropdown-toggle.btn, +.open > .dropdown-toggle.btn-default { + background-color: transparent; +} +.open > .dropdown-toggle.btn-primary { + background-color: #4285f4; +} +.open > .dropdown-toggle.btn-success { + background-color: #0f9d58; +} +.open > .dropdown-toggle.btn-info { + background-color: #03a9f4; +} +.open > .dropdown-toggle.btn-warning { + background-color: #ff5722; +} +.open > .dropdown-toggle.btn-danger { + background-color: #f44336; +} +.open > .dropdown-toggle.btn-material-red { + background-color: #f44336; +} +.open > .dropdown-toggle.btn-material-pink { + background-color: #e91e63; +} +.open > .dropdown-toggle.btn-material-purple { + background-color: #9c27b0; +} +.open > .dropdown-toggle.btn-material-deeppurple { + background-color: #673ab7; +} +.open > .dropdown-toggle.btn-material-indigo { + background-color: #3f51b5; +} +.open > .dropdown-toggle.btn-material-lightblue { + background-color: #03a9f4; +} +.open > .dropdown-toggle.btn-material-cyan { + background-color: #00bcd4; +} +.open > .dropdown-toggle.btn-material-teal { + background-color: #009688; +} +.open > .dropdown-toggle.btn-material-lightgreen { + background-color: #8bc34a; +} +.open > .dropdown-toggle.btn-material-lime { + background-color: #cddc39; +} +.open > .dropdown-toggle.btn-material-lightyellow { + background-color: #ffeb3b; +} +.open > .dropdown-toggle.btn-material-orange { + background-color: #ff9800; +} +.open > .dropdown-toggle.btn-material-deeporange { + background-color: #ff5722; +} +.open > .dropdown-toggle.btn-material-grey { + background-color: #9e9e9e; +} +.open > .dropdown-toggle.btn-material-bluegrey { + background-color: #607d8b; +} +.open > .dropdown-toggle.btn-material-brown { + background-color: #795548; +} +.open > .dropdown-toggle.btn-material-lightgrey { + background-color: #ececec; +} +.btn-flat { + box-shadow: none !important; +} +.btn-flat.btn-default:hover { + background: none; +} +.btn-group, +.btn-group-vertical { + position: relative; + border-radius: 4px; + margin: 10px 1px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); + transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); +} +.btn-group:active:not(.btn-link), +.btn-group-vertical:active:not(.btn-link) { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); +} +.btn-group.open .dropdown-toggle, +.btn-group-vertical.open .dropdown-toggle { + box-shadow: none; +} +.btn-group.btn-group-raised, +.btn-group-vertical.btn-group-raised { + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); + transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); +} +.btn-group.btn-group-raised:active:not(.btn-link), +.btn-group-vertical.btn-group-raised:active:not(.btn-link) { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); +} +.btn-group .btn, +.btn-group-vertical .btn, +.btn-group .btn:active, +.btn-group-vertical .btn:active, +.btn-group .btn-group, +.btn-group-vertical .btn-group { + box-shadow: none !important; + margin: 0; +} +.btn-group .btn:active .caret, +.btn-group-vertical .btn:active .caret { + margin-left: -1px; +} +.btn-group-flat { + box-shadow: none !important; +} +.btn-fab { + margin: 0; + padding: 15px; + font-size: 26px; + width: 56px; + height: 56px; +} +.btn-fab, +.btn-fab:hover, +.btn-fab-default, +.btn-fab:hover-default { + background-color: transparent; +} +.btn-fab-primary, +.btn-fab:hover-primary { + background-color: #4285f4; +} +.btn-fab-success, +.btn-fab:hover-success { + background-color: #0f9d58; +} +.btn-fab-info, +.btn-fab:hover-info { + background-color: #03a9f4; +} +.btn-fab-warning, +.btn-fab:hover-warning { + background-color: #ff5722; +} +.btn-fab-danger, +.btn-fab:hover-danger { + background-color: #f44336; +} +.btn-fab-material-red, +.btn-fab:hover-material-red { + background-color: #f44336; +} +.btn-fab-material-pink, +.btn-fab:hover-material-pink { + background-color: #e91e63; +} +.btn-fab-material-purple, +.btn-fab:hover-material-purple { + background-color: #9c27b0; +} +.btn-fab-material-deeppurple, +.btn-fab:hover-material-deeppurple { + background-color: #673ab7; +} +.btn-fab-material-indigo, +.btn-fab:hover-material-indigo { + background-color: #3f51b5; +} +.btn-fab-material-lightblue, +.btn-fab:hover-material-lightblue { + background-color: #03a9f4; +} +.btn-fab-material-cyan, +.btn-fab:hover-material-cyan { + background-color: #00bcd4; +} +.btn-fab-material-teal, +.btn-fab:hover-material-teal { + background-color: #009688; +} +.btn-fab-material-lightgreen, +.btn-fab:hover-material-lightgreen { + background-color: #8bc34a; +} +.btn-fab-material-lime, +.btn-fab:hover-material-lime { + background-color: #cddc39; +} +.btn-fab-material-lightyellow, +.btn-fab:hover-material-lightyellow { + background-color: #ffeb3b; +} +.btn-fab-material-orange, +.btn-fab:hover-material-orange { + background-color: #ff9800; +} +.btn-fab-material-deeporange, +.btn-fab:hover-material-deeporange { + background-color: #ff5722; +} +.btn-fab-material-grey, +.btn-fab:hover-material-grey { + background-color: #9e9e9e; +} +.btn-fab-material-bluegrey, +.btn-fab:hover-material-bluegrey { + background-color: #607d8b; +} +.btn-fab-material-brown, +.btn-fab:hover-material-brown { + background-color: #795548; +} +.btn-fab-material-lightgrey, +.btn-fab:hover-material-lightgrey { + background-color: #ececec; +} +.btn-fab, +.btn-fab .ripple-wrapper { + border-radius: 100%; +} +.btn-fab.btn-mini { + width: 40px; + height: 40px; + padding: 13px; + font-size: 15px; +} +.form-horizontal .checkbox { + padding-top: 15px; +} +.checkbox { + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); +} +.checkbox label { + cursor: pointer; + padding-left: 45px; + position: relative; +} +.checkbox label span { + display: block; + position: absolute; + left: 0px; + -webkit-transition-duration: 0.2s; + transition-duration: 0.2s; +} +.checkbox label .check:after { + display: block; + position: absolute; + content: ""; + background-color: rgba(0, 0, 0, 0.84); + left: -5px; + top: -15px; + height: 50px; + width: 50px; + border-radius: 100%; + z-index: 1; + opacity: 0; + margin: 0; +} +.checkbox label .check:before { + display: block; + content: ""; + border: 2px solid rgba(0, 0, 0, 0.84); + height: 20px; + width: 20px; + -webkit-transition-delay: 0.2s; + transition-delay: 0.2s; +} +.checkbox .check, +.checkbox-default .check { + color: #0f9d58; +} +.checkbox-primary .check { + color: #4285f4; +} +.checkbox-success .check { + color: #0f9d58; +} +.checkbox-info .check { + color: #03a9f4; +} +.checkbox-warning .check { + color: #ff5722; +} +.checkbox-danger .check { + color: #f44336; +} +.checkbox-material-red .check { + color: #f44336; +} +.checkbox-material-pink .check { + color: #e91e63; +} +.checkbox-material-purple .check { + color: #9c27b0; +} +.checkbox-material-deeppurple .check { + color: #673ab7; +} +.checkbox-material-indigo .check { + color: #3f51b5; +} +.checkbox-material-lightblue .check { + color: #03a9f4; +} +.checkbox-material-cyan .check { + color: #00bcd4; +} +.checkbox-material-teal .check { + color: #009688; +} +.checkbox-material-lightgreen .check { + color: #8bc34a; +} +.checkbox-material-lime .check { + color: #cddc39; +} +.checkbox-material-lightyellow .check { + color: #ffeb3b; +} +.checkbox-material-orange .check { + color: #ff9800; +} +.checkbox-material-deeporange .check { + color: #ff5722; +} +.checkbox-material-grey .check { + color: #9e9e9e; +} +.checkbox-material-bluegrey .check { + color: #607d8b; +} +.checkbox-material-brown .check { + color: #795548; +} +.checkbox-material-lightgrey .check { + color: #ececec; +} +.checkbox input[type=checkbox] { + opacity: 0; +} +.checkbox input[type=checkbox] ~ .check:before { + position: absolute; + top: 2px; + left: 11px; + width: 18px; + height: 18px; + border: solid 2px; + border-color: #5a5a5a; + -webkit-animation: uncheck 300ms ease-out forwards; + animation: uncheck 300ms ease-out forwards; +} +.checkbox input[type=checkbox]:focus ~ .check:after { + opacity: 0.2; +} +.checkbox input[type=checkbox]:checked ~ .check:before { + -webkit-animation: check 300ms ease-out forwards; + animation: check 300ms ease-out forwards; +} +.checkbox input[type=checkbox]:not(:checked) ~ .check:after { + -webkit-animation: rippleOff 500ms linear forwards; + animation: rippleOff 500ms linear forwards; +} +.checkbox input[type=checkbox]:checked ~ .check:after { + -webkit-animation: rippleOn 500ms linear forwards; + animation: rippleOn 500ms linear forwards; +} +.checkbox:not(:hover) input[type=checkbox] ~ .check:before, +.checkbox:not(:hover) input[type=checkbox] ~ .check:after { + -webkit-animation-duration: 1ms; + animation-duration: 1ms; +} +.checkbox input[type=checkbox][disabled]:not(:checked) ~ .check:before { + opacity: 0.5; +} +.checkbox input[type=checkbox][disabled] ~ .check:after { + background-color: rgba(0, 0, 0, 0.84); + -webkit-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.checkbox input[type=checkbox]:checked ~ .check:after, +.checkbox-default input[type=checkbox]:checked ~ .check:after { + background-color: #0f9d58; +} +.checkbox-primary input[type=checkbox]:checked ~ .check:after { + background-color: #4285f4; +} +.checkbox-success input[type=checkbox]:checked ~ .check:after { + background-color: #0f9d58; +} +.checkbox-info input[type=checkbox]:checked ~ .check:after { + background-color: #03a9f4; +} +.checkbox-warning input[type=checkbox]:checked ~ .check:after { + background-color: #ff5722; +} +.checkbox-danger input[type=checkbox]:checked ~ .check:after { + background-color: #f44336; +} +.checkbox-material-red input[type=checkbox]:checked ~ .check:after { + background-color: #f44336; +} +.checkbox-material-pink input[type=checkbox]:checked ~ .check:after { + background-color: #e91e63; +} +.checkbox-material-purple input[type=checkbox]:checked ~ .check:after { + background-color: #9c27b0; +} +.checkbox-material-deeppurple input[type=checkbox]:checked ~ .check:after { + background-color: #673ab7; +} +.checkbox-material-indigo input[type=checkbox]:checked ~ .check:after { + background-color: #3f51b5; +} +.checkbox-material-lightblue input[type=checkbox]:checked ~ .check:after { + background-color: #03a9f4; +} +.checkbox-material-cyan input[type=checkbox]:checked ~ .check:after { + background-color: #00bcd4; +} +.checkbox-material-teal input[type=checkbox]:checked ~ .check:after { + background-color: #009688; +} +.checkbox-material-lightgreen input[type=checkbox]:checked ~ .check:after { + background-color: #8bc34a; +} +.checkbox-material-lime input[type=checkbox]:checked ~ .check:after { + background-color: #cddc39; +} +.checkbox-material-lightyellow input[type=checkbox]:checked ~ .check:after { + background-color: #ffeb3b; +} +.checkbox-material-orange input[type=checkbox]:checked ~ .check:after { + background-color: #ff9800; +} +.checkbox-material-deeporange input[type=checkbox]:checked ~ .check:after { + background-color: #ff5722; +} +.checkbox-material-grey input[type=checkbox]:checked ~ .check:after { + background-color: #9e9e9e; +} +.checkbox-material-bluegrey input[type=checkbox]:checked ~ .check:after { + background-color: #607d8b; +} +.checkbox-material-brown input[type=checkbox]:checked ~ .check:after { + background-color: #795548; +} +.checkbox-material-lightgrey input[type=checkbox]:checked ~ .check:after { + background-color: #ececec; +} +@-webkit-keyframes uncheck { + 0% { + top: -3px; + left: 17px; + width: 10px; + height: 21px; + border-color: #0f9d58; + border-left-color: transparent; + border-top-color: transparent; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + } + 50% { + top: 14px; + left: 17px; + width: 4px; + height: 4px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + border-color: #0f9d58; + border-left-color: transparent; + border-top-color: transparent; + } + 51% { + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } + 100% { + top: 1px; + left: 12px; + width: 18px; + height: 18px; + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } +} +@keyframes uncheck { + 0% { + top: -3px; + left: 17px; + width: 10px; + height: 21px; + border-color: #0f9d58; + border-left-color: transparent; + border-top-color: transparent; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + } + 50% { + top: 14px; + left: 17px; + width: 4px; + height: 4px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + border-color: #0f9d58; + border-left-color: transparent; + border-top-color: transparent; + } + 51% { + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } + 100% { + top: 1px; + left: 12px; + width: 18px; + height: 18px; + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } +} +@-webkit-keyframes check { + 100% { + top: -3px; + left: 17px; + width: 10px; + height: 21px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + border-color: #0f9d58; + border-left-color: transparent; + border-top-color: transparent; + } + 51% { + border-left: transparent; + border-top-color: transparent; + } + 50% { + top: 14px; + left: 17px; + width: 4px; + height: 4px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } + 0% { + top: 1px; + left: 12px; + width: 18px; + height: 18px; + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } +} +@keyframes check { + 100% { + top: -3px; + left: 17px; + width: 10px; + height: 21px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + border-color: #0f9d58; + border-left-color: transparent; + border-top-color: transparent; + } + 51% { + border-left: transparent; + border-top-color: transparent; + } + 50% { + top: 14px; + left: 17px; + width: 4px; + height: 4px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } + 0% { + top: 1px; + left: 12px; + width: 18px; + height: 18px; + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } +} +@-webkit-keyframes rippleOn { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +@keyframes rippleOn { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +@-webkit-keyframes rippleOff { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +@keyframes rippleOff { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +.form-horizontal .radio { + margin-bottom: 10px; +} +.radio label { + cursor: pointer; + padding-left: 45px; + position: relative; +} +.radio label span { + display: block; + position: absolute; + left: 10px; + top: 2px; + -webkit-transition-duration: 0.2s; + transition-duration: 0.2s; +} +.radio label .circle { + border: 2px solid rgba(0, 0, 0, 0.84); + height: 15px; + width: 15px; + border-radius: 100%; +} +.radio label .check { + height: 15px; + width: 15px; + border-radius: 100%; + background-color: rgba(0, 0, 0, 0.84); + -webkit-transform: scale(0); + -ms-transform: scale(0); + transform: scale(0); +} +.radio label .check:after { + display: block; + position: absolute; + content: ""; + background-color: rgba(0, 0, 0, 0.84); + left: -18px; + top: -18px; + height: 50px; + width: 50px; + border-radius: 100%; + z-index: 1; + opacity: 0; + margin: 0; + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + transform: scale(1.5); +} +.radio label input[type=radio]:not(:checked) ~ .check:after { + -webkit-animation: rippleOff 500ms; + animation: rippleOff 500ms; +} +.radio label input[type=radio]:checked ~ .check:after { + -webkit-animation: rippleOn 500ms; + animation: rippleOn 500ms; +} +.radio input[type=radio]:checked ~ .check, +.radio-default input[type=radio]:checked ~ .check { + background-color: rgba(0, 0, 0, 0.84); +} +.radio-primary input[type=radio]:checked ~ .check { + background-color: #4285f4; +} +.radio-success input[type=radio]:checked ~ .check { + background-color: #0f9d58; +} +.radio-info input[type=radio]:checked ~ .check { + background-color: #03a9f4; +} +.radio-warning input[type=radio]:checked ~ .check { + background-color: #ff5722; +} +.radio-danger input[type=radio]:checked ~ .check { + background-color: #f44336; +} +.radio-material-red input[type=radio]:checked ~ .check { + background-color: #f44336; +} +.radio-material-pink input[type=radio]:checked ~ .check { + background-color: #e91e63; +} +.radio-material-purple input[type=radio]:checked ~ .check { + background-color: #9c27b0; +} +.radio-material-deeppurple input[type=radio]:checked ~ .check { + background-color: #673ab7; +} +.radio-material-indigo input[type=radio]:checked ~ .check { + background-color: #3f51b5; +} +.radio-material-lightblue input[type=radio]:checked ~ .check { + background-color: #03a9f4; +} +.radio-material-cyan input[type=radio]:checked ~ .check { + background-color: #00bcd4; +} +.radio-material-teal input[type=radio]:checked ~ .check { + background-color: #009688; +} +.radio-material-lightgreen input[type=radio]:checked ~ .check { + background-color: #8bc34a; +} +.radio-material-lime input[type=radio]:checked ~ .check { + background-color: #cddc39; +} +.radio-material-lightyellow input[type=radio]:checked ~ .check { + background-color: #ffeb3b; +} +.radio-material-orange input[type=radio]:checked ~ .check { + background-color: #ff9800; +} +.radio-material-deeporange input[type=radio]:checked ~ .check { + background-color: #ff5722; +} +.radio-material-grey input[type=radio]:checked ~ .check { + background-color: #9e9e9e; +} +.radio-material-bluegrey input[type=radio]:checked ~ .check { + background-color: #607d8b; +} +.radio-material-brown input[type=radio]:checked ~ .check { + background-color: #795548; +} +.radio-material-lightgrey input[type=radio]:checked ~ .check { + background-color: #ececec; +} +.radio input[type=radio]:checked ~ .circle, +.radio-default input[type=radio]:checked ~ .circle { + border-color: rgba(0, 0, 0, 0.84); +} +.radio-primary input[type=radio]:checked ~ .circle { + border-color: #4285f4; +} +.radio-success input[type=radio]:checked ~ .circle { + border-color: #0f9d58; +} +.radio-info input[type=radio]:checked ~ .circle { + border-color: #03a9f4; +} +.radio-warning input[type=radio]:checked ~ .circle { + border-color: #ff5722; +} +.radio-danger input[type=radio]:checked ~ .circle { + border-color: #f44336; +} +.radio-material-red input[type=radio]:checked ~ .circle { + border-color: #f44336; +} +.radio-material-pink input[type=radio]:checked ~ .circle { + border-color: #e91e63; +} +.radio-material-purple input[type=radio]:checked ~ .circle { + border-color: #9c27b0; +} +.radio-material-deeppurple input[type=radio]:checked ~ .circle { + border-color: #673ab7; +} +.radio-material-indigo input[type=radio]:checked ~ .circle { + border-color: #3f51b5; +} +.radio-material-lightblue input[type=radio]:checked ~ .circle { + border-color: #03a9f4; +} +.radio-material-cyan input[type=radio]:checked ~ .circle { + border-color: #00bcd4; +} +.radio-material-teal input[type=radio]:checked ~ .circle { + border-color: #009688; +} +.radio-material-lightgreen input[type=radio]:checked ~ .circle { + border-color: #8bc34a; +} +.radio-material-lime input[type=radio]:checked ~ .circle { + border-color: #cddc39; +} +.radio-material-lightyellow input[type=radio]:checked ~ .circle { + border-color: #ffeb3b; +} +.radio-material-orange input[type=radio]:checked ~ .circle { + border-color: #ff9800; +} +.radio-material-deeporange input[type=radio]:checked ~ .circle { + border-color: #ff5722; +} +.radio-material-grey input[type=radio]:checked ~ .circle { + border-color: #9e9e9e; +} +.radio-material-bluegrey input[type=radio]:checked ~ .circle { + border-color: #607d8b; +} +.radio-material-brown input[type=radio]:checked ~ .circle { + border-color: #795548; +} +.radio-material-lightgrey input[type=radio]:checked ~ .circle { + border-color: #ececec; +} +.radio input[type=radio][disabled] ~ .check, +.radio input[type=radio][disabled] ~ .circle { + opacity: 0.5; +} +.radio input[type=radio] { + display: none; +} +.radio input[type=radio]:checked ~ .check { + -webkit-transform: scale(0.55); + -ms-transform: scale(0.55); + transform: scale(0.55); +} +.radio input[type=radio][disabled] ~ .circle { + border-color: rgba(0, 0, 0, 0.84); +} +.radio input[type=radio][disabled] ~ .check { + background-color: rgba(0, 0, 0, 0.84); +} +@keyframes rippleOn { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +@keyframes rippleOff { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +fieldset[disabled] .form-control, +.form-control-wrapper .form-control, +.form-control, +fieldset[disabled] .form-control:focus, +.form-control-wrapper .form-control:focus, +.form-control:focus, +fieldset[disabled] .form-control.focus, +.form-control-wrapper .form-control.focus, +.form-control.focus { + padding: 0; + float: none; + border: 0; + box-shadow: none; + border-radius: 0; + background: transparent; + border-bottom: 1px solid #757575; +} +fieldset[disabled] .form-control:not(textarea):not(select), +.form-control-wrapper .form-control:not(textarea):not(select), +.form-control:not(textarea):not(select), +fieldset[disabled] .form-control:focus:not(textarea):not(select), +.form-control-wrapper .form-control:focus:not(textarea):not(select), +.form-control:focus:not(textarea):not(select), +fieldset[disabled] .form-control.focus:not(textarea):not(select), +.form-control-wrapper .form-control.focus:not(textarea):not(select), +.form-control.focus:not(textarea):not(select) { + height: 28px; +} +fieldset[disabled] .form-control:disabled, +.form-control-wrapper .form-control:disabled, +.form-control:disabled, +fieldset[disabled] .form-control:focus:disabled, +.form-control-wrapper .form-control:focus:disabled, +.form-control:focus:disabled, +fieldset[disabled] .form-control.focus:disabled, +.form-control-wrapper .form-control.focus:disabled, +.form-control.focus:disabled { + border-style: dashed; +} +select.form-control { + height: 23px; +} +select[multiple].form-control, +select[multiple].form-control:focus, +select[multiple].form-control.focus { + height: 85px; +} +.form-control-wrapper { + position: relative; + /* active state */ +} +.form-control-wrapper .form-control:focus, +.form-control-wrapper .form-control.focus { + outline: none; +} +.form-control-wrapper .floating-label { + color: #7E7E7E; + font-size: 14px; + position: absolute; + pointer-events: none; + left: 0px; + top: 5px; + -webkit-transition: 0.2s ease all; + transition: 0.2s ease all; + opacity: 0; +} +.form-control-wrapper .form-control:not(.empty) ~ .floating-label { + top: -10px; + font-size: 10px; + opacity: 1; +} +.form-control-wrapper .form-control:focus:invalid ~ .floating-label, +.form-control-wrapper .form-control.focus:invalid ~ .floating-label { + color: #f44336; +} +.form-control-wrapper .form-control:focus ~ .material-input:after, +.form-control-wrapper .form-control.focus ~ .material-input:after { + background-color: #5264ae; +} +.form-control-wrapper .form-control:focus:invalid ~ .material-input:before, +.form-control-wrapper .form-control.focus:invalid ~ .material-input:before, +.form-control-wrapper .form-control:focus:invalid ~ .material-input:after, +.form-control-wrapper .form-control.focus:invalid ~ .material-input:after { + background-color: #f44336; +} +.form-control-wrapper .form-control.empty ~ .floating-label { + opacity: 1; +} +.form-control-wrapper .material-input:before { + position: absolute; + content: ""; + width: 100%; + left: 0; + height: 2px; + background-color: #5264ae; + bottom: -1px; + -webkit-transform: scaleX(0); + -ms-transform: scaleX(0); + transform: scaleX(0); + -webkit-transition: -webkit-transform 0s; + transition: transform 0s; +} +.form-control-wrapper .form-control:focus ~ .material-input:before, +.form-control-wrapper .form-control.focus ~ .material-input:before { + -webkit-transform: scaleX(1); + -ms-transform: scaleX(1); + transform: scaleX(1); + -webkit-transition: -webkit-transform 0.2s ease-out; + transition: transform 0.2s ease-out; +} +.form-control-wrapper .material-input:after { + content: ""; + position: absolute; + height: 18px; + width: 100px; + margin-top: -1px; + top: 7px; + left: 0; + pointer-events: none; + opacity: 0.9; + -webkit-transform-origin: left; + -ms-transform-origin: left; + transform-origin: left; +} +.form-control-wrapper .input-lg ~ .material-input:after { + height: 26px; +} +.form-control-wrapper textarea { + resize: none; +} +.form-control-wrapper textarea ~ .form-control-highlight { + margin-top: -11px; +} +.form-control-wrapper .form-control:focus ~ .material-input:after, +.form-control-wrapper .form-control.focus ~ .material-input:after { + -webkit-animation: input-highlight 0.3s ease; + animation: input-highlight 0.3s ease; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; + opacity: 0; +} +.form-control-wrapper select ~ .material-input:after { + display: none; +} +.form-group.has-warning .material-input:before, +.form-group.has-warning input.form-control:focus ~ .material-input:after, +.form-group.has-warning input.form-control.focus ~ .material-input:after { + background: #ff5722; +} +.form-group.has-warning .control-label, +.form-group.has-warning input.form-control:not(.empty) ~ .floating-label { + color: #ff5722; +} +.form-group.has-error .material-input:before, +.form-group.has-error input.form-control:focus ~ .material-input:after, +.form-group.has-error input.form-control.focus ~ .material-input:after { + background: #f44336; +} +.form-group.has-error .control-label, +.form-group.has-error input.form-control:not(.empty) ~ .floating-label { + color: #f44336; +} +.form-group.has-success .material-input:before, +.form-group.has-success input.form-control:focus ~ .material-input:after, +.form-group.has-success input.form-control.focus ~ .material-input:after { + background: #0f9d58; +} +.form-group.has-success .control-label, +.form-group.has-success input.form-control:not(.empty) ~ .floating-label { + color: #0f9d58; +} +.form-group.has-info .material-input:before, +.form-group.has-info input.form-control:focus ~ .material-input:after, +.form-group.has-info input.form-control.focus ~ .material-input:after { + background: #03a9f4; +} +.form-group.has-info .control-label, +.form-group.has-info input.form-control:not(.empty) ~ .floating-label { + color: #03a9f4; +} +.form-group .material-input:before, +.form-group-default .material-input:before { + background-color: #3f51b5; +} +.form-group-primary .material-input:before { + background-color: #4285f4; +} +.form-group-success .material-input:before { + background-color: #0f9d58; +} +.form-group-info .material-input:before { + background-color: #03a9f4; +} +.form-group-warning .material-input:before { + background-color: #ff5722; +} +.form-group-danger .material-input:before { + background-color: #f44336; +} +.form-group-material-red .material-input:before { + background-color: #f44336; +} +.form-group-material-pink .material-input:before { + background-color: #e91e63; +} +.form-group-material-purple .material-input:before { + background-color: #9c27b0; +} +.form-group-material-deeppurple .material-input:before { + background-color: #673ab7; +} +.form-group-material-indigo .material-input:before { + background-color: #3f51b5; +} +.form-group-material-lightblue .material-input:before { + background-color: #03a9f4; +} +.form-group-material-cyan .material-input:before { + background-color: #00bcd4; +} +.form-group-material-teal .material-input:before { + background-color: #009688; +} +.form-group-material-lightgreen .material-input:before { + background-color: #8bc34a; +} +.form-group-material-lime .material-input:before { + background-color: #cddc39; +} +.form-group-material-lightyellow .material-input:before { + background-color: #ffeb3b; +} +.form-group-material-orange .material-input:before { + background-color: #ff9800; +} +.form-group-material-deeporange .material-input:before { + background-color: #ff5722; +} +.form-group-material-grey .material-input:before { + background-color: #9e9e9e; +} +.form-group-material-bluegrey .material-input:before { + background-color: #607d8b; +} +.form-group-material-brown .material-input:before { + background-color: #795548; +} +.form-group-material-lightgrey .material-input:before { + background-color: #ececec; +} +.form-group input.form-control:focus ~ .material-input:after, +.form-group-default input.form-control:focus ~ .material-input:after { + background-color: #3f51b5; +} +.form-group-primary input.form-control:focus ~ .material-input:after { + background-color: #4285f4; +} +.form-group-success input.form-control:focus ~ .material-input:after { + background-color: #0f9d58; +} +.form-group-info input.form-control:focus ~ .material-input:after { + background-color: #03a9f4; +} +.form-group-warning input.form-control:focus ~ .material-input:after { + background-color: #ff5722; +} +.form-group-danger input.form-control:focus ~ .material-input:after { + background-color: #f44336; +} +.form-group-material-red input.form-control:focus ~ .material-input:after { + background-color: #f44336; +} +.form-group-material-pink input.form-control:focus ~ .material-input:after { + background-color: #e91e63; +} +.form-group-material-purple input.form-control:focus ~ .material-input:after { + background-color: #9c27b0; +} +.form-group-material-deeppurple input.form-control:focus ~ .material-input:after { + background-color: #673ab7; +} +.form-group-material-indigo input.form-control:focus ~ .material-input:after { + background-color: #3f51b5; +} +.form-group-material-lightblue input.form-control:focus ~ .material-input:after { + background-color: #03a9f4; +} +.form-group-material-cyan input.form-control:focus ~ .material-input:after { + background-color: #00bcd4; +} +.form-group-material-teal input.form-control:focus ~ .material-input:after { + background-color: #009688; +} +.form-group-material-lightgreen input.form-control:focus ~ .material-input:after { + background-color: #8bc34a; +} +.form-group-material-lime input.form-control:focus ~ .material-input:after { + background-color: #cddc39; +} +.form-group-material-lightyellow input.form-control:focus ~ .material-input:after { + background-color: #ffeb3b; +} +.form-group-material-orange input.form-control:focus ~ .material-input:after { + background-color: #ff9800; +} +.form-group-material-deeporange input.form-control:focus ~ .material-input:after { + background-color: #ff5722; +} +.form-group-material-grey input.form-control:focus ~ .material-input:after { + background-color: #9e9e9e; +} +.form-group-material-bluegrey input.form-control:focus ~ .material-input:after { + background-color: #607d8b; +} +.form-group-material-brown input.form-control:focus ~ .material-input:after { + background-color: #795548; +} +.form-group-material-lightgrey input.form-control:focus ~ .material-input:after { + background-color: #ececec; +} +.form-group input.form-control.focus ~ .material-input:after, +.form-group-default input.form-control.focus ~ .material-input:after { + background-color: #3f51b5; +} +.form-group-primary input.form-control.focus ~ .material-input:after { + background-color: #4285f4; +} +.form-group-success input.form-control.focus ~ .material-input:after { + background-color: #0f9d58; +} +.form-group-info input.form-control.focus ~ .material-input:after { + background-color: #03a9f4; +} +.form-group-warning input.form-control.focus ~ .material-input:after { + background-color: #ff5722; +} +.form-group-danger input.form-control.focus ~ .material-input:after { + background-color: #f44336; +} +.form-group-material-red input.form-control.focus ~ .material-input:after { + background-color: #f44336; +} +.form-group-material-pink input.form-control.focus ~ .material-input:after { + background-color: #e91e63; +} +.form-group-material-purple input.form-control.focus ~ .material-input:after { + background-color: #9c27b0; +} +.form-group-material-deeppurple input.form-control.focus ~ .material-input:after { + background-color: #673ab7; +} +.form-group-material-indigo input.form-control.focus ~ .material-input:after { + background-color: #3f51b5; +} +.form-group-material-lightblue input.form-control.focus ~ .material-input:after { + background-color: #03a9f4; +} +.form-group-material-cyan input.form-control.focus ~ .material-input:after { + background-color: #00bcd4; +} +.form-group-material-teal input.form-control.focus ~ .material-input:after { + background-color: #009688; +} +.form-group-material-lightgreen input.form-control.focus ~ .material-input:after { + background-color: #8bc34a; +} +.form-group-material-lime input.form-control.focus ~ .material-input:after { + background-color: #cddc39; +} +.form-group-material-lightyellow input.form-control.focus ~ .material-input:after { + background-color: #ffeb3b; +} +.form-group-material-orange input.form-control.focus ~ .material-input:after { + background-color: #ff9800; +} +.form-group-material-deeporange input.form-control.focus ~ .material-input:after { + background-color: #ff5722; +} +.form-group-material-grey input.form-control.focus ~ .material-input:after { + background-color: #9e9e9e; +} +.form-group-material-bluegrey input.form-control.focus ~ .material-input:after { + background-color: #607d8b; +} +.form-group-material-brown input.form-control.focus ~ .material-input:after { + background-color: #795548; +} +.form-group-material-lightgrey input.form-control.focus ~ .material-input:after { + background-color: #ececec; +} +.form-group .control-label, +.form-group-default .control-label { + color: rgba(0, 0, 0, 0.84); +} +.form-group-primary .control-label { + color: #4285f4; +} +.form-group-success .control-label { + color: #0f9d58; +} +.form-group-info .control-label { + color: #03a9f4; +} +.form-group-warning .control-label { + color: #ff5722; +} +.form-group-danger .control-label { + color: #f44336; +} +.form-group-material-red .control-label { + color: #f44336; +} +.form-group-material-pink .control-label { + color: #e91e63; +} +.form-group-material-purple .control-label { + color: #9c27b0; +} +.form-group-material-deeppurple .control-label { + color: #673ab7; +} +.form-group-material-indigo .control-label { + color: #3f51b5; +} +.form-group-material-lightblue .control-label { + color: #03a9f4; +} +.form-group-material-cyan .control-label { + color: #00bcd4; +} +.form-group-material-teal .control-label { + color: #009688; +} +.form-group-material-lightgreen .control-label { + color: #8bc34a; +} +.form-group-material-lime .control-label { + color: #cddc39; +} +.form-group-material-lightyellow .control-label { + color: #ffeb3b; +} +.form-group-material-orange .control-label { + color: #ff9800; +} +.form-group-material-deeporange .control-label { + color: #ff5722; +} +.form-group-material-grey .control-label { + color: #9e9e9e; +} +.form-group-material-bluegrey .control-label { + color: #607d8b; +} +.form-group-material-brown .control-label { + color: #795548; +} +.form-group-material-lightgrey .control-label { + color: #ececec; +} +.form-group input.form-control:not(.empty) ~ .floating-label, +.form-group-default input.form-control:not(.empty) ~ .floating-label { + color: #3f51b5; +} +.form-group-primary input.form-control:not(.empty) ~ .floating-label { + color: #4285f4; +} +.form-group-success input.form-control:not(.empty) ~ .floating-label { + color: #0f9d58; +} +.form-group-info input.form-control:not(.empty) ~ .floating-label { + color: #03a9f4; +} +.form-group-warning input.form-control:not(.empty) ~ .floating-label { + color: #ff5722; +} +.form-group-danger input.form-control:not(.empty) ~ .floating-label { + color: #f44336; +} +.form-group-material-red input.form-control:not(.empty) ~ .floating-label { + color: #f44336; +} +.form-group-material-pink input.form-control:not(.empty) ~ .floating-label { + color: #e91e63; +} +.form-group-material-purple input.form-control:not(.empty) ~ .floating-label { + color: #9c27b0; +} +.form-group-material-deeppurple input.form-control:not(.empty) ~ .floating-label { + color: #673ab7; +} +.form-group-material-indigo input.form-control:not(.empty) ~ .floating-label { + color: #3f51b5; +} +.form-group-material-lightblue input.form-control:not(.empty) ~ .floating-label { + color: #03a9f4; +} +.form-group-material-cyan input.form-control:not(.empty) ~ .floating-label { + color: #00bcd4; +} +.form-group-material-teal input.form-control:not(.empty) ~ .floating-label { + color: #009688; +} +.form-group-material-lightgreen input.form-control:not(.empty) ~ .floating-label { + color: #8bc34a; +} +.form-group-material-lime input.form-control:not(.empty) ~ .floating-label { + color: #cddc39; +} +.form-group-material-lightyellow input.form-control:not(.empty) ~ .floating-label { + color: #ffeb3b; +} +.form-group-material-orange input.form-control:not(.empty) ~ .floating-label { + color: #ff9800; +} +.form-group-material-deeporange input.form-control:not(.empty) ~ .floating-label { + color: #ff5722; +} +.form-group-material-grey input.form-control:not(.empty) ~ .floating-label { + color: #9e9e9e; +} +.form-group-material-bluegrey input.form-control:not(.empty) ~ .floating-label { + color: #607d8b; +} +.form-group-material-brown input.form-control:not(.empty) ~ .floating-label { + color: #795548; +} +.form-group-material-lightgrey input.form-control:not(.empty) ~ .floating-label { + color: #ececec; +} +.input-group .form-control-wrapper { + margin-right: 5px; + margin-left: 5px; + bottom: -10px; +} +.input-group .form-control-wrapper .form-control { + float: none; +} +.input-group .input-group-addon { + border: 0; +} +.input-group .input-group-btn .btn { + border-radius: 4px; +} +select.form-control { + border: 0; + box-shadow: none; + border-bottom: 1px solid #757575; + border-radius: 0; +} +select.form-control:focus, +select.form-control.focus { + box-shadow: none; + border-color: #757575; +} +@keyframes input-highlight { + 0% { + left: 20%; + -webkit-transform: scaleX(20%); + transform: scaleX(20%); + } + 99% { + -webkit-transform: scaleX(0); + transform: scaleX(0); + left: 0; + opacity: 1; + } + 100% { + opacity: 0; + } +} +.form-control-wrapper input[type=file] { + opacity: 0; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 100; +} +legend { + border-bottom: 0; +} +.modal-content { + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + border-radius: 0; + border: 0; +} +.modal-content .modal-header { + border-bottom: 0; +} +.modal-content .modal-footer { + border-top: 0; +} +.modal-content .modal-footer .btn + .btn { + margin-bottom: 10px; +} +.list-group { + border-radius: 0; +} +.list-group .list-group-item { + background-color: transparent; + overflow: hidden; + border: 0; + border-radius: 0; + padding: 0 16px; +} +.list-group .list-group-item .row-picture, +.list-group .list-group-item .row-action-primary { + float: left; + display: inline-block; + padding-right: 16px; +} +.list-group .list-group-item .row-picture img, +.list-group .list-group-item .row-action-primary img, +.list-group .list-group-item .row-picture i, +.list-group .list-group-item .row-action-primary i, +.list-group .list-group-item .row-picture label, +.list-group .list-group-item .row-action-primary label { + display: block; + width: 56px; + height: 56px; +} +.list-group .list-group-item .row-picture img, +.list-group .list-group-item .row-action-primary img { + background: rgba(0, 0, 0, 0.1); + padding: 1px; +} +.list-group .list-group-item .row-picture img.circle, +.list-group .list-group-item .row-action-primary img.circle { + border-radius: 100%; +} +.list-group .list-group-item .row-picture i, +.list-group .list-group-item .row-action-primary i { + background: rgba(0, 0, 0, 0.25); + border-radius: 100%; + text-align: center; + line-height: 56px; + font-size: 20px; + color: white; +} +.list-group .list-group-item .row-picture label, +.list-group .list-group-item .row-action-primary label { + margin-left: 7px; + margin-right: -7px; + margin-top: 5px; + margin-bottom: -5px; +} +.list-group .list-group-item .row-content { + display: inline-block; + width: calc(100% - 92px); + min-height: 66px; +} +.list-group .list-group-item .row-content .action-secondary { + position: absolute; + right: 16px; + top: 16px; +} +.list-group .list-group-item .row-content .action-secondary i { + font-size: 20px; + color: rgba(0, 0, 0, 0.25); + cursor: pointer; +} +.list-group .list-group-item .row-content .action-secondary ~ * { + max-width: calc(100% - 30px); +} +.list-group .list-group-item .row-content .least-content { + position: absolute; + right: 16px; + top: 0px; + color: rgba(0, 0, 0, 0.54); + font-size: 14px; +} +.list-group .list-group-item .list-group-item-heading { + color: rgba(0, 0, 0, 0.77); + font-size: 20px; + line-height: 29px; +} +.list-group .list-group-separator { + clear: both; + overflow: hidden; + margin-top: 10px; + margin-bottom: 10px; +} +.list-group .list-group-separator:before { + content: ""; + width: calc(100% - 90px); + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + float: right; +} +.navbar { + background-color: #4285f4; + border: 0; + border-radius: 0; +} +.navbar .navbar-brand { + position: relative; + height: 60px; + line-height: 30px; + color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-brand:hover, +.navbar .navbar-brand:focus { + color: rgba(255, 255, 255, 0.84); + background-color: transparent; +} +.navbar .navbar-text { + color: rgba(255, 255, 255, 0.84); + margin-top: 20px; + margin-bottom: 20px; +} +.navbar .navbar-nav > li > a { + color: rgba(255, 255, 255, 0.84); + padding-top: 20px; + padding-bottom: 20px; +} +.navbar .navbar-nav > li > a:hover, +.navbar .navbar-nav > li > a:focus { + color: rgba(255, 255, 255, 0.84); + background-color: transparent; +} +.navbar .navbar-nav > .active > a, +.navbar .navbar-nav > .active > a:hover, +.navbar .navbar-nav > .active > a:focus { + color: rgba(255, 255, 255, 0.84); + background-color: rgba(0, 0, 0, 0.05); +} +.navbar .navbar-nav > .disabled > a, +.navbar .navbar-nav > .disabled > a:hover, +.navbar .navbar-nav > .disabled > a:focus { + color: #e5e5e5; + background-color: transparent; +} +.navbar .navbar-toggle { + margin-top: 13px; + border-color: transparent; +} +.navbar .navbar-toggle:hover, +.navbar .navbar-toggle:focus { + background-color: transparent; +} +.navbar .navbar-toggle .icon-bar { + background-color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-default .navbar-toggle, +.navbar .navbar-inverse .navbar-toggle { + border-color: transparent; +} +.navbar .navbar-collapse, +.navbar .navbar-form { + border-color: rgba(0, 0, 0, 0.1); +} +.navbar .navbar-nav > .open > a, +.navbar .navbar-nav > .open > a:hover, +.navbar .navbar-nav > .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.84); +} +@media (max-width: 767px) { + .navbar .navbar-nav .open .dropdown-menu > .dropdown-header { + border: 0; + color: rgba(212, 212, 212, 0.84); + } + .navbar .navbar-nav .open .dropdown-menu .divider { + background-color: rgba(255, 255, 255, 0.84); + } + .navbar .navbar-nav .open .dropdown-menu > li > a { + color: rgba(255, 255, 255, 0.84); + } + .navbar .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar .navbar-nav .open .dropdown-menu > li > a:focus { + color: rgba(255, 255, 255, 0.84); + background-color: transparent; + } + .navbar .navbar-nav .open .dropdown-menu > .active > a, + .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar .navbar-nav .open .dropdown-menu > .active > a:focus { + color: rgba(255, 255, 255, 0.84); + background-color: rgba(0, 0, 0, 0.05); + } + .navbar .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #e5e5e5; + background-color: transparent; + } +} +.navbar .navbar-link { + color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-link:hover { + color: rgba(255, 255, 255, 0.84); +} +.navbar .btn-link { + color: rgba(255, 255, 255, 0.84); +} +.navbar .btn-link:hover, +.navbar .btn-link:focus { + color: rgba(255, 255, 255, 0.84); +} +.navbar .btn-link[disabled]:hover, +fieldset[disabled] .navbar .btn-link:hover, +.navbar .btn-link[disabled]:focus, +fieldset[disabled] .navbar .btn-link:focus { + color: #e5e5e5; +} +.navbar .navbar-form { + margin-top: 16px; +} +.navbar .navbar-form .form-control-wrapper .form-control, +.navbar .navbar-form .form-control { + border-color: rgba(255, 255, 255, 0.84); + color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-form .form-control-wrapper .material-input:before, +.navbar .navbar-form .form-control-wrapper input:focus ~ .material-input:after { + background-color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-form ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-form :-moz-placeholder { + color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-form ::-moz-placeholder { + color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-form :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.84); +} +.navbar, +.navbar-default { + background-color: #4285f4; +} +.navbar-primary { + background-color: #4285f4; +} +.navbar-success { + background-color: #0f9d58; +} +.navbar-info { + background-color: #03a9f4; +} +.navbar-warning { + background-color: #ff5722; +} +.navbar-danger { + background-color: #f44336; +} +.navbar-material-red { + background-color: #f44336; +} +.navbar-material-pink { + background-color: #e91e63; +} +.navbar-material-purple { + background-color: #9c27b0; +} +.navbar-material-deeppurple { + background-color: #673ab7; +} +.navbar-material-indigo { + background-color: #3f51b5; +} +.navbar-material-lightblue { + background-color: #03a9f4; +} +.navbar-material-cyan { + background-color: #00bcd4; +} +.navbar-material-teal { + background-color: #009688; +} +.navbar-material-lightgreen { + background-color: #8bc34a; +} +.navbar-material-lime { + background-color: #cddc39; +} +.navbar-material-lightyellow { + background-color: #ffeb3b; +} +.navbar-material-orange { + background-color: #ff9800; +} +.navbar-material-deeporange { + background-color: #ff5722; +} +.navbar-material-grey { + background-color: #9e9e9e; +} +.navbar-material-bluegrey { + background-color: #607d8b; +} +.navbar-material-brown { + background-color: #795548; +} +.navbar-material-lightgrey { + background-color: #ececec; +} +.navbar-inverse { + background-color: #3f51b5; +} +.navbar-material-white { + background-color: #FFF; +} +.navbar-material-white .navbar-brand, +.navbar-material-white .navbar-brand:hover, +.navbar-material-white .navbar-brand:focus { + color: rgba(0, 0, 0, 0.84); +} +.navbar-material-white .navbar-nav > li > a { + color: rgba(0, 0, 0, 0.84); +} +.navbar-material-white .navbar-nav > li > a:hover, +.navbar-material-white .navbar-nav > li > a:focus { + color: rgba(0, 0, 0, 0.84); + background-color: transparent; +} +.navbar-material-white .navbar-nav > .active > a, +.navbar-material-white .navbar-nav > .active > a:hover, +.navbar-material-white .navbar-nav > .active > a:focus { + color: rgba(0, 0, 0, 0.84); + background-color: rgba(0, 0, 0, 0.05); +} +.navbar-material-white .navbar-nav > .disabled > a, +.navbar-material-white .navbar-nav > .disabled > a:hover, +.navbar-material-white .navbar-nav > .disabled > a:focus { + color: rgba(0, 0, 0, 0.84); + background-color: transparent; +} +.navbar-material-white .navbar-nav > .open > a, +.navbar-material-white .navbar-nav > .open > a:hover, +.navbar-material-white .navbar-nav > .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(0, 0, 0, 0.84); +} +@media (max-width: 1199px) { + .navbar .navbar-brand { + height: 50px; + padding: 10px 15px; + } + .navbar .navbar-form { + margin-top: 10px; + } + .navbar .navbar-nav > li > a { + padding-top: 15px; + padding-bottom: 15px; + } +} +.dropdown-menu { + border: 0; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); +} +.dropdown-menu .divider { + background-color: rgba(229, 229, 229, 0.12); +} +.dropdown-menu li { + overflow: hidden; + position: relative; +} +.dropdown-menu li a:hover { + background: rgba(0, 0, 0, 0.08); +} +.alert { + border: 0px; + border-radius: 0; +} +.alert a, +.alert .alert-link { + color: #FFFFFF; +} +.alert, +.alert-default { + background-color: #ffffff; +} +.alert-primary { + background-color: #4285f4; +} +.alert-success { + background-color: #0f9d58; +} +.alert-info { + background-color: #03a9f4; +} +.alert-warning { + background-color: #ff5722; +} +.alert-danger { + background-color: #f44336; +} +.alert-material-red { + background-color: #f44336; +} +.alert-material-pink { + background-color: #e91e63; +} +.alert-material-purple { + background-color: #9c27b0; +} +.alert-material-deeppurple { + background-color: #673ab7; +} +.alert-material-indigo { + background-color: #3f51b5; +} +.alert-material-lightblue { + background-color: #03a9f4; +} +.alert-material-cyan { + background-color: #00bcd4; +} +.alert-material-teal { + background-color: #009688; +} +.alert-material-lightgreen { + background-color: #8bc34a; +} +.alert-material-lime { + background-color: #cddc39; +} +.alert-material-lightyellow { + background-color: #ffeb3b; +} +.alert-material-orange { + background-color: #ff9800; +} +.alert-material-deeporange { + background-color: #ff5722; +} +.alert-material-grey { + background-color: #9e9e9e; +} +.alert-material-bluegrey { + background-color: #607d8b; +} +.alert-material-brown { + background-color: #795548; +} +.alert-material-lightgrey { + background-color: #ececec; +} +.alert-info, +.alert-danger, +.alert-warning, +.alert-success { + color: #FFFFFF; +} +.alert-default a, +.alert-default .alert-link { + color: #000000; +} +.progress { + height: 4px; + border-radius: 0; + box-shadow: none; + background: #c8c8c8; +} +.progress .progress-bar { + box-shadow: none; +} +.progress .progress-bar, +.progress .progress-bar-default { + background-color: #4285f4; +} +.progress .progress-bar-primary { + background-color: #4285f4; +} +.progress .progress-bar-success { + background-color: #0f9d58; +} +.progress .progress-bar-info { + background-color: #03a9f4; +} +.progress .progress-bar-warning { + background-color: #ff5722; +} +.progress .progress-bar-danger { + background-color: #f44336; +} +.progress .progress-bar-material-red { + background-color: #f44336; +} +.progress .progress-bar-material-pink { + background-color: #e91e63; +} +.progress .progress-bar-material-purple { + background-color: #9c27b0; +} +.progress .progress-bar-material-deeppurple { + background-color: #673ab7; +} +.progress .progress-bar-material-indigo { + background-color: #3f51b5; +} +.progress .progress-bar-material-lightblue { + background-color: #03a9f4; +} +.progress .progress-bar-material-cyan { + background-color: #00bcd4; +} +.progress .progress-bar-material-teal { + background-color: #009688; +} +.progress .progress-bar-material-lightgreen { + background-color: #8bc34a; +} +.progress .progress-bar-material-lime { + background-color: #cddc39; +} +.progress .progress-bar-material-lightyellow { + background-color: #ffeb3b; +} +.progress .progress-bar-material-orange { + background-color: #ff9800; +} +.progress .progress-bar-material-deeporange { + background-color: #ff5722; +} +.progress .progress-bar-material-grey { + background-color: #9e9e9e; +} +.progress .progress-bar-material-bluegrey { + background-color: #607d8b; +} +.progress .progress-bar-material-brown { + background-color: #795548; +} +.progress .progress-bar-material-lightgrey { + background-color: #ececec; +} +.text-warning { + color: #ff5722; +} +.text-primary { + color: #4285f4; +} +.text-danger { + color: #f44336; +} +.text-success { + color: #0f9d58; +} +.text-info { + color: #03a9f4; +} +.nav-tabs { + background: #4285f4; +} +.nav-tabs > li > a { + color: #FFFFFF; + border: 0; + margin: 0; +} +.nav-tabs > li > a:hover { + background: transparent; + border: 0; +} +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover, +.nav-tabs > li.open > a, +.nav-tabs > li.open > a:hover { + background: transparent !important; + border: 0 !important; + color: #FFFFFF !important; + font-weight: 500; +} +.nav-tabs > li.disabled > a, +.nav-tabs > li.disabled > a:hover { + color: rgba(255, 255, 255, 0.5); +} +.popover, +.tooltip-inner { + background: #323232; + color: #FFF; + border-radius: 2px; +} +.tooltip, +.tooltip.in { + opacity: 1; +} +.popover.left .arrow:after, +.tooltip.left .arrow:after, +.popover.left .tooltip-arrow, +.tooltip.left .tooltip-arrow { + border-left-color: #323232; +} +.popover.right .arrow:after, +.tooltip.right .arrow:after, +.popover.right .tooltip-arrow, +.tooltip.right .tooltip-arrow { + border-right-color: #323232; +} +.popover.top .arrow:after, +.tooltip.top .arrow:after, +.popover.top .tooltip-arrow, +.tooltip.top .tooltip-arrow { + border-top-color: #323232; +} +.popover.bottom .arrow:after, +.tooltip.bottom .arrow:after, +.popover.bottom .tooltip-arrow, +.tooltip.bottom .tooltip-arrow { + border-bottom-color: #323232; +} +.icon, +.icon-default { + color: rgba(0, 0, 0, 0.84); +} +.icon-primary { + color: #4285f4; +} +.icon-success { + color: #0f9d58; +} +.icon-info { + color: #03a9f4; +} +.icon-warning { + color: #ff5722; +} +.icon-danger { + color: #f44336; +} +.icon-material-red { + color: #f44336; +} +.icon-material-pink { + color: #e91e63; +} +.icon-material-purple { + color: #9c27b0; +} +.icon-material-deeppurple { + color: #673ab7; +} +.icon-material-indigo { + color: #3f51b5; +} +.icon-material-lightblue { + color: #03a9f4; +} +.icon-material-cyan { + color: #00bcd4; +} +.icon-material-teal { + color: #009688; +} +.icon-material-lightgreen { + color: #8bc34a; +} +.icon-material-lime { + color: #cddc39; +} +.icon-material-lightyellow { + color: #ffeb3b; +} +.icon-material-orange { + color: #ff9800; +} +.icon-material-deeporange { + color: #ff5722; +} +.icon-material-grey { + color: #9e9e9e; +} +.icon-material-bluegrey { + color: #607d8b; +} +.icon-material-brown { + color: #795548; +} +.icon-material-lightgrey { + color: #ececec; +} +.snackbar { + background-color: #323232; + color: rgba(255, 255, 255, 0.84); + font-size: 14px; + border-radius: 2px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + height: 0; + -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s; + transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s; + -webkit-transform: translateY(200%); + -ms-transform: translateY(200%); + transform: translateY(200%); +} +.snackbar.snackbar-opened { + padding: 14px 15px; + margin-bottom: 20px; + height: auto; + -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s; + transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s; + -webkit-transform: none; + -ms-transform: none; + transform: none; +} +.snackbar.toast { + border-radius: 200px; +} +.noUi-target, +.noUi-target * { + -webkit-touch-callout: none; + -ms-touch-action: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + box-sizing: border-box; +} +.noUi-base { + width: 100%; + height: 100%; + position: relative; +} +.noUi-origin { + position: absolute; + right: 0; + top: 0; + left: 0; + bottom: 0; +} +.noUi-handle { + position: relative; + z-index: 1; + box-sizing: border-box; +} +.noUi-stacking .noUi-handle { + z-index: 10; +} +.noUi-stacking + .noUi-origin { + *z-index: -1; +} +.noUi-state-tap .noUi-origin { + -webkit-transition: left 0.3s, top 0.3s; + transition: left 0.3s, top 0.3s; +} +.noUi-state-drag * { + cursor: inherit !important; +} +.noUi-horizontal { + height: 10px; +} +.noUi-horizontal .noUi-handle { + box-sizing: border-box; + width: 12px; + height: 12px; + left: -10px; + top: -5px; +} +.noUi-horizontal.noUi-extended { + padding: 0 15px; +} +.noUi-horizontal.noUi-extended .noUi-origin { + right: -15px; +} +.noUi-background { + height: 2px; + margin: 20px 0; +} +.noUi-origin { + margin: 0; + border-radius: 0; + height: 2px; + background: #c8c8c8; +} +.noUi-origin[style^="left: 0"] .noUi-handle { + background-color: #fff; + border: 2px solid #c8c8c8; +} +.noUi-origin[style^="left: 0"] .noUi-handle.noUi-active { + border-width: 1px; +} +.noUi-target { + border-radius: 2px; +} +.noUi-handle { + border-radius: 100%; + cursor: default; + -webkit-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + border: 1px solid; +} +.noUi-horizontal { + height: 2px; + margin: 15px 0; +} +.noUi-horizontal .noUi-handle.noUi-active { + -webkit-transform: scale(2.5); + -ms-transform: scale(2.5); + transform: scale(2.5); +} +[disabled].noUi-slider { + opacity: 0.5; +} +[disabled] .noUi-handle { + cursor: not-allowed; +} +.slider { + background: #c8c8c8; +} +.slider.noUi-connect, +.slider-default.noUi-connect { + background-color: #4285f4; +} +.slider-primary.noUi-connect { + background-color: #4285f4; +} +.slider-success.noUi-connect { + background-color: #0f9d58; +} +.slider-info.noUi-connect { + background-color: #03a9f4; +} +.slider-warning.noUi-connect { + background-color: #ff5722; +} +.slider-danger.noUi-connect { + background-color: #f44336; +} +.slider-material-red.noUi-connect { + background-color: #f44336; +} +.slider-material-pink.noUi-connect { + background-color: #e91e63; +} +.slider-material-purple.noUi-connect { + background-color: #9c27b0; +} +.slider-material-deeppurple.noUi-connect { + background-color: #673ab7; +} +.slider-material-indigo.noUi-connect { + background-color: #3f51b5; +} +.slider-material-lightblue.noUi-connect { + background-color: #03a9f4; +} +.slider-material-cyan.noUi-connect { + background-color: #00bcd4; +} +.slider-material-teal.noUi-connect { + background-color: #009688; +} +.slider-material-lightgreen.noUi-connect { + background-color: #8bc34a; +} +.slider-material-lime.noUi-connect { + background-color: #cddc39; +} +.slider-material-lightyellow.noUi-connect { + background-color: #ffeb3b; +} +.slider-material-orange.noUi-connect { + background-color: #ff9800; +} +.slider-material-deeporange.noUi-connect { + background-color: #ff5722; +} +.slider-material-grey.noUi-connect { + background-color: #9e9e9e; +} +.slider-material-bluegrey.noUi-connect { + background-color: #607d8b; +} +.slider-material-brown.noUi-connect { + background-color: #795548; +} +.slider-material-lightgrey.noUi-connect { + background-color: #ececec; +} +.slider .noUi-connect, +.slider-default .noUi-connect { + background-color: #4285f4; +} +.slider-primary .noUi-connect { + background-color: #4285f4; +} +.slider-success .noUi-connect { + background-color: #0f9d58; +} +.slider-info .noUi-connect { + background-color: #03a9f4; +} +.slider-warning .noUi-connect { + background-color: #ff5722; +} +.slider-danger .noUi-connect { + background-color: #f44336; +} +.slider-material-red .noUi-connect { + background-color: #f44336; +} +.slider-material-pink .noUi-connect { + background-color: #e91e63; +} +.slider-material-purple .noUi-connect { + background-color: #9c27b0; +} +.slider-material-deeppurple .noUi-connect { + background-color: #673ab7; +} +.slider-material-indigo .noUi-connect { + background-color: #3f51b5; +} +.slider-material-lightblue .noUi-connect { + background-color: #03a9f4; +} +.slider-material-cyan .noUi-connect { + background-color: #00bcd4; +} +.slider-material-teal .noUi-connect { + background-color: #009688; +} +.slider-material-lightgreen .noUi-connect { + background-color: #8bc34a; +} +.slider-material-lime .noUi-connect { + background-color: #cddc39; +} +.slider-material-lightyellow .noUi-connect { + background-color: #ffeb3b; +} +.slider-material-orange .noUi-connect { + background-color: #ff9800; +} +.slider-material-deeporange .noUi-connect { + background-color: #ff5722; +} +.slider-material-grey .noUi-connect { + background-color: #9e9e9e; +} +.slider-material-bluegrey .noUi-connect { + background-color: #607d8b; +} +.slider-material-brown .noUi-connect { + background-color: #795548; +} +.slider-material-lightgrey .noUi-connect { + background-color: #ececec; +} +.slider .noUi-handle, +.slider-default .noUi-handle { + background-color: #4285f4; +} +.slider-primary .noUi-handle { + background-color: #4285f4; +} +.slider-success .noUi-handle { + background-color: #0f9d58; +} +.slider-info .noUi-handle { + background-color: #03a9f4; +} +.slider-warning .noUi-handle { + background-color: #ff5722; +} +.slider-danger .noUi-handle { + background-color: #f44336; +} +.slider-material-red .noUi-handle { + background-color: #f44336; +} +.slider-material-pink .noUi-handle { + background-color: #e91e63; +} +.slider-material-purple .noUi-handle { + background-color: #9c27b0; +} +.slider-material-deeppurple .noUi-handle { + background-color: #673ab7; +} +.slider-material-indigo .noUi-handle { + background-color: #3f51b5; +} +.slider-material-lightblue .noUi-handle { + background-color: #03a9f4; +} +.slider-material-cyan .noUi-handle { + background-color: #00bcd4; +} +.slider-material-teal .noUi-handle { + background-color: #009688; +} +.slider-material-lightgreen .noUi-handle { + background-color: #8bc34a; +} +.slider-material-lime .noUi-handle { + background-color: #cddc39; +} +.slider-material-lightyellow .noUi-handle { + background-color: #ffeb3b; +} +.slider-material-orange .noUi-handle { + background-color: #ff9800; +} +.slider-material-deeporange .noUi-handle { + background-color: #ff5722; +} +.slider-material-grey .noUi-handle { + background-color: #9e9e9e; +} +.slider-material-bluegrey .noUi-handle { + background-color: #607d8b; +} +.slider-material-brown .noUi-handle { + background-color: #795548; +} +.slider-material-lightgrey .noUi-handle { + background-color: #ececec; +} +.slider .noUi-handle, +.slider-default .noUi-handle { + border-color: #4285f4; +} +.slider-primary .noUi-handle { + border-color: #4285f4; +} +.slider-success .noUi-handle { + border-color: #0f9d58; +} +.slider-info .noUi-handle { + border-color: #03a9f4; +} +.slider-warning .noUi-handle { + border-color: #ff5722; +} +.slider-danger .noUi-handle { + border-color: #f44336; +} +.slider-material-red .noUi-handle { + border-color: #f44336; +} +.slider-material-pink .noUi-handle { + border-color: #e91e63; +} +.slider-material-purple .noUi-handle { + border-color: #9c27b0; +} +.slider-material-deeppurple .noUi-handle { + border-color: #673ab7; +} +.slider-material-indigo .noUi-handle { + border-color: #3f51b5; +} +.slider-material-lightblue .noUi-handle { + border-color: #03a9f4; +} +.slider-material-cyan .noUi-handle { + border-color: #00bcd4; +} +.slider-material-teal .noUi-handle { + border-color: #009688; +} +.slider-material-lightgreen .noUi-handle { + border-color: #8bc34a; +} +.slider-material-lime .noUi-handle { + border-color: #cddc39; +} +.slider-material-lightyellow .noUi-handle { + border-color: #ffeb3b; +} +.slider-material-orange .noUi-handle { + border-color: #ff9800; +} +.slider-material-deeporange .noUi-handle { + border-color: #ff5722; +} +.slider-material-grey .noUi-handle { + border-color: #9e9e9e; +} +.slider-material-bluegrey .noUi-handle { + border-color: #607d8b; +} +.slider-material-brown .noUi-handle { + border-color: #795548; +} +.slider-material-lightgrey .noUi-handle { + border-color: #ececec; +} diff --git a/css-compiled/material.min.css b/css-compiled/material.min.css new file mode 100644 index 00000000..e3d01086 --- /dev/null +++ b/css-compiled/material.min.css @@ -0,0 +1 @@ +@-webkit-keyframes input-highlight{0%{left:20%;width:20%}99%{width:0;left:0;opacity:1}100%{opacity:0}}@keyframes input-highlight{0%{left:20%;width:20%}99%{width:0;left:0;opacity:1}100%{opacity:0}}.shadow-z-1{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.shadow-z-2{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.shadow-z-2-hover{box-shadow:0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.28)}.shadow-z-3{box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.shadow-z-4{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.shadow-z-5{box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)}body{background-color:#EEE}body.inverse{background:#333}body.inverse,body.inverse .form-control{color:rgba(255,255,255,.84)}.h1,.h2,.h3,.h4,.h5,.h6,body,h1,h2,h3,h4,h5,h6{font-family:Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif}.container .well,.container .well .form-control,.container .well:not([class^="well well-material-"]),.container .well:not([class^="well well-material-"]) .form-control,.container-fluid .well,.container-fluid .well .form-control,.container-fluid .well:not([class^="well well-material-"]),.container-fluid .well:not([class^="well well-material-"]) .form-control,body .well,body .well .form-control,body .well:not([class^="well well-material-"]),body .well:not([class^="well well-material-"]) .form-control{color:rgba(0,0,0,.84)}.container .well .floating-label,.container .well:not([class^="well well-material-"]) .floating-label,.container-fluid .well .floating-label,.container-fluid .well:not([class^="well well-material-"]) .floating-label,body .well .floating-label,body .well:not([class^="well well-material-"]) .floating-label{color:#7e7e7e}.container .well .form-control,.container .well:not([class^="well well-material-"]) .form-control,.container-fluid .well .form-control,.container-fluid .well:not([class^="well well-material-"]) .form-control,body .well .form-control,body .well:not([class^="well well-material-"]) .form-control{border-bottom-color:#7e7e7e}.container .well .form-control::-webkit-input-placeholder,.container .well:not([class^="well well-material-"]) .form-control::-webkit-input-placeholder,.container-fluid .well .form-control::-webkit-input-placeholder,.container-fluid .well:not([class^="well well-material-"]) .form-control::-webkit-input-placeholder,body .well .form-control::-webkit-input-placeholder,body .well:not([class^="well well-material-"]) .form-control::-webkit-input-placeholder{color:#7e7e7e}.container .well .form-control::-moz-placeholder,.container .well:not([class^="well well-material-"]) .form-control::-moz-placeholder,.container-fluid .well .form-control::-moz-placeholder,.container-fluid .well:not([class^="well well-material-"]) .form-control::-moz-placeholder,body .well .form-control::-moz-placeholder,body .well:not([class^="well well-material-"]) .form-control::-moz-placeholder{color:#7e7e7e;opacity:1}.container .well .form-control:-ms-input-placeholder,.container .well:not([class^="well well-material-"]) .form-control:-ms-input-placeholder,.container-fluid .well .form-control:-ms-input-placeholder,.container-fluid .well:not([class^="well well-material-"]) .form-control:-ms-input-placeholder,body .well .form-control:-ms-input-placeholder,body .well:not([class^="well well-material-"]) .form-control:-ms-input-placeholder{color:#7e7e7e}.container .well .create,.container .well .option,.container .well:not([class^="well well-material-"]) .create,.container .well:not([class^="well well-material-"]) .option,.container-fluid .well .create,.container-fluid .well .option,.container-fluid .well:not([class^="well well-material-"]) .create,.container-fluid .well:not([class^="well well-material-"]) .option,body .well .create,body .well .option,body .well:not([class^="well well-material-"]) .create,body .well:not([class^="well well-material-"]) .option{color:rgba(0,0,0,.84)}.container [class^="well well-material-"],.container [class^="well well-material-"] .floating-label,.container [class^="well well-material-"] .form-control,.container-fluid [class^="well well-material-"],.container-fluid [class^="well well-material-"] .floating-label,.container-fluid [class^="well well-material-"] .form-control,body [class^="well well-material-"],body [class^="well well-material-"] .floating-label,body [class^="well well-material-"] .form-control{color:rgba(255,255,255,.84)}.container [class^="well well-material-"] .form-control,.container-fluid [class^="well well-material-"] .form-control,body [class^="well well-material-"] .form-control{border-bottom-color:rgba(255,255,255,.84)}.container [class^="well well-material-"] .form-control::-webkit-input-placeholder,.container-fluid [class^="well well-material-"] .form-control::-webkit-input-placeholder,body [class^="well well-material-"] .form-control::-webkit-input-placeholder{color:rgba(255,255,255,.84)}.container [class^="well well-material-"] .form-control::-moz-placeholder,.container-fluid [class^="well well-material-"] .form-control::-moz-placeholder,body [class^="well well-material-"] .form-control::-moz-placeholder{color:rgba(255,255,255,.84);opacity:1}.container [class^="well well-material-"] .form-control:-ms-input-placeholder,.container-fluid [class^="well well-material-"] .form-control:-ms-input-placeholder,body [class^="well well-material-"] .form-control:-ms-input-placeholder{color:rgba(255,255,255,.84)}.container [class^="well well-material-"] .create,.container [class^="well well-material-"] .option,.container-fluid [class^="well well-material-"] .create,.container-fluid [class^="well well-material-"] .option,body [class^="well well-material-"] .create,body [class^="well well-material-"] .option{color:rgba(0,0,0,.84)}.container .jumbotron,.container .well,.container-fluid .jumbotron,.container-fluid .well,body .jumbotron,body .well{padding:19px;margin-bottom:20px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);border-radius:2px;border:0}.container .jumbotron p,.container .well p,.container-fluid .jumbotron p,.container-fluid .well p,body .jumbotron p,body .well p{font-weight:300}.container .jumbotron,.container .jumbotron-default,.container .well,.container .well-default,.container-fluid .jumbotron,.container-fluid .jumbotron-default,.container-fluid .well,.container-fluid .well-default,body .jumbotron,body .jumbotron-default,body .well,body .well-default{background-color:#fff}.container .jumbotron-primary,.container .well-primary,.container-fluid .jumbotron-primary,.container-fluid .well-primary,body .jumbotron-primary,body .well-primary{background-color:#4285f4}.container .jumbotron-success,.container .well-success,.container-fluid .jumbotron-success,.container-fluid .well-success,body .jumbotron-success,body .well-success{background-color:#0f9d58}.container .jumbotron-info,.container .well-info,.container-fluid .jumbotron-info,.container-fluid .well-info,body .jumbotron-info,body .well-info{background-color:#03a9f4}.container .jumbotron-warning,.container .well-warning,.container-fluid .jumbotron-warning,.container-fluid .well-warning,body .jumbotron-warning,body .well-warning{background-color:#ff5722}.container .jumbotron-danger,.container .jumbotron-material-red,.container .well-danger,.container .well-material-red,.container-fluid .jumbotron-danger,.container-fluid .jumbotron-material-red,.container-fluid .well-danger,.container-fluid .well-material-red,body .jumbotron-danger,body .jumbotron-material-red,body .well-danger,body .well-material-red{background-color:#f44336}.container .jumbotron-material-pink,.container .well-material-pink,.container-fluid .jumbotron-material-pink,.container-fluid .well-material-pink,body .jumbotron-material-pink,body .well-material-pink{background-color:#e91e63}.container .jumbotron-material-purple,.container .well-material-purple,.container-fluid .jumbotron-material-purple,.container-fluid .well-material-purple,body .jumbotron-material-purple,body .well-material-purple{background-color:#9c27b0}.container .jumbotron-material-deeppurple,.container .well-material-deeppurple,.container-fluid .jumbotron-material-deeppurple,.container-fluid .well-material-deeppurple,body .jumbotron-material-deeppurple,body .well-material-deeppurple{background-color:#673ab7}.container .jumbotron-material-indigo,.container .well-material-indigo,.container-fluid .jumbotron-material-indigo,.container-fluid .well-material-indigo,body .jumbotron-material-indigo,body .well-material-indigo{background-color:#3f51b5}.container .jumbotron-material-lightblue,.container .well-material-lightblue,.container-fluid .jumbotron-material-lightblue,.container-fluid .well-material-lightblue,body .jumbotron-material-lightblue,body .well-material-lightblue{background-color:#03a9f4}.container .jumbotron-material-cyan,.container .well-material-cyan,.container-fluid .jumbotron-material-cyan,.container-fluid .well-material-cyan,body .jumbotron-material-cyan,body .well-material-cyan{background-color:#00bcd4}.container .jumbotron-material-teal,.container .well-material-teal,.container-fluid .jumbotron-material-teal,.container-fluid .well-material-teal,body .jumbotron-material-teal,body .well-material-teal{background-color:#009688}.container .jumbotron-material-lightgreen,.container .well-material-lightgreen,.container-fluid .jumbotron-material-lightgreen,.container-fluid .well-material-lightgreen,body .jumbotron-material-lightgreen,body .well-material-lightgreen{background-color:#8bc34a}.container .jumbotron-material-lime,.container .well-material-lime,.container-fluid .jumbotron-material-lime,.container-fluid .well-material-lime,body .jumbotron-material-lime,body .well-material-lime{background-color:#cddc39}.container .jumbotron-material-lightyellow,.container .well-material-lightyellow,.container-fluid .jumbotron-material-lightyellow,.container-fluid .well-material-lightyellow,body .jumbotron-material-lightyellow,body .well-material-lightyellow{background-color:#ffeb3b}.container .jumbotron-material-orange,.container .well-material-orange,.container-fluid .jumbotron-material-orange,.container-fluid .well-material-orange,body .jumbotron-material-orange,body .well-material-orange{background-color:#ff9800}.container .jumbotron-material-deeporange,.container .well-material-deeporange,.container-fluid .jumbotron-material-deeporange,.container-fluid .well-material-deeporange,body .jumbotron-material-deeporange,body .well-material-deeporange{background-color:#ff5722}.container .jumbotron-material-grey,.container .well-material-grey,.container-fluid .jumbotron-material-grey,.container-fluid .well-material-grey,body .jumbotron-material-grey,body .well-material-grey{background-color:#9e9e9e}.container .jumbotron-material-bluegrey,.container .well-material-bluegrey,.container-fluid .jumbotron-material-bluegrey,.container-fluid .well-material-bluegrey,body .jumbotron-material-bluegrey,body .well-material-bluegrey{background-color:#607d8b}.container .jumbotron-material-brown,.container .well-material-brown,.container-fluid .jumbotron-material-brown,.container-fluid .well-material-brown,body .jumbotron-material-brown,body .well-material-brown{background-color:#795548}.container .jumbotron-material-lightgrey,.container .well-material-lightgrey,.container-fluid .jumbotron-material-lightgrey,.container-fluid .well-material-lightgrey,body .jumbotron-material-lightgrey,body .well-material-lightgrey{background-color:#ececec}.btn{position:relative;padding:8px 30px;border:0;margin:10px 1px;cursor:pointer;border-radius:4px;text-transform:uppercase;text-decoration:none;color:rgba(255,255,255,.84);-webkit-transition:box-shadow .28s cubic-bezier(0.4,0,.2,1);transition:box-shadow .28s cubic-bezier(0.4,0,.2,1);outline:0!important}.btn:hover{color:rgba(255,255,255,.84)}.btn:hover:not(.btn-link){box-shadow:0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.28)}.btn:active:not(.btn-link){box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.btn-default:not(.btn-link),.btn:not(.btn-link){background-color:transparent}.btn-primary:not(.btn-link){background-color:#4285f4}.btn-success:not(.btn-link){background-color:#0f9d58}.btn-info:not(.btn-link){background-color:#03a9f4}.btn-warning:not(.btn-link){background-color:#ff5722}.btn-danger:not(.btn-link),.btn-material-red:not(.btn-link){background-color:#f44336}.btn-material-pink:not(.btn-link){background-color:#e91e63}.btn-material-purple:not(.btn-link){background-color:#9c27b0}.btn-material-deeppurple:not(.btn-link){background-color:#673ab7}.btn-material-indigo:not(.btn-link){background-color:#3f51b5}.btn-material-lightblue:not(.btn-link){background-color:#03a9f4}.btn-material-cyan:not(.btn-link){background-color:#00bcd4}.btn-material-teal:not(.btn-link){background-color:#009688}.btn-material-lightgreen:not(.btn-link){background-color:#8bc34a}.btn-material-lime:not(.btn-link){background-color:#cddc39}.btn-material-lightyellow:not(.btn-link){background-color:#ffeb3b}.btn-material-orange:not(.btn-link){background-color:#ff9800}.btn-material-deeporange:not(.btn-link){background-color:#ff5722}.btn-material-grey:not(.btn-link){background-color:#9e9e9e}.btn-material-bluegrey:not(.btn-link){background-color:#607d8b}.btn-material-brown:not(.btn-link){background-color:#795548}.btn-material-lightgrey:not(.btn-link){background-color:#ececec}.btn-default,.btn-default:hover,.btn-link,.btn-link:hover,.btn:not([class^="btn btn-"]),.btn:not([class^="btn btn-"]):hover{color:rgba(0,0,0,.84)}.btn-default:hover,.btn:not([class^="btn btn-"]):hover{background-color:rgba(255,255,255,.5)}.btn-raised{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-webkit-transition:box-shadow .28s cubic-bezier(0.4,0,.2,1);transition:box-shadow .28s cubic-bezier(0.4,0,.2,1)}.btn-raised:active:not(.btn-link){box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.open>.dropdown-toggle.btn,.open>.dropdown-toggle.btn-default{background-color:transparent}.open>.dropdown-toggle.btn-primary{background-color:#4285f4}.open>.dropdown-toggle.btn-success{background-color:#0f9d58}.open>.dropdown-toggle.btn-info{background-color:#03a9f4}.open>.dropdown-toggle.btn-warning{background-color:#ff5722}.open>.dropdown-toggle.btn-danger,.open>.dropdown-toggle.btn-material-red{background-color:#f44336}.open>.dropdown-toggle.btn-material-pink{background-color:#e91e63}.open>.dropdown-toggle.btn-material-purple{background-color:#9c27b0}.open>.dropdown-toggle.btn-material-deeppurple{background-color:#673ab7}.open>.dropdown-toggle.btn-material-indigo{background-color:#3f51b5}.open>.dropdown-toggle.btn-material-lightblue{background-color:#03a9f4}.open>.dropdown-toggle.btn-material-cyan{background-color:#00bcd4}.open>.dropdown-toggle.btn-material-teal{background-color:#009688}.open>.dropdown-toggle.btn-material-lightgreen{background-color:#8bc34a}.open>.dropdown-toggle.btn-material-lime{background-color:#cddc39}.open>.dropdown-toggle.btn-material-lightyellow{background-color:#ffeb3b}.open>.dropdown-toggle.btn-material-orange{background-color:#ff9800}.open>.dropdown-toggle.btn-material-deeporange{background-color:#ff5722}.open>.dropdown-toggle.btn-material-grey{background-color:#9e9e9e}.open>.dropdown-toggle.btn-material-bluegrey{background-color:#607d8b}.open>.dropdown-toggle.btn-material-brown{background-color:#795548}.open>.dropdown-toggle.btn-material-lightgrey{background-color:#ececec}.btn-flat{box-shadow:none!important}.btn-flat.btn-default:hover{background:0 0}.btn-group,.btn-group-vertical{position:relative;border-radius:4px;margin:10px 1px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-webkit-transition:box-shadow .28s cubic-bezier(0.4,0,.2,1);transition:box-shadow .28s cubic-bezier(0.4,0,.2,1)}.btn-group-vertical:active:not(.btn-link),.btn-group:active:not(.btn-link){box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.btn-group-vertical.open .dropdown-toggle,.btn-group.open .dropdown-toggle{box-shadow:none}.btn-group-vertical.btn-group-raised,.btn-group.btn-group-raised{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-webkit-transition:box-shadow .28s cubic-bezier(0.4,0,.2,1);transition:box-shadow .28s cubic-bezier(0.4,0,.2,1)}.btn-group-vertical.btn-group-raised:active:not(.btn-link),.btn-group.btn-group-raised:active:not(.btn-link){box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.btn-group .btn,.btn-group .btn-group,.btn-group .btn:active,.btn-group-vertical .btn,.btn-group-vertical .btn-group,.btn-group-vertical .btn:active{box-shadow:none!important;margin:0}.btn-group .btn:active .caret,.btn-group-vertical .btn:active .caret{margin-left:-1px}.btn-group-flat{box-shadow:none!important}.btn-fab{margin:0;padding:15px;font-size:26px;width:56px;height:56px}.btn-fab,.btn-fab-default,.btn-fab:hover,.btn-fab:hover-default{background-color:transparent}.btn-fab-primary,.btn-fab:hover-primary{background-color:#4285f4}.btn-fab-success,.btn-fab:hover-success{background-color:#0f9d58}.btn-fab-info,.btn-fab:hover-info{background-color:#03a9f4}.btn-fab-warning,.btn-fab:hover-warning{background-color:#ff5722}.btn-fab-danger,.btn-fab-material-red,.btn-fab:hover-danger,.btn-fab:hover-material-red{background-color:#f44336}.btn-fab-material-pink,.btn-fab:hover-material-pink{background-color:#e91e63}.btn-fab-material-purple,.btn-fab:hover-material-purple{background-color:#9c27b0}.btn-fab-material-deeppurple,.btn-fab:hover-material-deeppurple{background-color:#673ab7}.btn-fab-material-indigo,.btn-fab:hover-material-indigo{background-color:#3f51b5}.btn-fab-material-lightblue,.btn-fab:hover-material-lightblue{background-color:#03a9f4}.btn-fab-material-cyan,.btn-fab:hover-material-cyan{background-color:#00bcd4}.btn-fab-material-teal,.btn-fab:hover-material-teal{background-color:#009688}.btn-fab-material-lightgreen,.btn-fab:hover-material-lightgreen{background-color:#8bc34a}.btn-fab-material-lime,.btn-fab:hover-material-lime{background-color:#cddc39}.btn-fab-material-lightyellow,.btn-fab:hover-material-lightyellow{background-color:#ffeb3b}.btn-fab-material-orange,.btn-fab:hover-material-orange{background-color:#ff9800}.btn-fab-material-deeporange,.btn-fab:hover-material-deeporange{background-color:#ff5722}.btn-fab-material-grey,.btn-fab:hover-material-grey{background-color:#9e9e9e}.btn-fab-material-bluegrey,.btn-fab:hover-material-bluegrey{background-color:#607d8b}.btn-fab-material-brown,.btn-fab:hover-material-brown{background-color:#795548}.btn-fab-material-lightgrey,.btn-fab:hover-material-lightgrey{background-color:#ececec}.btn-fab,.btn-fab .ripple-wrapper{border-radius:100%}.btn-fab.btn-mini{width:40px;height:40px;padding:13px;font-size:15px}.form-horizontal .checkbox{padding-top:15px}.checkbox{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.checkbox label{cursor:pointer;padding-left:45px;position:relative}.checkbox label span{display:block;position:absolute;left:0;-webkit-transition-duration:.2s;transition-duration:.2s}.checkbox label .check:after{display:block;position:absolute;content:"";background-color:rgba(0,0,0,.84);left:-5px;top:-15px;height:50px;width:50px;border-radius:100%;z-index:1;opacity:0;margin:0}.checkbox label .check:before{display:block;content:"";border:2px solid rgba(0,0,0,.84);height:20px;width:20px;-webkit-transition-delay:.2s;transition-delay:.2s}.checkbox .check,.checkbox-default .check{color:#0f9d58}.checkbox-primary .check{color:#4285f4}.checkbox-success .check{color:#0f9d58}.checkbox-info .check{color:#03a9f4}.checkbox-warning .check{color:#ff5722}.checkbox-danger .check,.checkbox-material-red .check{color:#f44336}.checkbox-material-pink .check{color:#e91e63}.checkbox-material-purple .check{color:#9c27b0}.checkbox-material-deeppurple .check{color:#673ab7}.checkbox-material-indigo .check{color:#3f51b5}.checkbox-material-lightblue .check{color:#03a9f4}.checkbox-material-cyan .check{color:#00bcd4}.checkbox-material-teal .check{color:#009688}.checkbox-material-lightgreen .check{color:#8bc34a}.checkbox-material-lime .check{color:#cddc39}.checkbox-material-lightyellow .check{color:#ffeb3b}.checkbox-material-orange .check{color:#ff9800}.checkbox-material-deeporange .check{color:#ff5722}.checkbox-material-grey .check{color:#9e9e9e}.checkbox-material-bluegrey .check{color:#607d8b}.checkbox-material-brown .check{color:#795548}.checkbox-material-lightgrey .check{color:#ececec}.checkbox input[type=checkbox]{opacity:0}.checkbox input[type=checkbox]~.check:before{position:absolute;top:2px;left:11px;width:18px;height:18px;border:2px solid;border-color:#5a5a5a;-webkit-animation:uncheck 300ms ease-out forwards;animation:uncheck 300ms ease-out forwards}.checkbox input[type=checkbox]:focus~.check:after{opacity:.2}.checkbox input[type=checkbox]:checked~.check:before{-webkit-animation:check 300ms ease-out forwards;animation:check 300ms ease-out forwards}.checkbox input[type=checkbox]:not(:checked)~.check:after{-webkit-animation:rippleOff 500ms linear forwards;animation:rippleOff 500ms linear forwards}.checkbox input[type=checkbox]:checked~.check:after{-webkit-animation:rippleOn 500ms linear forwards;animation:rippleOn 500ms linear forwards}.checkbox:not(:hover) input[type=checkbox]~.check:after,.checkbox:not(:hover) input[type=checkbox]~.check:before{-webkit-animation-duration:1ms;animation-duration:1ms}.checkbox input[type=checkbox][disabled]:not(:checked)~.check:before{opacity:.5}.checkbox input[type=checkbox][disabled]~.check:after{background-color:rgba(0,0,0,.84);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.checkbox input[type=checkbox]:checked~.check:after,.checkbox-default input[type=checkbox]:checked~.check:after{background-color:#0f9d58}.checkbox-primary input[type=checkbox]:checked~.check:after{background-color:#4285f4}.checkbox-success input[type=checkbox]:checked~.check:after{background-color:#0f9d58}.checkbox-info input[type=checkbox]:checked~.check:after{background-color:#03a9f4}.checkbox-warning input[type=checkbox]:checked~.check:after{background-color:#ff5722}.checkbox-danger input[type=checkbox]:checked~.check:after,.checkbox-material-red input[type=checkbox]:checked~.check:after{background-color:#f44336}.checkbox-material-pink input[type=checkbox]:checked~.check:after{background-color:#e91e63}.checkbox-material-purple input[type=checkbox]:checked~.check:after{background-color:#9c27b0}.checkbox-material-deeppurple input[type=checkbox]:checked~.check:after{background-color:#673ab7}.checkbox-material-indigo input[type=checkbox]:checked~.check:after{background-color:#3f51b5}.checkbox-material-lightblue input[type=checkbox]:checked~.check:after{background-color:#03a9f4}.checkbox-material-cyan input[type=checkbox]:checked~.check:after{background-color:#00bcd4}.checkbox-material-teal input[type=checkbox]:checked~.check:after{background-color:#009688}.checkbox-material-lightgreen input[type=checkbox]:checked~.check:after{background-color:#8bc34a}.checkbox-material-lime input[type=checkbox]:checked~.check:after{background-color:#cddc39}.checkbox-material-lightyellow input[type=checkbox]:checked~.check:after{background-color:#ffeb3b}.checkbox-material-orange input[type=checkbox]:checked~.check:after{background-color:#ff9800}.checkbox-material-deeporange input[type=checkbox]:checked~.check:after{background-color:#ff5722}.checkbox-material-grey input[type=checkbox]:checked~.check:after{background-color:#9e9e9e}.checkbox-material-bluegrey input[type=checkbox]:checked~.check:after{background-color:#607d8b}.checkbox-material-brown input[type=checkbox]:checked~.check:after{background-color:#795548}.checkbox-material-lightgrey input[type=checkbox]:checked~.check:after{background-color:#ececec}@-webkit-keyframes uncheck{0%{top:-3px;left:17px;width:10px;height:21px;border-color:transparent #0f9d58 #0f9d58 transparent;-webkit-transform:rotate(45deg);transform:rotate(45deg)}50%{top:14px;left:17px;width:4px;height:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:transparent #0f9d58 #0f9d58 transparent}51%{border-color:#5a5a5a}100%{top:1px;left:12px;width:18px;height:18px;-webkit-transform:rotate(0deg);transform:rotate(0deg);border-color:#5a5a5a}}@keyframes uncheck{0%{top:-3px;left:17px;width:10px;height:21px;border-color:transparent #0f9d58 #0f9d58 transparent;-webkit-transform:rotate(45deg);transform:rotate(45deg)}50%{top:14px;left:17px;width:4px;height:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:transparent #0f9d58 #0f9d58 transparent}51%{border-color:#5a5a5a}100%{top:1px;left:12px;width:18px;height:18px;-webkit-transform:rotate(0deg);transform:rotate(0deg);border-color:#5a5a5a}}@-webkit-keyframes check{100%{top:-3px;left:17px;width:10px;height:21px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:transparent #0f9d58 #0f9d58 transparent}51%{border-left:transparent;border-top-color:transparent}50%{top:14px;left:17px;width:4px;height:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:#5a5a5a}0%{top:1px;left:12px;width:18px;height:18px;-webkit-transform:rotate(0deg);transform:rotate(0deg);border-color:#5a5a5a}}@keyframes check{100%{top:-3px;left:17px;width:10px;height:21px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:transparent #0f9d58 #0f9d58 transparent}51%{border-left:transparent;border-top-color:transparent}50%{top:14px;left:17px;width:4px;height:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:#5a5a5a}0%{top:1px;left:12px;width:18px;height:18px;-webkit-transform:rotate(0deg);transform:rotate(0deg);border-color:#5a5a5a}}@-webkit-keyframes rippleOn{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}@keyframes rippleOn{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}@-webkit-keyframes rippleOff{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}@keyframes rippleOff{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}.form-horizontal .radio{margin-bottom:10px}.radio label{cursor:pointer;padding-left:45px;position:relative}.radio label span{display:block;position:absolute;left:10px;top:2px;-webkit-transition-duration:.2s;transition-duration:.2s}.radio label .circle{border:2px solid rgba(0,0,0,.84);height:15px;width:15px;border-radius:100%}.radio label .check{height:15px;width:15px;border-radius:100%;background-color:rgba(0,0,0,.84);-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.radio label .check:after{display:block;position:absolute;content:"";background-color:rgba(0,0,0,.84);left:-18px;top:-18px;height:50px;width:50px;border-radius:100%;z-index:1;opacity:0;margin:0;-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5)}.radio label input[type=radio]:not(:checked)~.check:after{-webkit-animation:rippleOff 500ms;animation:rippleOff 500ms}.radio label input[type=radio]:checked~.check:after{-webkit-animation:rippleOn 500ms;animation:rippleOn 500ms}.radio input[type=radio]:checked~.check,.radio-default input[type=radio]:checked~.check{background-color:rgba(0,0,0,.84)}.radio-primary input[type=radio]:checked~.check{background-color:#4285f4}.radio-success input[type=radio]:checked~.check{background-color:#0f9d58}.radio-info input[type=radio]:checked~.check{background-color:#03a9f4}.radio-warning input[type=radio]:checked~.check{background-color:#ff5722}.radio-danger input[type=radio]:checked~.check,.radio-material-red input[type=radio]:checked~.check{background-color:#f44336}.radio-material-pink input[type=radio]:checked~.check{background-color:#e91e63}.radio-material-purple input[type=radio]:checked~.check{background-color:#9c27b0}.radio-material-deeppurple input[type=radio]:checked~.check{background-color:#673ab7}.radio-material-indigo input[type=radio]:checked~.check{background-color:#3f51b5}.radio-material-lightblue input[type=radio]:checked~.check{background-color:#03a9f4}.radio-material-cyan input[type=radio]:checked~.check{background-color:#00bcd4}.radio-material-teal input[type=radio]:checked~.check{background-color:#009688}.radio-material-lightgreen input[type=radio]:checked~.check{background-color:#8bc34a}.radio-material-lime input[type=radio]:checked~.check{background-color:#cddc39}.radio-material-lightyellow input[type=radio]:checked~.check{background-color:#ffeb3b}.radio-material-orange input[type=radio]:checked~.check{background-color:#ff9800}.radio-material-deeporange input[type=radio]:checked~.check{background-color:#ff5722}.radio-material-grey input[type=radio]:checked~.check{background-color:#9e9e9e}.radio-material-bluegrey input[type=radio]:checked~.check{background-color:#607d8b}.radio-material-brown input[type=radio]:checked~.check{background-color:#795548}.radio-material-lightgrey input[type=radio]:checked~.check{background-color:#ececec}.radio input[type=radio]:checked~.circle,.radio-default input[type=radio]:checked~.circle{border-color:rgba(0,0,0,.84)}.radio-primary input[type=radio]:checked~.circle{border-color:#4285f4}.radio-success input[type=radio]:checked~.circle{border-color:#0f9d58}.radio-info input[type=radio]:checked~.circle{border-color:#03a9f4}.radio-warning input[type=radio]:checked~.circle{border-color:#ff5722}.radio-danger input[type=radio]:checked~.circle,.radio-material-red input[type=radio]:checked~.circle{border-color:#f44336}.radio-material-pink input[type=radio]:checked~.circle{border-color:#e91e63}.radio-material-purple input[type=radio]:checked~.circle{border-color:#9c27b0}.radio-material-deeppurple input[type=radio]:checked~.circle{border-color:#673ab7}.radio-material-indigo input[type=radio]:checked~.circle{border-color:#3f51b5}.radio-material-lightblue input[type=radio]:checked~.circle{border-color:#03a9f4}.radio-material-cyan input[type=radio]:checked~.circle{border-color:#00bcd4}.radio-material-teal input[type=radio]:checked~.circle{border-color:#009688}.radio-material-lightgreen input[type=radio]:checked~.circle{border-color:#8bc34a}.radio-material-lime input[type=radio]:checked~.circle{border-color:#cddc39}.radio-material-lightyellow input[type=radio]:checked~.circle{border-color:#ffeb3b}.radio-material-orange input[type=radio]:checked~.circle{border-color:#ff9800}.radio-material-deeporange input[type=radio]:checked~.circle{border-color:#ff5722}.radio-material-grey input[type=radio]:checked~.circle{border-color:#9e9e9e}.radio-material-bluegrey input[type=radio]:checked~.circle{border-color:#607d8b}.radio-material-brown input[type=radio]:checked~.circle{border-color:#795548}.radio-material-lightgrey input[type=radio]:checked~.circle{border-color:#ececec}.radio input[type=radio][disabled]~.check,.radio input[type=radio][disabled]~.circle{opacity:.5}.radio input[type=radio]{display:none}.radio input[type=radio]:checked~.check{-webkit-transform:scale(0.55);-ms-transform:scale(0.55);transform:scale(0.55)}.radio input[type=radio][disabled]~.circle{border-color:rgba(0,0,0,.84)}.radio input[type=radio][disabled]~.check{background-color:rgba(0,0,0,.84)}@keyframes rippleOn{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}@keyframes rippleOff{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}.form-control,.form-control-wrapper .form-control,.form-control-wrapper .form-control.focus,.form-control-wrapper .form-control:focus,.form-control.focus,.form-control:focus,fieldset[disabled] .form-control,fieldset[disabled] .form-control.focus,fieldset[disabled] .form-control:focus{padding:0;float:none;border:0;box-shadow:none;border-radius:0;background:0 0;border-bottom:1px solid #757575}.form-control-wrapper .form-control.focus:not(textarea):not(select),.form-control-wrapper .form-control:focus:not(textarea):not(select),.form-control-wrapper .form-control:not(textarea):not(select),.form-control.focus:not(textarea):not(select),.form-control:focus:not(textarea):not(select),.form-control:not(textarea):not(select),fieldset[disabled] .form-control.focus:not(textarea):not(select),fieldset[disabled] .form-control:focus:not(textarea):not(select),fieldset[disabled] .form-control:not(textarea):not(select){height:28px}.form-control-wrapper .form-control.focus:disabled,.form-control-wrapper .form-control:disabled,.form-control-wrapper .form-control:focus:disabled,.form-control.focus:disabled,.form-control:disabled,.form-control:focus:disabled,fieldset[disabled] .form-control.focus:disabled,fieldset[disabled] .form-control:disabled,fieldset[disabled] .form-control:focus:disabled{border-style:dashed}select.form-control{height:23px}select[multiple].form-control,select[multiple].form-control.focus,select[multiple].form-control:focus{height:85px}.form-control-wrapper{position:relative}.form-control-wrapper .form-control.focus,.form-control-wrapper .form-control:focus{outline:0}.form-control-wrapper .floating-label{color:#7E7E7E;font-size:14px;position:absolute;pointer-events:none;left:0;top:5px;-webkit-transition:.2s ease all;transition:.2s ease all;opacity:0}.form-control-wrapper .form-control:not(.empty)~.floating-label{top:-10px;font-size:10px;opacity:1}.form-control-wrapper .form-control.focus:invalid~.floating-label,.form-control-wrapper .form-control:focus:invalid~.floating-label{color:#f44336}.form-control-wrapper .form-control.focus~.material-input:after,.form-control-wrapper .form-control:focus~.material-input:after{background-color:#5264ae}.form-control-wrapper .form-control.focus:invalid~.material-input:after,.form-control-wrapper .form-control.focus:invalid~.material-input:before,.form-control-wrapper .form-control:focus:invalid~.material-input:after,.form-control-wrapper .form-control:focus:invalid~.material-input:before{background-color:#f44336}.form-control-wrapper .form-control.empty~.floating-label{opacity:1}.form-control-wrapper .material-input:before{position:absolute;content:"";width:100%;left:0;height:2px;background-color:#5264ae;bottom:-1px;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform 0s;transition:transform 0s}.form-control-wrapper .form-control.focus~.material-input:before,.form-control-wrapper .form-control:focus~.material-input:before{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);-webkit-transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out}.form-control-wrapper .material-input:after{content:"";position:absolute;height:18px;width:100px;margin-top:-1px;top:7px;left:0;pointer-events:none;opacity:.9;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}.form-control-wrapper .input-lg~.material-input:after{height:26px}.form-control-wrapper textarea{resize:none}.form-control-wrapper textarea~.form-control-highlight{margin-top:-11px}.form-control-wrapper .form-control.focus~.material-input:after,.form-control-wrapper .form-control:focus~.material-input:after{-webkit-animation:input-highlight .3s ease;animation:input-highlight .3s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}.form-control-wrapper select~.material-input:after{display:none}.form-group.has-warning .material-input:before,.form-group.has-warning input.form-control.focus~.material-input:after,.form-group.has-warning input.form-control:focus~.material-input:after{background:#ff5722}.form-group.has-warning .control-label,.form-group.has-warning input.form-control:not(.empty)~.floating-label{color:#ff5722}.form-group.has-error .material-input:before,.form-group.has-error input.form-control.focus~.material-input:after,.form-group.has-error input.form-control:focus~.material-input:after{background:#f44336}.form-group.has-error .control-label,.form-group.has-error input.form-control:not(.empty)~.floating-label{color:#f44336}.form-group.has-success .material-input:before,.form-group.has-success input.form-control.focus~.material-input:after,.form-group.has-success input.form-control:focus~.material-input:after{background:#0f9d58}.form-group.has-success .control-label,.form-group.has-success input.form-control:not(.empty)~.floating-label{color:#0f9d58}.form-group.has-info .material-input:before,.form-group.has-info input.form-control.focus~.material-input:after,.form-group.has-info input.form-control:focus~.material-input:after{background:#03a9f4}.form-group.has-info .control-label,.form-group.has-info input.form-control:not(.empty)~.floating-label{color:#03a9f4}.form-group .material-input:before,.form-group-default .material-input:before{background-color:#3f51b5}.form-group-primary .material-input:before{background-color:#4285f4}.form-group-success .material-input:before{background-color:#0f9d58}.form-group-info .material-input:before{background-color:#03a9f4}.form-group-warning .material-input:before{background-color:#ff5722}.form-group-danger .material-input:before,.form-group-material-red .material-input:before{background-color:#f44336}.form-group-material-pink .material-input:before{background-color:#e91e63}.form-group-material-purple .material-input:before{background-color:#9c27b0}.form-group-material-deeppurple .material-input:before{background-color:#673ab7}.form-group-material-indigo .material-input:before{background-color:#3f51b5}.form-group-material-lightblue .material-input:before{background-color:#03a9f4}.form-group-material-cyan .material-input:before{background-color:#00bcd4}.form-group-material-teal .material-input:before{background-color:#009688}.form-group-material-lightgreen .material-input:before{background-color:#8bc34a}.form-group-material-lime .material-input:before{background-color:#cddc39}.form-group-material-lightyellow .material-input:before{background-color:#ffeb3b}.form-group-material-orange .material-input:before{background-color:#ff9800}.form-group-material-deeporange .material-input:before{background-color:#ff5722}.form-group-material-grey .material-input:before{background-color:#9e9e9e}.form-group-material-bluegrey .material-input:before{background-color:#607d8b}.form-group-material-brown .material-input:before{background-color:#795548}.form-group-material-lightgrey .material-input:before{background-color:#ececec}.form-group input.form-control:focus~.material-input:after,.form-group-default input.form-control:focus~.material-input:after{background-color:#3f51b5}.form-group-primary input.form-control:focus~.material-input:after{background-color:#4285f4}.form-group-success input.form-control:focus~.material-input:after{background-color:#0f9d58}.form-group-info input.form-control:focus~.material-input:after{background-color:#03a9f4}.form-group-warning input.form-control:focus~.material-input:after{background-color:#ff5722}.form-group-danger input.form-control:focus~.material-input:after,.form-group-material-red input.form-control:focus~.material-input:after{background-color:#f44336}.form-group-material-pink input.form-control:focus~.material-input:after{background-color:#e91e63}.form-group-material-purple input.form-control:focus~.material-input:after{background-color:#9c27b0}.form-group-material-deeppurple input.form-control:focus~.material-input:after{background-color:#673ab7}.form-group-material-indigo input.form-control:focus~.material-input:after{background-color:#3f51b5}.form-group-material-lightblue input.form-control:focus~.material-input:after{background-color:#03a9f4}.form-group-material-cyan input.form-control:focus~.material-input:after{background-color:#00bcd4}.form-group-material-teal input.form-control:focus~.material-input:after{background-color:#009688}.form-group-material-lightgreen input.form-control:focus~.material-input:after{background-color:#8bc34a}.form-group-material-lime input.form-control:focus~.material-input:after{background-color:#cddc39}.form-group-material-lightyellow input.form-control:focus~.material-input:after{background-color:#ffeb3b}.form-group-material-orange input.form-control:focus~.material-input:after{background-color:#ff9800}.form-group-material-deeporange input.form-control:focus~.material-input:after{background-color:#ff5722}.form-group-material-grey input.form-control:focus~.material-input:after{background-color:#9e9e9e}.form-group-material-bluegrey input.form-control:focus~.material-input:after{background-color:#607d8b}.form-group-material-brown input.form-control:focus~.material-input:after{background-color:#795548}.form-group-material-lightgrey input.form-control:focus~.material-input:after{background-color:#ececec}.form-group input.form-control.focus~.material-input:after,.form-group-default input.form-control.focus~.material-input:after{background-color:#3f51b5}.form-group-primary input.form-control.focus~.material-input:after{background-color:#4285f4}.form-group-success input.form-control.focus~.material-input:after{background-color:#0f9d58}.form-group-info input.form-control.focus~.material-input:after{background-color:#03a9f4}.form-group-warning input.form-control.focus~.material-input:after{background-color:#ff5722}.form-group-danger input.form-control.focus~.material-input:after,.form-group-material-red input.form-control.focus~.material-input:after{background-color:#f44336}.form-group-material-pink input.form-control.focus~.material-input:after{background-color:#e91e63}.form-group-material-purple input.form-control.focus~.material-input:after{background-color:#9c27b0}.form-group-material-deeppurple input.form-control.focus~.material-input:after{background-color:#673ab7}.form-group-material-indigo input.form-control.focus~.material-input:after{background-color:#3f51b5}.form-group-material-lightblue input.form-control.focus~.material-input:after{background-color:#03a9f4}.form-group-material-cyan input.form-control.focus~.material-input:after{background-color:#00bcd4}.form-group-material-teal input.form-control.focus~.material-input:after{background-color:#009688}.form-group-material-lightgreen input.form-control.focus~.material-input:after{background-color:#8bc34a}.form-group-material-lime input.form-control.focus~.material-input:after{background-color:#cddc39}.form-group-material-lightyellow input.form-control.focus~.material-input:after{background-color:#ffeb3b}.form-group-material-orange input.form-control.focus~.material-input:after{background-color:#ff9800}.form-group-material-deeporange input.form-control.focus~.material-input:after{background-color:#ff5722}.form-group-material-grey input.form-control.focus~.material-input:after{background-color:#9e9e9e}.form-group-material-bluegrey input.form-control.focus~.material-input:after{background-color:#607d8b}.form-group-material-brown input.form-control.focus~.material-input:after{background-color:#795548}.form-group-material-lightgrey input.form-control.focus~.material-input:after{background-color:#ececec}.form-group .control-label,.form-group-default .control-label{color:rgba(0,0,0,.84)}.form-group-primary .control-label{color:#4285f4}.form-group-success .control-label{color:#0f9d58}.form-group-info .control-label{color:#03a9f4}.form-group-warning .control-label{color:#ff5722}.form-group-danger .control-label,.form-group-material-red .control-label{color:#f44336}.form-group-material-pink .control-label{color:#e91e63}.form-group-material-purple .control-label{color:#9c27b0}.form-group-material-deeppurple .control-label{color:#673ab7}.form-group-material-indigo .control-label{color:#3f51b5}.form-group-material-lightblue .control-label{color:#03a9f4}.form-group-material-cyan .control-label{color:#00bcd4}.form-group-material-teal .control-label{color:#009688}.form-group-material-lightgreen .control-label{color:#8bc34a}.form-group-material-lime .control-label{color:#cddc39}.form-group-material-lightyellow .control-label{color:#ffeb3b}.form-group-material-orange .control-label{color:#ff9800}.form-group-material-deeporange .control-label{color:#ff5722}.form-group-material-grey .control-label{color:#9e9e9e}.form-group-material-bluegrey .control-label{color:#607d8b}.form-group-material-brown .control-label{color:#795548}.form-group-material-lightgrey .control-label{color:#ececec}.form-group input.form-control:not(.empty)~.floating-label,.form-group-default input.form-control:not(.empty)~.floating-label{color:#3f51b5}.form-group-primary input.form-control:not(.empty)~.floating-label{color:#4285f4}.form-group-success input.form-control:not(.empty)~.floating-label{color:#0f9d58}.form-group-info input.form-control:not(.empty)~.floating-label{color:#03a9f4}.form-group-warning input.form-control:not(.empty)~.floating-label{color:#ff5722}.form-group-danger input.form-control:not(.empty)~.floating-label,.form-group-material-red input.form-control:not(.empty)~.floating-label{color:#f44336}.form-group-material-pink input.form-control:not(.empty)~.floating-label{color:#e91e63}.form-group-material-purple input.form-control:not(.empty)~.floating-label{color:#9c27b0}.form-group-material-deeppurple input.form-control:not(.empty)~.floating-label{color:#673ab7}.form-group-material-indigo input.form-control:not(.empty)~.floating-label{color:#3f51b5}.form-group-material-lightblue input.form-control:not(.empty)~.floating-label{color:#03a9f4}.form-group-material-cyan input.form-control:not(.empty)~.floating-label{color:#00bcd4}.form-group-material-teal input.form-control:not(.empty)~.floating-label{color:#009688}.form-group-material-lightgreen input.form-control:not(.empty)~.floating-label{color:#8bc34a}.form-group-material-lime input.form-control:not(.empty)~.floating-label{color:#cddc39}.form-group-material-lightyellow input.form-control:not(.empty)~.floating-label{color:#ffeb3b}.form-group-material-orange input.form-control:not(.empty)~.floating-label{color:#ff9800}.form-group-material-deeporange input.form-control:not(.empty)~.floating-label{color:#ff5722}.form-group-material-grey input.form-control:not(.empty)~.floating-label{color:#9e9e9e}.form-group-material-bluegrey input.form-control:not(.empty)~.floating-label{color:#607d8b}.form-group-material-brown input.form-control:not(.empty)~.floating-label{color:#795548}.form-group-material-lightgrey input.form-control:not(.empty)~.floating-label{color:#ececec}.input-group .form-control-wrapper{margin-right:5px;margin-left:5px;bottom:-10px}.input-group .form-control-wrapper .form-control{float:none}.input-group .input-group-addon{border:0}.input-group .input-group-btn .btn{border-radius:4px}select.form-control{border:0;box-shadow:none;border-bottom:1px solid #757575;border-radius:0}select.form-control.focus,select.form-control:focus{box-shadow:none;border-color:#757575}@keyframes input-highlight{0%{left:20%;-webkit-transform:scaleX(20%);transform:scaleX(20%)}99%{-webkit-transform:scaleX(0);transform:scaleX(0);left:0;opacity:1}100%{opacity:0}}.form-control-wrapper input[type=file]{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:100}legend{border-bottom:0}.modal-content{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);border-radius:0;border:0}.modal-content .modal-header{border-bottom:0}.modal-content .modal-footer{border-top:0}.modal-content .modal-footer .btn+.btn{margin-bottom:10px}.list-group{border-radius:0}.list-group .list-group-item{background-color:transparent;overflow:hidden;border:0;border-radius:0;padding:0 16px}.list-group .list-group-item .row-action-primary,.list-group .list-group-item .row-picture{float:left;display:inline-block;padding-right:16px}.list-group .list-group-item .row-action-primary i,.list-group .list-group-item .row-action-primary img,.list-group .list-group-item .row-action-primary label,.list-group .list-group-item .row-picture i,.list-group .list-group-item .row-picture img,.list-group .list-group-item .row-picture label{display:block;width:56px;height:56px}.list-group .list-group-item .row-action-primary img,.list-group .list-group-item .row-picture img{background:rgba(0,0,0,.1);padding:1px}.list-group .list-group-item .row-action-primary img.circle,.list-group .list-group-item .row-picture img.circle{border-radius:100%}.list-group .list-group-item .row-action-primary i,.list-group .list-group-item .row-picture i{background:rgba(0,0,0,.25);border-radius:100%;text-align:center;line-height:56px;font-size:20px;color:#fff}.list-group .list-group-item .row-action-primary label,.list-group .list-group-item .row-picture label{margin:5px -7px -5px 7px}.list-group .list-group-item .row-content{display:inline-block;width:calc(100% - 92px);min-height:66px}.list-group .list-group-item .row-content .action-secondary{position:absolute;right:16px;top:16px}.list-group .list-group-item .row-content .action-secondary i{font-size:20px;color:rgba(0,0,0,.25);cursor:pointer}.list-group .list-group-item .row-content .action-secondary~*{max-width:calc(100% - 30px)}.list-group .list-group-item .row-content .least-content{position:absolute;right:16px;top:0;color:rgba(0,0,0,.54);font-size:14px}.list-group .list-group-item .list-group-item-heading{color:rgba(0,0,0,.77);font-size:20px;line-height:29px}.list-group .list-group-separator{clear:both;overflow:hidden;margin-top:10px;margin-bottom:10px}.list-group .list-group-separator:before{content:"";width:calc(100% - 90px);border-bottom:1px solid rgba(0,0,0,.1);float:right}.navbar{border:0;border-radius:0}.navbar .navbar-brand{position:relative;height:60px;line-height:30px;color:rgba(255,255,255,.84)}.navbar .navbar-brand:focus,.navbar .navbar-brand:hover{color:rgba(255,255,255,.84);background-color:transparent}.navbar .navbar-text{color:rgba(255,255,255,.84);margin-top:20px;margin-bottom:20px}.navbar .navbar-nav>li>a{color:rgba(255,255,255,.84);padding-top:20px;padding-bottom:20px}.navbar .navbar-nav>li>a:focus,.navbar .navbar-nav>li>a:hover{color:rgba(255,255,255,.84);background-color:transparent}.navbar .navbar-nav>.active>a,.navbar .navbar-nav>.active>a:focus,.navbar .navbar-nav>.active>a:hover{color:rgba(255,255,255,.84);background-color:rgba(0,0,0,.05)}.navbar .navbar-nav>.disabled>a,.navbar .navbar-nav>.disabled>a:focus,.navbar .navbar-nav>.disabled>a:hover{color:#e5e5e5;background-color:transparent}.navbar .navbar-toggle{margin-top:13px;border-color:transparent}.navbar .navbar-toggle:focus,.navbar .navbar-toggle:hover{background-color:transparent}.navbar .navbar-toggle .icon-bar{background-color:rgba(255,255,255,.84)}.navbar .navbar-default .navbar-toggle,.navbar .navbar-inverse .navbar-toggle{border-color:transparent}.navbar .navbar-collapse,.navbar .navbar-form{border-color:rgba(0,0,0,.1)}.navbar .navbar-nav>.open>a,.navbar .navbar-nav>.open>a:focus,.navbar .navbar-nav>.open>a:hover{background-color:rgba(0,0,0,.05);color:rgba(255,255,255,.84)}@media (max-width:767px){.navbar .navbar-nav .open .dropdown-menu>.dropdown-header{border:0;color:rgba(212,212,212,.84)}.navbar .navbar-nav .open .dropdown-menu .divider{background-color:rgba(255,255,255,.84)}.navbar .navbar-nav .open .dropdown-menu>li>a{color:rgba(255,255,255,.84)}.navbar .navbar-nav .open .dropdown-menu>li>a:focus,.navbar .navbar-nav .open .dropdown-menu>li>a:hover{color:rgba(255,255,255,.84);background-color:transparent}.navbar .navbar-nav .open .dropdown-menu>.active>a,.navbar .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar .navbar-nav .open .dropdown-menu>.active>a:hover{color:rgba(255,255,255,.84);background-color:rgba(0,0,0,.05)}.navbar .navbar-nav .open .dropdown-menu>.disabled>a,.navbar .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#e5e5e5;background-color:transparent}}.navbar .btn-link,.navbar .btn-link:focus,.navbar .btn-link:hover,.navbar .navbar-link,.navbar .navbar-link:hover{color:rgba(255,255,255,.84)}.navbar .btn-link[disabled]:focus,.navbar .btn-link[disabled]:hover,fieldset[disabled] .navbar .btn-link:focus,fieldset[disabled] .navbar .btn-link:hover{color:#e5e5e5}.navbar .navbar-form{margin-top:16px}.navbar .navbar-form .form-control,.navbar .navbar-form .form-control-wrapper .form-control{border-color:rgba(255,255,255,.84);color:rgba(255,255,255,.84)}.navbar .navbar-form .form-control-wrapper .material-input:before,.navbar .navbar-form .form-control-wrapper input:focus~.material-input:after{background-color:rgba(255,255,255,.84)}.navbar .navbar-form ::-webkit-input-placeholder{color:rgba(255,255,255,.84)}.navbar .navbar-form :-moz-placeholder{color:rgba(255,255,255,.84)}.navbar .navbar-form ::-moz-placeholder{color:rgba(255,255,255,.84)}.navbar .navbar-form :-ms-input-placeholder{color:rgba(255,255,255,.84)}.navbar,.navbar-default,.navbar-primary{background-color:#4285f4}.navbar-success{background-color:#0f9d58}.navbar-info{background-color:#03a9f4}.navbar-warning{background-color:#ff5722}.navbar-danger,.navbar-material-red{background-color:#f44336}.navbar-material-pink{background-color:#e91e63}.navbar-material-purple{background-color:#9c27b0}.navbar-material-deeppurple{background-color:#673ab7}.navbar-material-indigo{background-color:#3f51b5}.navbar-material-lightblue{background-color:#03a9f4}.navbar-material-cyan{background-color:#00bcd4}.navbar-material-teal{background-color:#009688}.navbar-material-lightgreen{background-color:#8bc34a}.navbar-material-lime{background-color:#cddc39}.navbar-material-lightyellow{background-color:#ffeb3b}.navbar-material-orange{background-color:#ff9800}.navbar-material-deeporange{background-color:#ff5722}.navbar-material-grey{background-color:#9e9e9e}.navbar-material-bluegrey{background-color:#607d8b}.navbar-material-brown{background-color:#795548}.navbar-material-lightgrey{background-color:#ececec}.navbar-inverse{background-color:#3f51b5}.navbar-material-white{background-color:#FFF}.navbar-material-white .navbar-brand,.navbar-material-white .navbar-brand:focus,.navbar-material-white .navbar-brand:hover,.navbar-material-white .navbar-nav>li>a{color:rgba(0,0,0,.84)}.navbar-material-white .navbar-nav>li>a:focus,.navbar-material-white .navbar-nav>li>a:hover{color:rgba(0,0,0,.84);background-color:transparent}.navbar-material-white .navbar-nav>.active>a,.navbar-material-white .navbar-nav>.active>a:focus,.navbar-material-white .navbar-nav>.active>a:hover{color:rgba(0,0,0,.84);background-color:rgba(0,0,0,.05)}.navbar-material-white .navbar-nav>.disabled>a,.navbar-material-white .navbar-nav>.disabled>a:focus,.navbar-material-white .navbar-nav>.disabled>a:hover{color:rgba(0,0,0,.84);background-color:transparent}.navbar-material-white .navbar-nav>.open>a,.navbar-material-white .navbar-nav>.open>a:focus,.navbar-material-white .navbar-nav>.open>a:hover{background-color:rgba(0,0,0,.05);color:rgba(0,0,0,.84)}@media (max-width:1199px){.navbar .navbar-brand{height:50px;padding:10px 15px}.navbar .navbar-form{margin-top:10px}.navbar .navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.dropdown-menu{border:0;box-shadow:0 2px 5px 0 rgba(0,0,0,.26)}.dropdown-menu .divider{background-color:rgba(229,229,229,.12)}.dropdown-menu li{overflow:hidden;position:relative}.dropdown-menu li a:hover{background:rgba(0,0,0,.08)}.alert{border:0;border-radius:0}.alert .alert-link,.alert a{color:#FFF}.alert,.alert-default{background-color:#fff}.alert-primary{background-color:#4285f4}.alert-success{background-color:#0f9d58}.alert-info{background-color:#03a9f4}.alert-warning{background-color:#ff5722}.alert-danger,.alert-material-red{background-color:#f44336}.alert-material-pink{background-color:#e91e63}.alert-material-purple{background-color:#9c27b0}.alert-material-deeppurple{background-color:#673ab7}.alert-material-indigo{background-color:#3f51b5}.alert-material-lightblue{background-color:#03a9f4}.alert-material-cyan{background-color:#00bcd4}.alert-material-teal{background-color:#009688}.alert-material-lightgreen{background-color:#8bc34a}.alert-material-lime{background-color:#cddc39}.alert-material-lightyellow{background-color:#ffeb3b}.alert-material-orange{background-color:#ff9800}.alert-material-deeporange{background-color:#ff5722}.alert-material-grey{background-color:#9e9e9e}.alert-material-bluegrey{background-color:#607d8b}.alert-material-brown{background-color:#795548}.alert-material-lightgrey{background-color:#ececec}.alert-danger,.alert-info,.alert-success,.alert-warning{color:#FFF}.alert-default .alert-link,.alert-default a{color:#000}.progress{height:4px;border-radius:0;box-shadow:none;background:#c8c8c8}.progress .progress-bar{box-shadow:none}.progress .progress-bar,.progress .progress-bar-default,.progress .progress-bar-primary{background-color:#4285f4}.progress .progress-bar-success{background-color:#0f9d58}.progress .progress-bar-info{background-color:#03a9f4}.progress .progress-bar-warning{background-color:#ff5722}.progress .progress-bar-danger,.progress .progress-bar-material-red{background-color:#f44336}.progress .progress-bar-material-pink{background-color:#e91e63}.progress .progress-bar-material-purple{background-color:#9c27b0}.progress .progress-bar-material-deeppurple{background-color:#673ab7}.progress .progress-bar-material-indigo{background-color:#3f51b5}.progress .progress-bar-material-lightblue{background-color:#03a9f4}.progress .progress-bar-material-cyan{background-color:#00bcd4}.progress .progress-bar-material-teal{background-color:#009688}.progress .progress-bar-material-lightgreen{background-color:#8bc34a}.progress .progress-bar-material-lime{background-color:#cddc39}.progress .progress-bar-material-lightyellow{background-color:#ffeb3b}.progress .progress-bar-material-orange{background-color:#ff9800}.progress .progress-bar-material-deeporange{background-color:#ff5722}.progress .progress-bar-material-grey{background-color:#9e9e9e}.progress .progress-bar-material-bluegrey{background-color:#607d8b}.progress .progress-bar-material-brown{background-color:#795548}.progress .progress-bar-material-lightgrey{background-color:#ececec}.text-warning{color:#ff5722}.text-primary{color:#4285f4}.text-danger{color:#f44336}.text-success{color:#0f9d58}.text-info{color:#03a9f4}.nav-tabs{background:#4285f4}.nav-tabs>li>a{color:#FFF;border:0;margin:0}.nav-tabs>li>a:hover{background:0 0;border:0}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.open>a,.nav-tabs>li.open>a:hover{background:0 0!important;border:0!important;color:#FFF!important;font-weight:500}.nav-tabs>li.disabled>a,.nav-tabs>li.disabled>a:hover{color:rgba(255,255,255,.5)}.popover,.tooltip-inner{background:#323232;color:#FFF;border-radius:2px}.tooltip,.tooltip.in{opacity:1}.popover.left .arrow:after,.popover.left .tooltip-arrow,.tooltip.left .arrow:after,.tooltip.left .tooltip-arrow{border-left-color:#323232}.popover.right .arrow:after,.popover.right .tooltip-arrow,.tooltip.right .arrow:after,.tooltip.right .tooltip-arrow{border-right-color:#323232}.popover.top .arrow:after,.popover.top .tooltip-arrow,.tooltip.top .arrow:after,.tooltip.top .tooltip-arrow{border-top-color:#323232}.popover.bottom .arrow:after,.popover.bottom .tooltip-arrow,.tooltip.bottom .arrow:after,.tooltip.bottom .tooltip-arrow{border-bottom-color:#323232}.icon,.icon-default{color:rgba(0,0,0,.84)}.icon-primary{color:#4285f4}.icon-success{color:#0f9d58}.icon-info{color:#03a9f4}.icon-warning{color:#ff5722}.icon-danger,.icon-material-red{color:#f44336}.icon-material-pink{color:#e91e63}.icon-material-purple{color:#9c27b0}.icon-material-deeppurple{color:#673ab7}.icon-material-indigo{color:#3f51b5}.icon-material-lightblue{color:#03a9f4}.icon-material-cyan{color:#00bcd4}.icon-material-teal{color:#009688}.icon-material-lightgreen{color:#8bc34a}.icon-material-lime{color:#cddc39}.icon-material-lightyellow{color:#ffeb3b}.icon-material-orange{color:#ff9800}.icon-material-deeporange{color:#ff5722}.icon-material-grey{color:#9e9e9e}.icon-material-bluegrey{color:#607d8b}.icon-material-brown{color:#795548}.icon-material-lightgrey{color:#ececec}.snackbar{background-color:#323232;color:rgba(255,255,255,.84);font-size:14px;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);height:0;-webkit-transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in,height 0 linear .2s,padding 0 linear .2s,height 0 linear .2s;transition:transform .2s ease-in-out,opacity .2s ease-in,height 0 linear .2s,padding 0 linear .2s,height 0 linear .2s;-webkit-transform:translateY(200%);-ms-transform:translateY(200%);transform:translateY(200%)}.snackbar.snackbar-opened{padding:14px 15px;margin-bottom:20px;height:auto;-webkit-transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in,height 0 linear .2s,height 0 linear .2s;transition:transform .2s ease-in-out,opacity .2s ease-in,height 0 linear .2s,height 0 linear .2s;-webkit-transform:none;-ms-transform:none;transform:none}.snackbar.toast{border-radius:200px}.noUi-target,.noUi-target *{-webkit-touch-callout:none;-ms-touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box}.noUi-base{width:100%;height:100%;position:relative}.noUi-origin{position:absolute;right:0;top:0;left:0;bottom:0}.noUi-handle{position:relative;z-index:1;box-sizing:border-box}.noUi-stacking .noUi-handle{z-index:10}.noUi-state-tap .noUi-origin{-webkit-transition:left .3s,top .3s;transition:left .3s,top .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal .noUi-handle{box-sizing:border-box;width:12px;height:12px;left:-10px;top:-5px}.noUi-horizontal.noUi-extended{padding:0 15px}.noUi-horizontal.noUi-extended .noUi-origin{right:-15px}.noUi-background{height:2px;margin:20px 0}.noUi-origin{margin:0;border-radius:0;height:2px;background:#c8c8c8}.noUi-origin[style^="left: 0"] .noUi-handle{background-color:#fff;border:2px solid #c8c8c8}.noUi-origin[style^="left: 0"] .noUi-handle.noUi-active{border-width:1px}.noUi-target{border-radius:2px}.noUi-handle{border-radius:100%;cursor:default;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;border:1px solid}.noUi-horizontal{height:2px;margin:15px 0}.noUi-horizontal .noUi-handle.noUi-active{-webkit-transform:scale(2.5);-ms-transform:scale(2.5);transform:scale(2.5)}[disabled].noUi-slider{opacity:.5}[disabled] .noUi-handle{cursor:not-allowed}.slider{background:#c8c8c8}.slider-default.noUi-connect,.slider-primary.noUi-connect,.slider.noUi-connect{background-color:#4285f4}.slider-success.noUi-connect{background-color:#0f9d58}.slider-info.noUi-connect{background-color:#03a9f4}.slider-warning.noUi-connect{background-color:#ff5722}.slider-danger.noUi-connect,.slider-material-red.noUi-connect{background-color:#f44336}.slider-material-pink.noUi-connect{background-color:#e91e63}.slider-material-purple.noUi-connect{background-color:#9c27b0}.slider-material-deeppurple.noUi-connect{background-color:#673ab7}.slider-material-indigo.noUi-connect{background-color:#3f51b5}.slider-material-lightblue.noUi-connect{background-color:#03a9f4}.slider-material-cyan.noUi-connect{background-color:#00bcd4}.slider-material-teal.noUi-connect{background-color:#009688}.slider-material-lightgreen.noUi-connect{background-color:#8bc34a}.slider-material-lime.noUi-connect{background-color:#cddc39}.slider-material-lightyellow.noUi-connect{background-color:#ffeb3b}.slider-material-orange.noUi-connect{background-color:#ff9800}.slider-material-deeporange.noUi-connect{background-color:#ff5722}.slider-material-grey.noUi-connect{background-color:#9e9e9e}.slider-material-bluegrey.noUi-connect{background-color:#607d8b}.slider-material-brown.noUi-connect{background-color:#795548}.slider-material-lightgrey.noUi-connect{background-color:#ececec}.slider .noUi-connect,.slider-default .noUi-connect,.slider-primary .noUi-connect{background-color:#4285f4}.slider-success .noUi-connect{background-color:#0f9d58}.slider-info .noUi-connect{background-color:#03a9f4}.slider-warning .noUi-connect{background-color:#ff5722}.slider-danger .noUi-connect,.slider-material-red .noUi-connect{background-color:#f44336}.slider-material-pink .noUi-connect{background-color:#e91e63}.slider-material-purple .noUi-connect{background-color:#9c27b0}.slider-material-deeppurple .noUi-connect{background-color:#673ab7}.slider-material-indigo .noUi-connect{background-color:#3f51b5}.slider-material-lightblue .noUi-connect{background-color:#03a9f4}.slider-material-cyan .noUi-connect{background-color:#00bcd4}.slider-material-teal .noUi-connect{background-color:#009688}.slider-material-lightgreen .noUi-connect{background-color:#8bc34a}.slider-material-lime .noUi-connect{background-color:#cddc39}.slider-material-lightyellow .noUi-connect{background-color:#ffeb3b}.slider-material-orange .noUi-connect{background-color:#ff9800}.slider-material-deeporange .noUi-connect{background-color:#ff5722}.slider-material-grey .noUi-connect{background-color:#9e9e9e}.slider-material-bluegrey .noUi-connect{background-color:#607d8b}.slider-material-brown .noUi-connect{background-color:#795548}.slider-material-lightgrey .noUi-connect{background-color:#ececec}.slider .noUi-handle,.slider-default .noUi-handle,.slider-primary .noUi-handle{background-color:#4285f4}.slider-success .noUi-handle{background-color:#0f9d58}.slider-info .noUi-handle{background-color:#03a9f4}.slider-warning .noUi-handle{background-color:#ff5722}.slider-danger .noUi-handle,.slider-material-red .noUi-handle{background-color:#f44336}.slider-material-pink .noUi-handle{background-color:#e91e63}.slider-material-purple .noUi-handle{background-color:#9c27b0}.slider-material-deeppurple .noUi-handle{background-color:#673ab7}.slider-material-indigo .noUi-handle{background-color:#3f51b5}.slider-material-lightblue .noUi-handle{background-color:#03a9f4}.slider-material-cyan .noUi-handle{background-color:#00bcd4}.slider-material-teal .noUi-handle{background-color:#009688}.slider-material-lightgreen .noUi-handle{background-color:#8bc34a}.slider-material-lime .noUi-handle{background-color:#cddc39}.slider-material-lightyellow .noUi-handle{background-color:#ffeb3b}.slider-material-orange .noUi-handle{background-color:#ff9800}.slider-material-deeporange .noUi-handle{background-color:#ff5722}.slider-material-grey .noUi-handle{background-color:#9e9e9e}.slider-material-bluegrey .noUi-handle{background-color:#607d8b}.slider-material-brown .noUi-handle{background-color:#795548}.slider-material-lightgrey .noUi-handle{background-color:#ececec}.slider .noUi-handle,.slider-default .noUi-handle,.slider-primary .noUi-handle{border-color:#4285f4}.slider-success .noUi-handle{border-color:#0f9d58}.slider-info .noUi-handle{border-color:#03a9f4}.slider-warning .noUi-handle{border-color:#ff5722}.slider-danger .noUi-handle,.slider-material-red .noUi-handle{border-color:#f44336}.slider-material-pink .noUi-handle{border-color:#e91e63}.slider-material-purple .noUi-handle{border-color:#9c27b0}.slider-material-deeppurple .noUi-handle{border-color:#673ab7}.slider-material-indigo .noUi-handle{border-color:#3f51b5}.slider-material-lightblue .noUi-handle{border-color:#03a9f4}.slider-material-cyan .noUi-handle{border-color:#00bcd4}.slider-material-teal .noUi-handle{border-color:#009688}.slider-material-lightgreen .noUi-handle{border-color:#8bc34a}.slider-material-lime .noUi-handle{border-color:#cddc39}.slider-material-lightyellow .noUi-handle{border-color:#ffeb3b}.slider-material-orange .noUi-handle{border-color:#ff9800}.slider-material-deeporange .noUi-handle{border-color:#ff5722}.slider-material-grey .noUi-handle{border-color:#9e9e9e}.slider-material-bluegrey .noUi-handle{border-color:#607d8b}.slider-material-brown .noUi-handle{border-color:#795548}.slider-material-lightgrey .noUi-handle{border-color:#ececec} \ No newline at end of file diff --git a/css-compiled/ripples.css b/css-compiled/ripples.css new file mode 100644 index 00000000..c0398792 --- /dev/null +++ b/css-compiled/ripples.css @@ -0,0 +1,40 @@ +.withripple { + position: relative; +} +.ripple-wrapper { + position: absolute; + top: 0; + left: 0; + z-index: 1; + width: 100%; + height: 100%; + overflow: hidden; + border-radius: 2px; +} +.ripple { + position: absolute; + width: 20px; + height: 20px; + margin-left: -10px; + margin-top: -10px; + border-radius: 100%; + background-color: rgba(0, 0, 0, 0.05); + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + -webkit-transform-origin: 50%; + -ms-transform-origin: 50%; + transform-origin: 50%; + opacity: 0; + pointer-events: none; +} +.ripple.ripple-on { + -webkit-transition: opacity 0.15s ease-in 0s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; + transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; + opacity: 1; +} +.ripple.ripple-out { + -webkit-transition: opacity 0.1s linear 0s !important; + transition: opacity 0.1s linear 0s !important; + opacity: 0; +} diff --git a/css-compiled/ripples.min.css b/css-compiled/ripples.min.css new file mode 100644 index 00000000..aca952b2 --- /dev/null +++ b/css-compiled/ripples.min.css @@ -0,0 +1 @@ +.withripple{position:relative}.ripple-wrapper{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;overflow:hidden;border-radius:2px}.ripple{position:absolute;width:20px;height:20px;margin-left:-10px;margin-top:-10px;border-radius:100%;background-color:rgba(0,0,0,.05);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;opacity:0;pointer-events:none}.ripple.ripple-on{-webkit-transition:opacity .15s ease-in 0s,-webkit-transform .5s cubic-bezier(0.4,0,.2,1) .1s;transition:opacity .15s ease-in 0s,transform .5s cubic-bezier(0.4,0,.2,1) .1s;opacity:1}.ripple.ripple-out{-webkit-transition:opacity .1s linear 0s!important;transition:opacity .1s linear 0s!important;opacity:0} \ No newline at end of file diff --git a/demo/imgs/download.png b/demo/imgs/download.png new file mode 100644 index 00000000..02938581 Binary files /dev/null and b/demo/imgs/download.png differ diff --git a/demo/imgs/gittip.png b/demo/imgs/gittip.png new file mode 100644 index 00000000..11f69286 Binary files /dev/null and b/demo/imgs/gittip.png differ diff --git a/demo/imgs/issue.png b/demo/imgs/issue.png new file mode 100644 index 00000000..1facf7e2 Binary files /dev/null and b/demo/imgs/issue.png differ diff --git a/gruntfile.js b/gruntfile.js new file mode 100644 index 00000000..723bfeb9 --- /dev/null +++ b/gruntfile.js @@ -0,0 +1,61 @@ +module.exports = function(grunt) { + + "use strict"; + + grunt.initConfig({ + + less: { + production: { + options: { + paths: ["less"] + }, + files: { + "css-compiled/material.css": "less/material.less", + "css-compiled/material-wfont.css": "less/material-wfont.less", + "css-compiled/ripples.css": "less/ripples.less" + } + } + }, + + autoprefixer: { + options: { + browsers: ["last 3 versions", "ie 8", "ie 9", "ie 10", "ie 11"] + }, + dist: { + files: { + "css-compiled/material.css": "css-compiled/material.css", + "css-compiled/material-wfont.css": "css-compiled/material-wfont.css", + "css-compiled/ripples.css": "css-compiled/ripples.css" + } + }, + }, + + cssmin: { + minify: { + expand: true, + cwd: "css-compiled/", + src: ["*.css", "!*.min.css"], + dest: "css-compiled/", + ext: ".min.css" + } + }, + + copy: { + css: { + src: "css-compiled/*.min.css", + dest: "template/material/" + }, + js: { + src: "scripts/*.js", + dest: "template/material/" + } + + } + + }); + grunt.loadNpmTasks("grunt-contrib-less"); + grunt.loadNpmTasks("grunt-autoprefixer"); + grunt.loadNpmTasks("grunt-contrib-cssmin"); + grunt.loadNpmTasks("grunt-contrib-copy"); + grunt.registerTask("default", ["less", "autoprefixer", "cssmin", "copy"]); +}; diff --git a/icons/LICENSE.txt b/icons/LICENSE.txt new file mode 100644 index 00000000..6f9c3cf2 --- /dev/null +++ b/icons/LICENSE.txt @@ -0,0 +1,27 @@ +// Copyright (c) 2014 The Polymer Authors. All rights reserved. +// +// Redistribution and use in source and binary forms, with or without +// modification, are permitted provided that the following conditions are +// met: +// +// * Redistributions of source code must retain the above copyright +// notice, this list of conditions and the following disclaimer. +// * Redistributions in binary form must reproduce the above +// copyright notice, this list of conditions and the following disclaimer +// in the documentation and/or other materials provided with the +// distribution. +// * Neither the name of Google Inc. nor the names of its +// contributors may be used to endorse or promote products derived from +// this software without specific prior written permission. +// +// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS +// "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT +// LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR +// A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT +// OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, +// SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT +// LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, +// DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY +// THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT +// (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE +// OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. \ No newline at end of file diff --git a/icons/fonts/Material-Design.eot b/icons/fonts/Material-Design.eot new file mode 100644 index 00000000..49485ecb Binary files /dev/null and b/icons/fonts/Material-Design.eot differ diff --git a/icons/fonts/Material-Design.svg b/icons/fonts/Material-Design.svg new file mode 100644 index 00000000..999b7a02 --- /dev/null +++ b/icons/fonts/Material-Design.svg @@ -0,0 +1,515 @@ + + + + + +{ + "fontFamily": "Material-Design", + "majorVersion": 1, + "minorVersion": 0, + "license": "BSD", + "version": "Version 1.0", + "fontId": "Material-Design", + "psName": "Material-Design", + "subFamily": "Regular", + "fullName": "Material-Design", + "description": "Font generated by IcoMoon." +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/icons/fonts/Material-Design.ttf b/icons/fonts/Material-Design.ttf new file mode 100644 index 00000000..d71ce135 Binary files /dev/null and b/icons/fonts/Material-Design.ttf differ diff --git a/icons/fonts/Material-Design.woff b/icons/fonts/Material-Design.woff new file mode 100644 index 00000000..dbcd7783 Binary files /dev/null and b/icons/fonts/Material-Design.woff differ diff --git a/icons/icons-material-design.css b/icons/icons-material-design.css new file mode 100644 index 00000000..49ef069d --- /dev/null +++ b/icons/icons-material-design.css @@ -0,0 +1,1499 @@ +@font-face { + font-family: 'Material-Design'; + src:url('fonts/Material-Design.eot?2u7a7w'); + src:url('fonts/Material-Design.eot?#iefix2u7a7w') format('embedded-opentype'), + url('fonts/Material-Design.woff?2u7a7w') format('woff'), + url('fonts/Material-Design.ttf?2u7a7w') format('truetype'), + url('fonts/Material-Design.svg?2u7a7w#Material-Design') format('svg'); + font-weight: normal; + font-style: normal; +} + +[class^="icon-material-"], [class*=" icon-material-"] { + font-family: 'Material-Design'; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-material-access-alarms:before { + content: "\e600"; +} +.icon-material-accessibility:before { + content: "\e601"; +} +.icon-material-access-time:before { + content: "\e602"; +} +.icon-material-account-box:before { + content: "\e603"; +} +.icon-material-account-circle:before { + content: "\e604"; +} +.icon-material-adb:before { + content: "\e605"; +} +.icon-material-add:before { + content: "\e606"; +} +.icon-material-add-alarm:before { + content: "\e607"; +} +.icon-material-add-box:before { + content: "\e608"; +} +.icon-material-add-circle:before { + content: "\e609"; +} +.icon-material-add-circle-outline:before { + content: "\e60a"; +} +.icon-material-airplanemode-off:before { + content: "\e60b"; +} +.icon-material-airplanemode-on:before { + content: "\e60c"; +} +.icon-material-android:before { + content: "\e60d"; +} +.icon-material-apps:before { + content: "\e60e"; +} +.icon-material-archive:before { + content: "\e60f"; +} +.icon-material-arrow-back:before { + content: "\e610"; +} +.icon-material-arrow-drop-down:before { + content: "\e611"; +} +.icon-material-arrow-drop-down-circle:before { + content: "\e612"; +} +.icon-material-arrow-drop-up:before { + content: "\e613"; +} +.icon-material-arrow-forward:before { + content: "\e614"; +} +.icon-material-attachment:before { + content: "\e615"; +} +.icon-material-auto-fix:before { + content: "\e616"; +} +.icon-material-backspace:before { + content: "\e617"; +} +.icon-material-backup:before { + content: "\e618"; +} +.icon-material-beenhere:before { + content: "\e619"; +} +.icon-material-block:before { + content: "\e61a"; +} +.icon-material-bluetooth2:before { + content: "\e61b"; +} +.icon-material-bluetooth:before { + content: "\e61c"; +} +.icon-material-bluetooth-audio:before { + content: "\e61d"; +} +.icon-material-bluetooth-connected2:before { + content: "\e61e"; +} +.icon-material-bluetooth-connected:before { + content: "\e61f"; +} +.icon-material-bluetooth-disabled:before { + content: "\e620"; +} +.icon-material-bluetooth-searching:before { + content: "\e621"; +} +.icon-material-book:before { + content: "\e622"; +} +.icon-material-bookmark:before { + content: "\e623"; +} +.icon-material-bookmark-outline:before { + content: "\e624"; +} +.icon-material-brightness-auto:before { + content: "\e625"; +} +.icon-material-brightness-high:before { + content: "\e626"; +} +.icon-material-brightness-low:before { + content: "\e627"; +} +.icon-material-brightness-medium:before { + content: "\e628"; +} +.icon-material-bug-report:before { + content: "\e629"; +} +.icon-material-cake:before { + content: "\e62a"; +} +.icon-material-call:before { + content: "\e62b"; +} +.icon-material-call-end:before { + content: "\e62c"; + font-size: 60%; +} +.icon-material-call-made:before { + content: "\e62d"; +} +.icon-material-call-merge:before { + content: "\e62e"; +} +.icon-material-call-missed:before { + content: "\e62f"; +} +.icon-material-call-received:before { + content: "\e630"; +} +.icon-material-call-split:before { + content: "\e631"; +} +.icon-material-camera:before { + content: "\e632"; +} +.icon-material-camera-alt:before { + content: "\e633"; +} +.icon-material-camera-roll:before { + content: "\e634"; +} +.icon-material-cancel:before { + content: "\e635"; +} +.icon-material-cast:before { + content: "\e636"; +} +.icon-material-cast-connected:before { + content: "\e637"; +} +.icon-material-chat:before { + content: "\e638"; +} +.icon-material-check:before { + content: "\e639"; +} +.icon-material-check-box:before { + content: "\e63a"; +} +.icon-material-check-box-blank:before { + content: "\e63b"; +} +.icon-material-check-box-outline:before { + content: "\e63c"; +} +.icon-material-check-box-outline-blank:before { + content: "\e63d"; +} +.icon-material-check-circle:before { + content: "\e63e"; +} +.icon-material-check-circle-blank:before { + content: "\e63f"; +} +.icon-material-check-circle-outline:before { + content: "\e640"; +} +.icon-material-check-circle-outline-blank:before { + content: "\e641"; +} +.icon-material-chevron-left:before { + content: "\e642"; +} +.icon-material-chevron-right:before { + content: "\e643"; +} +.icon-material-chromecast:before { + content: "\e644"; +} +.icon-material-circles:before { + content: "\e645"; +} +.icon-material-circles-add:before { + content: "\e646"; +} +.icon-material-circles-extended:before { + content: "\e647"; +} +.icon-material-clear:before { + content: "\e648"; +} +.icon-material-close:before { + content: "\e649"; +} +.icon-material-closed-caption:before { + content: "\e64a"; +} +.icon-material-cloud:before { + content: "\e64b"; +} +.icon-material-cloud-circle:before { + content: "\e64c"; +} +.icon-material-cloud-done:before { + content: "\e64d"; +} +.icon-material-cloud-download:before { + content: "\e64e"; +} +.icon-material-cloud-off:before { + content: "\e64f"; +} +.icon-material-cloud-queue:before { + content: "\e650"; +} +.icon-material-cloud-upload:before { + content: "\e651"; +} +.icon-material-comment:before { + content: "\e652"; +} +.icon-material-communities:before { + content: "\e653"; +} +.icon-material-content-copy:before { + content: "\e654"; +} +.icon-material-content-cut:before { + content: "\e655"; +} +.icon-material-content-paste:before { + content: "\e656"; +} +.icon-material-create:before { + content: "\e657"; +} +.icon-material-credit-card:before { + content: "\e658"; +} +.icon-material-crop:before { + content: "\e659"; +} +.icon-material-crop-free:before { + content: "\e65a"; +} +.icon-material-crop-landscape:before { + content: "\e65b"; +} +.icon-material-crop-portrait:before { + content: "\e65c"; +} +.icon-material-crop-square:before { + content: "\e65d"; +} +.icon-material-data-usage:before { + content: "\e65e"; +} +.icon-material-delete:before { + content: "\e65f"; +} +.icon-material-developer-mode:before { + content: "\e660"; +} +.icon-material-dialpad:before { + content: "\e661"; +} +.icon-material-directions:before { + content: "\e662"; +} +.icon-material-directions-bike:before { + content: "\e663"; +} +.icon-material-directions-bus:before { + content: "\e664"; +} +.icon-material-directions-car:before { + content: "\e665"; +} +.icon-material-directions-subway:before { + content: "\e666"; +} +.icon-material-directions-train:before { + content: "\e667"; +} +.icon-material-directions-transit:before { + content: "\e668"; +} +.icon-material-directionswalk:before { + content: "\e669"; +} +.icon-material-disc-full:before { + content: "\e66a"; +} +.icon-material-dock:before { + content: "\e66b"; +} +.icon-material-domain:before { + content: "\e66c"; +} +.icon-material-done:before { + content: "\e66d"; +} +.icon-material-done-all:before { + content: "\e66e"; +} +.icon-material-do-not-disturb:before { + content: "\e66f"; +} +.icon-material-drafts:before { + content: "\e670"; +} +.icon-material-drawer:before { + content: "\e671"; +} +.icon-material-drive:before { + content: "\e672"; +} +.icon-material-drive-document:before { + content: "\e673"; +} +.icon-material-drive-drawing:before { + content: "\e674"; +} +.icon-material-drive-eta:before { + content: "\e675"; +} +.icon-material-drive-file:before { + content: "\e676"; +} +.icon-material-drive-form:before { + content: "\e677"; +} +.icon-material-drive-fusiontable:before { + content: "\e678"; +} +.icon-material-drive-image:before { + content: "\e679"; +} +.icon-material-drive-ms-excel:before { + content: "\e67a"; +} +.icon-material-drive-ms-powerpoint:before { + content: "\e67b"; +} +.icon-material-drive-ms-word:before { + content: "\e67c"; +} +.icon-material-drive-pdf:before { + content: "\e67d"; +} +.icon-material-drive-presentation:before { + content: "\e67e"; +} +.icon-material-drive-script:before { + content: "\e67f"; +} +.icon-material-drive-site:before { + content: "\e680"; +} +.icon-material-drive-spreadsheet:before { + content: "\e681"; +} +.icon-material-drive-video:before { + content: "\e682"; +} +.icon-material-earth:before { + content: "\e683"; +} +.icon-material-email2:before { + content: "\e684"; +} +.icon-material-email:before { + content: "\e685"; +} +.icon-material-error:before { + content: "\e686"; +} +.icon-material-event2:before { + content: "\e687"; +} +.icon-material-event:before { + content: "\e688"; +} +.icon-material-exit-to-app:before { + content: "\e689"; +} +.icon-material-expand-less:before { + content: "\e68a"; +} +.icon-material-expand-more:before { + content: "\e68b"; +} +.icon-material-explore:before { + content: "\e68c"; +} +.icon-material-extension:before { + content: "\e68d"; +} +.icon-material-fast-forward:before { + content: "\e68e"; +} +.icon-material-fast-rewind:before { + content: "\e68f"; +} +.icon-material-favorite:before { + content: "\e690"; +} +.icon-material-favorite-outline:before { + content: "\e691"; +} +.icon-material-file-download:before { + content: "\e692"; +} +.icon-material-file-upload:before { + content: "\e693"; +} +.icon-material-filter:before { + content: "\e694"; +} +.icon-material-flag:before { + content: "\e695"; +} +.icon-material-flash-auto:before { + content: "\e696"; +} +.icon-material-flash-off:before { + content: "\e697"; +} +.icon-material-flash-on:before { + content: "\e698"; +} +.icon-material-flights:before { + content: "\e699"; +} +.icon-material-flip-to-back:before { + content: "\e69a"; +} +.icon-material-flip-to-front:before { + content: "\e69b"; +} +.icon-material-folder:before { + content: "\e69c"; +} +.icon-material-folder-mydrive:before { + content: "\e69d"; +} +.icon-material-folder-shared:before { + content: "\e69e"; +} +.icon-material-forum:before { + content: "\e69f"; +} +.icon-material-forward:before { + content: "\e6a0"; +} +.icon-material-fullscreen:before { + content: "\e6a1"; +} +.icon-material-fullscreen-exit:before { + content: "\e6a2"; +} +.icon-material-gamepad:before { + content: "\e6a3"; +} +.icon-material-games:before { + content: "\e6a4"; +} +.icon-material-gesture:before { + content: "\e6a5"; +} +.icon-material-glass:before { + content: "\e6a6"; +} +.icon-material-gmail2:before { + content: "\e6a7"; +} +.icon-material-gmail:before { + content: "\e6a8"; +} +.icon-material-google:before { + content: "\e6a9"; +} +.icon-material-google-plus:before { + content: "\e6aa"; +} +.icon-material-gps-fixed:before { + content: "\e6ab"; +} +.icon-material-gps-not-fixed:before { + content: "\e6ac"; +} +.icon-material-gps-off:before { + content: "\e6ad"; +} +.icon-material-group:before { + content: "\e6ae"; +} +.icon-material-group-add:before { + content: "\e6af"; +} +.icon-material-hangout2:before { + content: "\e6b0"; +} +.icon-material-hangout:before { + content: "\e6b1"; +} +.icon-material-hangout-video:before { + content: "\e6b2"; +} +.icon-material-hangout-video-off:before { + content: "\e6b3"; +} +.icon-material-headset:before { + content: "\e6b4"; +} +.icon-material-headset-mic:before { + content: "\e6b5"; +} +.icon-material-help:before { + content: "\e6b6"; +} +.icon-material-high-quality:before { + content: "\e6b7"; +} +.icon-material-history:before { + content: "\e6b8"; +} +.icon-material-home:before { + content: "\e6b9"; +} +.icon-material-hotel:before { + content: "\e6ba"; +} +.icon-material-https:before { + content: "\e6bb"; +} +.icon-material-image:before { + content: "\e6bc"; +} +.icon-material-import-export:before { + content: "\e6bd"; +} +.icon-material-inbox:before { + content: "\e6be"; +} +.icon-material-info:before { + content: "\e6bf"; +} +.icon-material-info-outline:before { + content: "\e6c0"; +} +.icon-material-invert-colors:before { + content: "\e6c1"; +} +.icon-material-keep2:before { + content: "\e6c2"; +} +.icon-material-keep:before { + content: "\e6c3"; +} +.icon-material-keyboard:before { + content: "\e6c4"; +} +.icon-material-keyboard-alt:before { + content: "\e6c5"; +} +.icon-material-keyboard-arrow-down:before { + content: "\e6c6"; +} +.icon-material-keyboard-arrow-left:before { + content: "\e6c7"; +} +.icon-material-keyboard-arrow-right:before { + content: "\e6c8"; +} +.icon-material-keyboard-arrow-up:before { + content: "\e6c9"; +} +.icon-material-keyboard-backspace:before { + content: "\e6ca"; +} +.icon-material-keyboard-capslock:before { + content: "\e6cb"; +} +.icon-material-keyboard-control:before { + content: "\e6cc"; + font-size: 36%; +} +.icon-material-keyboard-hide:before { + content: "\e6cd"; +} +.icon-material-keyboard-return:before { + content: "\e6ce"; +} +.icon-material-keyboard-tab:before { + content: "\e6cf"; +} +.icon-material-keyboard-voice:before { + content: "\e6d0"; +} +.icon-material-label:before { + content: "\e6d1"; +} +.icon-material-label-outline:before { + content: "\e6d2"; +} +.icon-material-landscape:before { + content: "\e6d3"; +} +.icon-material-language:before { + content: "\e6d4"; +} +.icon-material-laptop:before { + content: "\e6d5"; +} +.icon-material-launch:before { + content: "\e6d6"; +} +.icon-material-link:before { + content: "\e6d7"; +} +.icon-material-list:before { + content: "\e6d8"; +} +.icon-material-live-help:before { + content: "\e6d9"; +} +.icon-material-location:before { + content: "\e6da"; +} +.icon-material-location-city:before { + content: "\e6db"; +} +.icon-material-location-disabled:before { + content: "\e6dc"; +} +.icon-material-location-searching:before { + content: "\e6dd"; +} +.icon-material-lock:before { + content: "\e6de"; +} +.icon-material-lock-open:before { + content: "\e6df"; +} +.icon-material-lock-outline:before { + content: "\e6e0"; +} +.icon-material-loop:before { + content: "\e6e1"; +} +.icon-material-mail:before { + content: "\e6e2"; +} +.icon-material-map:before { + content: "\e6e3"; +} +.icon-material-markunread:before { + content: "\e6e4"; +} +.icon-material-memory:before { + content: "\e6e5"; +} +.icon-material-menu:before { + content: "\e6e6"; +} +.icon-material-message:before { + content: "\e6e7"; +} +.icon-material-messenger:before { + content: "\e6e8"; +} +.icon-material-mic:before { + content: "\e6e9"; +} +.icon-material-mic-none:before { + content: "\e6ea"; +} +.icon-material-mic-off:before { + content: "\e6eb"; +} +.icon-material-mms:before { + content: "\e6ec"; +} +.icon-material-mood:before { + content: "\e6ed"; +} +.icon-material-more:before { + content: "\e6ee"; +} +.icon-material-more-horiz:before { + content: "\e6ef"; + font-size: 25%; +} +.icon-material-more-vert:before { + content: "\e6f0"; +} +.icon-material-mouse:before { + content: "\e6f1"; +} +.icon-material-movie:before { + content: "\e6f2"; +} +.icon-material-nest-protect:before { + content: "\e6f3"; +} +.icon-material-nest-thermostat:before { + content: "\e6f4"; +} +.icon-material-network-cell:before { + content: "\e6f5"; +} +.icon-material-network-wifi:before { + content: "\e6f6"; +} +.icon-material-news:before { + content: "\e6f7"; +} +.icon-material-nfc:before { + content: "\e6f8"; +} +.icon-material-notifications:before { + content: "\e6f9"; +} +.icon-material-notifications-none:before { + content: "\e6fa"; +} +.icon-material-notifications-off:before { + content: "\e6fb"; +} +.icon-material-notifications-on:before { + content: "\e6fc"; +} +.icon-material-notifications-paused:before { + content: "\e6fd"; +} +.icon-material-pages:before { + content: "\e6fe"; +} +.icon-material-palette:before { + content: "\e6ff"; +} +.icon-material-panorama:before { + content: "\e700"; +} +.icon-material-party-mode:before { + content: "\e701"; +} +.icon-material-pause:before { + content: "\e702"; +} +.icon-material-pause-circle-fill:before { + content: "\e703"; +} +.icon-material-pause-circle-outline:before { + content: "\e704"; +} +.icon-material-people:before { + content: "\e705"; +} +.icon-material-person:before { + content: "\e706"; +} +.icon-material-person-add:before { + content: "\e707"; +} +.icon-material-person-location:before { + content: "\e708"; +} +.icon-material-person-outline:before { + content: "\e709"; +} +.icon-material-phone2:before { + content: "\e70a"; +} +.icon-material-phone:before { + content: "\e70b"; +} +.icon-material-phone-bluetooth-speaker:before { + content: "\e70c"; +} +.icon-material-phone-forwarded:before { + content: "\e70d"; +} +.icon-material-phone-in-talk:before { + content: "\e70e"; +} +.icon-material-phone-locked:before { + content: "\e70f"; +} +.icon-material-phone-missed:before { + content: "\e710"; +} +.icon-material-phone-paused:before { + content: "\e711"; +} +.icon-material-photo:before { + content: "\e712"; +} +.icon-material-photo-album:before { + content: "\e713"; +} +.icon-material-photo-library:before { + content: "\e714"; +} +.icon-material-place:before { + content: "\e715"; +} +.icon-material-play-arrow:before { + content: "\e716"; +} +.icon-material-play-circle-fill:before { + content: "\e717"; +} +.icon-material-play-circle-outline:before { + content: "\e718"; +} +.icon-material-play-download:before { + content: "\e719"; +} +.icon-material-play-install:before { + content: "\e71a"; +} +.icon-material-plus-one:before { + content: "\e71b"; +} +.icon-material-poll:before { + content: "\e71c"; +} +.icon-material-polymer:before { + content: "\e71d"; +} +.icon-material-portrait:before { + content: "\e71e"; +} +.icon-material-post-blogger:before { + content: "\e71f"; +} +.icon-material-post-facebook:before { + content: "\e720"; +} +.icon-material-post-gplus:before { + content: "\e721"; +} +.icon-material-post-instagram:before { + content: "\e722"; +} +.icon-material-post-linkedin:before { + content: "\e723"; +} +.icon-material-post-pinterest:before { + content: "\e724"; +} +.icon-material-post-tumblr:before { + content: "\e725"; +} +.icon-material-post-twitter:before { + content: "\e726"; +} +.icon-material-print:before { + content: "\e727"; +} +.icon-material-public:before { + content: "\e728"; +} +.icon-material-queue:before { + content: "\e729"; +} +.icon-material-radio-button-off:before { + content: "\e72a"; +} +.icon-material-radio-button-on:before { + content: "\e72b"; +} +.icon-material-receipt:before { + content: "\e72c"; +} +.icon-material-refresh:before { + content: "\e72d"; +} +.icon-material-reminder:before { + content: "\e72e"; +} +.icon-material-remove:before { + content: "\e72f"; + font-size: 16%; +} +.icon-material-remove-circle:before { + content: "\e730"; +} +.icon-material-remove-circle-outline:before { + content: "\e731"; +} +.icon-material-replay:before { + content: "\e732"; +} +.icon-material-reply:before { + content: "\e733"; +} +.icon-material-reply-all:before { + content: "\e734"; +} +.icon-material-report:before { + content: "\e735"; +} +.icon-material-ring-volume:before { + content: "\e736"; +} +.icon-material-rotate-left:before { + content: "\e737"; +} +.icon-material-rotate-right:before { + content: "\e738"; +} +.icon-material-satellite:before { + content: "\e739"; +} +.icon-material-save:before { + content: "\e73a"; +} +.icon-material-schedule:before { + content: "\e73b"; +} +.icon-material-school:before { + content: "\e73c"; +} +.icon-material-screen-lock-landscape:before { + content: "\e73d"; +} +.icon-material-screen-lock-portrait:before { + content: "\e73e"; +} +.icon-material-screen-lock-rotation:before { + content: "\e73f"; +} +.icon-material-screen-rotation:before { + content: "\e740"; +} +.icon-material-sd-card:before { + content: "\e741"; +} +.icon-material-sd-storage:before { + content: "\e742"; +} +.icon-material-search:before { + content: "\e743"; +} +.icon-material-select-all:before { + content: "\e744"; +} +.icon-material-send:before { + content: "\e745"; +} +.icon-material-settings:before { + content: "\e746"; +} +.icon-material-settings-applications:before { + content: "\e747"; +} +.icon-material-settings-bluetooth:before { + content: "\e748"; +} +.icon-material-settings-cell:before { + content: "\e749"; +} +.icon-material-settings-phone:before { + content: "\e74a"; +} +.icon-material-settings-power:before { + content: "\e74b"; +} +.icon-material-settings-voice:before { + content: "\e74c"; +} +.icon-material-share:before { + content: "\e74d"; +} +.icon-material-share-alt:before { + content: "\e74e"; +} +.icon-material-shopping-basket:before { + content: "\e74f"; +} +.icon-material-shopping-cart:before { + content: "\e750"; +} +.icon-material-shuffle:before { + content: "\e751"; +} +.icon-material-signal-cellular-1-bar:before { + content: "\e752"; +} +.icon-material-signal-cellular-2-bar:before { + content: "\e753"; +} +.icon-material-signal-cellular-3-bar:before { + content: "\e754"; +} +.icon-material-signal-cellular-4-bar:before { + content: "\e755"; +} +.icon-material-signal-wifi-1-bar:before { + content: "\e756"; +} +.icon-material-signal-wifi-2-bar:before { + content: "\e757"; +} +.icon-material-signal-wifi-3-bar:before { + content: "\e758"; +} +.icon-material-signal-wifi-4-bar:before { + content: "\e759"; +} +.icon-material-sim-card-alert:before { + content: "\e75a"; +} +.icon-material-skip-next:before { + content: "\e75b"; +} +.icon-material-skip-previous:before { + content: "\e75c"; +} +.icon-material-slideshow:before { + content: "\e75d"; +} +.icon-material-sms:before { + content: "\e75e"; +} +.icon-material-sms-failed:before { + content: "\e75f"; +} +.icon-material-sort:before { + content: "\e760"; +} +.icon-material-speaker:before { + content: "\e761"; +} +.icon-material-star:before { + content: "\e762"; +} +.icon-material-star-half:before { + content: "\e763"; +} +.icon-material-star-outline:before { + content: "\e764"; +} +.icon-material-star-rate:before { + content: "\e765"; +} +.icon-material-stop:before { + content: "\e766"; +} +.icon-material-storage:before { + content: "\e767"; +} +.icon-material-store:before { + content: "\e768"; +} +.icon-material-swap-driving-apps:before { + content: "\e769"; +} +.icon-material-swap-horiz:before { + content: "\e76a"; +} +.icon-material-swap-vert:before { + content: "\e76b"; +} +.icon-material-swap-vert-circle:before { + content: "\e76c"; +} +.icon-material-switch-camera:before { + content: "\e76d"; +} +.icon-material-switch-video:before { + content: "\e76e"; +} +.icon-material-sync:before { + content: "\e76f"; +} +.icon-material-sync-disabled:before { + content: "\e770"; +} +.icon-material-sync-green:before { + content: "\e771"; +} +.icon-material-sync-problem:before { + content: "\e772"; +} +.icon-material-sync-problem-red:before { + content: "\e773"; +} +.icon-material-system-update:before { + content: "\e774"; +} +.icon-material-tab:before { + content: "\e775"; +} +.icon-material-tablet:before { + content: "\e776"; +} +.icon-material-tab-unselected:before { + content: "\e777"; +} +.icon-material-tag-faces:before { + content: "\e778"; +} +.icon-material-tap-and-play:before { + content: "\e779"; +} +.icon-material-terrain:before { + content: "\e77a"; +} +.icon-material-text-format:before { + content: "\e77b"; +} +.icon-material-textsms:before { + content: "\e77c"; +} +.icon-material-theaters:before { + content: "\e77d"; +} +.icon-material-thumb-down:before { + content: "\e77e"; +} +.icon-material-thumb-up:before { + content: "\e77f"; +} +.icon-material-timelapse:before { + content: "\e780"; +} +.icon-material-timer:before { + content: "\e781"; +} +.icon-material-time-to-leave:before { + content: "\e782"; +} +.icon-material-today:before { + content: "\e783"; +} +.icon-material-traffic4:before { + content: "\e784"; +} +.icon-material-translate:before { + content: "\e785"; +} +.icon-material-tv:before { + content: "\e786"; +} +.icon-material-undo:before { + content: "\e787"; +} +.icon-material-unfold-less:before { + content: "\e788"; +} +.icon-material-unfold-more:before { + content: "\e789"; +} +.icon-material-unknown-1:before { + content: "\e78a"; +} +.icon-material-unknown-2:before { + content: "\e78b"; +} +.icon-material-unknown-3:before { + content: "\e78c"; +} +.icon-material-unknown-4:before { + content: "\e78d"; +} +.icon-material-unknown-5:before { + content: "\e78e"; +} +.icon-material-unknown-6:before { + content: "\e78f"; +} +.icon-material-unknown-7:before { + content: "\e790"; +} +.icon-material-usb2:before { + content: "\e791"; +} +.icon-material-usb:before { + content: "\e792"; +} +.icon-material-vibration:before { + content: "\e793"; +} +.icon-material-videocam:before { + content: "\e794"; +} +.icon-material-videocam-off:before { + content: "\e795"; +} +.icon-material-video-youtube:before { + content: "\e796"; +} +.icon-material-view-array:before { + content: "\e797"; +} +.icon-material-view-column:before { + content: "\e798"; +} +.icon-material-view-headline:before { + content: "\e799"; +} +.icon-material-view-list:before { + content: "\e79a"; +} +.icon-material-view-module:before { + content: "\e79b"; +} +.icon-material-view-quilt:before { + content: "\e79c"; +} +.icon-material-view-stream:before { + content: "\e79d"; +} +.icon-material-visibility:before { + content: "\e79e"; +} +.icon-material-visibility-off:before { + content: "\e79f"; +} +.icon-material-voice:before { + content: "\e7a0"; +} +.icon-material-voicemail:before { + content: "\e7a1"; +} +.icon-material-volume-down:before { + content: "\e7a2"; +} +.icon-material-volume-mute:before { + content: "\e7a3"; +} +.icon-material-volume-off:before { + content: "\e7a4"; +} +.icon-material-volume-up:before { + content: "\e7a5"; +} +.icon-material-vpn:before { + content: "\e7a6"; +} +.icon-material-warning:before { + content: "\e7a7"; +} +.icon-material-watch2:before { + content: "\e7a8"; +} +.icon-material-wb-auto:before { + content: "\e7a9"; +} +.icon-material-wb-cloudy:before { + content: "\e7aa"; +} +.icon-material-wb-incandescent:before { + content: "\e7ab"; +} +.icon-material-wb-irradescent:before { + content: "\e7ac"; +} +.icon-material-wb-sunny2:before { + content: "\e7ad"; +} +.icon-material-web2:before { + content: "\e7ae"; +} +.icon-material-whatshot:before { + content: "\e7af"; +} +.icon-material-wifi-tethering2:before { + content: "\e7b0"; +} +.icon-material-wifi-tethering3:before { + content: "\e7b1"; +} +.icon-material-work2:before { + content: "\e7b2"; +} +.icon-material-call2:before { + content: "\e7b3"; +} +.icon-material-call-end2:before { + content: "\e7b4"; +} +.icon-material-call-made2:before { + content: "\e7b5"; +} +.icon-material-call-merge2:before { + content: "\e7b6"; +} +.icon-material-call-missed2:before { + content: "\e7b7"; +} +.icon-material-call-received2:before { + content: "\e7b8"; +} +.icon-material-call-split2:before { + content: "\e7b9"; +} +.icon-material-chat2:before { + content: "\e7ba"; +} +.icon-material-comment2:before { + content: "\e7bb"; +} +.icon-material-dialpad2:before { + content: "\e7bc"; +} +.icon-material-email3:before { + content: "\e7bd"; +} +.icon-material-forum2:before { + content: "\e7be"; +} +.icon-material-gmail3:before { + content: "\e7bf"; +} +.icon-material-hangout3:before { + content: "\e7c0"; +} +.icon-material-hangout-video2:before { + content: "\e7c1"; +} +.icon-material-hangout-video-off2:before { + content: "\e7c2"; +} +.icon-material-import-export2:before { + content: "\e7c3"; +} +.icon-material-live-help2:before { + content: "\e7c4"; +} +.icon-material-message2:before { + content: "\e7c5"; +} +.icon-material-messenger2:before { + content: "\e7c6"; +} +.icon-material-phone3:before { + content: "\e7c7"; +} +.icon-material-ring-volume2:before { + content: "\e7c8"; +} +.icon-material-textsms2:before { + content: "\e7c9"; +} +.icon-material-voicemail2:before { + content: "\e7ca"; +} +.icon-material-closed-caption2:before { + content: "\e7cb"; +} +.icon-material-fast-forward2:before { + content: "\e7cc"; +} +.icon-material-fast-rewind2:before { + content: "\e7cd"; +} +.icon-material-games2:before { + content: "\e7ce"; +} +.icon-material-high-quality2:before { + content: "\e7cf"; +} +.icon-material-loop2:before { + content: "\e7d0"; +} +.icon-material-mic2:before { + content: "\e7d1"; +} +.icon-material-mic-none2:before { + content: "\e7d2"; +} +.icon-material-mic-off2:before { + content: "\e7d3"; +} +.icon-material-movie2:before { + content: "\e7d4"; +} +.icon-material-news2:before { + content: "\e7d5"; +} +.icon-material-pause2:before { + content: "\e7d6"; +} +.icon-material-pause-circle-fill2:before { + content: "\e7d7"; +} +.icon-material-pause-circle-outline2:before { + content: "\e7d8"; +} +.icon-material-play-arrow2:before { + content: "\e7d9"; +} +.icon-material-play-circle-fill2:before { + content: "\e7da"; +} +.icon-material-play-circle-outline2:before { + content: "\e7db"; +} +.icon-material-queue2:before { + content: "\e7dc"; +} +.icon-material-replay2:before { + content: "\e7dd"; +} +.icon-material-shuffle2:before { + content: "\e7de"; +} +.icon-material-skip-next2:before { + content: "\e7df"; +} +.icon-material-skip-previous2:before { + content: "\e7e0"; +} +.icon-material-stop2:before { + content: "\e7e1"; +} +.icon-material-videocam2:before { + content: "\e7e2"; +} +.icon-material-videocam-off2:before { + content: "\e7e3"; +} +.icon-material-video-youtube2:before { + content: "\e7e4"; +} +.icon-material-volume-down2:before { + content: "\e7e5"; +} +.icon-material-volume-mute2:before { + content: "\e7e6"; +} +.icon-material-volume-off2:before { + content: "\e7e7"; +} +.icon-material-volume-up2:before { + content: "\e7e8"; +} +.icon-material-web22:before { + content: "\e7e9"; +} diff --git a/less/alerts.less b/less/alerts.less new file mode 100644 index 00000000..97b8347b --- /dev/null +++ b/less/alerts.less @@ -0,0 +1,18 @@ +// main: material.less + +.alert { + border: 0px; + border-radius: 0; + a, .alert-link { + color: #FFFFFF; + } + .variations(~"", background-color, #FFFFFF); + &-info, &-danger, &-warning, &-success { + color: #FFFFFF; + } + &-default { + a, .alert-link { + color: #000000; + } + } +} diff --git a/less/animations.less b/less/animations.less new file mode 100644 index 00000000..d9137b79 --- /dev/null +++ b/less/animations.less @@ -0,0 +1,16 @@ +// main: material.less + +@keyframes input-highlight { + 0% { + left: 20%; + width: 20%; + } + 99% { + width: 0; + left: 0; + opacity: 1; + } + 100% { + opacity: 0; + } +} diff --git a/less/buttons.less b/less/buttons.less new file mode 100644 index 00000000..19f2dbd9 --- /dev/null +++ b/less/buttons.less @@ -0,0 +1,107 @@ +// main: material.less + +.btn-shadow() { + .shadow-z-2(); + transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); + &:active:not(.btn-link) { + .shadow-z-3(); + } +} + +.btn { + position: relative; + padding: 8px 30px; + border: 0; + margin: 10px 1px; + + cursor: pointer; + border-radius: 4px; + text-transform: uppercase; + text-decoration: none; + color: @darkbg-text; + + &:hover { + color: @darkbg-text; + } + &:hover:not(.btn-link) { + .shadow-z-2-hover(); + } + transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); + &:active:not(.btn-link) { + .shadow-z-3(); + } + outline: none !important; + + .variations(~":not(.btn-link)", background-color, @btn-default); + +} +// This is needed to style buttons which has not a variation suffix (they must stiled as btn-default) +.btn-link, .btn:not([class^="btn btn-"]), .btn-default { + color: @lightbg-text; + &:hover { + color: @lightbg-text; + } +} +.btn:not([class^="btn btn-"]), .btn-default { + &:hover { + background-color: rgba(255,255,255,0.5); + } +} + +.btn-raised { + .btn-shadow(); +} + +.open > .dropdown-toggle.btn { + .variations(~"", background-color, @btn-default); +} +.btn-flat { + box-shadow: none !important; + &.btn-default:hover { + background: none; + } +} + +.btn-group, .btn-group-vertical { + position: relative; + border-radius: 4px; + margin: 10px 1px; + + .btn-shadow(); + &.open .dropdown-toggle { + box-shadow: none; + } + &.btn-group-raised { + .btn-shadow(); + } + .btn, .btn:active, .btn-group { + box-shadow: none !important; + margin: 0; + } + .btn:active .caret { margin-left: -1px; } +} +.btn-group-flat { + box-shadow: none !important; +} + +// Floating Action Button (FAB) + +.btn-fab { + margin: 0; + padding: 15px; + font-size: 26px; + width: 56px; + height: 56px; + &, &:hover { + .variations(~"", background-color, transparent); + } + &, .ripple-wrapper { + border-radius: 100%; + } + &.btn-mini { + width: 40px; + height: 40px; + padding: 13px; + font-size: 15px; + } +} diff --git a/less/checkboxes.less b/less/checkboxes.less new file mode 100644 index 00000000..9e6b8b6e --- /dev/null +++ b/less/checkboxes.less @@ -0,0 +1,191 @@ +// main: material.less + +.form-horizontal .checkbox { + padding-top: 15px; +} +.checkbox { + transform: rotate(0deg); + label { + cursor: pointer; + padding-left: 45px; + position: relative; + span { + display: block; + position: absolute; + left: 0px; + transition-duration: 0.2s; + } + .check:after { + display: block; + position: absolute; + content: ""; + background-color: @lightbg-text; + left: -5px; + top: -15px; + height: 50px; + width: 50px; + border-radius: 100%; + z-index: 1; + opacity: 0; + margin: 0; + } + .check:before { + display: block; + content: ""; + border: 2px solid @lightbg-text; + height: 20px; + width: 20px; + transition-delay: 0.2s; + } + } + + // Variations + .variations(~" .check", color, @success); + + // Hide native checkbox + input[type=checkbox] { opacity: 0; } + + input[type=checkbox] ~ .check:before { + position: absolute; + top: 2px; + left: 11px; + width: 18px; + height: 18px; + border: solid 2px; + border-color: #5a5a5a; + animation: uncheck 300ms ease-out forwards; + } + + input[type=checkbox]:focus ~ .check:after { + opacity: 0.2; + } + + input[type=checkbox]:checked ~ .check:before { + animation: check 300ms ease-out forwards; + } + + // Ripple effect on click + input[type=checkbox]:not(:checked) ~ .check:after { + animation: rippleOff 500ms linear forwards; + } + input[type=checkbox]:checked ~ .check:after { + animation: rippleOn 500ms linear forwards; + } + + // Make animate quickly when not hover + &:not(:hover) input[type=checkbox] ~ .check { + &:before, &:after { + animation-duration: 1ms; + } + } + + // Style for disabled inputs + input[type=checkbox][disabled]:not(:checked) ~ .check:before { + opacity: 0.5; + } + input[type=checkbox][disabled] ~ .check:after { + background-color: @lightbg-text; + transform: rotate(-45deg); + } + + .variations(~" input[type=checkbox]:checked ~ .check:after", background-color, @success); +} + +@keyframes uncheck { + 0% { + top: -3px; + left: 17px; + width: 10px; + height: 21px; + border-color: #0f9d58; + border-left-color: transparent; + border-top-color: transparent; + transform: rotate(45deg); + } + 50% { + top: 14px; + left: 17px; + width: 4px; + height: 4px; + transform: rotate(45deg); + border-color: #0f9d58; + border-left-color: transparent; + border-top-color: transparent; + } + 51% { + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } + 100% { + top: 1px; + left: 12px; + width: 18px; + height: 18px; + transform: rotate(0deg); + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } +} + +@keyframes check { + 100% { + top: -3px; + left: 17px; + width: 10px; + height: 21px; + transform: rotate(45deg); + border-color: #0f9d58; + border-left-color: transparent; + border-top-color: transparent; + } + 51% { + border-left: transparent; + border-top-color: transparent; + } + 50% { + top: 14px; + left: 17px; + width: 4px; + height: 4px; + transform: rotate(45deg); + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } + 0% { + top: 1px; + left: 12px; + width: 18px; + height: 18px; + transform: rotate(0deg); + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } +} + +@keyframes rippleOn { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} + +@keyframes rippleOff { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} diff --git a/less/icons.less b/less/icons.less new file mode 100644 index 00000000..9a473de4 --- /dev/null +++ b/less/icons.less @@ -0,0 +1,5 @@ +// main: material.less + +.icon { + .variations(~"", color, @lightbg-text); +} diff --git a/less/inputs.less b/less/inputs.less new file mode 100644 index 00000000..01b516ba --- /dev/null +++ b/less/inputs.less @@ -0,0 +1,209 @@ +// main: material.less + +fieldset[disabled] .form-control, .form-control-wrapper .form-control, .form-control { + &, &:focus, &.focus { + &:not(textarea):not(select) { + height: 28px; + } + padding: 0; + float: none; + border: 0; + box-shadow: none; + border-radius: 0; + background: transparent; + border-bottom: 1px solid #757575; + &:disabled { + border-style: dashed; + } + } +} +select.form-control { + height: 23px; +} +select[multiple].form-control { + &, &:focus, &.focus { + height: 85px; + } +} + +.form-control-wrapper { + position: relative; + + .form-control:focus, .form-control.focus { + outline: none; + } + + .floating-label { + color: #7E7E7E; + font-size: 14px; + position: absolute; + pointer-events: none; + left: 0px; + top: 5px; + transition: 0.2s ease all; + opacity: 0; + } + .form-control:not(.empty) ~ .floating-label { + top: -10px; + font-size: 10px; + opacity: 1; + } + .form-control:focus:invalid ~ .floating-label, .form-control.focus:invalid ~ .floating-label { + color: @input-danger; + } + .form-control:focus ~ .material-input:after, .form-control.focus ~ .material-input:after { + background-color: @input-default; + } + .form-control:focus:invalid ~ .material-input, .form-control.focus:invalid ~ .material-input { + &:before, &:after { + background-color: @input-danger; + } + } + .form-control.empty ~ .floating-label { + opacity: 1; + } + .material-input:before { + position: absolute; + content: ""; + width: 100%; + left: 0; + height: 2px; + background-color: @input-default; + bottom: -1px; + transform: scaleX(0); + transition: transform 0s; + } + .form-control:focus ~ .material-input:before, .form-control.focus ~ .material-input:before { + transform: scaleX(1); + transition: transform 0.2s ease-out; + } + .material-input:after { + content: ""; + position: absolute; + height: 18px; + width: 100px; + margin-top: -1px; + top: 7px; + left: 0; + pointer-events: none; + opacity: 0.9; + transform-origin: left; + } + .input-lg ~ .material-input:after { + height: 26px; + } + textarea { resize: none; } + textarea ~ .form-control-highlight { + margin-top: -11px; + } + + /* active state */ + .form-control:focus ~ .material-input:after, .form-control.focus ~ .material-input:after { + animation: input-highlight 0.3s ease; + animation-fill-mode: forwards; + opacity: 0; + } + + select ~ .material-input:after { + display: none; + } + +} + +.form-group { + &.has-warning { + .material-input:before, input.form-control:focus ~ .material-input:after, input.form-control.focus ~ .material-input:after { + background: @input-warning; + } + .control-label, input.form-control:not(.empty) ~ .floating-label { + color: @input-warning; + } + } + &.has-error { + .material-input:before, input.form-control:focus ~ .material-input:after, input.form-control.focus ~ .material-input:after { + background: @input-danger; + } + .control-label, input.form-control:not(.empty) ~ .floating-label { + color: @input-danger; + } + } + &.has-success { + .material-input:before, input.form-control:focus ~ .material-input:after, input.form-control.focus ~ .material-input:after { + background: @input-success; + } + .control-label, input.form-control:not(.empty) ~ .floating-label { + color: @input-success; + } + } + &.has-info { + .material-input:before, input.form-control:focus ~ .material-input:after, input.form-control.focus ~ .material-input:after { + background: @input-info; + } + .control-label, input.form-control:not(.empty) ~ .floating-label { + color: @input-info; + } + } + .variations(~" .material-input:before", background-color, @indigo); + .variations(~" input.form-control:focus ~ .material-input:after", background-color, @indigo); + .variations(~" input.form-control.focus ~ .material-input:after", background-color, @indigo); + .variations(~" .control-label", color, @lightbg-text); + .variations(~" input.form-control:not(.empty) ~ .floating-label", color, @indigo); + +} + +.input-group { + .form-control-wrapper { + .form-control { + float: none; + } + margin-right: 5px; + margin-left: 5px; + bottom: -10px; + } + .input-group-addon { + border: 0; + } + .input-group-btn .btn { + border-radius: 4px; + } +} + +select.form-control { + border: 0; + box-shadow: none; + border-bottom: 1px solid #757575; + border-radius: 0; + &:focus, &.focus { + box-shadow: none; + border-color: #757575; + } +} + + +@keyframes input-highlight { + 0% { + left: 20%; + transform: scaleX(20%); + } + 99% { + transform: scaleX(0); + left: 0; + opacity: 1; + } + 100% { + opacity: 0; + } +} + +// Input files (kinda hack) +.form-control-wrapper input[type=file] { + opacity: 0; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 100; +} diff --git a/less/lists.less b/less/lists.less new file mode 100644 index 00000000..e0554bfd --- /dev/null +++ b/less/lists.less @@ -0,0 +1,84 @@ +// main: material.less +.list-group { + border-radius: 0; + .list-group-item { + background-color: transparent; + overflow: hidden; + border: 0; + border-radius: 0; + padding: 0 16px; + .row-picture, .row-action-primary { + float: left; + display: inline-block; + padding-right: 16px; + img, i, label { + display: block; + width: 56px; + height: 56px; + } + img { + background: rgba(0,0,0,0.1); + padding: 1px; + &.circle { + border-radius: 100%; + } + } + i { + background: rgba(0,0,0,0.25); + border-radius: 100%; + text-align: center; + line-height: 56px; + font-size: 20px; + color: white; + } + label { + margin-left: 7px; + margin-right: -7px; + margin-top: 5px; + margin-bottom: -5px; + } + } + .row-content { + display: inline-block; + width: ~"calc(100% - 92px)"; + min-height: 66px; + .action-secondary { + position: absolute; + right: 16px; + top: 16px; + i { + font-size: 20px; + color: rgba(0,0,0,0.25); + cursor: pointer; + } + } + .action-secondary ~ * { + max-width: ~"calc(100% - 30px)"; + } + .least-content { + position: absolute; + right: 16px; + top: 0px; + color: rgba(0,0,0,0.54); + font-size: 14px; + } + } + .list-group-item-heading { + color: rgba(0, 0, 0, 0.77); + font-size: 20px; + line-height: 29px; + } + } + .list-group-separator { + clear: both; + overflow: hidden; + margin-top: 10px; + margin-bottom: 10px; + &:before { + content: ""; + width: ~"calc(100% - 90px)"; + border-bottom: 1px solid rgba(0,0,0,0.1); + float: right; + } + } +} diff --git a/less/material-wfont.less b/less/material-wfont.less new file mode 100644 index 00000000..46c59752 --- /dev/null +++ b/less/material-wfont.less @@ -0,0 +1,2 @@ +@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,700,300|Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic); +@import "material.less"; diff --git a/less/material.css b/less/material.css new file mode 100644 index 00000000..f957a33a --- /dev/null +++ b/less/material.css @@ -0,0 +1,2896 @@ +/* Generated by less 1.7.5 */ +@keyframes input-highlight { + 0% { + left: 20%; + width: 20%; + } + 99% { + width: 0; + left: 0; + opacity: 1; + } + 100% { + opacity: 0; + } +} +.shadow-z-1 { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.shadow-z-2 { + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); +} +.shadow-z-2-hover { + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.28); +} +.shadow-z-3 { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); +} +.shadow-z-4 { + box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); +} +.shadow-z-5 { + box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); +} +body { + background-color: #EEEEEE; +} +body.inverse { + background: #333333; +} +body.inverse, +body.inverse .form-control { + color: rgba(255, 255, 255, 0.84); +} +body, +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; +} +body .well, +.container .well, +.container-fluid .well, +body .well:not([class^="well well-material-"]), +.container .well:not([class^="well well-material-"]), +.container-fluid .well:not([class^="well well-material-"]), +body .well .form-control, +.container .well .form-control, +.container-fluid .well .form-control, +body .well:not([class^="well well-material-"]) .form-control, +.container .well:not([class^="well well-material-"]) .form-control, +.container-fluid .well:not([class^="well well-material-"]) .form-control { + color: rgba(0, 0, 0, 0.84); +} +body .well .floating-label, +.container .well .floating-label, +.container-fluid .well .floating-label, +body .well:not([class^="well well-material-"]) .floating-label, +.container .well:not([class^="well well-material-"]) .floating-label, +.container-fluid .well:not([class^="well well-material-"]) .floating-label { + color: #7e7e7e; +} +body .well .form-control, +.container .well .form-control, +.container-fluid .well .form-control, +body .well:not([class^="well well-material-"]) .form-control, +.container .well:not([class^="well well-material-"]) .form-control, +.container-fluid .well:not([class^="well well-material-"]) .form-control { + border-bottom-color: #7e7e7e; +} +body .well .form-control::-webkit-input-placeholder, +.container .well .form-control::-webkit-input-placeholder, +.container-fluid .well .form-control::-webkit-input-placeholder, +body .well:not([class^="well well-material-"]) .form-control::-webkit-input-placeholder, +.container .well:not([class^="well well-material-"]) .form-control::-webkit-input-placeholder, +.container-fluid .well:not([class^="well well-material-"]) .form-control::-webkit-input-placeholder { + color: #7e7e7e; +} +body .well .form-control::-moz-placeholder, +.container .well .form-control::-moz-placeholder, +.container-fluid .well .form-control::-moz-placeholder, +body .well:not([class^="well well-material-"]) .form-control::-moz-placeholder, +.container .well:not([class^="well well-material-"]) .form-control::-moz-placeholder, +.container-fluid .well:not([class^="well well-material-"]) .form-control::-moz-placeholder { + color: #7e7e7e; + opacity: 1; +} +body .well .form-control:-ms-input-placeholder, +.container .well .form-control:-ms-input-placeholder, +.container-fluid .well .form-control:-ms-input-placeholder, +body .well:not([class^="well well-material-"]) .form-control:-ms-input-placeholder, +.container .well:not([class^="well well-material-"]) .form-control:-ms-input-placeholder, +.container-fluid .well:not([class^="well well-material-"]) .form-control:-ms-input-placeholder { + color: #7e7e7e; +} +body .well .option, +.container .well .option, +.container-fluid .well .option, +body .well:not([class^="well well-material-"]) .option, +.container .well:not([class^="well well-material-"]) .option, +.container-fluid .well:not([class^="well well-material-"]) .option, +body .well .create, +.container .well .create, +.container-fluid .well .create, +body .well:not([class^="well well-material-"]) .create, +.container .well:not([class^="well well-material-"]) .create, +.container-fluid .well:not([class^="well well-material-"]) .create { + color: rgba(0, 0, 0, 0.84); +} +body [class^="well well-material-"], +.container [class^="well well-material-"], +.container-fluid [class^="well well-material-"], +body [class^="well well-material-"] .form-control, +.container [class^="well well-material-"] .form-control, +.container-fluid [class^="well well-material-"] .form-control, +body [class^="well well-material-"] .floating-label, +.container [class^="well well-material-"] .floating-label, +.container-fluid [class^="well well-material-"] .floating-label { + color: rgba(255, 255, 255, 0.84); +} +body [class^="well well-material-"] .form-control, +.container [class^="well well-material-"] .form-control, +.container-fluid [class^="well well-material-"] .form-control { + border-bottom-color: rgba(255, 255, 255, 0.84); +} +body [class^="well well-material-"] .form-control::-webkit-input-placeholder, +.container [class^="well well-material-"] .form-control::-webkit-input-placeholder, +.container-fluid [class^="well well-material-"] .form-control::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.84); +} +body [class^="well well-material-"] .form-control::-moz-placeholder, +.container [class^="well well-material-"] .form-control::-moz-placeholder, +.container-fluid [class^="well well-material-"] .form-control::-moz-placeholder { + color: rgba(255, 255, 255, 0.84); + opacity: 1; +} +body [class^="well well-material-"] .form-control:-ms-input-placeholder, +.container [class^="well well-material-"] .form-control:-ms-input-placeholder, +.container-fluid [class^="well well-material-"] .form-control:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.84); +} +body [class^="well well-material-"] .option, +.container [class^="well well-material-"] .option, +.container-fluid [class^="well well-material-"] .option, +body [class^="well well-material-"] .create, +.container [class^="well well-material-"] .create, +.container-fluid [class^="well well-material-"] .create { + color: rgba(0, 0, 0, 0.84); +} +body .well, +.container .well, +.container-fluid .well, +body .jumbotron, +.container .jumbotron, +.container-fluid .jumbotron { + background-color: #fff; + padding: 19px; + margin-bottom: 20px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + border-radius: 2px; + border: 0; +} +body .well p, +.container .well p, +.container-fluid .well p, +body .jumbotron p, +.container .jumbotron p, +.container-fluid .jumbotron p { + font-weight: 300; +} +body .well, +.container .well, +.container-fluid .well, +body .jumbotron, +.container .jumbotron, +.container-fluid .jumbotron, +body .well-default, +.container .well-default, +.container-fluid .well-default, +body .jumbotron-default, +.container .jumbotron-default, +.container-fluid .jumbotron-default { + background-color: #ffffff; +} +body .well-primary, +.container .well-primary, +.container-fluid .well-primary, +body .jumbotron-primary, +.container .jumbotron-primary, +.container-fluid .jumbotron-primary { + background-color: #4285f4; +} +body .well-success, +.container .well-success, +.container-fluid .well-success, +body .jumbotron-success, +.container .jumbotron-success, +.container-fluid .jumbotron-success { + background-color: #0f9d58; +} +body .well-info, +.container .well-info, +.container-fluid .well-info, +body .jumbotron-info, +.container .jumbotron-info, +.container-fluid .jumbotron-info { + background-color: #03a9f4; +} +body .well-warning, +.container .well-warning, +.container-fluid .well-warning, +body .jumbotron-warning, +.container .jumbotron-warning, +.container-fluid .jumbotron-warning { + background-color: #ff5722; +} +body .well-danger, +.container .well-danger, +.container-fluid .well-danger, +body .jumbotron-danger, +.container .jumbotron-danger, +.container-fluid .jumbotron-danger { + background-color: #f44336; +} +body .well-material-red, +.container .well-material-red, +.container-fluid .well-material-red, +body .jumbotron-material-red, +.container .jumbotron-material-red, +.container-fluid .jumbotron-material-red { + background-color: #f44336; +} +body .well-material-pink, +.container .well-material-pink, +.container-fluid .well-material-pink, +body .jumbotron-material-pink, +.container .jumbotron-material-pink, +.container-fluid .jumbotron-material-pink { + background-color: #e91e63; +} +body .well-material-purple, +.container .well-material-purple, +.container-fluid .well-material-purple, +body .jumbotron-material-purple, +.container .jumbotron-material-purple, +.container-fluid .jumbotron-material-purple { + background-color: #9c27b0; +} +body .well-material-deeppurple, +.container .well-material-deeppurple, +.container-fluid .well-material-deeppurple, +body .jumbotron-material-deeppurple, +.container .jumbotron-material-deeppurple, +.container-fluid .jumbotron-material-deeppurple { + background-color: #673ab7; +} +body .well-material-indigo, +.container .well-material-indigo, +.container-fluid .well-material-indigo, +body .jumbotron-material-indigo, +.container .jumbotron-material-indigo, +.container-fluid .jumbotron-material-indigo { + background-color: #3f51b5; +} +body .well-material-lightblue, +.container .well-material-lightblue, +.container-fluid .well-material-lightblue, +body .jumbotron-material-lightblue, +.container .jumbotron-material-lightblue, +.container-fluid .jumbotron-material-lightblue { + background-color: #03a9f4; +} +body .well-material-cyan, +.container .well-material-cyan, +.container-fluid .well-material-cyan, +body .jumbotron-material-cyan, +.container .jumbotron-material-cyan, +.container-fluid .jumbotron-material-cyan { + background-color: #00bcd4; +} +body .well-material-teal, +.container .well-material-teal, +.container-fluid .well-material-teal, +body .jumbotron-material-teal, +.container .jumbotron-material-teal, +.container-fluid .jumbotron-material-teal { + background-color: #009688; +} +body .well-material-lightgreen, +.container .well-material-lightgreen, +.container-fluid .well-material-lightgreen, +body .jumbotron-material-lightgreen, +.container .jumbotron-material-lightgreen, +.container-fluid .jumbotron-material-lightgreen { + background-color: #8bc34a; +} +body .well-material-lime, +.container .well-material-lime, +.container-fluid .well-material-lime, +body .jumbotron-material-lime, +.container .jumbotron-material-lime, +.container-fluid .jumbotron-material-lime { + background-color: #cddc39; +} +body .well-material-lightyellow, +.container .well-material-lightyellow, +.container-fluid .well-material-lightyellow, +body .jumbotron-material-lightyellow, +.container .jumbotron-material-lightyellow, +.container-fluid .jumbotron-material-lightyellow { + background-color: #ffeb3b; +} +body .well-material-orange, +.container .well-material-orange, +.container-fluid .well-material-orange, +body .jumbotron-material-orange, +.container .jumbotron-material-orange, +.container-fluid .jumbotron-material-orange { + background-color: #ff9800; +} +body .well-material-deeporange, +.container .well-material-deeporange, +.container-fluid .well-material-deeporange, +body .jumbotron-material-deeporange, +.container .jumbotron-material-deeporange, +.container-fluid .jumbotron-material-deeporange { + background-color: #ff5722; +} +body .well-material-grey, +.container .well-material-grey, +.container-fluid .well-material-grey, +body .jumbotron-material-grey, +.container .jumbotron-material-grey, +.container-fluid .jumbotron-material-grey { + background-color: #9e9e9e; +} +body .well-material-bluegrey, +.container .well-material-bluegrey, +.container-fluid .well-material-bluegrey, +body .jumbotron-material-bluegrey, +.container .jumbotron-material-bluegrey, +.container-fluid .jumbotron-material-bluegrey { + background-color: #607d8b; +} +body .well-material-brown, +.container .well-material-brown, +.container-fluid .well-material-brown, +body .jumbotron-material-brown, +.container .jumbotron-material-brown, +.container-fluid .jumbotron-material-brown { + background-color: #795548; +} +body .well-material-lightgrey, +.container .well-material-lightgrey, +.container-fluid .well-material-lightgrey, +body .jumbotron-material-lightgrey, +.container .jumbotron-material-lightgrey, +.container-fluid .jumbotron-material-lightgrey { + background-color: #ececec; +} +.btn { + position: relative; + padding: 8px 30px; + border: 0; + margin: 10px 1px; + cursor: pointer; + border-radius: 4px; + text-transform: uppercase; + text-decoration: none; + color: rgba(255, 255, 255, 0.84); + transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); + outline: none !important; +} +.btn:hover { + color: rgba(255, 255, 255, 0.84); +} +.btn:hover:not(.btn-link) { + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.28); +} +.btn:active:not(.btn-link) { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); +} +.btn:not(.btn-link), +.btn-default:not(.btn-link) { + background-color: transparent; +} +.btn-primary:not(.btn-link) { + background-color: #4285f4; +} +.btn-success:not(.btn-link) { + background-color: #0f9d58; +} +.btn-info:not(.btn-link) { + background-color: #03a9f4; +} +.btn-warning:not(.btn-link) { + background-color: #ff5722; +} +.btn-danger:not(.btn-link) { + background-color: #f44336; +} +.btn-material-red:not(.btn-link) { + background-color: #f44336; +} +.btn-material-pink:not(.btn-link) { + background-color: #e91e63; +} +.btn-material-purple:not(.btn-link) { + background-color: #9c27b0; +} +.btn-material-deeppurple:not(.btn-link) { + background-color: #673ab7; +} +.btn-material-indigo:not(.btn-link) { + background-color: #3f51b5; +} +.btn-material-lightblue:not(.btn-link) { + background-color: #03a9f4; +} +.btn-material-cyan:not(.btn-link) { + background-color: #00bcd4; +} +.btn-material-teal:not(.btn-link) { + background-color: #009688; +} +.btn-material-lightgreen:not(.btn-link) { + background-color: #8bc34a; +} +.btn-material-lime:not(.btn-link) { + background-color: #cddc39; +} +.btn-material-lightyellow:not(.btn-link) { + background-color: #ffeb3b; +} +.btn-material-orange:not(.btn-link) { + background-color: #ff9800; +} +.btn-material-deeporange:not(.btn-link) { + background-color: #ff5722; +} +.btn-material-grey:not(.btn-link) { + background-color: #9e9e9e; +} +.btn-material-bluegrey:not(.btn-link) { + background-color: #607d8b; +} +.btn-material-brown:not(.btn-link) { + background-color: #795548; +} +.btn-material-lightgrey:not(.btn-link) { + background-color: #ececec; +} +.btn-link, +.btn:not([class^="btn btn-"]), +.btn-default { + color: rgba(0, 0, 0, 0.84); +} +.btn-link:hover, +.btn:not([class^="btn btn-"]):hover, +.btn-default:hover { + color: rgba(0, 0, 0, 0.84); +} +.btn:not([class^="btn btn-"]):hover, +.btn-default:hover { + background-color: rgba(255, 255, 255, 0.5); +} +.btn-raised { + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); +} +.btn-raised:active:not(.btn-link) { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); +} +.open > .dropdown-toggle.btn, +.open > .dropdown-toggle.btn-default { + background-color: transparent; +} +.open > .dropdown-toggle.btn-primary { + background-color: #4285f4; +} +.open > .dropdown-toggle.btn-success { + background-color: #0f9d58; +} +.open > .dropdown-toggle.btn-info { + background-color: #03a9f4; +} +.open > .dropdown-toggle.btn-warning { + background-color: #ff5722; +} +.open > .dropdown-toggle.btn-danger { + background-color: #f44336; +} +.open > .dropdown-toggle.btn-material-red { + background-color: #f44336; +} +.open > .dropdown-toggle.btn-material-pink { + background-color: #e91e63; +} +.open > .dropdown-toggle.btn-material-purple { + background-color: #9c27b0; +} +.open > .dropdown-toggle.btn-material-deeppurple { + background-color: #673ab7; +} +.open > .dropdown-toggle.btn-material-indigo { + background-color: #3f51b5; +} +.open > .dropdown-toggle.btn-material-lightblue { + background-color: #03a9f4; +} +.open > .dropdown-toggle.btn-material-cyan { + background-color: #00bcd4; +} +.open > .dropdown-toggle.btn-material-teal { + background-color: #009688; +} +.open > .dropdown-toggle.btn-material-lightgreen { + background-color: #8bc34a; +} +.open > .dropdown-toggle.btn-material-lime { + background-color: #cddc39; +} +.open > .dropdown-toggle.btn-material-lightyellow { + background-color: #ffeb3b; +} +.open > .dropdown-toggle.btn-material-orange { + background-color: #ff9800; +} +.open > .dropdown-toggle.btn-material-deeporange { + background-color: #ff5722; +} +.open > .dropdown-toggle.btn-material-grey { + background-color: #9e9e9e; +} +.open > .dropdown-toggle.btn-material-bluegrey { + background-color: #607d8b; +} +.open > .dropdown-toggle.btn-material-brown { + background-color: #795548; +} +.open > .dropdown-toggle.btn-material-lightgrey { + background-color: #ececec; +} +.btn-flat { + box-shadow: none !important; +} +.btn-flat.btn-default:hover { + background: none; +} +.btn-group, +.btn-group-vertical { + position: relative; + border-radius: 4px; + margin: 10px 1px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); +} +.btn-group:active:not(.btn-link), +.btn-group-vertical:active:not(.btn-link) { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); +} +.btn-group.open .dropdown-toggle, +.btn-group-vertical.open .dropdown-toggle { + box-shadow: none; +} +.btn-group.btn-group-raised, +.btn-group-vertical.btn-group-raised { + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); +} +.btn-group.btn-group-raised:active:not(.btn-link), +.btn-group-vertical.btn-group-raised:active:not(.btn-link) { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); +} +.btn-group .btn, +.btn-group-vertical .btn, +.btn-group .btn:active, +.btn-group-vertical .btn:active, +.btn-group .btn-group, +.btn-group-vertical .btn-group { + box-shadow: none !important; + margin: 0; +} +.btn-group .btn:active .caret, +.btn-group-vertical .btn:active .caret { + margin-left: -1px; +} +.btn-group-flat { + box-shadow: none !important; +} +.btn-fab { + margin: 0; + padding: 15px; + font-size: 26px; + width: 56px; + height: 56px; +} +.btn-fab, +.btn-fab:hover, +.btn-fab-default, +.btn-fab:hover-default { + background-color: transparent; +} +.btn-fab-primary, +.btn-fab:hover-primary { + background-color: #4285f4; +} +.btn-fab-success, +.btn-fab:hover-success { + background-color: #0f9d58; +} +.btn-fab-info, +.btn-fab:hover-info { + background-color: #03a9f4; +} +.btn-fab-warning, +.btn-fab:hover-warning { + background-color: #ff5722; +} +.btn-fab-danger, +.btn-fab:hover-danger { + background-color: #f44336; +} +.btn-fab-material-red, +.btn-fab:hover-material-red { + background-color: #f44336; +} +.btn-fab-material-pink, +.btn-fab:hover-material-pink { + background-color: #e91e63; +} +.btn-fab-material-purple, +.btn-fab:hover-material-purple { + background-color: #9c27b0; +} +.btn-fab-material-deeppurple, +.btn-fab:hover-material-deeppurple { + background-color: #673ab7; +} +.btn-fab-material-indigo, +.btn-fab:hover-material-indigo { + background-color: #3f51b5; +} +.btn-fab-material-lightblue, +.btn-fab:hover-material-lightblue { + background-color: #03a9f4; +} +.btn-fab-material-cyan, +.btn-fab:hover-material-cyan { + background-color: #00bcd4; +} +.btn-fab-material-teal, +.btn-fab:hover-material-teal { + background-color: #009688; +} +.btn-fab-material-lightgreen, +.btn-fab:hover-material-lightgreen { + background-color: #8bc34a; +} +.btn-fab-material-lime, +.btn-fab:hover-material-lime { + background-color: #cddc39; +} +.btn-fab-material-lightyellow, +.btn-fab:hover-material-lightyellow { + background-color: #ffeb3b; +} +.btn-fab-material-orange, +.btn-fab:hover-material-orange { + background-color: #ff9800; +} +.btn-fab-material-deeporange, +.btn-fab:hover-material-deeporange { + background-color: #ff5722; +} +.btn-fab-material-grey, +.btn-fab:hover-material-grey { + background-color: #9e9e9e; +} +.btn-fab-material-bluegrey, +.btn-fab:hover-material-bluegrey { + background-color: #607d8b; +} +.btn-fab-material-brown, +.btn-fab:hover-material-brown { + background-color: #795548; +} +.btn-fab-material-lightgrey, +.btn-fab:hover-material-lightgrey { + background-color: #ececec; +} +.btn-fab, +.btn-fab .ripple-wrapper { + border-radius: 100%; +} +.btn-fab.btn-mini { + width: 40px; + height: 40px; + padding: 13px; + font-size: 15px; +} +.form-horizontal .checkbox { + padding-top: 15px; +} +.checkbox { + transform: rotate(0deg); +} +.checkbox label { + cursor: pointer; + padding-left: 45px; + position: relative; +} +.checkbox label span { + display: block; + position: absolute; + left: 0px; + transition-duration: 0.2s; +} +.checkbox label .check:after { + display: block; + position: absolute; + content: ""; + background-color: rgba(0, 0, 0, 0.84); + left: -5px; + top: -15px; + height: 50px; + width: 50px; + border-radius: 100%; + z-index: 1; + opacity: 0; + margin: 0; +} +.checkbox label .check:before { + display: block; + content: ""; + border: 2px solid rgba(0, 0, 0, 0.84); + height: 20px; + width: 20px; + transition-delay: 0.2s; +} +.checkbox .check, +.checkbox-default .check { + color: #0f9d58; +} +.checkbox-primary .check { + color: #4285f4; +} +.checkbox-success .check { + color: #0f9d58; +} +.checkbox-info .check { + color: #03a9f4; +} +.checkbox-warning .check { + color: #ff5722; +} +.checkbox-danger .check { + color: #f44336; +} +.checkbox-material-red .check { + color: #f44336; +} +.checkbox-material-pink .check { + color: #e91e63; +} +.checkbox-material-purple .check { + color: #9c27b0; +} +.checkbox-material-deeppurple .check { + color: #673ab7; +} +.checkbox-material-indigo .check { + color: #3f51b5; +} +.checkbox-material-lightblue .check { + color: #03a9f4; +} +.checkbox-material-cyan .check { + color: #00bcd4; +} +.checkbox-material-teal .check { + color: #009688; +} +.checkbox-material-lightgreen .check { + color: #8bc34a; +} +.checkbox-material-lime .check { + color: #cddc39; +} +.checkbox-material-lightyellow .check { + color: #ffeb3b; +} +.checkbox-material-orange .check { + color: #ff9800; +} +.checkbox-material-deeporange .check { + color: #ff5722; +} +.checkbox-material-grey .check { + color: #9e9e9e; +} +.checkbox-material-bluegrey .check { + color: #607d8b; +} +.checkbox-material-brown .check { + color: #795548; +} +.checkbox-material-lightgrey .check { + color: #ececec; +} +.checkbox input[type=checkbox] { + opacity: 0; +} +.checkbox input[type=checkbox] ~ .check:before { + position: absolute; + top: 2px; + left: 11px; + width: 18px; + height: 18px; + border: solid 2px; + border-color: #5a5a5a; + animation: uncheck 300ms ease-out forwards; +} +.checkbox input[type=checkbox]:focus ~ .check:after { + opacity: 0.2; +} +.checkbox input[type=checkbox]:checked ~ .check:before { + animation: check 300ms ease-out forwards; +} +.checkbox input[type=checkbox]:not(:checked) ~ .check:after { + animation: rippleOff 500ms linear forwards; +} +.checkbox input[type=checkbox]:checked ~ .check:after { + animation: rippleOn 500ms linear forwards; +} +.checkbox:not(:hover) input[type=checkbox] ~ .check:before, +.checkbox:not(:hover) input[type=checkbox] ~ .check:after { + animation-duration: 1ms; +} +.checkbox input[type=checkbox][disabled]:not(:checked) ~ .check:before { + opacity: 0.5; +} +.checkbox input[type=checkbox][disabled] ~ .check:after { + background-color: rgba(0, 0, 0, 0.84); + transform: rotate(-45deg); +} +.checkbox input[type=checkbox]:checked ~ .check:after, +.checkbox-default input[type=checkbox]:checked ~ .check:after { + background-color: #0f9d58; +} +.checkbox-primary input[type=checkbox]:checked ~ .check:after { + background-color: #4285f4; +} +.checkbox-success input[type=checkbox]:checked ~ .check:after { + background-color: #0f9d58; +} +.checkbox-info input[type=checkbox]:checked ~ .check:after { + background-color: #03a9f4; +} +.checkbox-warning input[type=checkbox]:checked ~ .check:after { + background-color: #ff5722; +} +.checkbox-danger input[type=checkbox]:checked ~ .check:after { + background-color: #f44336; +} +.checkbox-material-red input[type=checkbox]:checked ~ .check:after { + background-color: #f44336; +} +.checkbox-material-pink input[type=checkbox]:checked ~ .check:after { + background-color: #e91e63; +} +.checkbox-material-purple input[type=checkbox]:checked ~ .check:after { + background-color: #9c27b0; +} +.checkbox-material-deeppurple input[type=checkbox]:checked ~ .check:after { + background-color: #673ab7; +} +.checkbox-material-indigo input[type=checkbox]:checked ~ .check:after { + background-color: #3f51b5; +} +.checkbox-material-lightblue input[type=checkbox]:checked ~ .check:after { + background-color: #03a9f4; +} +.checkbox-material-cyan input[type=checkbox]:checked ~ .check:after { + background-color: #00bcd4; +} +.checkbox-material-teal input[type=checkbox]:checked ~ .check:after { + background-color: #009688; +} +.checkbox-material-lightgreen input[type=checkbox]:checked ~ .check:after { + background-color: #8bc34a; +} +.checkbox-material-lime input[type=checkbox]:checked ~ .check:after { + background-color: #cddc39; +} +.checkbox-material-lightyellow input[type=checkbox]:checked ~ .check:after { + background-color: #ffeb3b; +} +.checkbox-material-orange input[type=checkbox]:checked ~ .check:after { + background-color: #ff9800; +} +.checkbox-material-deeporange input[type=checkbox]:checked ~ .check:after { + background-color: #ff5722; +} +.checkbox-material-grey input[type=checkbox]:checked ~ .check:after { + background-color: #9e9e9e; +} +.checkbox-material-bluegrey input[type=checkbox]:checked ~ .check:after { + background-color: #607d8b; +} +.checkbox-material-brown input[type=checkbox]:checked ~ .check:after { + background-color: #795548; +} +.checkbox-material-lightgrey input[type=checkbox]:checked ~ .check:after { + background-color: #ececec; +} +@keyframes uncheck { + 0% { + top: -3px; + left: 17px; + width: 10px; + height: 21px; + border-color: #0f9d58; + border-left-color: transparent; + border-top-color: transparent; + transform: rotate(45deg); + } + 50% { + top: 14px; + left: 17px; + width: 4px; + height: 4px; + transform: rotate(45deg); + border-color: #0f9d58; + border-left-color: transparent; + border-top-color: transparent; + } + 51% { + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } + 100% { + top: 1px; + left: 12px; + width: 18px; + height: 18px; + transform: rotate(0deg); + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } +} +@keyframes check { + 100% { + top: -3px; + left: 17px; + width: 10px; + height: 21px; + transform: rotate(45deg); + border-color: #0f9d58; + border-left-color: transparent; + border-top-color: transparent; + } + 51% { + border-left: transparent; + border-top-color: transparent; + } + 50% { + top: 14px; + left: 17px; + width: 4px; + height: 4px; + transform: rotate(45deg); + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } + 0% { + top: 1px; + left: 12px; + width: 18px; + height: 18px; + transform: rotate(0deg); + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } +} +@keyframes rippleOn { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +@keyframes rippleOff { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +.form-horizontal .radio { + margin-bottom: 10px; +} +.radio label { + cursor: pointer; + padding-left: 45px; + position: relative; +} +.radio label span { + display: block; + position: absolute; + left: 10px; + top: 2px; + transition-duration: 0.2s; +} +.radio label .circle { + border: 2px solid rgba(0, 0, 0, 0.84); + height: 15px; + width: 15px; + border-radius: 100%; +} +.radio label .check { + height: 15px; + width: 15px; + border-radius: 100%; + background-color: rgba(0, 0, 0, 0.84); + transform: scale(0); +} +.radio label .check:after { + display: block; + position: absolute; + content: ""; + background-color: rgba(0, 0, 0, 0.84); + left: -18px; + top: -18px; + height: 50px; + width: 50px; + border-radius: 100%; + z-index: 1; + opacity: 0; + margin: 0; + transform: scale(1.5); +} +.radio label input[type=radio]:not(:checked) ~ .check:after { + animation: rippleOff 500ms; +} +.radio label input[type=radio]:checked ~ .check:after { + animation: rippleOn 500ms; +} +.radio input[type=radio]:checked ~ .check, +.radio-default input[type=radio]:checked ~ .check { + background-color: rgba(0, 0, 0, 0.84); +} +.radio-primary input[type=radio]:checked ~ .check { + background-color: #4285f4; +} +.radio-success input[type=radio]:checked ~ .check { + background-color: #0f9d58; +} +.radio-info input[type=radio]:checked ~ .check { + background-color: #03a9f4; +} +.radio-warning input[type=radio]:checked ~ .check { + background-color: #ff5722; +} +.radio-danger input[type=radio]:checked ~ .check { + background-color: #f44336; +} +.radio-material-red input[type=radio]:checked ~ .check { + background-color: #f44336; +} +.radio-material-pink input[type=radio]:checked ~ .check { + background-color: #e91e63; +} +.radio-material-purple input[type=radio]:checked ~ .check { + background-color: #9c27b0; +} +.radio-material-deeppurple input[type=radio]:checked ~ .check { + background-color: #673ab7; +} +.radio-material-indigo input[type=radio]:checked ~ .check { + background-color: #3f51b5; +} +.radio-material-lightblue input[type=radio]:checked ~ .check { + background-color: #03a9f4; +} +.radio-material-cyan input[type=radio]:checked ~ .check { + background-color: #00bcd4; +} +.radio-material-teal input[type=radio]:checked ~ .check { + background-color: #009688; +} +.radio-material-lightgreen input[type=radio]:checked ~ .check { + background-color: #8bc34a; +} +.radio-material-lime input[type=radio]:checked ~ .check { + background-color: #cddc39; +} +.radio-material-lightyellow input[type=radio]:checked ~ .check { + background-color: #ffeb3b; +} +.radio-material-orange input[type=radio]:checked ~ .check { + background-color: #ff9800; +} +.radio-material-deeporange input[type=radio]:checked ~ .check { + background-color: #ff5722; +} +.radio-material-grey input[type=radio]:checked ~ .check { + background-color: #9e9e9e; +} +.radio-material-bluegrey input[type=radio]:checked ~ .check { + background-color: #607d8b; +} +.radio-material-brown input[type=radio]:checked ~ .check { + background-color: #795548; +} +.radio-material-lightgrey input[type=radio]:checked ~ .check { + background-color: #ececec; +} +.radio input[type=radio]:checked ~ .circle, +.radio-default input[type=radio]:checked ~ .circle { + border-color: rgba(0, 0, 0, 0.84); +} +.radio-primary input[type=radio]:checked ~ .circle { + border-color: #4285f4; +} +.radio-success input[type=radio]:checked ~ .circle { + border-color: #0f9d58; +} +.radio-info input[type=radio]:checked ~ .circle { + border-color: #03a9f4; +} +.radio-warning input[type=radio]:checked ~ .circle { + border-color: #ff5722; +} +.radio-danger input[type=radio]:checked ~ .circle { + border-color: #f44336; +} +.radio-material-red input[type=radio]:checked ~ .circle { + border-color: #f44336; +} +.radio-material-pink input[type=radio]:checked ~ .circle { + border-color: #e91e63; +} +.radio-material-purple input[type=radio]:checked ~ .circle { + border-color: #9c27b0; +} +.radio-material-deeppurple input[type=radio]:checked ~ .circle { + border-color: #673ab7; +} +.radio-material-indigo input[type=radio]:checked ~ .circle { + border-color: #3f51b5; +} +.radio-material-lightblue input[type=radio]:checked ~ .circle { + border-color: #03a9f4; +} +.radio-material-cyan input[type=radio]:checked ~ .circle { + border-color: #00bcd4; +} +.radio-material-teal input[type=radio]:checked ~ .circle { + border-color: #009688; +} +.radio-material-lightgreen input[type=radio]:checked ~ .circle { + border-color: #8bc34a; +} +.radio-material-lime input[type=radio]:checked ~ .circle { + border-color: #cddc39; +} +.radio-material-lightyellow input[type=radio]:checked ~ .circle { + border-color: #ffeb3b; +} +.radio-material-orange input[type=radio]:checked ~ .circle { + border-color: #ff9800; +} +.radio-material-deeporange input[type=radio]:checked ~ .circle { + border-color: #ff5722; +} +.radio-material-grey input[type=radio]:checked ~ .circle { + border-color: #9e9e9e; +} +.radio-material-bluegrey input[type=radio]:checked ~ .circle { + border-color: #607d8b; +} +.radio-material-brown input[type=radio]:checked ~ .circle { + border-color: #795548; +} +.radio-material-lightgrey input[type=radio]:checked ~ .circle { + border-color: #ececec; +} +.radio input[type=radio][disabled] ~ .check, +.radio input[type=radio][disabled] ~ .circle { + opacity: 0.5; +} +.radio input[type=radio] { + display: none; +} +.radio input[type=radio]:checked ~ .check { + transform: scale(0.55); +} +.radio input[type=radio][disabled] ~ .circle { + border-color: rgba(0, 0, 0, 0.84); +} +.radio input[type=radio][disabled] ~ .check { + background-color: rgba(0, 0, 0, 0.84); +} +@keyframes rippleOn { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +@keyframes rippleOff { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +fieldset[disabled] .form-control, +.form-control-wrapper .form-control, +.form-control, +fieldset[disabled] .form-control:focus, +.form-control-wrapper .form-control:focus, +.form-control:focus, +fieldset[disabled] .form-control.focus, +.form-control-wrapper .form-control.focus, +.form-control.focus { + padding: 0; + float: none; + border: 0; + box-shadow: none; + border-radius: 0; + background: transparent; + border-bottom: 1px solid #757575; +} +fieldset[disabled] .form-control:not(textarea):not(select), +.form-control-wrapper .form-control:not(textarea):not(select), +.form-control:not(textarea):not(select), +fieldset[disabled] .form-control:focus:not(textarea):not(select), +.form-control-wrapper .form-control:focus:not(textarea):not(select), +.form-control:focus:not(textarea):not(select), +fieldset[disabled] .form-control.focus:not(textarea):not(select), +.form-control-wrapper .form-control.focus:not(textarea):not(select), +.form-control.focus:not(textarea):not(select) { + height: 28px; +} +fieldset[disabled] .form-control:disabled, +.form-control-wrapper .form-control:disabled, +.form-control:disabled, +fieldset[disabled] .form-control:focus:disabled, +.form-control-wrapper .form-control:focus:disabled, +.form-control:focus:disabled, +fieldset[disabled] .form-control.focus:disabled, +.form-control-wrapper .form-control.focus:disabled, +.form-control.focus:disabled { + border-style: dashed; +} +select.form-control { + height: 23px; +} +select[multiple].form-control, +select[multiple].form-control:focus, +select[multiple].form-control.focus { + height: 85px; +} +.form-control-wrapper { + position: relative; + /* active state */ +} +.form-control-wrapper .form-control:focus, +.form-control-wrapper .form-control.focus { + outline: none; +} +.form-control-wrapper .floating-label { + color: #7E7E7E; + font-size: 14px; + position: absolute; + pointer-events: none; + left: 0px; + top: 5px; + transition: 0.2s ease all; + opacity: 0; +} +.form-control-wrapper .form-control:not(.empty) ~ .floating-label { + top: -10px; + font-size: 10px; + opacity: 1; +} +.form-control-wrapper .form-control:focus:invalid ~ .floating-label, +.form-control-wrapper .form-control.focus:invalid ~ .floating-label { + color: #f44336; +} +.form-control-wrapper .form-control:focus ~ .material-input:after, +.form-control-wrapper .form-control.focus ~ .material-input:after { + background-color: #5264ae; +} +.form-control-wrapper .form-control:focus:invalid ~ .material-input:before, +.form-control-wrapper .form-control.focus:invalid ~ .material-input:before, +.form-control-wrapper .form-control:focus:invalid ~ .material-input:after, +.form-control-wrapper .form-control.focus:invalid ~ .material-input:after { + background-color: #f44336; +} +.form-control-wrapper .form-control.empty ~ .floating-label { + opacity: 1; +} +.form-control-wrapper .material-input:before { + position: absolute; + content: ""; + width: 100%; + left: 0; + height: 2px; + background-color: #5264ae; + bottom: -1px; + transform: scaleX(0); + transition: transform 0s; +} +.form-control-wrapper .form-control:focus ~ .material-input:before, +.form-control-wrapper .form-control.focus ~ .material-input:before { + transform: scaleX(1); + transition: transform 0.2s ease-out; +} +.form-control-wrapper .material-input:after { + content: ""; + position: absolute; + height: 18px; + width: 100px; + margin-top: -1px; + top: 7px; + left: 0; + pointer-events: none; + opacity: 0.9; + transform-origin: left; +} +.form-control-wrapper .input-lg ~ .material-input:after { + height: 26px; +} +.form-control-wrapper textarea { + resize: none; +} +.form-control-wrapper textarea ~ .form-control-highlight { + margin-top: -11px; +} +.form-control-wrapper .form-control:focus ~ .material-input:after, +.form-control-wrapper .form-control.focus ~ .material-input:after { + animation: input-highlight 0.3s ease; + animation-fill-mode: forwards; + opacity: 0; +} +.form-control-wrapper select ~ .material-input:after { + display: none; +} +.form-group.has-warning .material-input:before, +.form-group.has-warning input.form-control:focus ~ .material-input:after, +.form-group.has-warning input.form-control.focus ~ .material-input:after { + background: #ff5722; +} +.form-group.has-warning .control-label, +.form-group.has-warning input.form-control:not(.empty) ~ .floating-label { + color: #ff5722; +} +.form-group.has-error .material-input:before, +.form-group.has-error input.form-control:focus ~ .material-input:after, +.form-group.has-error input.form-control.focus ~ .material-input:after { + background: #f44336; +} +.form-group.has-error .control-label, +.form-group.has-error input.form-control:not(.empty) ~ .floating-label { + color: #f44336; +} +.form-group.has-success .material-input:before, +.form-group.has-success input.form-control:focus ~ .material-input:after, +.form-group.has-success input.form-control.focus ~ .material-input:after { + background: #0f9d58; +} +.form-group.has-success .control-label, +.form-group.has-success input.form-control:not(.empty) ~ .floating-label { + color: #0f9d58; +} +.form-group.has-info .material-input:before, +.form-group.has-info input.form-control:focus ~ .material-input:after, +.form-group.has-info input.form-control.focus ~ .material-input:after { + background: #03a9f4; +} +.form-group.has-info .control-label, +.form-group.has-info input.form-control:not(.empty) ~ .floating-label { + color: #03a9f4; +} +.form-group .material-input:before, +.form-group-default .material-input:before { + background-color: #3f51b5; +} +.form-group-primary .material-input:before { + background-color: #4285f4; +} +.form-group-success .material-input:before { + background-color: #0f9d58; +} +.form-group-info .material-input:before { + background-color: #03a9f4; +} +.form-group-warning .material-input:before { + background-color: #ff5722; +} +.form-group-danger .material-input:before { + background-color: #f44336; +} +.form-group-material-red .material-input:before { + background-color: #f44336; +} +.form-group-material-pink .material-input:before { + background-color: #e91e63; +} +.form-group-material-purple .material-input:before { + background-color: #9c27b0; +} +.form-group-material-deeppurple .material-input:before { + background-color: #673ab7; +} +.form-group-material-indigo .material-input:before { + background-color: #3f51b5; +} +.form-group-material-lightblue .material-input:before { + background-color: #03a9f4; +} +.form-group-material-cyan .material-input:before { + background-color: #00bcd4; +} +.form-group-material-teal .material-input:before { + background-color: #009688; +} +.form-group-material-lightgreen .material-input:before { + background-color: #8bc34a; +} +.form-group-material-lime .material-input:before { + background-color: #cddc39; +} +.form-group-material-lightyellow .material-input:before { + background-color: #ffeb3b; +} +.form-group-material-orange .material-input:before { + background-color: #ff9800; +} +.form-group-material-deeporange .material-input:before { + background-color: #ff5722; +} +.form-group-material-grey .material-input:before { + background-color: #9e9e9e; +} +.form-group-material-bluegrey .material-input:before { + background-color: #607d8b; +} +.form-group-material-brown .material-input:before { + background-color: #795548; +} +.form-group-material-lightgrey .material-input:before { + background-color: #ececec; +} +.form-group input.form-control:focus ~ .material-input:after, +.form-group-default input.form-control:focus ~ .material-input:after { + background-color: #3f51b5; +} +.form-group-primary input.form-control:focus ~ .material-input:after { + background-color: #4285f4; +} +.form-group-success input.form-control:focus ~ .material-input:after { + background-color: #0f9d58; +} +.form-group-info input.form-control:focus ~ .material-input:after { + background-color: #03a9f4; +} +.form-group-warning input.form-control:focus ~ .material-input:after { + background-color: #ff5722; +} +.form-group-danger input.form-control:focus ~ .material-input:after { + background-color: #f44336; +} +.form-group-material-red input.form-control:focus ~ .material-input:after { + background-color: #f44336; +} +.form-group-material-pink input.form-control:focus ~ .material-input:after { + background-color: #e91e63; +} +.form-group-material-purple input.form-control:focus ~ .material-input:after { + background-color: #9c27b0; +} +.form-group-material-deeppurple input.form-control:focus ~ .material-input:after { + background-color: #673ab7; +} +.form-group-material-indigo input.form-control:focus ~ .material-input:after { + background-color: #3f51b5; +} +.form-group-material-lightblue input.form-control:focus ~ .material-input:after { + background-color: #03a9f4; +} +.form-group-material-cyan input.form-control:focus ~ .material-input:after { + background-color: #00bcd4; +} +.form-group-material-teal input.form-control:focus ~ .material-input:after { + background-color: #009688; +} +.form-group-material-lightgreen input.form-control:focus ~ .material-input:after { + background-color: #8bc34a; +} +.form-group-material-lime input.form-control:focus ~ .material-input:after { + background-color: #cddc39; +} +.form-group-material-lightyellow input.form-control:focus ~ .material-input:after { + background-color: #ffeb3b; +} +.form-group-material-orange input.form-control:focus ~ .material-input:after { + background-color: #ff9800; +} +.form-group-material-deeporange input.form-control:focus ~ .material-input:after { + background-color: #ff5722; +} +.form-group-material-grey input.form-control:focus ~ .material-input:after { + background-color: #9e9e9e; +} +.form-group-material-bluegrey input.form-control:focus ~ .material-input:after { + background-color: #607d8b; +} +.form-group-material-brown input.form-control:focus ~ .material-input:after { + background-color: #795548; +} +.form-group-material-lightgrey input.form-control:focus ~ .material-input:after { + background-color: #ececec; +} +.form-group input.form-control.focus ~ .material-input:after, +.form-group-default input.form-control.focus ~ .material-input:after { + background-color: #3f51b5; +} +.form-group-primary input.form-control.focus ~ .material-input:after { + background-color: #4285f4; +} +.form-group-success input.form-control.focus ~ .material-input:after { + background-color: #0f9d58; +} +.form-group-info input.form-control.focus ~ .material-input:after { + background-color: #03a9f4; +} +.form-group-warning input.form-control.focus ~ .material-input:after { + background-color: #ff5722; +} +.form-group-danger input.form-control.focus ~ .material-input:after { + background-color: #f44336; +} +.form-group-material-red input.form-control.focus ~ .material-input:after { + background-color: #f44336; +} +.form-group-material-pink input.form-control.focus ~ .material-input:after { + background-color: #e91e63; +} +.form-group-material-purple input.form-control.focus ~ .material-input:after { + background-color: #9c27b0; +} +.form-group-material-deeppurple input.form-control.focus ~ .material-input:after { + background-color: #673ab7; +} +.form-group-material-indigo input.form-control.focus ~ .material-input:after { + background-color: #3f51b5; +} +.form-group-material-lightblue input.form-control.focus ~ .material-input:after { + background-color: #03a9f4; +} +.form-group-material-cyan input.form-control.focus ~ .material-input:after { + background-color: #00bcd4; +} +.form-group-material-teal input.form-control.focus ~ .material-input:after { + background-color: #009688; +} +.form-group-material-lightgreen input.form-control.focus ~ .material-input:after { + background-color: #8bc34a; +} +.form-group-material-lime input.form-control.focus ~ .material-input:after { + background-color: #cddc39; +} +.form-group-material-lightyellow input.form-control.focus ~ .material-input:after { + background-color: #ffeb3b; +} +.form-group-material-orange input.form-control.focus ~ .material-input:after { + background-color: #ff9800; +} +.form-group-material-deeporange input.form-control.focus ~ .material-input:after { + background-color: #ff5722; +} +.form-group-material-grey input.form-control.focus ~ .material-input:after { + background-color: #9e9e9e; +} +.form-group-material-bluegrey input.form-control.focus ~ .material-input:after { + background-color: #607d8b; +} +.form-group-material-brown input.form-control.focus ~ .material-input:after { + background-color: #795548; +} +.form-group-material-lightgrey input.form-control.focus ~ .material-input:after { + background-color: #ececec; +} +.form-group .control-label, +.form-group-default .control-label { + color: rgba(0, 0, 0, 0.84); +} +.form-group-primary .control-label { + color: #4285f4; +} +.form-group-success .control-label { + color: #0f9d58; +} +.form-group-info .control-label { + color: #03a9f4; +} +.form-group-warning .control-label { + color: #ff5722; +} +.form-group-danger .control-label { + color: #f44336; +} +.form-group-material-red .control-label { + color: #f44336; +} +.form-group-material-pink .control-label { + color: #e91e63; +} +.form-group-material-purple .control-label { + color: #9c27b0; +} +.form-group-material-deeppurple .control-label { + color: #673ab7; +} +.form-group-material-indigo .control-label { + color: #3f51b5; +} +.form-group-material-lightblue .control-label { + color: #03a9f4; +} +.form-group-material-cyan .control-label { + color: #00bcd4; +} +.form-group-material-teal .control-label { + color: #009688; +} +.form-group-material-lightgreen .control-label { + color: #8bc34a; +} +.form-group-material-lime .control-label { + color: #cddc39; +} +.form-group-material-lightyellow .control-label { + color: #ffeb3b; +} +.form-group-material-orange .control-label { + color: #ff9800; +} +.form-group-material-deeporange .control-label { + color: #ff5722; +} +.form-group-material-grey .control-label { + color: #9e9e9e; +} +.form-group-material-bluegrey .control-label { + color: #607d8b; +} +.form-group-material-brown .control-label { + color: #795548; +} +.form-group-material-lightgrey .control-label { + color: #ececec; +} +.form-group input.form-control:not(.empty) ~ .floating-label, +.form-group-default input.form-control:not(.empty) ~ .floating-label { + color: #3f51b5; +} +.form-group-primary input.form-control:not(.empty) ~ .floating-label { + color: #4285f4; +} +.form-group-success input.form-control:not(.empty) ~ .floating-label { + color: #0f9d58; +} +.form-group-info input.form-control:not(.empty) ~ .floating-label { + color: #03a9f4; +} +.form-group-warning input.form-control:not(.empty) ~ .floating-label { + color: #ff5722; +} +.form-group-danger input.form-control:not(.empty) ~ .floating-label { + color: #f44336; +} +.form-group-material-red input.form-control:not(.empty) ~ .floating-label { + color: #f44336; +} +.form-group-material-pink input.form-control:not(.empty) ~ .floating-label { + color: #e91e63; +} +.form-group-material-purple input.form-control:not(.empty) ~ .floating-label { + color: #9c27b0; +} +.form-group-material-deeppurple input.form-control:not(.empty) ~ .floating-label { + color: #673ab7; +} +.form-group-material-indigo input.form-control:not(.empty) ~ .floating-label { + color: #3f51b5; +} +.form-group-material-lightblue input.form-control:not(.empty) ~ .floating-label { + color: #03a9f4; +} +.form-group-material-cyan input.form-control:not(.empty) ~ .floating-label { + color: #00bcd4; +} +.form-group-material-teal input.form-control:not(.empty) ~ .floating-label { + color: #009688; +} +.form-group-material-lightgreen input.form-control:not(.empty) ~ .floating-label { + color: #8bc34a; +} +.form-group-material-lime input.form-control:not(.empty) ~ .floating-label { + color: #cddc39; +} +.form-group-material-lightyellow input.form-control:not(.empty) ~ .floating-label { + color: #ffeb3b; +} +.form-group-material-orange input.form-control:not(.empty) ~ .floating-label { + color: #ff9800; +} +.form-group-material-deeporange input.form-control:not(.empty) ~ .floating-label { + color: #ff5722; +} +.form-group-material-grey input.form-control:not(.empty) ~ .floating-label { + color: #9e9e9e; +} +.form-group-material-bluegrey input.form-control:not(.empty) ~ .floating-label { + color: #607d8b; +} +.form-group-material-brown input.form-control:not(.empty) ~ .floating-label { + color: #795548; +} +.form-group-material-lightgrey input.form-control:not(.empty) ~ .floating-label { + color: #ececec; +} +.input-group .form-control-wrapper { + margin-right: 5px; + margin-left: 5px; + bottom: -10px; +} +.input-group .form-control-wrapper .form-control { + float: none; +} +.input-group .input-group-addon { + border: 0; +} +.input-group .input-group-btn .btn { + border-radius: 4px; +} +select.form-control { + border: 0; + box-shadow: none; + border-bottom: 1px solid #757575; + border-radius: 0; +} +select.form-control:focus, +select.form-control.focus { + box-shadow: none; + border-color: #757575; +} +@keyframes input-highlight { + 0% { + left: 20%; + transform: scaleX(20%); + } + 99% { + transform: scaleX(0); + left: 0; + opacity: 1; + } + 100% { + opacity: 0; + } +} +.form-control-wrapper input[type=file] { + opacity: 0; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 100; +} +legend { + border-bottom: 0; +} +.modal-content { + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + border-radius: 0; + border: 0; +} +.modal-content .modal-header { + border-bottom: 0; +} +.modal-content .modal-footer { + border-top: 0; +} +.modal-content .modal-footer .btn + .btn { + margin-bottom: 10px; +} +.list-group { + border-radius: 0; +} +.list-group .list-group-item { + background-color: transparent; + overflow: hidden; + border: 0; + border-radius: 0; + padding: 0 16px; +} +.list-group .list-group-item .row-picture, +.list-group .list-group-item .row-action-primary { + float: left; + display: inline-block; + padding-right: 16px; +} +.list-group .list-group-item .row-picture img, +.list-group .list-group-item .row-action-primary img, +.list-group .list-group-item .row-picture i, +.list-group .list-group-item .row-action-primary i, +.list-group .list-group-item .row-picture label, +.list-group .list-group-item .row-action-primary label { + display: block; + width: 56px; + height: 56px; +} +.list-group .list-group-item .row-picture img, +.list-group .list-group-item .row-action-primary img { + background: rgba(0, 0, 0, 0.1); + padding: 1px; +} +.list-group .list-group-item .row-picture img.circle, +.list-group .list-group-item .row-action-primary img.circle { + border-radius: 100%; +} +.list-group .list-group-item .row-picture i, +.list-group .list-group-item .row-action-primary i { + background: rgba(0, 0, 0, 0.25); + border-radius: 100%; + text-align: center; + line-height: 56px; + font-size: 20px; + color: white; +} +.list-group .list-group-item .row-picture label, +.list-group .list-group-item .row-action-primary label { + margin-left: 7px; + margin-right: -7px; + margin-top: 5px; + margin-bottom: -5px; +} +.list-group .list-group-item .row-content { + display: inline-block; + width: calc(100% - 92px); + min-height: 66px; +} +.list-group .list-group-item .row-content .action-secondary { + position: absolute; + right: 16px; + top: 16px; +} +.list-group .list-group-item .row-content .action-secondary i { + font-size: 20px; + color: rgba(0, 0, 0, 0.25); + cursor: pointer; +} +.list-group .list-group-item .row-content .action-secondary ~ * { + max-width: calc(100% - 30px); +} +.list-group .list-group-item .row-content .least-content { + position: absolute; + right: 16px; + top: 0px; + color: rgba(0, 0, 0, 0.54); + font-size: 14px; +} +.list-group .list-group-item .list-group-item-heading { + color: rgba(0, 0, 0, 0.77); + font-size: 20px; + line-height: 29px; +} +.list-group .list-group-separator { + clear: both; + overflow: hidden; + margin-top: 10px; + margin-bottom: 10px; +} +.list-group .list-group-separator:before { + content: ""; + width: calc(100% - 90px); + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + float: right; +} +.navbar { + background-color: #4285f4; + border: 0; + border-radius: 0; +} +.navbar .navbar-brand { + position: relative; + height: 60px; + line-height: 30px; + color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-brand:hover, +.navbar .navbar-brand:focus { + color: rgba(255, 255, 255, 0.84); + background-color: transparent; +} +.navbar .navbar-text { + color: rgba(255, 255, 255, 0.84); + margin-top: 20px; + margin-bottom: 20px; +} +.navbar .navbar-nav > li > a { + color: rgba(255, 255, 255, 0.84); + padding-top: 20px; + padding-bottom: 20px; +} +.navbar .navbar-nav > li > a:hover, +.navbar .navbar-nav > li > a:focus { + color: rgba(255, 255, 255, 0.84); + background-color: transparent; +} +.navbar .navbar-nav > .active > a, +.navbar .navbar-nav > .active > a:hover, +.navbar .navbar-nav > .active > a:focus { + color: rgba(255, 255, 255, 0.84); + background-color: rgba(0, 0, 0, 0.05); +} +.navbar .navbar-nav > .disabled > a, +.navbar .navbar-nav > .disabled > a:hover, +.navbar .navbar-nav > .disabled > a:focus { + color: #e5e5e5; + background-color: transparent; +} +.navbar .navbar-toggle { + border-color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-toggle:hover, +.navbar .navbar-toggle:focus { + background-color: transparent; +} +.navbar .navbar-toggle .icon-bar { + background-color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-collapse, +.navbar .navbar-form { + border-color: rgba(0, 0, 0, 0.1); +} +.navbar .navbar-nav > .open > a, +.navbar .navbar-nav > .open > a:hover, +.navbar .navbar-nav > .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.84); +} +@media (max-width: 767px) { + .navbar .navbar-nav .open .dropdown-menu > .dropdown-header { + border: 0; + color: rgba(212, 212, 212, 0.84); + } + .navbar .navbar-nav .open .dropdown-menu .divider { + background-color: rgba(255, 255, 255, 0.84); + } + .navbar .navbar-nav .open .dropdown-menu > li > a { + color: rgba(255, 255, 255, 0.84); + } + .navbar .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar .navbar-nav .open .dropdown-menu > li > a:focus { + color: rgba(255, 255, 255, 0.84); + background-color: transparent; + } + .navbar .navbar-nav .open .dropdown-menu > .active > a, + .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar .navbar-nav .open .dropdown-menu > .active > a:focus { + color: rgba(255, 255, 255, 0.84); + background-color: rgba(0, 0, 0, 0.05); + } + .navbar .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #e5e5e5; + background-color: transparent; + } +} +.navbar .navbar-link { + color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-link:hover { + color: rgba(255, 255, 255, 0.84); +} +.navbar .btn-link { + color: rgba(255, 255, 255, 0.84); +} +.navbar .btn-link:hover, +.navbar .btn-link:focus { + color: rgba(255, 255, 255, 0.84); +} +.navbar .btn-link[disabled]:hover, +fieldset[disabled] .navbar .btn-link:hover, +.navbar .btn-link[disabled]:focus, +fieldset[disabled] .navbar .btn-link:focus { + color: #e5e5e5; +} +.navbar .navbar-form { + margin-top: 16px; +} +.navbar .navbar-form .form-control-wrapper .form-control, +.navbar .navbar-form .form-control { + border-color: rgba(255, 255, 255, 0.84); + color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-form .form-control-wrapper .material-input:before, +.navbar .navbar-form .form-control-wrapper input:focus ~ .material-input:after { + background-color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-form ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-form :-moz-placeholder { + color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-form ::-moz-placeholder { + color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-form :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.84); +} +.navbar, +.navbar-default { + background-color: #4285f4; +} +.navbar-primary { + background-color: #4285f4; +} +.navbar-success { + background-color: #0f9d58; +} +.navbar-info { + background-color: #03a9f4; +} +.navbar-warning { + background-color: #ff5722; +} +.navbar-danger { + background-color: #f44336; +} +.navbar-material-red { + background-color: #f44336; +} +.navbar-material-pink { + background-color: #e91e63; +} +.navbar-material-purple { + background-color: #9c27b0; +} +.navbar-material-deeppurple { + background-color: #673ab7; +} +.navbar-material-indigo { + background-color: #3f51b5; +} +.navbar-material-lightblue { + background-color: #03a9f4; +} +.navbar-material-cyan { + background-color: #00bcd4; +} +.navbar-material-teal { + background-color: #009688; +} +.navbar-material-lightgreen { + background-color: #8bc34a; +} +.navbar-material-lime { + background-color: #cddc39; +} +.navbar-material-lightyellow { + background-color: #ffeb3b; +} +.navbar-material-orange { + background-color: #ff9800; +} +.navbar-material-deeporange { + background-color: #ff5722; +} +.navbar-material-grey { + background-color: #9e9e9e; +} +.navbar-material-bluegrey { + background-color: #607d8b; +} +.navbar-material-brown { + background-color: #795548; +} +.navbar-material-lightgrey { + background-color: #ececec; +} +.navbar-inverse { + background-color: #3f51b5; +} +.navbar-material-white { + background-color: #FFF; +} +.navbar-material-white .navbar-brand, +.navbar-material-white .navbar-brand:hover, +.navbar-material-white .navbar-brand:focus { + color: rgba(0, 0, 0, 0.84); +} +.navbar-material-white .navbar-nav > li > a { + color: rgba(0, 0, 0, 0.84); +} +.navbar-material-white .navbar-nav > li > a:hover, +.navbar-material-white .navbar-nav > li > a:focus { + color: rgba(0, 0, 0, 0.84); + background-color: transparent; +} +.navbar-material-white .navbar-nav > .active > a, +.navbar-material-white .navbar-nav > .active > a:hover, +.navbar-material-white .navbar-nav > .active > a:focus { + color: rgba(0, 0, 0, 0.84); + background-color: rgba(0, 0, 0, 0.05); +} +.navbar-material-white .navbar-nav > .disabled > a, +.navbar-material-white .navbar-nav > .disabled > a:hover, +.navbar-material-white .navbar-nav > .disabled > a:focus { + color: rgba(0, 0, 0, 0.84); + background-color: transparent; +} +.navbar-material-white .navbar-nav > .open > a, +.navbar-material-white .navbar-nav > .open > a:hover, +.navbar-material-white .navbar-nav > .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(0, 0, 0, 0.84); +} +.dropdown-menu { + border: 0; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); +} +.dropdown-menu .divider { + background-color: rgba(229, 229, 229, 0.12); +} +.dropdown-menu li { + overflow: hidden; + position: relative; +} +.dropdown-menu li a:hover { + background: rgba(0, 0, 0, 0.08); +} +.alert { + border: 0px; + border-radius: 0; +} +.alert a, +.alert .alert-link { + color: #FFFFFF; +} +.alert, +.alert-default { + background-color: #ffffff; +} +.alert-primary { + background-color: #4285f4; +} +.alert-success { + background-color: #0f9d58; +} +.alert-info { + background-color: #03a9f4; +} +.alert-warning { + background-color: #ff5722; +} +.alert-danger { + background-color: #f44336; +} +.alert-material-red { + background-color: #f44336; +} +.alert-material-pink { + background-color: #e91e63; +} +.alert-material-purple { + background-color: #9c27b0; +} +.alert-material-deeppurple { + background-color: #673ab7; +} +.alert-material-indigo { + background-color: #3f51b5; +} +.alert-material-lightblue { + background-color: #03a9f4; +} +.alert-material-cyan { + background-color: #00bcd4; +} +.alert-material-teal { + background-color: #009688; +} +.alert-material-lightgreen { + background-color: #8bc34a; +} +.alert-material-lime { + background-color: #cddc39; +} +.alert-material-lightyellow { + background-color: #ffeb3b; +} +.alert-material-orange { + background-color: #ff9800; +} +.alert-material-deeporange { + background-color: #ff5722; +} +.alert-material-grey { + background-color: #9e9e9e; +} +.alert-material-bluegrey { + background-color: #607d8b; +} +.alert-material-brown { + background-color: #795548; +} +.alert-material-lightgrey { + background-color: #ececec; +} +.alert-info, +.alert-danger, +.alert-warning, +.alert-success { + color: #FFFFFF; +} +.alert-default a, +.alert-default .alert-link { + color: #000000; +} +.progress { + height: 4px; + border-radius: 0; + box-shadow: none; + background: #c8c8c8; +} +.progress .progress-bar { + box-shadow: none; +} +.progress .progress-bar, +.progress .progress-bar-default { + background-color: #4285f4; +} +.progress .progress-bar-primary { + background-color: #4285f4; +} +.progress .progress-bar-success { + background-color: #0f9d58; +} +.progress .progress-bar-info { + background-color: #03a9f4; +} +.progress .progress-bar-warning { + background-color: #ff5722; +} +.progress .progress-bar-danger { + background-color: #f44336; +} +.progress .progress-bar-material-red { + background-color: #f44336; +} +.progress .progress-bar-material-pink { + background-color: #e91e63; +} +.progress .progress-bar-material-purple { + background-color: #9c27b0; +} +.progress .progress-bar-material-deeppurple { + background-color: #673ab7; +} +.progress .progress-bar-material-indigo { + background-color: #3f51b5; +} +.progress .progress-bar-material-lightblue { + background-color: #03a9f4; +} +.progress .progress-bar-material-cyan { + background-color: #00bcd4; +} +.progress .progress-bar-material-teal { + background-color: #009688; +} +.progress .progress-bar-material-lightgreen { + background-color: #8bc34a; +} +.progress .progress-bar-material-lime { + background-color: #cddc39; +} +.progress .progress-bar-material-lightyellow { + background-color: #ffeb3b; +} +.progress .progress-bar-material-orange { + background-color: #ff9800; +} +.progress .progress-bar-material-deeporange { + background-color: #ff5722; +} +.progress .progress-bar-material-grey { + background-color: #9e9e9e; +} +.progress .progress-bar-material-bluegrey { + background-color: #607d8b; +} +.progress .progress-bar-material-brown { + background-color: #795548; +} +.progress .progress-bar-material-lightgrey { + background-color: #ececec; +} +.text-warning { + color: #ff5722; +} +.text-primary { + color: #4285f4; +} +.text-danger { + color: #f44336; +} +.text-success { + color: #0f9d58; +} +.text-info { + color: #03a9f4; +} +.nav-tabs { + background: #4285f4; +} +.nav-tabs > li > a { + color: #FFFFFF; + border: 0; + margin: 0; +} +.nav-tabs > li > a:hover { + background: transparent; + border: 0; +} +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover, +.nav-tabs > li.open > a, +.nav-tabs > li.open > a:hover { + background: transparent !important; + border: 0 !important; + color: #FFFFFF !important; + font-weight: 500; +} +.nav-tabs > li.disabled > a, +.nav-tabs > li.disabled > a:hover { + color: rgba(255, 255, 255, 0.5); +} +.popover, +.tooltip-inner { + background: #323232; + color: #FFF; + border-radius: 2px; +} +.tooltip, +.tooltip.in { + opacity: 1; +} +.popover.left .arrow:after, +.tooltip.left .arrow:after, +.popover.left .tooltip-arrow, +.tooltip.left .tooltip-arrow { + border-left-color: #323232; +} +.popover.right .arrow:after, +.tooltip.right .arrow:after, +.popover.right .tooltip-arrow, +.tooltip.right .tooltip-arrow { + border-right-color: #323232; +} +.popover.top .arrow:after, +.tooltip.top .arrow:after, +.popover.top .tooltip-arrow, +.tooltip.top .tooltip-arrow { + border-top-color: #323232; +} +.popover.bottom .arrow:after, +.tooltip.bottom .arrow:after, +.popover.bottom .tooltip-arrow, +.tooltip.bottom .tooltip-arrow { + border-bottom-color: #323232; +} +.icon, +.icon-default { + color: rgba(0, 0, 0, 0.84); +} +.icon-primary { + color: #4285f4; +} +.icon-success { + color: #0f9d58; +} +.icon-info { + color: #03a9f4; +} +.icon-warning { + color: #ff5722; +} +.icon-danger { + color: #f44336; +} +.icon-material-red { + color: #f44336; +} +.icon-material-pink { + color: #e91e63; +} +.icon-material-purple { + color: #9c27b0; +} +.icon-material-deeppurple { + color: #673ab7; +} +.icon-material-indigo { + color: #3f51b5; +} +.icon-material-lightblue { + color: #03a9f4; +} +.icon-material-cyan { + color: #00bcd4; +} +.icon-material-teal { + color: #009688; +} +.icon-material-lightgreen { + color: #8bc34a; +} +.icon-material-lime { + color: #cddc39; +} +.icon-material-lightyellow { + color: #ffeb3b; +} +.icon-material-orange { + color: #ff9800; +} +.icon-material-deeporange { + color: #ff5722; +} +.icon-material-grey { + color: #9e9e9e; +} +.icon-material-bluegrey { + color: #607d8b; +} +.icon-material-brown { + color: #795548; +} +.icon-material-lightgrey { + color: #ececec; +} +.snackbar { + background-color: #323232; + color: rgba(255, 255, 255, 0.84); + font-size: 14px; + border-radius: 2px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + height: 0; + transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s; + transform: translateY(200%); +} +.snackbar.snackbar-opened { + padding: 14px 15px; + margin-bottom: 20px; + height: auto; + transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s; + transform: none; +} +.snackbar.toast { + border-radius: 200px; +} +.noUi-target, +.noUi-target * { + -webkit-touch-callout: none; + -ms-touch-action: none; + user-select: none; + box-sizing: border-box; +} +.noUi-base { + width: 100%; + height: 100%; + position: relative; +} +.noUi-origin { + position: absolute; + right: 0; + top: 0; + left: 0; + bottom: 0; +} +.noUi-handle { + position: relative; + z-index: 1; + box-sizing: border-box; +} +.noUi-stacking .noUi-handle { + z-index: 10; +} +.noUi-stacking + .noUi-origin { + *z-index: -1; +} +.noUi-state-tap .noUi-origin { + transition: left 0.3s, top 0.3s; +} +.noUi-state-drag * { + cursor: inherit !important; +} +.noUi-horizontal { + height: 10px; +} +.noUi-horizontal .noUi-handle { + box-sizing: border-box; + width: 12px; + height: 12px; + left: -10px; + top: -5px; +} +.noUi-horizontal.noUi-extended { + padding: 0 15px; +} +.noUi-horizontal.noUi-extended .noUi-origin { + right: -15px; +} +.noUi-background { + height: 2px; + margin: 20px 0; +} +.noUi-origin { + margin: 0; + border-radius: 0; + height: 2px; + background: #c8c8c8; +} +.noUi-origin[style^="left: 0"] .noUi-handle { + background-color: #fff; + border: 2px solid #c8c8c8; +} +.noUi-origin[style^="left: 0"] .noUi-handle.noUi-active { + border-width: 1px; +} +.noUi-target { + border-radius: 2px; +} +.noUi-handle { + border-radius: 100%; + cursor: default; + transition: all 0.2s ease-out; + border: 1px solid; +} +.noUi-horizontal { + height: 2px; + margin: 15px 0; +} +.noUi-horizontal .noUi-handle.noUi-active { + transform: scale(2.5); +} +[disabled].noUi-slider { + opacity: 0.5; +} +[disabled] .noUi-handle { + cursor: not-allowed; +} +.slider { + background: #c8c8c8; +} +.slider.noUi-connect, +.slider-default.noUi-connect { + background-color: #4285f4; +} +.slider-primary.noUi-connect { + background-color: #4285f4; +} +.slider-success.noUi-connect { + background-color: #0f9d58; +} +.slider-info.noUi-connect { + background-color: #03a9f4; +} +.slider-warning.noUi-connect { + background-color: #ff5722; +} +.slider-danger.noUi-connect { + background-color: #f44336; +} +.slider-material-red.noUi-connect { + background-color: #f44336; +} +.slider-material-pink.noUi-connect { + background-color: #e91e63; +} +.slider-material-purple.noUi-connect { + background-color: #9c27b0; +} +.slider-material-deeppurple.noUi-connect { + background-color: #673ab7; +} +.slider-material-indigo.noUi-connect { + background-color: #3f51b5; +} +.slider-material-lightblue.noUi-connect { + background-color: #03a9f4; +} +.slider-material-cyan.noUi-connect { + background-color: #00bcd4; +} +.slider-material-teal.noUi-connect { + background-color: #009688; +} +.slider-material-lightgreen.noUi-connect { + background-color: #8bc34a; +} +.slider-material-lime.noUi-connect { + background-color: #cddc39; +} +.slider-material-lightyellow.noUi-connect { + background-color: #ffeb3b; +} +.slider-material-orange.noUi-connect { + background-color: #ff9800; +} +.slider-material-deeporange.noUi-connect { + background-color: #ff5722; +} +.slider-material-grey.noUi-connect { + background-color: #9e9e9e; +} +.slider-material-bluegrey.noUi-connect { + background-color: #607d8b; +} +.slider-material-brown.noUi-connect { + background-color: #795548; +} +.slider-material-lightgrey.noUi-connect { + background-color: #ececec; +} +.slider .noUi-connect, +.slider-default .noUi-connect { + background-color: #4285f4; +} +.slider-primary .noUi-connect { + background-color: #4285f4; +} +.slider-success .noUi-connect { + background-color: #0f9d58; +} +.slider-info .noUi-connect { + background-color: #03a9f4; +} +.slider-warning .noUi-connect { + background-color: #ff5722; +} +.slider-danger .noUi-connect { + background-color: #f44336; +} +.slider-material-red .noUi-connect { + background-color: #f44336; +} +.slider-material-pink .noUi-connect { + background-color: #e91e63; +} +.slider-material-purple .noUi-connect { + background-color: #9c27b0; +} +.slider-material-deeppurple .noUi-connect { + background-color: #673ab7; +} +.slider-material-indigo .noUi-connect { + background-color: #3f51b5; +} +.slider-material-lightblue .noUi-connect { + background-color: #03a9f4; +} +.slider-material-cyan .noUi-connect { + background-color: #00bcd4; +} +.slider-material-teal .noUi-connect { + background-color: #009688; +} +.slider-material-lightgreen .noUi-connect { + background-color: #8bc34a; +} +.slider-material-lime .noUi-connect { + background-color: #cddc39; +} +.slider-material-lightyellow .noUi-connect { + background-color: #ffeb3b; +} +.slider-material-orange .noUi-connect { + background-color: #ff9800; +} +.slider-material-deeporange .noUi-connect { + background-color: #ff5722; +} +.slider-material-grey .noUi-connect { + background-color: #9e9e9e; +} +.slider-material-bluegrey .noUi-connect { + background-color: #607d8b; +} +.slider-material-brown .noUi-connect { + background-color: #795548; +} +.slider-material-lightgrey .noUi-connect { + background-color: #ececec; +} +.slider .noUi-handle, +.slider-default .noUi-handle { + background-color: #4285f4; +} +.slider-primary .noUi-handle { + background-color: #4285f4; +} +.slider-success .noUi-handle { + background-color: #0f9d58; +} +.slider-info .noUi-handle { + background-color: #03a9f4; +} +.slider-warning .noUi-handle { + background-color: #ff5722; +} +.slider-danger .noUi-handle { + background-color: #f44336; +} +.slider-material-red .noUi-handle { + background-color: #f44336; +} +.slider-material-pink .noUi-handle { + background-color: #e91e63; +} +.slider-material-purple .noUi-handle { + background-color: #9c27b0; +} +.slider-material-deeppurple .noUi-handle { + background-color: #673ab7; +} +.slider-material-indigo .noUi-handle { + background-color: #3f51b5; +} +.slider-material-lightblue .noUi-handle { + background-color: #03a9f4; +} +.slider-material-cyan .noUi-handle { + background-color: #00bcd4; +} +.slider-material-teal .noUi-handle { + background-color: #009688; +} +.slider-material-lightgreen .noUi-handle { + background-color: #8bc34a; +} +.slider-material-lime .noUi-handle { + background-color: #cddc39; +} +.slider-material-lightyellow .noUi-handle { + background-color: #ffeb3b; +} +.slider-material-orange .noUi-handle { + background-color: #ff9800; +} +.slider-material-deeporange .noUi-handle { + background-color: #ff5722; +} +.slider-material-grey .noUi-handle { + background-color: #9e9e9e; +} +.slider-material-bluegrey .noUi-handle { + background-color: #607d8b; +} +.slider-material-brown .noUi-handle { + background-color: #795548; +} +.slider-material-lightgrey .noUi-handle { + background-color: #ececec; +} +.slider .noUi-handle, +.slider-default .noUi-handle { + border-color: #4285f4; +} +.slider-primary .noUi-handle { + border-color: #4285f4; +} +.slider-success .noUi-handle { + border-color: #0f9d58; +} +.slider-info .noUi-handle { + border-color: #03a9f4; +} +.slider-warning .noUi-handle { + border-color: #ff5722; +} +.slider-danger .noUi-handle { + border-color: #f44336; +} +.slider-material-red .noUi-handle { + border-color: #f44336; +} +.slider-material-pink .noUi-handle { + border-color: #e91e63; +} +.slider-material-purple .noUi-handle { + border-color: #9c27b0; +} +.slider-material-deeppurple .noUi-handle { + border-color: #673ab7; +} +.slider-material-indigo .noUi-handle { + border-color: #3f51b5; +} +.slider-material-lightblue .noUi-handle { + border-color: #03a9f4; +} +.slider-material-cyan .noUi-handle { + border-color: #00bcd4; +} +.slider-material-teal .noUi-handle { + border-color: #009688; +} +.slider-material-lightgreen .noUi-handle { + border-color: #8bc34a; +} +.slider-material-lime .noUi-handle { + border-color: #cddc39; +} +.slider-material-lightyellow .noUi-handle { + border-color: #ffeb3b; +} +.slider-material-orange .noUi-handle { + border-color: #ff9800; +} +.slider-material-deeporange .noUi-handle { + border-color: #ff5722; +} +.slider-material-grey .noUi-handle { + border-color: #9e9e9e; +} +.slider-material-bluegrey .noUi-handle { + border-color: #607d8b; +} +.slider-material-brown .noUi-handle { + border-color: #795548; +} +.slider-material-lightgrey .noUi-handle { + border-color: #ececec; +} diff --git a/less/material.less b/less/material.less new file mode 100644 index 00000000..f333364c --- /dev/null +++ b/less/material.less @@ -0,0 +1,110 @@ +// Material Theme 0.0.1 +// ----------------------------------------------------- + +@import "variables.less"; +@import "mixins.less"; +@import "animations.less"; +@import "shadows.less"; + +body { + background-color: #EEEEEE; + &.inverse { + background: #333333; + &, .form-control { + color: @darkbg-text; + } + } +} + +body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; +} + +// Well and Jumbotrons +@import "welljumbo.less"; + +// Buttons +@import "buttons.less"; + +// Checkboxes +@import "checkboxes.less"; + +// Radios +@import "radios.less"; + +// Text inputs +@import "inputs.less"; + +legend { + border-bottom: 0; +} + +.modal-content { + .shadow-z-2(); + border-radius: 0; + border: 0; + .modal-header { + border-bottom: 0; + } + .modal-footer { + border-top: 0; + .btn+.btn { + margin-bottom: 10px; + } + } +} + +// Lists +@import "lists.less"; + +// Navbar +@import "navbar.less"; + +.dropdown-menu { + border: 0; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); + .divider { + background-color: rgba(229, 229, 229, 0.12); + } + li { + overflow: hidden; + position: relative; + a:hover { + background: rgba(0,0,0,0.08); + } + } +} + +// Alerts +@import "alerts.less"; + +// Progress bar +@import "progress.less"; + +// Typography +.text-warning { + color: @btn-warning; +} +.text-primary { + color: @btn-primary; +} +.text-danger { + color: @btn-danger; +} +.text-success { + color: @btn-success; +} +.text-info { + color: @btn-info; +} + +@import "tabs.less"; + +@import "popups.less"; + +@import "icons.less"; + + +// External plugins +@import "plugin-snackbarjs.less"; +@import "plugin-nouislider.less"; diff --git a/less/mixins.less b/less/mixins.less new file mode 100644 index 00000000..73ccffd0 --- /dev/null +++ b/less/mixins.less @@ -0,0 +1,78 @@ +// main: material.less + +// usage: .variations(~" .check", color, transparent); +.variations(@extra, @property, @default) { + // Bootstrap shades + &@{extra}, &-default@{extra} { + @{property}: @default; + } + &-primary@{extra} { + @{property}: @primary; + } + &-success@{extra} { + @{property}: @success; + } + &-info@{extra} { + @{property}: @info; + } + &-warning@{extra} { + @{property}: @warning; + } + &-danger@{extra} { + @{property}: @danger; + } + // Material shades + &-material-red@{extra} { + @{property}: @red; + } + &-material-pink@{extra} { + @{property}: @pink; + } + &-material-purple@{extra} { + @{property}: @purple; + } + &-material-deeppurple@{extra} { + @{property}: @deeppurple; + } + &-material-indigo@{extra} { + @{property}: @indigo; + } + &-material-lightblue@{extra} { + @{property}: @lightblue; + } + &-material-cyan@{extra} { + @{property}: @cyan; + } + &-material-teal@{extra} { + @{property}: @teal; + } + &-material-lightgreen@{extra} { + @{property}: @lightgreen; + } + &-material-lime@{extra} { + @{property}: @lime; + } + &-material-lightyellow@{extra} { + @{property}: @lightyellow; + } + &-material-orange@{extra} { + @{property}: @orange; + } + &-material-deeporange@{extra} { + @{property}: @deeporange; + } + &-material-grey@{extra} { + @{property}: @grey; + } + &-material-bluegrey@{extra} { + @{property}: @bluegrey; + } + &-material-brown@{extra} { + @{property}: @brown; + } + &-material-lightgrey@{extra} { + @{property}: @lightgrey; + } +} + +@all-variations: ~"-default, -primary, -info, -success, -warning, -danger"; diff --git a/less/navbar.less b/less/navbar.less new file mode 100644 index 00000000..6d3175e8 --- /dev/null +++ b/less/navbar.less @@ -0,0 +1,230 @@ +// main: material.less + +.navbar { + background-color: @navbar-default-bg; + border: 0; + border-radius: 0; + + .navbar-brand { + position: relative; + height: 60px; + line-height: 30px; + color: @navbar-brand-color; + &:hover, + &:focus { + color: @navbar-brand-color; + background-color: transparent; + } + } + + .navbar-text { + color: @navbar-color; + margin-top: 20px; + margin-bottom: 20px; + } + + .navbar-nav { + > li > a { + color: @navbar-link-color; + padding-top: 20px; + padding-bottom: 20px; + + &:hover, + &:focus { + color: @navbar-link-hover-color; + background-color: @navbar-link-hover-bg; + } + } + > .active > a { + &, + &:hover, + &:focus { + color: @navbar-link-active-color; + background-color: @navbar-link-active-bg; + } + } + > .disabled > a { + &, + &:hover, + &:focus { + color: @navbar-link-disabled-color; + background-color: @navbar-link-disabled-bg; + } + } + } + + // Darken the responsive nav toggle + .navbar-toggle { + margin-top: 13px; + border-color: transparent; + &:hover, + &:focus { + background-color: @navbar-toggle-hover-bg; + } + .icon-bar { + background-color: @navbar-toggle-icon-bar-bg; + } + } + + .navbar-default .navbar-toggle, + .navbar-inverse .navbar-toggle { + border-color: transparent; + } + + .navbar-collapse, + .navbar-form { + border-color: rgba(0,0,0,0.1); + } + + // Dropdowns + .navbar-nav { + > .open > a { + &, + &:hover, + &:focus { + background-color: @navbar-link-active-bg; + color: @navbar-link-active-color; + } + } + + @media (max-width: 767px) { + // Dropdowns get custom display + .open .dropdown-menu { + > .dropdown-header { + border: 0; + color: darken(@navbar-link-color, 17%) + } + .divider { + background-color: @navbar-border; + } + > li > a { + color: @navbar-link-color; + &:hover, + &:focus { + color: @navbar-link-hover-color; + background-color: @navbar-link-hover-bg; + } + } + > .active > a { + &, + &:hover, + &:focus { + color: @navbar-link-active-color; + background-color: @navbar-link-active-bg; + } + } + > .disabled > a { + &, + &:hover, + &:focus { + color: @navbar-link-disabled-color; + background-color: @navbar-link-disabled-bg; + } + } + } + } + } + + .navbar-link { + color: @navbar-link-color; + &:hover { + color: @navbar-link-hover-color; + } + } + + .btn-link { + color: @navbar-link-color; + &:hover, + &:focus { + color: @navbar-link-hover-color; + } + &[disabled], + fieldset[disabled] & { + &:hover, + &:focus { + color: @navbar-link-disabled-color; + } + } + } + + .navbar-form { + margin-top: 16px; + .form-control-wrapper .form-control, .form-control { + border-color: @navbar-border; + color: @navbar-border; + } + .form-control-wrapper { + .material-input:before, input:focus ~ .material-input:after { + background-color: @navbar-border; + } + } + ::-webkit-input-placeholder { color: @navbar-border; } + :-moz-placeholder { color: @navbar-border; }; + ::-moz-placeholder { color: @navbar-border; }; + :-ms-input-placeholder { color: @navbar-border; }; + } + + .variations(~"", background-color, @primary); + &-inverse { + background-color: @indigo; + } + &-material-white { + background-color: #FFF; + .navbar-brand, .navbar-brand:hover, .navbar-brand:focus { + color: @lightbg-text; + } + .navbar-nav { + & > li > a { + color: @lightbg-text; + + &:hover, + &:focus { + color: @lightbg-text; + background-color: @navbar-link-hover-bg; + } + } + & > .active > a { + &, + &:hover, + &:focus { + color: @lightbg-text; + background-color: @navbar-link-active-bg; + } + } + & > .disabled > a { + &, + &:hover, + &:focus { + color: @lightbg-text; + background-color: @navbar-link-disabled-bg; + } + } + + & > .open > a { + &, + &:hover, + &:focus { + background-color: @navbar-link-active-bg; + color: @lightbg-text; + } + } + + } + } + + @media (max-width: 1199px) { + + .navbar-brand { + height: 50px; + padding: 10px 15px; + } + .navbar-form { + margin-top: 10px; + } + + .navbar-nav > li > a { + padding-top: 15px; + padding-bottom: 15px; + } + } +} diff --git a/less/plugin-nouislider.less b/less/plugin-nouislider.less new file mode 100644 index 00000000..62873b38 --- /dev/null +++ b/less/plugin-nouislider.less @@ -0,0 +1,103 @@ +// main: material.less +.noUi-target, +.noUi-target * { + -webkit-touch-callout: none; + -ms-touch-action: none; + user-select: none; + box-sizing: border-box; +} +.noUi-base { + width: 100%; + height: 100%; + position: relative; +} +.noUi-origin { + position: absolute; + right: 0; + top: 0; + left: 0; + bottom: 0; +} +.noUi-handle { + position: relative; + z-index: 1; + box-sizing: border-box; +} +.noUi-stacking .noUi-handle { + z-index: 10; +} +.noUi-stacking + .noUi-origin { + *z-index: -1; +} +.noUi-state-tap .noUi-origin { + transition: left 0.3s, top 0.3s; +} +.noUi-state-drag * { + cursor: inherit !important; +} +.noUi-horizontal { + height: 10px; +} +.noUi-horizontal .noUi-handle { + box-sizing: border-box; + width: 12px; + height: 12px; + left: -10px; + top: -5px; +} +.noUi-horizontal.noUi-extended { + padding: 0 15px; +} +.noUi-horizontal.noUi-extended .noUi-origin { + right: -15px; +} +.noUi-background { + height: 2px; + margin: 20px 0; +} +.noUi-origin { + margin: 0; + border-radius: 0; + height: 2px; + background: #c8c8c8; + &[style^="left: 0"] .noUi-handle { + background-color: #fff; + border: 2px solid #c8c8c8; + &.noUi-active { + border-width: 1px; + } + } +} +.noUi-target { + border-radius: 2px; +} +.noUi-handle { + border-radius: 100%; + cursor: default; + transition: all 0.2s ease-out; + border: 1px solid; +} +.noUi-horizontal { + height: 2px; + margin: 15px 0; +} +.noUi-horizontal .noUi-handle.noUi-active { + transform: scale(2.5); +} +[disabled].noUi-slider{ + opacity: 0.5; +} +[disabled] .noUi-handle { + cursor: not-allowed; +} + +.slider { + background: #c8c8c8; +} + +.slider { + .variations(~".noUi-connect", background-color, @primary); + .variations(~" .noUi-connect", background-color, @primary); + .variations(~" .noUi-handle", background-color, @primary); + .variations(~" .noUi-handle", border-color, @primary); +} diff --git a/less/plugin-snackbarjs.less b/less/plugin-snackbarjs.less new file mode 100644 index 00000000..1c20899e --- /dev/null +++ b/less/plugin-snackbarjs.less @@ -0,0 +1,34 @@ +// main: material.less + +// Support for SnackbarJS plugin +// https://github.com/FezVrasta/snackbarjs + +.snackbar { + // Style + background-color: #323232; + color: @darkbg-text; + font-size: 14px; + border-radius: 2px; + .shadow-z-1; + + // Animation + height: 0; + transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s; + transform: translateY(200%); +} + +.snackbar.snackbar-opened { + // Style + padding: 14px 15px; + margin-bottom: 20px; + + // Animation + height: auto; + transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s; + transform: none; +} + +// Variations +.snackbar.toast { + border-radius: 200px; +} diff --git a/less/popups.less b/less/popups.less new file mode 100644 index 00000000..433aae43 --- /dev/null +++ b/less/popups.less @@ -0,0 +1,27 @@ +// main: material.less + +.popover, .tooltip-inner { + background: #323232; + color: #FFF; + border-radius: 2px; + +} + +.tooltip, .tooltip.in { + opacity: 1; +} + +.popover, .tooltip { + &.left .arrow:after, &.left .tooltip-arrow { + border-left-color: #323232; + } + &.right .arrow:after, &.right .tooltip-arrow { + border-right-color: #323232; + } + &.top .arrow:after, &.top .tooltip-arrow { + border-top-color: #323232; + } + &.bottom .arrow:after, &.bottom .tooltip-arrow { + border-bottom-color: #323232; + } +} diff --git a/less/progress.less b/less/progress.less new file mode 100644 index 00000000..d2f9e1c2 --- /dev/null +++ b/less/progress.less @@ -0,0 +1,12 @@ +// main: material.less + +.progress { + height: 4px; + border-radius: 0; + box-shadow: none; + background: #c8c8c8; + .progress-bar { + box-shadow: none; + .variations(~"", background-color, @primary); + } +} diff --git a/less/radios.less b/less/radios.less new file mode 100644 index 00000000..ff0b42f4 --- /dev/null +++ b/less/radios.less @@ -0,0 +1,97 @@ +// main: material.less + +.form-horizontal .radio { + margin-bottom: 10px; +} +.radio { + label { + cursor: pointer; + padding-left: 45px; + position: relative; + span { + display: block; + position: absolute; + left: 10px; + top: 2px; + transition-duration: 0.2s; + } + .circle { + border: 2px solid @lightbg-text; + height: 15px; + width: 15px; + border-radius: 100%; + } + .check { + height: 15px; + width: 15px; + border-radius: 100%; + background-color: @radio-default; + transform: scale(0); + } + .check:after { + display: block; + position: absolute; + content: ""; + background-color: @lightbg-text; + left: -18px; + top: -18px; + height: 50px; + width: 50px; + border-radius: 100%; + z-index: 1; + opacity: 0; + margin: 0; + transform: scale(1.5); + } + input[type=radio]:not(:checked) ~ .check:after { + animation: rippleOff 500ms; + } + input[type=radio]:checked ~ .check:after { + animation: rippleOn 500ms; + } + + } + .variations(~" input[type=radio]:checked ~ .check", background-color, @radio-default); + .variations(~" input[type=radio]:checked ~ .circle", border-color, @radio-default); + + input[type=radio][disabled] ~ .check, + input[type=radio][disabled] ~ .circle { + opacity: 0.5; + } + + input[type=radio] { display: none; } + input[type=radio]:checked ~ .check { + transform: scale(0.55); + } + input[type=radio][disabled] ~ .circle { + border-color: @lightbg-text; + } + input[type=radio][disabled] ~ .check { + background-color: @lightbg-text; + } + +} + +@keyframes rippleOn { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} + +@keyframes rippleOff { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} diff --git a/less/ripples.less b/less/ripples.less new file mode 100644 index 00000000..7c9c7739 --- /dev/null +++ b/less/ripples.less @@ -0,0 +1,34 @@ +.withripple { + position: relative; +} +.ripple-wrapper { + position: absolute; + top: 0; + left: 0; + z-index: 1; + width: 100%; + height: 100%; + overflow: hidden; + border-radius: 2px; +} +.ripple { + position: absolute; + width: 20px; + height: 20px; + margin-left: -10px; + margin-top: -10px; + border-radius: 100%; + background-color: rgba(0,0,0,0.05); + transform: scale(1); + transform-origin: 50%; + opacity: 0; + pointer-events: none; +} +.ripple.ripple-on { + transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; + opacity: 1; +} +.ripple.ripple-out { + transition: opacity 0.1s linear 0s !important; + opacity: 0; +} diff --git a/less/shadows.less b/less/shadows.less new file mode 100644 index 00000000..5506d290 --- /dev/null +++ b/less/shadows.less @@ -0,0 +1,31 @@ +// main: material.less + + +.shadow-z-1 { + box-shadow: 0 1px 3px rgba(0,0,0, .12), + 0 1px 2px rgba(0,0,0, .24) ; +} + +.shadow-z-2 { + box-shadow: 0 3px 6px rgba(0,0,0, .16), + 0 3px 6px rgba(0,0,0, .23) ; +} +.shadow-z-2-hover { + box-shadow: 0 3px 6px rgba(0,0,0, .20), + 0 3px 6px rgba(0,0,0, .28) ; +} + +.shadow-z-3 { + box-shadow: 0 10px 20px rgba(0,0,0, .19), + 0 6px 6px rgba(0,0,0, .23) ; +} + +.shadow-z-4 { + box-shadow: 0 14px 28px rgba(0,0,0, .25), + 0 10px 10px rgba(0,0,0, .22) ; +} + +.shadow-z-5 { + box-shadow: 0 19px 38px rgba(0,0,0, .30), + 0 15px 12px rgba(0,0,0, .22) ; +} diff --git a/less/tabs.less b/less/tabs.less new file mode 100644 index 00000000..bfe20965 --- /dev/null +++ b/less/tabs.less @@ -0,0 +1,26 @@ +// main: material.less + +.nav-tabs { + background: @navbar-default-bg; + > li { + > a { + color: #FFFFFF; + border: 0; + margin: 0; + &:hover { + background: transparent; + border: 0; + } + } + &.active > a, &.active > a:hover, &.open > a, &.open > a:hover { + background: transparent !important; + border: 0 !important; + color: #FFFFFF !important; + font-weight: 500; + } + &.disabled > a, &.disabled > a:hover { + color: rgba(255,255,255,0.5); + } + } + +} diff --git a/less/variables.less b/less/variables.less new file mode 100644 index 00000000..2f0a33ef --- /dev/null +++ b/less/variables.less @@ -0,0 +1,101 @@ +// main: material.less + + + +// Material colors palette +@red: #F44336; +@pink: #E91E63; +@purple: #9C27B0; +@deeppurple: #673AB7; +@indigo: #3F51B5; +@lightblue: #03A9F4; +@cyan: #00BCD4; +@teal: #009688; +@lightgreen: #8BC34A; +@lime: #CDDC39; +@lightyellow: #FFEB3B; +@orange: #FF9800; +@deeporange: #FF5722; +@grey: #9E9E9E; +@bluegrey: #607D8B; +@brown: #795548; +@lightgrey: #ECECEC; + +// Bootstrap shades +@primary: #4285F4; +@success: #0F9D58; +@info: @lightblue; +@warning: @deeporange; +@danger: @red; + +// Typography elements for Material +@darkbg-text: rgba(255,255,255,0.84); +@lightbg-text: rgba(0,0,0,0.84); +@icon-color: rgba(0,0,0,0.5); + + +// Bootstrap variables +@btn-default: transparent; +@btn-default-text: @lightbg-text; + +@btn-primary: @primary; +@btn-primary-text: @darkbg-text; + +@btn-success: @success; +@btn-success-text: @darkbg-text; + +@btn-info: @info; +@btn-info-text: @darkbg-text; + +@btn-warning: @warning; +@btn-warning-text: @darkbg-text; + +@btn-danger: @danger; +@btn-danger-text: @darkbg-text; + +@input-unchecked: rgba(137, 137, 137, 0.3); +@input-checked: rgba(15, 157, 88, 0.3); + +@radio-default: @lightbg-text; +@radio-primary: @primary; +@radio-success: @success; +@radio-info: @info; +@radio-warning: @warning; +@radio-danger: @danger; + +@input-danger: @danger; +@input-default: #5264AE; +@input-warning: @warning; +@input-success: @success; +@input-info: @info; + +@navbar-danger-bg: @danger; +@navbar-inverse-bg: #5264AE; +@navbar-warning-bg: @warning; +@navbar-success-bg: @success; +@navbar-info-bg: @info; +@navbar-default-bg: @primary; +@navbar-color: @darkbg-text; +@navbar-link-color: @darkbg-text; +@navbar-link-hover-color: @darkbg-text; +@navbar-link-hover-bg: transparent; +@navbar-link-active-color: @darkbg-text; +@navbar-link-active-bg: rgba(0,0,0,0.05); +@navbar-link-disabled-color: #E5E5E5; +@navbar-link-disabled-bg: transparent; +@navbar-brand-color: @darkbg-text; +@navbar-toggle-border-color: @darkbg-text; +@navbar-toggle-hover-bg: transparent; +@navbar-toggle-icon-bar-bg: @darkbg-text; +@navbar-border: @darkbg-text; + +@alert-success: @success; +@alert-info: @info; +@alert-warning: @warning; +@alert-danger: @danger; + +@progress-success: @success; +@progress-info: @info; +@progress-warning: @warning; +@progress-danger: @danger; + diff --git a/less/welljumbo.less b/less/welljumbo.less new file mode 100644 index 00000000..c114fdee --- /dev/null +++ b/less/welljumbo.less @@ -0,0 +1,66 @@ +// main: material.less +body, .container, .container-fluid { + + .well, .well:not([class^="well well-material-"]) { + &, .form-control { + color: @lightbg-text; + } + .floating-label { + color: #7e7e7e; + } + .form-control { + border-bottom-color: #7e7e7e; + &::-webkit-input-placeholder { + color: #7e7e7e; + } + &::-moz-placeholder { + color: #7e7e7e; + opacity: 1; + } + &:-ms-input-placeholder { + color: #7e7e7e; + } + } + .option, .create { + color: @lightbg-text; + } + } + + [class^="well well-material-"] { + &, .form-control, .floating-label { + color: @darkbg-text; + } + .form-control { + border-bottom-color: @darkbg-text; + &::-webkit-input-placeholder { + color: @darkbg-text; + } + &::-moz-placeholder { + color: @darkbg-text; + opacity: 1; + } + &:-ms-input-placeholder { + color: @darkbg-text; + } + } + // Rule to fix selectize plugin + .option, .create { + color: @lightbg-text; + } + } + + .well, .jumbotron { + + background-color: #fff; + padding: 19px; + margin-bottom: 20px; + .shadow-z-2(); + border-radius: 2px; + border: 0; + p { + font-weight: 300; + } + + .variations(~"", background-color, #FFF); + } +} diff --git a/package.json b/package.json new file mode 100644 index 00000000..b3625c97 --- /dev/null +++ b/package.json @@ -0,0 +1,26 @@ +{ + "name": "bootstrap-material", + "version": "0.1.0", + "description": "Material Design for Bootstrap", + "main": "index.js", + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1" + }, + "repository": { + "type": "git", + "url": "https://github.com/FezVrasta/bootstrap-material-design.git" + }, + "author": "Federico Zivolo", + "license": "https://github.com/FezVrasta/bootstrap-material-design/blob/master/LICENSE.md", + "bugs": { + "url": "https://github.com/FezVrasta/bootstrap-material-design/issues" + }, + "homepage": "https://github.com/FezVrasta/bootstrap-material-design", + "devDependencies": { + "grunt": "^0.4.5", + "grunt-autoprefixer": "^1.0.1", + "grunt-contrib-copy": "^0.6.0", + "grunt-contrib-cssmin": "^0.10.0", + "grunt-contrib-less": "^0.11.4" + } +} diff --git a/screenshots/Thumbs.db b/screenshots/Thumbs.db new file mode 100644 index 00000000..dc62846c Binary files /dev/null and b/screenshots/Thumbs.db differ diff --git a/screenshots/gittip-button.jpg b/screenshots/gittip-button.jpg new file mode 100644 index 00000000..aa8baef1 Binary files /dev/null and b/screenshots/gittip-button.jpg differ diff --git a/screenshots/issues-button.jpg b/screenshots/issues-button.jpg new file mode 100644 index 00000000..e6207e6e Binary files /dev/null and b/screenshots/issues-button.jpg differ diff --git a/screenshots/palette.jpg b/screenshots/palette.jpg new file mode 100644 index 00000000..9b5c01f3 Binary files /dev/null and b/screenshots/palette.jpg differ diff --git a/scripts/material.js b/scripts/material.js new file mode 100644 index 00000000..9b4f7b53 --- /dev/null +++ b/scripts/material.js @@ -0,0 +1,84 @@ +/* globals ripples */ + +$(function (){ + + if (ripples) { + ripples.init(".btn:not(.btn-link), .navbar a:not(.withoutripple), .nav-tabs a:not(.withoutripple), .withripple"); + } + + var initInputs = function() { + // Add fake-checkbox to material checkboxes + $(".checkbox > label > input").not(".bs-material").addClass("bs-material").after(""); + + // Add fake-radio to material radios + $(".radio > label > input").not(".bs-material").addClass("bs-material").after(""); + + // Add elements for material inputs + $("input.form-control, textarea.form-control, select.form-control").not(".bs-material").each( function() { + if ($(this).is(".bs-material")) { return; } + $(this).wrap("
"); + $(this).after(""); + if ($(this).hasClass("floating-label")) { + var placeholder = $(this).attr("placeholder"); + $(this).attr("placeholder", null).removeClass("floating-label"); + $(this).after("
" + placeholder + "
"); + } + if ($(this).is(":empty") || $(this).val() === null || $(this).val() == "undefined" || $(this).val() === "") { + $(this).addClass("empty"); + } + + if ($(this).parent().next().is("[type=file]")) { + $(this).parent().addClass("fileinput"); + var $input = $(this).parent().next().detach(); + $(this).after($input); + } + }); + + }; + initInputs(); + + // Support for "arrive.js" to dynamically detect creation of elements + // include it before this script to take advantage of this feature + // https://github.com/uzairfarooq/arrive/ + if (document.arrive) { + document.arrive("input, textarea, select", function() { + initInputs(); + }); + } + + $(document).on("change", ".checkbox input", function() { + $(this).blur(); + }); + + $(document).on("keyup change", ".form-control", function() { + var self = $(this); + setTimeout(function() { + if (self.val() === "") { + self.addClass("empty"); + } else { + self.removeClass("empty"); + } + }, 1); + }); + $(document) + .on("focus", ".form-control-wrapper.fileinput", function() { + $(this).find("input").addClass("focus"); + }) + .on("blur", ".form-control-wrapper.fileinput", function() { + $(this).find("input").removeClass("focus"); + }) + .on("change", ".form-control-wrapper.fileinput [type=file]", function() { + var value = ""; + $.each($(this)[0].files, function(i, file) { + console.log(file); + value += file.name + ", "; + }); + value = value.substring(0, value.length - 2); + if (value) { + $(this).prev().removeClass("empty"); + } else { + $(this).prev().addClass("empty"); + } + $(this).prev().val(value); + }); +}); diff --git a/scripts/ripples.js b/scripts/ripples.js new file mode 100644 index 00000000..052c8295 --- /dev/null +++ b/scripts/ripples.js @@ -0,0 +1,131 @@ +/* Copyright 2014+, Federico Zivolo, LICENSE at https://github.com/FezVrasta/bootstrap-material-design/blob/master/LICENSE.md */ +/* globals CustomEvent */ + +var ripples = { + init : function(withRipple) { + "use strict"; + + // Cross browser matches function + function matchesSelector(dom_element, selector) { + var matches = dom_element.matches || dom_element.matchesSelector || dom_element.webkitMatchesSelector || dom_element.mozMatchesSelector || dom_element.msMatchesSelector || dom_element.oMatchesSelector; + return matches.call(dom_element, selector); + } + + // animations time + var rippleOutTime = 100, + rippleStartTime = 500; + + // Helper to bind events on dynamically created elements + var bind = function(event, selector, callback) { + document.addEventListener(event, function(e) { + var target = (typeof e.detail !== "number") ? e.detail : e.target; + + if (matchesSelector(target, selector)) { + callback(e, target); + } + }); + }; + + var rippleStart = function(e, target) { + + // Init variables + var $rippleWrapper = target, + $el = $rippleWrapper.parentNode, + $ripple = document.createElement("div"), + elPos = $el.getBoundingClientRect(), + mousePos = {x: e.clientX - elPos.left, y: e.clientY - elPos.top}, + scale = "transform:scale(" + Math.round($rippleWrapper.offsetWidth / 5) + ")", + rippleEnd = new CustomEvent("rippleEnd", {detail: $ripple}), + refreshElementStyle; + + $ripplecache = $ripple; + + // Set ripple class + $ripple.className = "ripple"; + + // Move ripple to the mouse position + $ripple.setAttribute("style", "left:" + mousePos.x + "px; top:" + mousePos.y + "px;"); + + // Insert new ripple into ripple wrapper + $rippleWrapper.appendChild($ripple); + + // Make sure the ripple has the class applied (ugly hack but it works) + refreshElementStyle = window.getComputedStyle($ripple).opacity; + + // Let other funtions know that this element is animating + $ripple.dataset.animating = 1; + + // Set scale value to ripple and animate it + $ripple.className = "ripple ripple-on"; + $ripple.setAttribute("style", $ripple.getAttribute("style") + ["-ms-" + scale,"-moz-" + scale,"-webkit-" + scale,scale].join(";")); + + // This function is called when the animation is finished + setTimeout(function() { + + // Let know to other functions that this element has finished the animation + $ripple.dataset.animating = 0; + document.dispatchEvent(rippleEnd); + + }, rippleStartTime); + + }; + + var rippleOut = function($ripple) { + // Clear previous animation + $ripple.className = "ripple ripple-on ripple-out"; + + // Let ripple fade out (with CSS) + setTimeout(function() { + $ripple.remove(); + }, rippleOutTime); + }; + + // Helper, need to know if mouse is up or down + var mouseDown = false; + document.body.onmousedown = function() { + mouseDown = true; + }; + document.body.onmouseup = function() { + mouseDown = false; + }; + + // Append ripple wrapper if not exists already + var rippleInit = function(e, target) { + + if (target.getElementsByClassName("ripple-wrapper").length === 0) { + target.className += " withripple"; + var $rippleWrapper = document.createElement("div"); + $rippleWrapper.className = "ripple-wrapper"; + target.appendChild($rippleWrapper); + } + + }; + + + var $ripplecache; + + // Events handler + // init RippleJS and start ripple effect on mousedown + bind("mouseover", withRipple, rippleInit); + + // start ripple effect on mousedown + bind("mousedown", ".ripple-wrapper", rippleStart); + // if animation ends and user is not holding mouse then destroy the ripple + bind("rippleEnd", ".ripple-wrapper .ripple", function(e, $ripple) { + + var $ripples = $ripple.parentNode.getElementsByClassName("ripple"); + + if (!mouseDown || ( $ripples[0] == $ripple && $ripples.length > 1)) { + rippleOut($ripple); + } + }); + // Destroy ripple when mouse is not holded anymore if the ripple still exists + bind("mouseup", ".ripple-wrapper", function() { + var $ripple = $ripplecache; + if ($ripple.dataset.animating != 1) { + rippleOut($ripple); + } + }); + + } +}; diff --git a/template/index.html b/template/index.html new file mode 100644 index 00000000..980dfde7 --- /dev/null +++ b/template/index.html @@ -0,0 +1,42 @@ + + + + + + + + + + + + + + +

You can add your site here.

+ +

To ensure that material-design theme is working, check out the buttons below.

+ +

If you can see the ripple effect on clicking them, then you are good to go!

+ + +

+ Default + Primary + Success + Info + Warning + Danger + Link +

+ + + + + + + + + + + + diff --git a/template/material/css-compiled/material-wfont.min.css b/template/material/css-compiled/material-wfont.min.css new file mode 100644 index 00000000..5e658705 --- /dev/null +++ b/template/material/css-compiled/material-wfont.min.css @@ -0,0 +1 @@ +@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,700,300|Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic);@-webkit-keyframes input-highlight{0%{left:20%;width:20%}99%{width:0;left:0;opacity:1}100%{opacity:0}}@keyframes input-highlight{0%{left:20%;width:20%}99%{width:0;left:0;opacity:1}100%{opacity:0}}.shadow-z-1{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.shadow-z-2{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.shadow-z-2-hover{box-shadow:0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.28)}.shadow-z-3{box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.shadow-z-4{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.shadow-z-5{box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)}body{background-color:#EEE}body.inverse{background:#333}body.inverse,body.inverse .form-control{color:rgba(255,255,255,.84)}.h1,.h2,.h3,.h4,.h5,.h6,body,h1,h2,h3,h4,h5,h6{font-family:Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif}.container .well,.container .well .form-control,.container .well:not([class^="well well-material-"]),.container .well:not([class^="well well-material-"]) .form-control,.container-fluid .well,.container-fluid .well .form-control,.container-fluid .well:not([class^="well well-material-"]),.container-fluid .well:not([class^="well well-material-"]) .form-control,body .well,body .well .form-control,body .well:not([class^="well well-material-"]),body .well:not([class^="well well-material-"]) .form-control{color:rgba(0,0,0,.84)}.container .well .floating-label,.container .well:not([class^="well well-material-"]) .floating-label,.container-fluid .well .floating-label,.container-fluid .well:not([class^="well well-material-"]) .floating-label,body .well .floating-label,body .well:not([class^="well well-material-"]) .floating-label{color:#7e7e7e}.container .well .form-control,.container .well:not([class^="well well-material-"]) .form-control,.container-fluid .well .form-control,.container-fluid .well:not([class^="well well-material-"]) .form-control,body .well .form-control,body .well:not([class^="well well-material-"]) .form-control{border-bottom-color:#7e7e7e}.container .well .form-control::-webkit-input-placeholder,.container .well:not([class^="well well-material-"]) .form-control::-webkit-input-placeholder,.container-fluid .well .form-control::-webkit-input-placeholder,.container-fluid .well:not([class^="well well-material-"]) .form-control::-webkit-input-placeholder,body .well .form-control::-webkit-input-placeholder,body .well:not([class^="well well-material-"]) .form-control::-webkit-input-placeholder{color:#7e7e7e}.container .well .form-control::-moz-placeholder,.container .well:not([class^="well well-material-"]) .form-control::-moz-placeholder,.container-fluid .well .form-control::-moz-placeholder,.container-fluid .well:not([class^="well well-material-"]) .form-control::-moz-placeholder,body .well .form-control::-moz-placeholder,body .well:not([class^="well well-material-"]) .form-control::-moz-placeholder{color:#7e7e7e;opacity:1}.container .well .form-control:-ms-input-placeholder,.container .well:not([class^="well well-material-"]) .form-control:-ms-input-placeholder,.container-fluid .well .form-control:-ms-input-placeholder,.container-fluid .well:not([class^="well well-material-"]) .form-control:-ms-input-placeholder,body .well .form-control:-ms-input-placeholder,body .well:not([class^="well well-material-"]) .form-control:-ms-input-placeholder{color:#7e7e7e}.container .well .create,.container .well .option,.container .well:not([class^="well well-material-"]) .create,.container .well:not([class^="well well-material-"]) .option,.container-fluid .well .create,.container-fluid .well .option,.container-fluid .well:not([class^="well well-material-"]) .create,.container-fluid .well:not([class^="well well-material-"]) .option,body .well .create,body .well .option,body .well:not([class^="well well-material-"]) .create,body .well:not([class^="well well-material-"]) .option{color:rgba(0,0,0,.84)}.container [class^="well well-material-"],.container [class^="well well-material-"] .floating-label,.container [class^="well well-material-"] .form-control,.container-fluid [class^="well well-material-"],.container-fluid [class^="well well-material-"] .floating-label,.container-fluid [class^="well well-material-"] .form-control,body [class^="well well-material-"],body [class^="well well-material-"] .floating-label,body [class^="well well-material-"] .form-control{color:rgba(255,255,255,.84)}.container [class^="well well-material-"] .form-control,.container-fluid [class^="well well-material-"] .form-control,body [class^="well well-material-"] .form-control{border-bottom-color:rgba(255,255,255,.84)}.container [class^="well well-material-"] .form-control::-webkit-input-placeholder,.container-fluid [class^="well well-material-"] .form-control::-webkit-input-placeholder,body [class^="well well-material-"] .form-control::-webkit-input-placeholder{color:rgba(255,255,255,.84)}.container [class^="well well-material-"] .form-control::-moz-placeholder,.container-fluid [class^="well well-material-"] .form-control::-moz-placeholder,body [class^="well well-material-"] .form-control::-moz-placeholder{color:rgba(255,255,255,.84);opacity:1}.container [class^="well well-material-"] .form-control:-ms-input-placeholder,.container-fluid [class^="well well-material-"] .form-control:-ms-input-placeholder,body [class^="well well-material-"] .form-control:-ms-input-placeholder{color:rgba(255,255,255,.84)}.container [class^="well well-material-"] .create,.container [class^="well well-material-"] .option,.container-fluid [class^="well well-material-"] .create,.container-fluid [class^="well well-material-"] .option,body [class^="well well-material-"] .create,body [class^="well well-material-"] .option{color:rgba(0,0,0,.84)}.container .jumbotron,.container .well,.container-fluid .jumbotron,.container-fluid .well,body .jumbotron,body .well{padding:19px;margin-bottom:20px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);border-radius:2px;border:0}.container .jumbotron p,.container .well p,.container-fluid .jumbotron p,.container-fluid .well p,body .jumbotron p,body .well p{font-weight:300}.container .jumbotron,.container .jumbotron-default,.container .well,.container .well-default,.container-fluid .jumbotron,.container-fluid .jumbotron-default,.container-fluid .well,.container-fluid .well-default,body .jumbotron,body .jumbotron-default,body .well,body .well-default{background-color:#fff}.container .jumbotron-primary,.container .well-primary,.container-fluid .jumbotron-primary,.container-fluid .well-primary,body .jumbotron-primary,body .well-primary{background-color:#4285f4}.container .jumbotron-success,.container .well-success,.container-fluid .jumbotron-success,.container-fluid .well-success,body .jumbotron-success,body .well-success{background-color:#0f9d58}.container .jumbotron-info,.container .well-info,.container-fluid .jumbotron-info,.container-fluid .well-info,body .jumbotron-info,body .well-info{background-color:#03a9f4}.container .jumbotron-warning,.container .well-warning,.container-fluid .jumbotron-warning,.container-fluid .well-warning,body .jumbotron-warning,body .well-warning{background-color:#ff5722}.container .jumbotron-danger,.container .jumbotron-material-red,.container .well-danger,.container .well-material-red,.container-fluid .jumbotron-danger,.container-fluid .jumbotron-material-red,.container-fluid .well-danger,.container-fluid .well-material-red,body .jumbotron-danger,body .jumbotron-material-red,body .well-danger,body .well-material-red{background-color:#f44336}.container .jumbotron-material-pink,.container .well-material-pink,.container-fluid .jumbotron-material-pink,.container-fluid .well-material-pink,body .jumbotron-material-pink,body .well-material-pink{background-color:#e91e63}.container .jumbotron-material-purple,.container .well-material-purple,.container-fluid .jumbotron-material-purple,.container-fluid .well-material-purple,body .jumbotron-material-purple,body .well-material-purple{background-color:#9c27b0}.container .jumbotron-material-deeppurple,.container .well-material-deeppurple,.container-fluid .jumbotron-material-deeppurple,.container-fluid .well-material-deeppurple,body .jumbotron-material-deeppurple,body .well-material-deeppurple{background-color:#673ab7}.container .jumbotron-material-indigo,.container .well-material-indigo,.container-fluid .jumbotron-material-indigo,.container-fluid .well-material-indigo,body .jumbotron-material-indigo,body .well-material-indigo{background-color:#3f51b5}.container .jumbotron-material-lightblue,.container .well-material-lightblue,.container-fluid .jumbotron-material-lightblue,.container-fluid .well-material-lightblue,body .jumbotron-material-lightblue,body .well-material-lightblue{background-color:#03a9f4}.container .jumbotron-material-cyan,.container .well-material-cyan,.container-fluid .jumbotron-material-cyan,.container-fluid .well-material-cyan,body .jumbotron-material-cyan,body .well-material-cyan{background-color:#00bcd4}.container .jumbotron-material-teal,.container .well-material-teal,.container-fluid .jumbotron-material-teal,.container-fluid .well-material-teal,body .jumbotron-material-teal,body .well-material-teal{background-color:#009688}.container .jumbotron-material-lightgreen,.container .well-material-lightgreen,.container-fluid .jumbotron-material-lightgreen,.container-fluid .well-material-lightgreen,body .jumbotron-material-lightgreen,body .well-material-lightgreen{background-color:#8bc34a}.container .jumbotron-material-lime,.container .well-material-lime,.container-fluid .jumbotron-material-lime,.container-fluid .well-material-lime,body .jumbotron-material-lime,body .well-material-lime{background-color:#cddc39}.container .jumbotron-material-lightyellow,.container .well-material-lightyellow,.container-fluid .jumbotron-material-lightyellow,.container-fluid .well-material-lightyellow,body .jumbotron-material-lightyellow,body .well-material-lightyellow{background-color:#ffeb3b}.container .jumbotron-material-orange,.container .well-material-orange,.container-fluid .jumbotron-material-orange,.container-fluid .well-material-orange,body .jumbotron-material-orange,body .well-material-orange{background-color:#ff9800}.container .jumbotron-material-deeporange,.container .well-material-deeporange,.container-fluid .jumbotron-material-deeporange,.container-fluid .well-material-deeporange,body .jumbotron-material-deeporange,body .well-material-deeporange{background-color:#ff5722}.container .jumbotron-material-grey,.container .well-material-grey,.container-fluid .jumbotron-material-grey,.container-fluid .well-material-grey,body .jumbotron-material-grey,body .well-material-grey{background-color:#9e9e9e}.container .jumbotron-material-bluegrey,.container .well-material-bluegrey,.container-fluid .jumbotron-material-bluegrey,.container-fluid .well-material-bluegrey,body .jumbotron-material-bluegrey,body .well-material-bluegrey{background-color:#607d8b}.container .jumbotron-material-brown,.container .well-material-brown,.container-fluid .jumbotron-material-brown,.container-fluid .well-material-brown,body .jumbotron-material-brown,body .well-material-brown{background-color:#795548}.container .jumbotron-material-lightgrey,.container .well-material-lightgrey,.container-fluid .jumbotron-material-lightgrey,.container-fluid .well-material-lightgrey,body .jumbotron-material-lightgrey,body .well-material-lightgrey{background-color:#ececec}.btn{position:relative;padding:8px 30px;border:0;margin:10px 1px;cursor:pointer;border-radius:4px;text-transform:uppercase;text-decoration:none;color:rgba(255,255,255,.84);-webkit-transition:box-shadow .28s cubic-bezier(0.4,0,.2,1);transition:box-shadow .28s cubic-bezier(0.4,0,.2,1);outline:0!important}.btn:hover{color:rgba(255,255,255,.84)}.btn:hover:not(.btn-link){box-shadow:0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.28)}.btn:active:not(.btn-link){box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.btn-default:not(.btn-link),.btn:not(.btn-link){background-color:transparent}.btn-primary:not(.btn-link){background-color:#4285f4}.btn-success:not(.btn-link){background-color:#0f9d58}.btn-info:not(.btn-link){background-color:#03a9f4}.btn-warning:not(.btn-link){background-color:#ff5722}.btn-danger:not(.btn-link),.btn-material-red:not(.btn-link){background-color:#f44336}.btn-material-pink:not(.btn-link){background-color:#e91e63}.btn-material-purple:not(.btn-link){background-color:#9c27b0}.btn-material-deeppurple:not(.btn-link){background-color:#673ab7}.btn-material-indigo:not(.btn-link){background-color:#3f51b5}.btn-material-lightblue:not(.btn-link){background-color:#03a9f4}.btn-material-cyan:not(.btn-link){background-color:#00bcd4}.btn-material-teal:not(.btn-link){background-color:#009688}.btn-material-lightgreen:not(.btn-link){background-color:#8bc34a}.btn-material-lime:not(.btn-link){background-color:#cddc39}.btn-material-lightyellow:not(.btn-link){background-color:#ffeb3b}.btn-material-orange:not(.btn-link){background-color:#ff9800}.btn-material-deeporange:not(.btn-link){background-color:#ff5722}.btn-material-grey:not(.btn-link){background-color:#9e9e9e}.btn-material-bluegrey:not(.btn-link){background-color:#607d8b}.btn-material-brown:not(.btn-link){background-color:#795548}.btn-material-lightgrey:not(.btn-link){background-color:#ececec}.btn-default,.btn-default:hover,.btn-link,.btn-link:hover,.btn:not([class^="btn btn-"]),.btn:not([class^="btn btn-"]):hover{color:rgba(0,0,0,.84)}.btn-default:hover,.btn:not([class^="btn btn-"]):hover{background-color:rgba(255,255,255,.5)}.btn-raised{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-webkit-transition:box-shadow .28s cubic-bezier(0.4,0,.2,1);transition:box-shadow .28s cubic-bezier(0.4,0,.2,1)}.btn-raised:active:not(.btn-link){box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.open>.dropdown-toggle.btn,.open>.dropdown-toggle.btn-default{background-color:transparent}.open>.dropdown-toggle.btn-primary{background-color:#4285f4}.open>.dropdown-toggle.btn-success{background-color:#0f9d58}.open>.dropdown-toggle.btn-info{background-color:#03a9f4}.open>.dropdown-toggle.btn-warning{background-color:#ff5722}.open>.dropdown-toggle.btn-danger,.open>.dropdown-toggle.btn-material-red{background-color:#f44336}.open>.dropdown-toggle.btn-material-pink{background-color:#e91e63}.open>.dropdown-toggle.btn-material-purple{background-color:#9c27b0}.open>.dropdown-toggle.btn-material-deeppurple{background-color:#673ab7}.open>.dropdown-toggle.btn-material-indigo{background-color:#3f51b5}.open>.dropdown-toggle.btn-material-lightblue{background-color:#03a9f4}.open>.dropdown-toggle.btn-material-cyan{background-color:#00bcd4}.open>.dropdown-toggle.btn-material-teal{background-color:#009688}.open>.dropdown-toggle.btn-material-lightgreen{background-color:#8bc34a}.open>.dropdown-toggle.btn-material-lime{background-color:#cddc39}.open>.dropdown-toggle.btn-material-lightyellow{background-color:#ffeb3b}.open>.dropdown-toggle.btn-material-orange{background-color:#ff9800}.open>.dropdown-toggle.btn-material-deeporange{background-color:#ff5722}.open>.dropdown-toggle.btn-material-grey{background-color:#9e9e9e}.open>.dropdown-toggle.btn-material-bluegrey{background-color:#607d8b}.open>.dropdown-toggle.btn-material-brown{background-color:#795548}.open>.dropdown-toggle.btn-material-lightgrey{background-color:#ececec}.btn-flat{box-shadow:none!important}.btn-flat.btn-default:hover{background:0 0}.btn-group,.btn-group-vertical{position:relative;border-radius:4px;margin:10px 1px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-webkit-transition:box-shadow .28s cubic-bezier(0.4,0,.2,1);transition:box-shadow .28s cubic-bezier(0.4,0,.2,1)}.btn-group-vertical:active:not(.btn-link),.btn-group:active:not(.btn-link){box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.btn-group-vertical.open .dropdown-toggle,.btn-group.open .dropdown-toggle{box-shadow:none}.btn-group-vertical.btn-group-raised,.btn-group.btn-group-raised{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-webkit-transition:box-shadow .28s cubic-bezier(0.4,0,.2,1);transition:box-shadow .28s cubic-bezier(0.4,0,.2,1)}.btn-group-vertical.btn-group-raised:active:not(.btn-link),.btn-group.btn-group-raised:active:not(.btn-link){box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.btn-group .btn,.btn-group .btn-group,.btn-group .btn:active,.btn-group-vertical .btn,.btn-group-vertical .btn-group,.btn-group-vertical .btn:active{box-shadow:none!important;margin:0}.btn-group .btn:active .caret,.btn-group-vertical .btn:active .caret{margin-left:-1px}.btn-group-flat{box-shadow:none!important}.btn-fab{margin:0;padding:15px;font-size:26px;width:56px;height:56px}.btn-fab,.btn-fab-default,.btn-fab:hover,.btn-fab:hover-default{background-color:transparent}.btn-fab-primary,.btn-fab:hover-primary{background-color:#4285f4}.btn-fab-success,.btn-fab:hover-success{background-color:#0f9d58}.btn-fab-info,.btn-fab:hover-info{background-color:#03a9f4}.btn-fab-warning,.btn-fab:hover-warning{background-color:#ff5722}.btn-fab-danger,.btn-fab-material-red,.btn-fab:hover-danger,.btn-fab:hover-material-red{background-color:#f44336}.btn-fab-material-pink,.btn-fab:hover-material-pink{background-color:#e91e63}.btn-fab-material-purple,.btn-fab:hover-material-purple{background-color:#9c27b0}.btn-fab-material-deeppurple,.btn-fab:hover-material-deeppurple{background-color:#673ab7}.btn-fab-material-indigo,.btn-fab:hover-material-indigo{background-color:#3f51b5}.btn-fab-material-lightblue,.btn-fab:hover-material-lightblue{background-color:#03a9f4}.btn-fab-material-cyan,.btn-fab:hover-material-cyan{background-color:#00bcd4}.btn-fab-material-teal,.btn-fab:hover-material-teal{background-color:#009688}.btn-fab-material-lightgreen,.btn-fab:hover-material-lightgreen{background-color:#8bc34a}.btn-fab-material-lime,.btn-fab:hover-material-lime{background-color:#cddc39}.btn-fab-material-lightyellow,.btn-fab:hover-material-lightyellow{background-color:#ffeb3b}.btn-fab-material-orange,.btn-fab:hover-material-orange{background-color:#ff9800}.btn-fab-material-deeporange,.btn-fab:hover-material-deeporange{background-color:#ff5722}.btn-fab-material-grey,.btn-fab:hover-material-grey{background-color:#9e9e9e}.btn-fab-material-bluegrey,.btn-fab:hover-material-bluegrey{background-color:#607d8b}.btn-fab-material-brown,.btn-fab:hover-material-brown{background-color:#795548}.btn-fab-material-lightgrey,.btn-fab:hover-material-lightgrey{background-color:#ececec}.btn-fab,.btn-fab .ripple-wrapper{border-radius:100%}.btn-fab.btn-mini{width:40px;height:40px;padding:13px;font-size:15px}.form-horizontal .checkbox{padding-top:15px}.checkbox{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.checkbox label{cursor:pointer;padding-left:45px;position:relative}.checkbox label span{display:block;position:absolute;left:0;-webkit-transition-duration:.2s;transition-duration:.2s}.checkbox label .check:after{display:block;position:absolute;content:"";background-color:rgba(0,0,0,.84);left:-5px;top:-15px;height:50px;width:50px;border-radius:100%;z-index:1;opacity:0;margin:0}.checkbox label .check:before{display:block;content:"";border:2px solid rgba(0,0,0,.84);height:20px;width:20px;-webkit-transition-delay:.2s;transition-delay:.2s}.checkbox .check,.checkbox-default .check{color:#0f9d58}.checkbox-primary .check{color:#4285f4}.checkbox-success .check{color:#0f9d58}.checkbox-info .check{color:#03a9f4}.checkbox-warning .check{color:#ff5722}.checkbox-danger .check,.checkbox-material-red .check{color:#f44336}.checkbox-material-pink .check{color:#e91e63}.checkbox-material-purple .check{color:#9c27b0}.checkbox-material-deeppurple .check{color:#673ab7}.checkbox-material-indigo .check{color:#3f51b5}.checkbox-material-lightblue .check{color:#03a9f4}.checkbox-material-cyan .check{color:#00bcd4}.checkbox-material-teal .check{color:#009688}.checkbox-material-lightgreen .check{color:#8bc34a}.checkbox-material-lime .check{color:#cddc39}.checkbox-material-lightyellow .check{color:#ffeb3b}.checkbox-material-orange .check{color:#ff9800}.checkbox-material-deeporange .check{color:#ff5722}.checkbox-material-grey .check{color:#9e9e9e}.checkbox-material-bluegrey .check{color:#607d8b}.checkbox-material-brown .check{color:#795548}.checkbox-material-lightgrey .check{color:#ececec}.checkbox input[type=checkbox]{opacity:0}.checkbox input[type=checkbox]~.check:before{position:absolute;top:2px;left:11px;width:18px;height:18px;border:2px solid;border-color:#5a5a5a;-webkit-animation:uncheck 300ms ease-out forwards;animation:uncheck 300ms ease-out forwards}.checkbox input[type=checkbox]:focus~.check:after{opacity:.2}.checkbox input[type=checkbox]:checked~.check:before{-webkit-animation:check 300ms ease-out forwards;animation:check 300ms ease-out forwards}.checkbox input[type=checkbox]:not(:checked)~.check:after{-webkit-animation:rippleOff 500ms linear forwards;animation:rippleOff 500ms linear forwards}.checkbox input[type=checkbox]:checked~.check:after{-webkit-animation:rippleOn 500ms linear forwards;animation:rippleOn 500ms linear forwards}.checkbox:not(:hover) input[type=checkbox]~.check:after,.checkbox:not(:hover) input[type=checkbox]~.check:before{-webkit-animation-duration:1ms;animation-duration:1ms}.checkbox input[type=checkbox][disabled]:not(:checked)~.check:before{opacity:.5}.checkbox input[type=checkbox][disabled]~.check:after{background-color:rgba(0,0,0,.84);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.checkbox input[type=checkbox]:checked~.check:after,.checkbox-default input[type=checkbox]:checked~.check:after{background-color:#0f9d58}.checkbox-primary input[type=checkbox]:checked~.check:after{background-color:#4285f4}.checkbox-success input[type=checkbox]:checked~.check:after{background-color:#0f9d58}.checkbox-info input[type=checkbox]:checked~.check:after{background-color:#03a9f4}.checkbox-warning input[type=checkbox]:checked~.check:after{background-color:#ff5722}.checkbox-danger input[type=checkbox]:checked~.check:after,.checkbox-material-red input[type=checkbox]:checked~.check:after{background-color:#f44336}.checkbox-material-pink input[type=checkbox]:checked~.check:after{background-color:#e91e63}.checkbox-material-purple input[type=checkbox]:checked~.check:after{background-color:#9c27b0}.checkbox-material-deeppurple input[type=checkbox]:checked~.check:after{background-color:#673ab7}.checkbox-material-indigo input[type=checkbox]:checked~.check:after{background-color:#3f51b5}.checkbox-material-lightblue input[type=checkbox]:checked~.check:after{background-color:#03a9f4}.checkbox-material-cyan input[type=checkbox]:checked~.check:after{background-color:#00bcd4}.checkbox-material-teal input[type=checkbox]:checked~.check:after{background-color:#009688}.checkbox-material-lightgreen input[type=checkbox]:checked~.check:after{background-color:#8bc34a}.checkbox-material-lime input[type=checkbox]:checked~.check:after{background-color:#cddc39}.checkbox-material-lightyellow input[type=checkbox]:checked~.check:after{background-color:#ffeb3b}.checkbox-material-orange input[type=checkbox]:checked~.check:after{background-color:#ff9800}.checkbox-material-deeporange input[type=checkbox]:checked~.check:after{background-color:#ff5722}.checkbox-material-grey input[type=checkbox]:checked~.check:after{background-color:#9e9e9e}.checkbox-material-bluegrey input[type=checkbox]:checked~.check:after{background-color:#607d8b}.checkbox-material-brown input[type=checkbox]:checked~.check:after{background-color:#795548}.checkbox-material-lightgrey input[type=checkbox]:checked~.check:after{background-color:#ececec}@-webkit-keyframes uncheck{0%{top:-3px;left:17px;width:10px;height:21px;border-color:transparent #0f9d58 #0f9d58 transparent;-webkit-transform:rotate(45deg);transform:rotate(45deg)}50%{top:14px;left:17px;width:4px;height:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:transparent #0f9d58 #0f9d58 transparent}51%{border-color:#5a5a5a}100%{top:1px;left:12px;width:18px;height:18px;-webkit-transform:rotate(0deg);transform:rotate(0deg);border-color:#5a5a5a}}@keyframes uncheck{0%{top:-3px;left:17px;width:10px;height:21px;border-color:transparent #0f9d58 #0f9d58 transparent;-webkit-transform:rotate(45deg);transform:rotate(45deg)}50%{top:14px;left:17px;width:4px;height:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:transparent #0f9d58 #0f9d58 transparent}51%{border-color:#5a5a5a}100%{top:1px;left:12px;width:18px;height:18px;-webkit-transform:rotate(0deg);transform:rotate(0deg);border-color:#5a5a5a}}@-webkit-keyframes check{100%{top:-3px;left:17px;width:10px;height:21px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:transparent #0f9d58 #0f9d58 transparent}51%{border-left:transparent;border-top-color:transparent}50%{top:14px;left:17px;width:4px;height:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:#5a5a5a}0%{top:1px;left:12px;width:18px;height:18px;-webkit-transform:rotate(0deg);transform:rotate(0deg);border-color:#5a5a5a}}@keyframes check{100%{top:-3px;left:17px;width:10px;height:21px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:transparent #0f9d58 #0f9d58 transparent}51%{border-left:transparent;border-top-color:transparent}50%{top:14px;left:17px;width:4px;height:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:#5a5a5a}0%{top:1px;left:12px;width:18px;height:18px;-webkit-transform:rotate(0deg);transform:rotate(0deg);border-color:#5a5a5a}}@-webkit-keyframes rippleOn{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}@keyframes rippleOn{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}@-webkit-keyframes rippleOff{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}@keyframes rippleOff{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}.form-horizontal .radio{margin-bottom:10px}.radio label{cursor:pointer;padding-left:45px;position:relative}.radio label span{display:block;position:absolute;left:10px;top:2px;-webkit-transition-duration:.2s;transition-duration:.2s}.radio label .circle{border:2px solid rgba(0,0,0,.84);height:15px;width:15px;border-radius:100%}.radio label .check{height:15px;width:15px;border-radius:100%;background-color:rgba(0,0,0,.84);-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.radio label .check:after{display:block;position:absolute;content:"";background-color:rgba(0,0,0,.84);left:-18px;top:-18px;height:50px;width:50px;border-radius:100%;z-index:1;opacity:0;margin:0;-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5)}.radio label input[type=radio]:not(:checked)~.check:after{-webkit-animation:rippleOff 500ms;animation:rippleOff 500ms}.radio label input[type=radio]:checked~.check:after{-webkit-animation:rippleOn 500ms;animation:rippleOn 500ms}.radio input[type=radio]:checked~.check,.radio-default input[type=radio]:checked~.check{background-color:rgba(0,0,0,.84)}.radio-primary input[type=radio]:checked~.check{background-color:#4285f4}.radio-success input[type=radio]:checked~.check{background-color:#0f9d58}.radio-info input[type=radio]:checked~.check{background-color:#03a9f4}.radio-warning input[type=radio]:checked~.check{background-color:#ff5722}.radio-danger input[type=radio]:checked~.check,.radio-material-red input[type=radio]:checked~.check{background-color:#f44336}.radio-material-pink input[type=radio]:checked~.check{background-color:#e91e63}.radio-material-purple input[type=radio]:checked~.check{background-color:#9c27b0}.radio-material-deeppurple input[type=radio]:checked~.check{background-color:#673ab7}.radio-material-indigo input[type=radio]:checked~.check{background-color:#3f51b5}.radio-material-lightblue input[type=radio]:checked~.check{background-color:#03a9f4}.radio-material-cyan input[type=radio]:checked~.check{background-color:#00bcd4}.radio-material-teal input[type=radio]:checked~.check{background-color:#009688}.radio-material-lightgreen input[type=radio]:checked~.check{background-color:#8bc34a}.radio-material-lime input[type=radio]:checked~.check{background-color:#cddc39}.radio-material-lightyellow input[type=radio]:checked~.check{background-color:#ffeb3b}.radio-material-orange input[type=radio]:checked~.check{background-color:#ff9800}.radio-material-deeporange input[type=radio]:checked~.check{background-color:#ff5722}.radio-material-grey input[type=radio]:checked~.check{background-color:#9e9e9e}.radio-material-bluegrey input[type=radio]:checked~.check{background-color:#607d8b}.radio-material-brown input[type=radio]:checked~.check{background-color:#795548}.radio-material-lightgrey input[type=radio]:checked~.check{background-color:#ececec}.radio input[type=radio]:checked~.circle,.radio-default input[type=radio]:checked~.circle{border-color:rgba(0,0,0,.84)}.radio-primary input[type=radio]:checked~.circle{border-color:#4285f4}.radio-success input[type=radio]:checked~.circle{border-color:#0f9d58}.radio-info input[type=radio]:checked~.circle{border-color:#03a9f4}.radio-warning input[type=radio]:checked~.circle{border-color:#ff5722}.radio-danger input[type=radio]:checked~.circle,.radio-material-red input[type=radio]:checked~.circle{border-color:#f44336}.radio-material-pink input[type=radio]:checked~.circle{border-color:#e91e63}.radio-material-purple input[type=radio]:checked~.circle{border-color:#9c27b0}.radio-material-deeppurple input[type=radio]:checked~.circle{border-color:#673ab7}.radio-material-indigo input[type=radio]:checked~.circle{border-color:#3f51b5}.radio-material-lightblue input[type=radio]:checked~.circle{border-color:#03a9f4}.radio-material-cyan input[type=radio]:checked~.circle{border-color:#00bcd4}.radio-material-teal input[type=radio]:checked~.circle{border-color:#009688}.radio-material-lightgreen input[type=radio]:checked~.circle{border-color:#8bc34a}.radio-material-lime input[type=radio]:checked~.circle{border-color:#cddc39}.radio-material-lightyellow input[type=radio]:checked~.circle{border-color:#ffeb3b}.radio-material-orange input[type=radio]:checked~.circle{border-color:#ff9800}.radio-material-deeporange input[type=radio]:checked~.circle{border-color:#ff5722}.radio-material-grey input[type=radio]:checked~.circle{border-color:#9e9e9e}.radio-material-bluegrey input[type=radio]:checked~.circle{border-color:#607d8b}.radio-material-brown input[type=radio]:checked~.circle{border-color:#795548}.radio-material-lightgrey input[type=radio]:checked~.circle{border-color:#ececec}.radio input[type=radio][disabled]~.check,.radio input[type=radio][disabled]~.circle{opacity:.5}.radio input[type=radio]{display:none}.radio input[type=radio]:checked~.check{-webkit-transform:scale(0.55);-ms-transform:scale(0.55);transform:scale(0.55)}.radio input[type=radio][disabled]~.circle{border-color:rgba(0,0,0,.84)}.radio input[type=radio][disabled]~.check{background-color:rgba(0,0,0,.84)}@keyframes rippleOn{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}@keyframes rippleOff{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}.form-control,.form-control-wrapper .form-control,.form-control-wrapper .form-control.focus,.form-control-wrapper .form-control:focus,.form-control.focus,.form-control:focus,fieldset[disabled] .form-control,fieldset[disabled] .form-control.focus,fieldset[disabled] .form-control:focus{padding:0;float:none;border:0;box-shadow:none;border-radius:0;background:0 0;border-bottom:1px solid #757575}.form-control-wrapper .form-control.focus:not(textarea):not(select),.form-control-wrapper .form-control:focus:not(textarea):not(select),.form-control-wrapper .form-control:not(textarea):not(select),.form-control.focus:not(textarea):not(select),.form-control:focus:not(textarea):not(select),.form-control:not(textarea):not(select),fieldset[disabled] .form-control.focus:not(textarea):not(select),fieldset[disabled] .form-control:focus:not(textarea):not(select),fieldset[disabled] .form-control:not(textarea):not(select){height:28px}.form-control-wrapper .form-control.focus:disabled,.form-control-wrapper .form-control:disabled,.form-control-wrapper .form-control:focus:disabled,.form-control.focus:disabled,.form-control:disabled,.form-control:focus:disabled,fieldset[disabled] .form-control.focus:disabled,fieldset[disabled] .form-control:disabled,fieldset[disabled] .form-control:focus:disabled{border-style:dashed}select.form-control{height:23px}select[multiple].form-control,select[multiple].form-control.focus,select[multiple].form-control:focus{height:85px}.form-control-wrapper{position:relative}.form-control-wrapper .form-control.focus,.form-control-wrapper .form-control:focus{outline:0}.form-control-wrapper .floating-label{color:#7E7E7E;font-size:14px;position:absolute;pointer-events:none;left:0;top:5px;-webkit-transition:.2s ease all;transition:.2s ease all;opacity:0}.form-control-wrapper .form-control:not(.empty)~.floating-label{top:-10px;font-size:10px;opacity:1}.form-control-wrapper .form-control.focus:invalid~.floating-label,.form-control-wrapper .form-control:focus:invalid~.floating-label{color:#f44336}.form-control-wrapper .form-control.focus~.material-input:after,.form-control-wrapper .form-control:focus~.material-input:after{background-color:#5264ae}.form-control-wrapper .form-control.focus:invalid~.material-input:after,.form-control-wrapper .form-control.focus:invalid~.material-input:before,.form-control-wrapper .form-control:focus:invalid~.material-input:after,.form-control-wrapper .form-control:focus:invalid~.material-input:before{background-color:#f44336}.form-control-wrapper .form-control.empty~.floating-label{opacity:1}.form-control-wrapper .material-input:before{position:absolute;content:"";width:100%;left:0;height:2px;background-color:#5264ae;bottom:-1px;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform 0s;transition:transform 0s}.form-control-wrapper .form-control.focus~.material-input:before,.form-control-wrapper .form-control:focus~.material-input:before{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);-webkit-transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out}.form-control-wrapper .material-input:after{content:"";position:absolute;height:18px;width:100px;margin-top:-1px;top:7px;left:0;pointer-events:none;opacity:.9;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}.form-control-wrapper .input-lg~.material-input:after{height:26px}.form-control-wrapper textarea{resize:none}.form-control-wrapper textarea~.form-control-highlight{margin-top:-11px}.form-control-wrapper .form-control.focus~.material-input:after,.form-control-wrapper .form-control:focus~.material-input:after{-webkit-animation:input-highlight .3s ease;animation:input-highlight .3s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}.form-control-wrapper select~.material-input:after{display:none}.form-group.has-warning .material-input:before,.form-group.has-warning input.form-control.focus~.material-input:after,.form-group.has-warning input.form-control:focus~.material-input:after{background:#ff5722}.form-group.has-warning .control-label,.form-group.has-warning input.form-control:not(.empty)~.floating-label{color:#ff5722}.form-group.has-error .material-input:before,.form-group.has-error input.form-control.focus~.material-input:after,.form-group.has-error input.form-control:focus~.material-input:after{background:#f44336}.form-group.has-error .control-label,.form-group.has-error input.form-control:not(.empty)~.floating-label{color:#f44336}.form-group.has-success .material-input:before,.form-group.has-success input.form-control.focus~.material-input:after,.form-group.has-success input.form-control:focus~.material-input:after{background:#0f9d58}.form-group.has-success .control-label,.form-group.has-success input.form-control:not(.empty)~.floating-label{color:#0f9d58}.form-group.has-info .material-input:before,.form-group.has-info input.form-control.focus~.material-input:after,.form-group.has-info input.form-control:focus~.material-input:after{background:#03a9f4}.form-group.has-info .control-label,.form-group.has-info input.form-control:not(.empty)~.floating-label{color:#03a9f4}.form-group .material-input:before,.form-group-default .material-input:before{background-color:#3f51b5}.form-group-primary .material-input:before{background-color:#4285f4}.form-group-success .material-input:before{background-color:#0f9d58}.form-group-info .material-input:before{background-color:#03a9f4}.form-group-warning .material-input:before{background-color:#ff5722}.form-group-danger .material-input:before,.form-group-material-red .material-input:before{background-color:#f44336}.form-group-material-pink .material-input:before{background-color:#e91e63}.form-group-material-purple .material-input:before{background-color:#9c27b0}.form-group-material-deeppurple .material-input:before{background-color:#673ab7}.form-group-material-indigo .material-input:before{background-color:#3f51b5}.form-group-material-lightblue .material-input:before{background-color:#03a9f4}.form-group-material-cyan .material-input:before{background-color:#00bcd4}.form-group-material-teal .material-input:before{background-color:#009688}.form-group-material-lightgreen .material-input:before{background-color:#8bc34a}.form-group-material-lime .material-input:before{background-color:#cddc39}.form-group-material-lightyellow .material-input:before{background-color:#ffeb3b}.form-group-material-orange .material-input:before{background-color:#ff9800}.form-group-material-deeporange .material-input:before{background-color:#ff5722}.form-group-material-grey .material-input:before{background-color:#9e9e9e}.form-group-material-bluegrey .material-input:before{background-color:#607d8b}.form-group-material-brown .material-input:before{background-color:#795548}.form-group-material-lightgrey .material-input:before{background-color:#ececec}.form-group input.form-control:focus~.material-input:after,.form-group-default input.form-control:focus~.material-input:after{background-color:#3f51b5}.form-group-primary input.form-control:focus~.material-input:after{background-color:#4285f4}.form-group-success input.form-control:focus~.material-input:after{background-color:#0f9d58}.form-group-info input.form-control:focus~.material-input:after{background-color:#03a9f4}.form-group-warning input.form-control:focus~.material-input:after{background-color:#ff5722}.form-group-danger input.form-control:focus~.material-input:after,.form-group-material-red input.form-control:focus~.material-input:after{background-color:#f44336}.form-group-material-pink input.form-control:focus~.material-input:after{background-color:#e91e63}.form-group-material-purple input.form-control:focus~.material-input:after{background-color:#9c27b0}.form-group-material-deeppurple input.form-control:focus~.material-input:after{background-color:#673ab7}.form-group-material-indigo input.form-control:focus~.material-input:after{background-color:#3f51b5}.form-group-material-lightblue input.form-control:focus~.material-input:after{background-color:#03a9f4}.form-group-material-cyan input.form-control:focus~.material-input:after{background-color:#00bcd4}.form-group-material-teal input.form-control:focus~.material-input:after{background-color:#009688}.form-group-material-lightgreen input.form-control:focus~.material-input:after{background-color:#8bc34a}.form-group-material-lime input.form-control:focus~.material-input:after{background-color:#cddc39}.form-group-material-lightyellow input.form-control:focus~.material-input:after{background-color:#ffeb3b}.form-group-material-orange input.form-control:focus~.material-input:after{background-color:#ff9800}.form-group-material-deeporange input.form-control:focus~.material-input:after{background-color:#ff5722}.form-group-material-grey input.form-control:focus~.material-input:after{background-color:#9e9e9e}.form-group-material-bluegrey input.form-control:focus~.material-input:after{background-color:#607d8b}.form-group-material-brown input.form-control:focus~.material-input:after{background-color:#795548}.form-group-material-lightgrey input.form-control:focus~.material-input:after{background-color:#ececec}.form-group input.form-control.focus~.material-input:after,.form-group-default input.form-control.focus~.material-input:after{background-color:#3f51b5}.form-group-primary input.form-control.focus~.material-input:after{background-color:#4285f4}.form-group-success input.form-control.focus~.material-input:after{background-color:#0f9d58}.form-group-info input.form-control.focus~.material-input:after{background-color:#03a9f4}.form-group-warning input.form-control.focus~.material-input:after{background-color:#ff5722}.form-group-danger input.form-control.focus~.material-input:after,.form-group-material-red input.form-control.focus~.material-input:after{background-color:#f44336}.form-group-material-pink input.form-control.focus~.material-input:after{background-color:#e91e63}.form-group-material-purple input.form-control.focus~.material-input:after{background-color:#9c27b0}.form-group-material-deeppurple input.form-control.focus~.material-input:after{background-color:#673ab7}.form-group-material-indigo input.form-control.focus~.material-input:after{background-color:#3f51b5}.form-group-material-lightblue input.form-control.focus~.material-input:after{background-color:#03a9f4}.form-group-material-cyan input.form-control.focus~.material-input:after{background-color:#00bcd4}.form-group-material-teal input.form-control.focus~.material-input:after{background-color:#009688}.form-group-material-lightgreen input.form-control.focus~.material-input:after{background-color:#8bc34a}.form-group-material-lime input.form-control.focus~.material-input:after{background-color:#cddc39}.form-group-material-lightyellow input.form-control.focus~.material-input:after{background-color:#ffeb3b}.form-group-material-orange input.form-control.focus~.material-input:after{background-color:#ff9800}.form-group-material-deeporange input.form-control.focus~.material-input:after{background-color:#ff5722}.form-group-material-grey input.form-control.focus~.material-input:after{background-color:#9e9e9e}.form-group-material-bluegrey input.form-control.focus~.material-input:after{background-color:#607d8b}.form-group-material-brown input.form-control.focus~.material-input:after{background-color:#795548}.form-group-material-lightgrey input.form-control.focus~.material-input:after{background-color:#ececec}.form-group .control-label,.form-group-default .control-label{color:rgba(0,0,0,.84)}.form-group-primary .control-label{color:#4285f4}.form-group-success .control-label{color:#0f9d58}.form-group-info .control-label{color:#03a9f4}.form-group-warning .control-label{color:#ff5722}.form-group-danger .control-label,.form-group-material-red .control-label{color:#f44336}.form-group-material-pink .control-label{color:#e91e63}.form-group-material-purple .control-label{color:#9c27b0}.form-group-material-deeppurple .control-label{color:#673ab7}.form-group-material-indigo .control-label{color:#3f51b5}.form-group-material-lightblue .control-label{color:#03a9f4}.form-group-material-cyan .control-label{color:#00bcd4}.form-group-material-teal .control-label{color:#009688}.form-group-material-lightgreen .control-label{color:#8bc34a}.form-group-material-lime .control-label{color:#cddc39}.form-group-material-lightyellow .control-label{color:#ffeb3b}.form-group-material-orange .control-label{color:#ff9800}.form-group-material-deeporange .control-label{color:#ff5722}.form-group-material-grey .control-label{color:#9e9e9e}.form-group-material-bluegrey .control-label{color:#607d8b}.form-group-material-brown .control-label{color:#795548}.form-group-material-lightgrey .control-label{color:#ececec}.form-group input.form-control:not(.empty)~.floating-label,.form-group-default input.form-control:not(.empty)~.floating-label{color:#3f51b5}.form-group-primary input.form-control:not(.empty)~.floating-label{color:#4285f4}.form-group-success input.form-control:not(.empty)~.floating-label{color:#0f9d58}.form-group-info input.form-control:not(.empty)~.floating-label{color:#03a9f4}.form-group-warning input.form-control:not(.empty)~.floating-label{color:#ff5722}.form-group-danger input.form-control:not(.empty)~.floating-label,.form-group-material-red input.form-control:not(.empty)~.floating-label{color:#f44336}.form-group-material-pink input.form-control:not(.empty)~.floating-label{color:#e91e63}.form-group-material-purple input.form-control:not(.empty)~.floating-label{color:#9c27b0}.form-group-material-deeppurple input.form-control:not(.empty)~.floating-label{color:#673ab7}.form-group-material-indigo input.form-control:not(.empty)~.floating-label{color:#3f51b5}.form-group-material-lightblue input.form-control:not(.empty)~.floating-label{color:#03a9f4}.form-group-material-cyan input.form-control:not(.empty)~.floating-label{color:#00bcd4}.form-group-material-teal input.form-control:not(.empty)~.floating-label{color:#009688}.form-group-material-lightgreen input.form-control:not(.empty)~.floating-label{color:#8bc34a}.form-group-material-lime input.form-control:not(.empty)~.floating-label{color:#cddc39}.form-group-material-lightyellow input.form-control:not(.empty)~.floating-label{color:#ffeb3b}.form-group-material-orange input.form-control:not(.empty)~.floating-label{color:#ff9800}.form-group-material-deeporange input.form-control:not(.empty)~.floating-label{color:#ff5722}.form-group-material-grey input.form-control:not(.empty)~.floating-label{color:#9e9e9e}.form-group-material-bluegrey input.form-control:not(.empty)~.floating-label{color:#607d8b}.form-group-material-brown input.form-control:not(.empty)~.floating-label{color:#795548}.form-group-material-lightgrey input.form-control:not(.empty)~.floating-label{color:#ececec}.input-group .form-control-wrapper{margin-right:5px;margin-left:5px;bottom:-10px}.input-group .form-control-wrapper .form-control{float:none}.input-group .input-group-addon{border:0}.input-group .input-group-btn .btn{border-radius:4px}select.form-control{border:0;box-shadow:none;border-bottom:1px solid #757575;border-radius:0}select.form-control.focus,select.form-control:focus{box-shadow:none;border-color:#757575}@keyframes input-highlight{0%{left:20%;-webkit-transform:scaleX(20%);transform:scaleX(20%)}99%{-webkit-transform:scaleX(0);transform:scaleX(0);left:0;opacity:1}100%{opacity:0}}.form-control-wrapper input[type=file]{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:100}legend{border-bottom:0}.modal-content{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);border-radius:0;border:0}.modal-content .modal-header{border-bottom:0}.modal-content .modal-footer{border-top:0}.modal-content .modal-footer .btn+.btn{margin-bottom:10px}.list-group{border-radius:0}.list-group .list-group-item{background-color:transparent;overflow:hidden;border:0;border-radius:0;padding:0 16px}.list-group .list-group-item .row-action-primary,.list-group .list-group-item .row-picture{float:left;display:inline-block;padding-right:16px}.list-group .list-group-item .row-action-primary i,.list-group .list-group-item .row-action-primary img,.list-group .list-group-item .row-action-primary label,.list-group .list-group-item .row-picture i,.list-group .list-group-item .row-picture img,.list-group .list-group-item .row-picture label{display:block;width:56px;height:56px}.list-group .list-group-item .row-action-primary img,.list-group .list-group-item .row-picture img{background:rgba(0,0,0,.1);padding:1px}.list-group .list-group-item .row-action-primary img.circle,.list-group .list-group-item .row-picture img.circle{border-radius:100%}.list-group .list-group-item .row-action-primary i,.list-group .list-group-item .row-picture i{background:rgba(0,0,0,.25);border-radius:100%;text-align:center;line-height:56px;font-size:20px;color:#fff}.list-group .list-group-item .row-action-primary label,.list-group .list-group-item .row-picture label{margin:5px -7px -5px 7px}.list-group .list-group-item .row-content{display:inline-block;width:calc(100% - 92px);min-height:66px}.list-group .list-group-item .row-content .action-secondary{position:absolute;right:16px;top:16px}.list-group .list-group-item .row-content .action-secondary i{font-size:20px;color:rgba(0,0,0,.25);cursor:pointer}.list-group .list-group-item .row-content .action-secondary~*{max-width:calc(100% - 30px)}.list-group .list-group-item .row-content .least-content{position:absolute;right:16px;top:0;color:rgba(0,0,0,.54);font-size:14px}.list-group .list-group-item .list-group-item-heading{color:rgba(0,0,0,.77);font-size:20px;line-height:29px}.list-group .list-group-separator{clear:both;overflow:hidden;margin-top:10px;margin-bottom:10px}.list-group .list-group-separator:before{content:"";width:calc(100% - 90px);border-bottom:1px solid rgba(0,0,0,.1);float:right}.navbar{border:0;border-radius:0}.navbar .navbar-brand{position:relative;height:60px;line-height:30px;color:rgba(255,255,255,.84)}.navbar .navbar-brand:focus,.navbar .navbar-brand:hover{color:rgba(255,255,255,.84);background-color:transparent}.navbar .navbar-text{color:rgba(255,255,255,.84);margin-top:20px;margin-bottom:20px}.navbar .navbar-nav>li>a{color:rgba(255,255,255,.84);padding-top:20px;padding-bottom:20px}.navbar .navbar-nav>li>a:focus,.navbar .navbar-nav>li>a:hover{color:rgba(255,255,255,.84);background-color:transparent}.navbar .navbar-nav>.active>a,.navbar .navbar-nav>.active>a:focus,.navbar .navbar-nav>.active>a:hover{color:rgba(255,255,255,.84);background-color:rgba(0,0,0,.05)}.navbar .navbar-nav>.disabled>a,.navbar .navbar-nav>.disabled>a:focus,.navbar .navbar-nav>.disabled>a:hover{color:#e5e5e5;background-color:transparent}.navbar .navbar-toggle{margin-top:13px;border-color:transparent}.navbar .navbar-toggle:focus,.navbar .navbar-toggle:hover{background-color:transparent}.navbar .navbar-toggle .icon-bar{background-color:rgba(255,255,255,.84)}.navbar .navbar-default .navbar-toggle,.navbar .navbar-inverse .navbar-toggle{border-color:transparent}.navbar .navbar-collapse,.navbar .navbar-form{border-color:rgba(0,0,0,.1)}.navbar .navbar-nav>.open>a,.navbar .navbar-nav>.open>a:focus,.navbar .navbar-nav>.open>a:hover{background-color:rgba(0,0,0,.05);color:rgba(255,255,255,.84)}@media (max-width:767px){.navbar .navbar-nav .open .dropdown-menu>.dropdown-header{border:0;color:rgba(212,212,212,.84)}.navbar .navbar-nav .open .dropdown-menu .divider{background-color:rgba(255,255,255,.84)}.navbar .navbar-nav .open .dropdown-menu>li>a{color:rgba(255,255,255,.84)}.navbar .navbar-nav .open .dropdown-menu>li>a:focus,.navbar .navbar-nav .open .dropdown-menu>li>a:hover{color:rgba(255,255,255,.84);background-color:transparent}.navbar .navbar-nav .open .dropdown-menu>.active>a,.navbar .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar .navbar-nav .open .dropdown-menu>.active>a:hover{color:rgba(255,255,255,.84);background-color:rgba(0,0,0,.05)}.navbar .navbar-nav .open .dropdown-menu>.disabled>a,.navbar .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#e5e5e5;background-color:transparent}}.navbar .btn-link,.navbar .btn-link:focus,.navbar .btn-link:hover,.navbar .navbar-link,.navbar .navbar-link:hover{color:rgba(255,255,255,.84)}.navbar .btn-link[disabled]:focus,.navbar .btn-link[disabled]:hover,fieldset[disabled] .navbar .btn-link:focus,fieldset[disabled] .navbar .btn-link:hover{color:#e5e5e5}.navbar .navbar-form{margin-top:16px}.navbar .navbar-form .form-control,.navbar .navbar-form .form-control-wrapper .form-control{border-color:rgba(255,255,255,.84);color:rgba(255,255,255,.84)}.navbar .navbar-form .form-control-wrapper .material-input:before,.navbar .navbar-form .form-control-wrapper input:focus~.material-input:after{background-color:rgba(255,255,255,.84)}.navbar .navbar-form ::-webkit-input-placeholder{color:rgba(255,255,255,.84)}.navbar .navbar-form :-moz-placeholder{color:rgba(255,255,255,.84)}.navbar .navbar-form ::-moz-placeholder{color:rgba(255,255,255,.84)}.navbar .navbar-form :-ms-input-placeholder{color:rgba(255,255,255,.84)}.navbar,.navbar-default,.navbar-primary{background-color:#4285f4}.navbar-success{background-color:#0f9d58}.navbar-info{background-color:#03a9f4}.navbar-warning{background-color:#ff5722}.navbar-danger,.navbar-material-red{background-color:#f44336}.navbar-material-pink{background-color:#e91e63}.navbar-material-purple{background-color:#9c27b0}.navbar-material-deeppurple{background-color:#673ab7}.navbar-material-indigo{background-color:#3f51b5}.navbar-material-lightblue{background-color:#03a9f4}.navbar-material-cyan{background-color:#00bcd4}.navbar-material-teal{background-color:#009688}.navbar-material-lightgreen{background-color:#8bc34a}.navbar-material-lime{background-color:#cddc39}.navbar-material-lightyellow{background-color:#ffeb3b}.navbar-material-orange{background-color:#ff9800}.navbar-material-deeporange{background-color:#ff5722}.navbar-material-grey{background-color:#9e9e9e}.navbar-material-bluegrey{background-color:#607d8b}.navbar-material-brown{background-color:#795548}.navbar-material-lightgrey{background-color:#ececec}.navbar-inverse{background-color:#3f51b5}.navbar-material-white{background-color:#FFF}.navbar-material-white .navbar-brand,.navbar-material-white .navbar-brand:focus,.navbar-material-white .navbar-brand:hover,.navbar-material-white .navbar-nav>li>a{color:rgba(0,0,0,.84)}.navbar-material-white .navbar-nav>li>a:focus,.navbar-material-white .navbar-nav>li>a:hover{color:rgba(0,0,0,.84);background-color:transparent}.navbar-material-white .navbar-nav>.active>a,.navbar-material-white .navbar-nav>.active>a:focus,.navbar-material-white .navbar-nav>.active>a:hover{color:rgba(0,0,0,.84);background-color:rgba(0,0,0,.05)}.navbar-material-white .navbar-nav>.disabled>a,.navbar-material-white .navbar-nav>.disabled>a:focus,.navbar-material-white .navbar-nav>.disabled>a:hover{color:rgba(0,0,0,.84);background-color:transparent}.navbar-material-white .navbar-nav>.open>a,.navbar-material-white .navbar-nav>.open>a:focus,.navbar-material-white .navbar-nav>.open>a:hover{background-color:rgba(0,0,0,.05);color:rgba(0,0,0,.84)}@media (max-width:1199px){.navbar .navbar-brand{height:50px;padding:10px 15px}.navbar .navbar-form{margin-top:10px}.navbar .navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.dropdown-menu{border:0;box-shadow:0 2px 5px 0 rgba(0,0,0,.26)}.dropdown-menu .divider{background-color:rgba(229,229,229,.12)}.dropdown-menu li{overflow:hidden;position:relative}.dropdown-menu li a:hover{background:rgba(0,0,0,.08)}.alert{border:0;border-radius:0}.alert .alert-link,.alert a{color:#FFF}.alert,.alert-default{background-color:#fff}.alert-primary{background-color:#4285f4}.alert-success{background-color:#0f9d58}.alert-info{background-color:#03a9f4}.alert-warning{background-color:#ff5722}.alert-danger,.alert-material-red{background-color:#f44336}.alert-material-pink{background-color:#e91e63}.alert-material-purple{background-color:#9c27b0}.alert-material-deeppurple{background-color:#673ab7}.alert-material-indigo{background-color:#3f51b5}.alert-material-lightblue{background-color:#03a9f4}.alert-material-cyan{background-color:#00bcd4}.alert-material-teal{background-color:#009688}.alert-material-lightgreen{background-color:#8bc34a}.alert-material-lime{background-color:#cddc39}.alert-material-lightyellow{background-color:#ffeb3b}.alert-material-orange{background-color:#ff9800}.alert-material-deeporange{background-color:#ff5722}.alert-material-grey{background-color:#9e9e9e}.alert-material-bluegrey{background-color:#607d8b}.alert-material-brown{background-color:#795548}.alert-material-lightgrey{background-color:#ececec}.alert-danger,.alert-info,.alert-success,.alert-warning{color:#FFF}.alert-default .alert-link,.alert-default a{color:#000}.progress{height:4px;border-radius:0;box-shadow:none;background:#c8c8c8}.progress .progress-bar{box-shadow:none}.progress .progress-bar,.progress .progress-bar-default,.progress .progress-bar-primary{background-color:#4285f4}.progress .progress-bar-success{background-color:#0f9d58}.progress .progress-bar-info{background-color:#03a9f4}.progress .progress-bar-warning{background-color:#ff5722}.progress .progress-bar-danger,.progress .progress-bar-material-red{background-color:#f44336}.progress .progress-bar-material-pink{background-color:#e91e63}.progress .progress-bar-material-purple{background-color:#9c27b0}.progress .progress-bar-material-deeppurple{background-color:#673ab7}.progress .progress-bar-material-indigo{background-color:#3f51b5}.progress .progress-bar-material-lightblue{background-color:#03a9f4}.progress .progress-bar-material-cyan{background-color:#00bcd4}.progress .progress-bar-material-teal{background-color:#009688}.progress .progress-bar-material-lightgreen{background-color:#8bc34a}.progress .progress-bar-material-lime{background-color:#cddc39}.progress .progress-bar-material-lightyellow{background-color:#ffeb3b}.progress .progress-bar-material-orange{background-color:#ff9800}.progress .progress-bar-material-deeporange{background-color:#ff5722}.progress .progress-bar-material-grey{background-color:#9e9e9e}.progress .progress-bar-material-bluegrey{background-color:#607d8b}.progress .progress-bar-material-brown{background-color:#795548}.progress .progress-bar-material-lightgrey{background-color:#ececec}.text-warning{color:#ff5722}.text-primary{color:#4285f4}.text-danger{color:#f44336}.text-success{color:#0f9d58}.text-info{color:#03a9f4}.nav-tabs{background:#4285f4}.nav-tabs>li>a{color:#FFF;border:0;margin:0}.nav-tabs>li>a:hover{background:0 0;border:0}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.open>a,.nav-tabs>li.open>a:hover{background:0 0!important;border:0!important;color:#FFF!important;font-weight:500}.nav-tabs>li.disabled>a,.nav-tabs>li.disabled>a:hover{color:rgba(255,255,255,.5)}.popover,.tooltip-inner{background:#323232;color:#FFF;border-radius:2px}.tooltip,.tooltip.in{opacity:1}.popover.left .arrow:after,.popover.left .tooltip-arrow,.tooltip.left .arrow:after,.tooltip.left .tooltip-arrow{border-left-color:#323232}.popover.right .arrow:after,.popover.right .tooltip-arrow,.tooltip.right .arrow:after,.tooltip.right .tooltip-arrow{border-right-color:#323232}.popover.top .arrow:after,.popover.top .tooltip-arrow,.tooltip.top .arrow:after,.tooltip.top .tooltip-arrow{border-top-color:#323232}.popover.bottom .arrow:after,.popover.bottom .tooltip-arrow,.tooltip.bottom .arrow:after,.tooltip.bottom .tooltip-arrow{border-bottom-color:#323232}.icon,.icon-default{color:rgba(0,0,0,.84)}.icon-primary{color:#4285f4}.icon-success{color:#0f9d58}.icon-info{color:#03a9f4}.icon-warning{color:#ff5722}.icon-danger,.icon-material-red{color:#f44336}.icon-material-pink{color:#e91e63}.icon-material-purple{color:#9c27b0}.icon-material-deeppurple{color:#673ab7}.icon-material-indigo{color:#3f51b5}.icon-material-lightblue{color:#03a9f4}.icon-material-cyan{color:#00bcd4}.icon-material-teal{color:#009688}.icon-material-lightgreen{color:#8bc34a}.icon-material-lime{color:#cddc39}.icon-material-lightyellow{color:#ffeb3b}.icon-material-orange{color:#ff9800}.icon-material-deeporange{color:#ff5722}.icon-material-grey{color:#9e9e9e}.icon-material-bluegrey{color:#607d8b}.icon-material-brown{color:#795548}.icon-material-lightgrey{color:#ececec}.snackbar{background-color:#323232;color:rgba(255,255,255,.84);font-size:14px;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);height:0;-webkit-transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in,height 0 linear .2s,padding 0 linear .2s,height 0 linear .2s;transition:transform .2s ease-in-out,opacity .2s ease-in,height 0 linear .2s,padding 0 linear .2s,height 0 linear .2s;-webkit-transform:translateY(200%);-ms-transform:translateY(200%);transform:translateY(200%)}.snackbar.snackbar-opened{padding:14px 15px;margin-bottom:20px;height:auto;-webkit-transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in,height 0 linear .2s,height 0 linear .2s;transition:transform .2s ease-in-out,opacity .2s ease-in,height 0 linear .2s,height 0 linear .2s;-webkit-transform:none;-ms-transform:none;transform:none}.snackbar.toast{border-radius:200px}.noUi-target,.noUi-target *{-webkit-touch-callout:none;-ms-touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box}.noUi-base{width:100%;height:100%;position:relative}.noUi-origin{position:absolute;right:0;top:0;left:0;bottom:0}.noUi-handle{position:relative;z-index:1;box-sizing:border-box}.noUi-stacking .noUi-handle{z-index:10}.noUi-state-tap .noUi-origin{-webkit-transition:left .3s,top .3s;transition:left .3s,top .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal .noUi-handle{box-sizing:border-box;width:12px;height:12px;left:-10px;top:-5px}.noUi-horizontal.noUi-extended{padding:0 15px}.noUi-horizontal.noUi-extended .noUi-origin{right:-15px}.noUi-background{height:2px;margin:20px 0}.noUi-origin{margin:0;border-radius:0;height:2px;background:#c8c8c8}.noUi-origin[style^="left: 0"] .noUi-handle{background-color:#fff;border:2px solid #c8c8c8}.noUi-origin[style^="left: 0"] .noUi-handle.noUi-active{border-width:1px}.noUi-target{border-radius:2px}.noUi-handle{border-radius:100%;cursor:default;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;border:1px solid}.noUi-horizontal{height:2px;margin:15px 0}.noUi-horizontal .noUi-handle.noUi-active{-webkit-transform:scale(2.5);-ms-transform:scale(2.5);transform:scale(2.5)}[disabled].noUi-slider{opacity:.5}[disabled] .noUi-handle{cursor:not-allowed}.slider{background:#c8c8c8}.slider-default.noUi-connect,.slider-primary.noUi-connect,.slider.noUi-connect{background-color:#4285f4}.slider-success.noUi-connect{background-color:#0f9d58}.slider-info.noUi-connect{background-color:#03a9f4}.slider-warning.noUi-connect{background-color:#ff5722}.slider-danger.noUi-connect,.slider-material-red.noUi-connect{background-color:#f44336}.slider-material-pink.noUi-connect{background-color:#e91e63}.slider-material-purple.noUi-connect{background-color:#9c27b0}.slider-material-deeppurple.noUi-connect{background-color:#673ab7}.slider-material-indigo.noUi-connect{background-color:#3f51b5}.slider-material-lightblue.noUi-connect{background-color:#03a9f4}.slider-material-cyan.noUi-connect{background-color:#00bcd4}.slider-material-teal.noUi-connect{background-color:#009688}.slider-material-lightgreen.noUi-connect{background-color:#8bc34a}.slider-material-lime.noUi-connect{background-color:#cddc39}.slider-material-lightyellow.noUi-connect{background-color:#ffeb3b}.slider-material-orange.noUi-connect{background-color:#ff9800}.slider-material-deeporange.noUi-connect{background-color:#ff5722}.slider-material-grey.noUi-connect{background-color:#9e9e9e}.slider-material-bluegrey.noUi-connect{background-color:#607d8b}.slider-material-brown.noUi-connect{background-color:#795548}.slider-material-lightgrey.noUi-connect{background-color:#ececec}.slider .noUi-connect,.slider-default .noUi-connect,.slider-primary .noUi-connect{background-color:#4285f4}.slider-success .noUi-connect{background-color:#0f9d58}.slider-info .noUi-connect{background-color:#03a9f4}.slider-warning .noUi-connect{background-color:#ff5722}.slider-danger .noUi-connect,.slider-material-red .noUi-connect{background-color:#f44336}.slider-material-pink .noUi-connect{background-color:#e91e63}.slider-material-purple .noUi-connect{background-color:#9c27b0}.slider-material-deeppurple .noUi-connect{background-color:#673ab7}.slider-material-indigo .noUi-connect{background-color:#3f51b5}.slider-material-lightblue .noUi-connect{background-color:#03a9f4}.slider-material-cyan .noUi-connect{background-color:#00bcd4}.slider-material-teal .noUi-connect{background-color:#009688}.slider-material-lightgreen .noUi-connect{background-color:#8bc34a}.slider-material-lime .noUi-connect{background-color:#cddc39}.slider-material-lightyellow .noUi-connect{background-color:#ffeb3b}.slider-material-orange .noUi-connect{background-color:#ff9800}.slider-material-deeporange .noUi-connect{background-color:#ff5722}.slider-material-grey .noUi-connect{background-color:#9e9e9e}.slider-material-bluegrey .noUi-connect{background-color:#607d8b}.slider-material-brown .noUi-connect{background-color:#795548}.slider-material-lightgrey .noUi-connect{background-color:#ececec}.slider .noUi-handle,.slider-default .noUi-handle,.slider-primary .noUi-handle{background-color:#4285f4}.slider-success .noUi-handle{background-color:#0f9d58}.slider-info .noUi-handle{background-color:#03a9f4}.slider-warning .noUi-handle{background-color:#ff5722}.slider-danger .noUi-handle,.slider-material-red .noUi-handle{background-color:#f44336}.slider-material-pink .noUi-handle{background-color:#e91e63}.slider-material-purple .noUi-handle{background-color:#9c27b0}.slider-material-deeppurple .noUi-handle{background-color:#673ab7}.slider-material-indigo .noUi-handle{background-color:#3f51b5}.slider-material-lightblue .noUi-handle{background-color:#03a9f4}.slider-material-cyan .noUi-handle{background-color:#00bcd4}.slider-material-teal .noUi-handle{background-color:#009688}.slider-material-lightgreen .noUi-handle{background-color:#8bc34a}.slider-material-lime .noUi-handle{background-color:#cddc39}.slider-material-lightyellow .noUi-handle{background-color:#ffeb3b}.slider-material-orange .noUi-handle{background-color:#ff9800}.slider-material-deeporange .noUi-handle{background-color:#ff5722}.slider-material-grey .noUi-handle{background-color:#9e9e9e}.slider-material-bluegrey .noUi-handle{background-color:#607d8b}.slider-material-brown .noUi-handle{background-color:#795548}.slider-material-lightgrey .noUi-handle{background-color:#ececec}.slider .noUi-handle,.slider-default .noUi-handle,.slider-primary .noUi-handle{border-color:#4285f4}.slider-success .noUi-handle{border-color:#0f9d58}.slider-info .noUi-handle{border-color:#03a9f4}.slider-warning .noUi-handle{border-color:#ff5722}.slider-danger .noUi-handle,.slider-material-red .noUi-handle{border-color:#f44336}.slider-material-pink .noUi-handle{border-color:#e91e63}.slider-material-purple .noUi-handle{border-color:#9c27b0}.slider-material-deeppurple .noUi-handle{border-color:#673ab7}.slider-material-indigo .noUi-handle{border-color:#3f51b5}.slider-material-lightblue .noUi-handle{border-color:#03a9f4}.slider-material-cyan .noUi-handle{border-color:#00bcd4}.slider-material-teal .noUi-handle{border-color:#009688}.slider-material-lightgreen .noUi-handle{border-color:#8bc34a}.slider-material-lime .noUi-handle{border-color:#cddc39}.slider-material-lightyellow .noUi-handle{border-color:#ffeb3b}.slider-material-orange .noUi-handle{border-color:#ff9800}.slider-material-deeporange .noUi-handle{border-color:#ff5722}.slider-material-grey .noUi-handle{border-color:#9e9e9e}.slider-material-bluegrey .noUi-handle{border-color:#607d8b}.slider-material-brown .noUi-handle{border-color:#795548}.slider-material-lightgrey .noUi-handle{border-color:#ececec} \ No newline at end of file diff --git a/template/material/css-compiled/material.min.css b/template/material/css-compiled/material.min.css new file mode 100644 index 00000000..e3d01086 --- /dev/null +++ b/template/material/css-compiled/material.min.css @@ -0,0 +1 @@ +@-webkit-keyframes input-highlight{0%{left:20%;width:20%}99%{width:0;left:0;opacity:1}100%{opacity:0}}@keyframes input-highlight{0%{left:20%;width:20%}99%{width:0;left:0;opacity:1}100%{opacity:0}}.shadow-z-1{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.shadow-z-2{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.shadow-z-2-hover{box-shadow:0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.28)}.shadow-z-3{box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.shadow-z-4{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.shadow-z-5{box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)}body{background-color:#EEE}body.inverse{background:#333}body.inverse,body.inverse .form-control{color:rgba(255,255,255,.84)}.h1,.h2,.h3,.h4,.h5,.h6,body,h1,h2,h3,h4,h5,h6{font-family:Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif}.container .well,.container .well .form-control,.container .well:not([class^="well well-material-"]),.container .well:not([class^="well well-material-"]) .form-control,.container-fluid .well,.container-fluid .well .form-control,.container-fluid .well:not([class^="well well-material-"]),.container-fluid .well:not([class^="well well-material-"]) .form-control,body .well,body .well .form-control,body .well:not([class^="well well-material-"]),body .well:not([class^="well well-material-"]) .form-control{color:rgba(0,0,0,.84)}.container .well .floating-label,.container .well:not([class^="well well-material-"]) .floating-label,.container-fluid .well .floating-label,.container-fluid .well:not([class^="well well-material-"]) .floating-label,body .well .floating-label,body .well:not([class^="well well-material-"]) .floating-label{color:#7e7e7e}.container .well .form-control,.container .well:not([class^="well well-material-"]) .form-control,.container-fluid .well .form-control,.container-fluid .well:not([class^="well well-material-"]) .form-control,body .well .form-control,body .well:not([class^="well well-material-"]) .form-control{border-bottom-color:#7e7e7e}.container .well .form-control::-webkit-input-placeholder,.container .well:not([class^="well well-material-"]) .form-control::-webkit-input-placeholder,.container-fluid .well .form-control::-webkit-input-placeholder,.container-fluid .well:not([class^="well well-material-"]) .form-control::-webkit-input-placeholder,body .well .form-control::-webkit-input-placeholder,body .well:not([class^="well well-material-"]) .form-control::-webkit-input-placeholder{color:#7e7e7e}.container .well .form-control::-moz-placeholder,.container .well:not([class^="well well-material-"]) .form-control::-moz-placeholder,.container-fluid .well .form-control::-moz-placeholder,.container-fluid .well:not([class^="well well-material-"]) .form-control::-moz-placeholder,body .well .form-control::-moz-placeholder,body .well:not([class^="well well-material-"]) .form-control::-moz-placeholder{color:#7e7e7e;opacity:1}.container .well .form-control:-ms-input-placeholder,.container .well:not([class^="well well-material-"]) .form-control:-ms-input-placeholder,.container-fluid .well .form-control:-ms-input-placeholder,.container-fluid .well:not([class^="well well-material-"]) .form-control:-ms-input-placeholder,body .well .form-control:-ms-input-placeholder,body .well:not([class^="well well-material-"]) .form-control:-ms-input-placeholder{color:#7e7e7e}.container .well .create,.container .well .option,.container .well:not([class^="well well-material-"]) .create,.container .well:not([class^="well well-material-"]) .option,.container-fluid .well .create,.container-fluid .well .option,.container-fluid .well:not([class^="well well-material-"]) .create,.container-fluid .well:not([class^="well well-material-"]) .option,body .well .create,body .well .option,body .well:not([class^="well well-material-"]) .create,body .well:not([class^="well well-material-"]) .option{color:rgba(0,0,0,.84)}.container [class^="well well-material-"],.container [class^="well well-material-"] .floating-label,.container [class^="well well-material-"] .form-control,.container-fluid [class^="well well-material-"],.container-fluid [class^="well well-material-"] .floating-label,.container-fluid [class^="well well-material-"] .form-control,body [class^="well well-material-"],body [class^="well well-material-"] .floating-label,body [class^="well well-material-"] .form-control{color:rgba(255,255,255,.84)}.container [class^="well well-material-"] .form-control,.container-fluid [class^="well well-material-"] .form-control,body [class^="well well-material-"] .form-control{border-bottom-color:rgba(255,255,255,.84)}.container [class^="well well-material-"] .form-control::-webkit-input-placeholder,.container-fluid [class^="well well-material-"] .form-control::-webkit-input-placeholder,body [class^="well well-material-"] .form-control::-webkit-input-placeholder{color:rgba(255,255,255,.84)}.container [class^="well well-material-"] .form-control::-moz-placeholder,.container-fluid [class^="well well-material-"] .form-control::-moz-placeholder,body [class^="well well-material-"] .form-control::-moz-placeholder{color:rgba(255,255,255,.84);opacity:1}.container [class^="well well-material-"] .form-control:-ms-input-placeholder,.container-fluid [class^="well well-material-"] .form-control:-ms-input-placeholder,body [class^="well well-material-"] .form-control:-ms-input-placeholder{color:rgba(255,255,255,.84)}.container [class^="well well-material-"] .create,.container [class^="well well-material-"] .option,.container-fluid [class^="well well-material-"] .create,.container-fluid [class^="well well-material-"] .option,body [class^="well well-material-"] .create,body [class^="well well-material-"] .option{color:rgba(0,0,0,.84)}.container .jumbotron,.container .well,.container-fluid .jumbotron,.container-fluid .well,body .jumbotron,body .well{padding:19px;margin-bottom:20px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);border-radius:2px;border:0}.container .jumbotron p,.container .well p,.container-fluid .jumbotron p,.container-fluid .well p,body .jumbotron p,body .well p{font-weight:300}.container .jumbotron,.container .jumbotron-default,.container .well,.container .well-default,.container-fluid .jumbotron,.container-fluid .jumbotron-default,.container-fluid .well,.container-fluid .well-default,body .jumbotron,body .jumbotron-default,body .well,body .well-default{background-color:#fff}.container .jumbotron-primary,.container .well-primary,.container-fluid .jumbotron-primary,.container-fluid .well-primary,body .jumbotron-primary,body .well-primary{background-color:#4285f4}.container .jumbotron-success,.container .well-success,.container-fluid .jumbotron-success,.container-fluid .well-success,body .jumbotron-success,body .well-success{background-color:#0f9d58}.container .jumbotron-info,.container .well-info,.container-fluid .jumbotron-info,.container-fluid .well-info,body .jumbotron-info,body .well-info{background-color:#03a9f4}.container .jumbotron-warning,.container .well-warning,.container-fluid .jumbotron-warning,.container-fluid .well-warning,body .jumbotron-warning,body .well-warning{background-color:#ff5722}.container .jumbotron-danger,.container .jumbotron-material-red,.container .well-danger,.container .well-material-red,.container-fluid .jumbotron-danger,.container-fluid .jumbotron-material-red,.container-fluid .well-danger,.container-fluid .well-material-red,body .jumbotron-danger,body .jumbotron-material-red,body .well-danger,body .well-material-red{background-color:#f44336}.container .jumbotron-material-pink,.container .well-material-pink,.container-fluid .jumbotron-material-pink,.container-fluid .well-material-pink,body .jumbotron-material-pink,body .well-material-pink{background-color:#e91e63}.container .jumbotron-material-purple,.container .well-material-purple,.container-fluid .jumbotron-material-purple,.container-fluid .well-material-purple,body .jumbotron-material-purple,body .well-material-purple{background-color:#9c27b0}.container .jumbotron-material-deeppurple,.container .well-material-deeppurple,.container-fluid .jumbotron-material-deeppurple,.container-fluid .well-material-deeppurple,body .jumbotron-material-deeppurple,body .well-material-deeppurple{background-color:#673ab7}.container .jumbotron-material-indigo,.container .well-material-indigo,.container-fluid .jumbotron-material-indigo,.container-fluid .well-material-indigo,body .jumbotron-material-indigo,body .well-material-indigo{background-color:#3f51b5}.container .jumbotron-material-lightblue,.container .well-material-lightblue,.container-fluid .jumbotron-material-lightblue,.container-fluid .well-material-lightblue,body .jumbotron-material-lightblue,body .well-material-lightblue{background-color:#03a9f4}.container .jumbotron-material-cyan,.container .well-material-cyan,.container-fluid .jumbotron-material-cyan,.container-fluid .well-material-cyan,body .jumbotron-material-cyan,body .well-material-cyan{background-color:#00bcd4}.container .jumbotron-material-teal,.container .well-material-teal,.container-fluid .jumbotron-material-teal,.container-fluid .well-material-teal,body .jumbotron-material-teal,body .well-material-teal{background-color:#009688}.container .jumbotron-material-lightgreen,.container .well-material-lightgreen,.container-fluid .jumbotron-material-lightgreen,.container-fluid .well-material-lightgreen,body .jumbotron-material-lightgreen,body .well-material-lightgreen{background-color:#8bc34a}.container .jumbotron-material-lime,.container .well-material-lime,.container-fluid .jumbotron-material-lime,.container-fluid .well-material-lime,body .jumbotron-material-lime,body .well-material-lime{background-color:#cddc39}.container .jumbotron-material-lightyellow,.container .well-material-lightyellow,.container-fluid .jumbotron-material-lightyellow,.container-fluid .well-material-lightyellow,body .jumbotron-material-lightyellow,body .well-material-lightyellow{background-color:#ffeb3b}.container .jumbotron-material-orange,.container .well-material-orange,.container-fluid .jumbotron-material-orange,.container-fluid .well-material-orange,body .jumbotron-material-orange,body .well-material-orange{background-color:#ff9800}.container .jumbotron-material-deeporange,.container .well-material-deeporange,.container-fluid .jumbotron-material-deeporange,.container-fluid .well-material-deeporange,body .jumbotron-material-deeporange,body .well-material-deeporange{background-color:#ff5722}.container .jumbotron-material-grey,.container .well-material-grey,.container-fluid .jumbotron-material-grey,.container-fluid .well-material-grey,body .jumbotron-material-grey,body .well-material-grey{background-color:#9e9e9e}.container .jumbotron-material-bluegrey,.container .well-material-bluegrey,.container-fluid .jumbotron-material-bluegrey,.container-fluid .well-material-bluegrey,body .jumbotron-material-bluegrey,body .well-material-bluegrey{background-color:#607d8b}.container .jumbotron-material-brown,.container .well-material-brown,.container-fluid .jumbotron-material-brown,.container-fluid .well-material-brown,body .jumbotron-material-brown,body .well-material-brown{background-color:#795548}.container .jumbotron-material-lightgrey,.container .well-material-lightgrey,.container-fluid .jumbotron-material-lightgrey,.container-fluid .well-material-lightgrey,body .jumbotron-material-lightgrey,body .well-material-lightgrey{background-color:#ececec}.btn{position:relative;padding:8px 30px;border:0;margin:10px 1px;cursor:pointer;border-radius:4px;text-transform:uppercase;text-decoration:none;color:rgba(255,255,255,.84);-webkit-transition:box-shadow .28s cubic-bezier(0.4,0,.2,1);transition:box-shadow .28s cubic-bezier(0.4,0,.2,1);outline:0!important}.btn:hover{color:rgba(255,255,255,.84)}.btn:hover:not(.btn-link){box-shadow:0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.28)}.btn:active:not(.btn-link){box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.btn-default:not(.btn-link),.btn:not(.btn-link){background-color:transparent}.btn-primary:not(.btn-link){background-color:#4285f4}.btn-success:not(.btn-link){background-color:#0f9d58}.btn-info:not(.btn-link){background-color:#03a9f4}.btn-warning:not(.btn-link){background-color:#ff5722}.btn-danger:not(.btn-link),.btn-material-red:not(.btn-link){background-color:#f44336}.btn-material-pink:not(.btn-link){background-color:#e91e63}.btn-material-purple:not(.btn-link){background-color:#9c27b0}.btn-material-deeppurple:not(.btn-link){background-color:#673ab7}.btn-material-indigo:not(.btn-link){background-color:#3f51b5}.btn-material-lightblue:not(.btn-link){background-color:#03a9f4}.btn-material-cyan:not(.btn-link){background-color:#00bcd4}.btn-material-teal:not(.btn-link){background-color:#009688}.btn-material-lightgreen:not(.btn-link){background-color:#8bc34a}.btn-material-lime:not(.btn-link){background-color:#cddc39}.btn-material-lightyellow:not(.btn-link){background-color:#ffeb3b}.btn-material-orange:not(.btn-link){background-color:#ff9800}.btn-material-deeporange:not(.btn-link){background-color:#ff5722}.btn-material-grey:not(.btn-link){background-color:#9e9e9e}.btn-material-bluegrey:not(.btn-link){background-color:#607d8b}.btn-material-brown:not(.btn-link){background-color:#795548}.btn-material-lightgrey:not(.btn-link){background-color:#ececec}.btn-default,.btn-default:hover,.btn-link,.btn-link:hover,.btn:not([class^="btn btn-"]),.btn:not([class^="btn btn-"]):hover{color:rgba(0,0,0,.84)}.btn-default:hover,.btn:not([class^="btn btn-"]):hover{background-color:rgba(255,255,255,.5)}.btn-raised{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-webkit-transition:box-shadow .28s cubic-bezier(0.4,0,.2,1);transition:box-shadow .28s cubic-bezier(0.4,0,.2,1)}.btn-raised:active:not(.btn-link){box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.open>.dropdown-toggle.btn,.open>.dropdown-toggle.btn-default{background-color:transparent}.open>.dropdown-toggle.btn-primary{background-color:#4285f4}.open>.dropdown-toggle.btn-success{background-color:#0f9d58}.open>.dropdown-toggle.btn-info{background-color:#03a9f4}.open>.dropdown-toggle.btn-warning{background-color:#ff5722}.open>.dropdown-toggle.btn-danger,.open>.dropdown-toggle.btn-material-red{background-color:#f44336}.open>.dropdown-toggle.btn-material-pink{background-color:#e91e63}.open>.dropdown-toggle.btn-material-purple{background-color:#9c27b0}.open>.dropdown-toggle.btn-material-deeppurple{background-color:#673ab7}.open>.dropdown-toggle.btn-material-indigo{background-color:#3f51b5}.open>.dropdown-toggle.btn-material-lightblue{background-color:#03a9f4}.open>.dropdown-toggle.btn-material-cyan{background-color:#00bcd4}.open>.dropdown-toggle.btn-material-teal{background-color:#009688}.open>.dropdown-toggle.btn-material-lightgreen{background-color:#8bc34a}.open>.dropdown-toggle.btn-material-lime{background-color:#cddc39}.open>.dropdown-toggle.btn-material-lightyellow{background-color:#ffeb3b}.open>.dropdown-toggle.btn-material-orange{background-color:#ff9800}.open>.dropdown-toggle.btn-material-deeporange{background-color:#ff5722}.open>.dropdown-toggle.btn-material-grey{background-color:#9e9e9e}.open>.dropdown-toggle.btn-material-bluegrey{background-color:#607d8b}.open>.dropdown-toggle.btn-material-brown{background-color:#795548}.open>.dropdown-toggle.btn-material-lightgrey{background-color:#ececec}.btn-flat{box-shadow:none!important}.btn-flat.btn-default:hover{background:0 0}.btn-group,.btn-group-vertical{position:relative;border-radius:4px;margin:10px 1px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-webkit-transition:box-shadow .28s cubic-bezier(0.4,0,.2,1);transition:box-shadow .28s cubic-bezier(0.4,0,.2,1)}.btn-group-vertical:active:not(.btn-link),.btn-group:active:not(.btn-link){box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.btn-group-vertical.open .dropdown-toggle,.btn-group.open .dropdown-toggle{box-shadow:none}.btn-group-vertical.btn-group-raised,.btn-group.btn-group-raised{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-webkit-transition:box-shadow .28s cubic-bezier(0.4,0,.2,1);transition:box-shadow .28s cubic-bezier(0.4,0,.2,1)}.btn-group-vertical.btn-group-raised:active:not(.btn-link),.btn-group.btn-group-raised:active:not(.btn-link){box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.btn-group .btn,.btn-group .btn-group,.btn-group .btn:active,.btn-group-vertical .btn,.btn-group-vertical .btn-group,.btn-group-vertical .btn:active{box-shadow:none!important;margin:0}.btn-group .btn:active .caret,.btn-group-vertical .btn:active .caret{margin-left:-1px}.btn-group-flat{box-shadow:none!important}.btn-fab{margin:0;padding:15px;font-size:26px;width:56px;height:56px}.btn-fab,.btn-fab-default,.btn-fab:hover,.btn-fab:hover-default{background-color:transparent}.btn-fab-primary,.btn-fab:hover-primary{background-color:#4285f4}.btn-fab-success,.btn-fab:hover-success{background-color:#0f9d58}.btn-fab-info,.btn-fab:hover-info{background-color:#03a9f4}.btn-fab-warning,.btn-fab:hover-warning{background-color:#ff5722}.btn-fab-danger,.btn-fab-material-red,.btn-fab:hover-danger,.btn-fab:hover-material-red{background-color:#f44336}.btn-fab-material-pink,.btn-fab:hover-material-pink{background-color:#e91e63}.btn-fab-material-purple,.btn-fab:hover-material-purple{background-color:#9c27b0}.btn-fab-material-deeppurple,.btn-fab:hover-material-deeppurple{background-color:#673ab7}.btn-fab-material-indigo,.btn-fab:hover-material-indigo{background-color:#3f51b5}.btn-fab-material-lightblue,.btn-fab:hover-material-lightblue{background-color:#03a9f4}.btn-fab-material-cyan,.btn-fab:hover-material-cyan{background-color:#00bcd4}.btn-fab-material-teal,.btn-fab:hover-material-teal{background-color:#009688}.btn-fab-material-lightgreen,.btn-fab:hover-material-lightgreen{background-color:#8bc34a}.btn-fab-material-lime,.btn-fab:hover-material-lime{background-color:#cddc39}.btn-fab-material-lightyellow,.btn-fab:hover-material-lightyellow{background-color:#ffeb3b}.btn-fab-material-orange,.btn-fab:hover-material-orange{background-color:#ff9800}.btn-fab-material-deeporange,.btn-fab:hover-material-deeporange{background-color:#ff5722}.btn-fab-material-grey,.btn-fab:hover-material-grey{background-color:#9e9e9e}.btn-fab-material-bluegrey,.btn-fab:hover-material-bluegrey{background-color:#607d8b}.btn-fab-material-brown,.btn-fab:hover-material-brown{background-color:#795548}.btn-fab-material-lightgrey,.btn-fab:hover-material-lightgrey{background-color:#ececec}.btn-fab,.btn-fab .ripple-wrapper{border-radius:100%}.btn-fab.btn-mini{width:40px;height:40px;padding:13px;font-size:15px}.form-horizontal .checkbox{padding-top:15px}.checkbox{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.checkbox label{cursor:pointer;padding-left:45px;position:relative}.checkbox label span{display:block;position:absolute;left:0;-webkit-transition-duration:.2s;transition-duration:.2s}.checkbox label .check:after{display:block;position:absolute;content:"";background-color:rgba(0,0,0,.84);left:-5px;top:-15px;height:50px;width:50px;border-radius:100%;z-index:1;opacity:0;margin:0}.checkbox label .check:before{display:block;content:"";border:2px solid rgba(0,0,0,.84);height:20px;width:20px;-webkit-transition-delay:.2s;transition-delay:.2s}.checkbox .check,.checkbox-default .check{color:#0f9d58}.checkbox-primary .check{color:#4285f4}.checkbox-success .check{color:#0f9d58}.checkbox-info .check{color:#03a9f4}.checkbox-warning .check{color:#ff5722}.checkbox-danger .check,.checkbox-material-red .check{color:#f44336}.checkbox-material-pink .check{color:#e91e63}.checkbox-material-purple .check{color:#9c27b0}.checkbox-material-deeppurple .check{color:#673ab7}.checkbox-material-indigo .check{color:#3f51b5}.checkbox-material-lightblue .check{color:#03a9f4}.checkbox-material-cyan .check{color:#00bcd4}.checkbox-material-teal .check{color:#009688}.checkbox-material-lightgreen .check{color:#8bc34a}.checkbox-material-lime .check{color:#cddc39}.checkbox-material-lightyellow .check{color:#ffeb3b}.checkbox-material-orange .check{color:#ff9800}.checkbox-material-deeporange .check{color:#ff5722}.checkbox-material-grey .check{color:#9e9e9e}.checkbox-material-bluegrey .check{color:#607d8b}.checkbox-material-brown .check{color:#795548}.checkbox-material-lightgrey .check{color:#ececec}.checkbox input[type=checkbox]{opacity:0}.checkbox input[type=checkbox]~.check:before{position:absolute;top:2px;left:11px;width:18px;height:18px;border:2px solid;border-color:#5a5a5a;-webkit-animation:uncheck 300ms ease-out forwards;animation:uncheck 300ms ease-out forwards}.checkbox input[type=checkbox]:focus~.check:after{opacity:.2}.checkbox input[type=checkbox]:checked~.check:before{-webkit-animation:check 300ms ease-out forwards;animation:check 300ms ease-out forwards}.checkbox input[type=checkbox]:not(:checked)~.check:after{-webkit-animation:rippleOff 500ms linear forwards;animation:rippleOff 500ms linear forwards}.checkbox input[type=checkbox]:checked~.check:after{-webkit-animation:rippleOn 500ms linear forwards;animation:rippleOn 500ms linear forwards}.checkbox:not(:hover) input[type=checkbox]~.check:after,.checkbox:not(:hover) input[type=checkbox]~.check:before{-webkit-animation-duration:1ms;animation-duration:1ms}.checkbox input[type=checkbox][disabled]:not(:checked)~.check:before{opacity:.5}.checkbox input[type=checkbox][disabled]~.check:after{background-color:rgba(0,0,0,.84);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.checkbox input[type=checkbox]:checked~.check:after,.checkbox-default input[type=checkbox]:checked~.check:after{background-color:#0f9d58}.checkbox-primary input[type=checkbox]:checked~.check:after{background-color:#4285f4}.checkbox-success input[type=checkbox]:checked~.check:after{background-color:#0f9d58}.checkbox-info input[type=checkbox]:checked~.check:after{background-color:#03a9f4}.checkbox-warning input[type=checkbox]:checked~.check:after{background-color:#ff5722}.checkbox-danger input[type=checkbox]:checked~.check:after,.checkbox-material-red input[type=checkbox]:checked~.check:after{background-color:#f44336}.checkbox-material-pink input[type=checkbox]:checked~.check:after{background-color:#e91e63}.checkbox-material-purple input[type=checkbox]:checked~.check:after{background-color:#9c27b0}.checkbox-material-deeppurple input[type=checkbox]:checked~.check:after{background-color:#673ab7}.checkbox-material-indigo input[type=checkbox]:checked~.check:after{background-color:#3f51b5}.checkbox-material-lightblue input[type=checkbox]:checked~.check:after{background-color:#03a9f4}.checkbox-material-cyan input[type=checkbox]:checked~.check:after{background-color:#00bcd4}.checkbox-material-teal input[type=checkbox]:checked~.check:after{background-color:#009688}.checkbox-material-lightgreen input[type=checkbox]:checked~.check:after{background-color:#8bc34a}.checkbox-material-lime input[type=checkbox]:checked~.check:after{background-color:#cddc39}.checkbox-material-lightyellow input[type=checkbox]:checked~.check:after{background-color:#ffeb3b}.checkbox-material-orange input[type=checkbox]:checked~.check:after{background-color:#ff9800}.checkbox-material-deeporange input[type=checkbox]:checked~.check:after{background-color:#ff5722}.checkbox-material-grey input[type=checkbox]:checked~.check:after{background-color:#9e9e9e}.checkbox-material-bluegrey input[type=checkbox]:checked~.check:after{background-color:#607d8b}.checkbox-material-brown input[type=checkbox]:checked~.check:after{background-color:#795548}.checkbox-material-lightgrey input[type=checkbox]:checked~.check:after{background-color:#ececec}@-webkit-keyframes uncheck{0%{top:-3px;left:17px;width:10px;height:21px;border-color:transparent #0f9d58 #0f9d58 transparent;-webkit-transform:rotate(45deg);transform:rotate(45deg)}50%{top:14px;left:17px;width:4px;height:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:transparent #0f9d58 #0f9d58 transparent}51%{border-color:#5a5a5a}100%{top:1px;left:12px;width:18px;height:18px;-webkit-transform:rotate(0deg);transform:rotate(0deg);border-color:#5a5a5a}}@keyframes uncheck{0%{top:-3px;left:17px;width:10px;height:21px;border-color:transparent #0f9d58 #0f9d58 transparent;-webkit-transform:rotate(45deg);transform:rotate(45deg)}50%{top:14px;left:17px;width:4px;height:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:transparent #0f9d58 #0f9d58 transparent}51%{border-color:#5a5a5a}100%{top:1px;left:12px;width:18px;height:18px;-webkit-transform:rotate(0deg);transform:rotate(0deg);border-color:#5a5a5a}}@-webkit-keyframes check{100%{top:-3px;left:17px;width:10px;height:21px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:transparent #0f9d58 #0f9d58 transparent}51%{border-left:transparent;border-top-color:transparent}50%{top:14px;left:17px;width:4px;height:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:#5a5a5a}0%{top:1px;left:12px;width:18px;height:18px;-webkit-transform:rotate(0deg);transform:rotate(0deg);border-color:#5a5a5a}}@keyframes check{100%{top:-3px;left:17px;width:10px;height:21px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:transparent #0f9d58 #0f9d58 transparent}51%{border-left:transparent;border-top-color:transparent}50%{top:14px;left:17px;width:4px;height:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:#5a5a5a}0%{top:1px;left:12px;width:18px;height:18px;-webkit-transform:rotate(0deg);transform:rotate(0deg);border-color:#5a5a5a}}@-webkit-keyframes rippleOn{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}@keyframes rippleOn{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}@-webkit-keyframes rippleOff{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}@keyframes rippleOff{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}.form-horizontal .radio{margin-bottom:10px}.radio label{cursor:pointer;padding-left:45px;position:relative}.radio label span{display:block;position:absolute;left:10px;top:2px;-webkit-transition-duration:.2s;transition-duration:.2s}.radio label .circle{border:2px solid rgba(0,0,0,.84);height:15px;width:15px;border-radius:100%}.radio label .check{height:15px;width:15px;border-radius:100%;background-color:rgba(0,0,0,.84);-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.radio label .check:after{display:block;position:absolute;content:"";background-color:rgba(0,0,0,.84);left:-18px;top:-18px;height:50px;width:50px;border-radius:100%;z-index:1;opacity:0;margin:0;-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5)}.radio label input[type=radio]:not(:checked)~.check:after{-webkit-animation:rippleOff 500ms;animation:rippleOff 500ms}.radio label input[type=radio]:checked~.check:after{-webkit-animation:rippleOn 500ms;animation:rippleOn 500ms}.radio input[type=radio]:checked~.check,.radio-default input[type=radio]:checked~.check{background-color:rgba(0,0,0,.84)}.radio-primary input[type=radio]:checked~.check{background-color:#4285f4}.radio-success input[type=radio]:checked~.check{background-color:#0f9d58}.radio-info input[type=radio]:checked~.check{background-color:#03a9f4}.radio-warning input[type=radio]:checked~.check{background-color:#ff5722}.radio-danger input[type=radio]:checked~.check,.radio-material-red input[type=radio]:checked~.check{background-color:#f44336}.radio-material-pink input[type=radio]:checked~.check{background-color:#e91e63}.radio-material-purple input[type=radio]:checked~.check{background-color:#9c27b0}.radio-material-deeppurple input[type=radio]:checked~.check{background-color:#673ab7}.radio-material-indigo input[type=radio]:checked~.check{background-color:#3f51b5}.radio-material-lightblue input[type=radio]:checked~.check{background-color:#03a9f4}.radio-material-cyan input[type=radio]:checked~.check{background-color:#00bcd4}.radio-material-teal input[type=radio]:checked~.check{background-color:#009688}.radio-material-lightgreen input[type=radio]:checked~.check{background-color:#8bc34a}.radio-material-lime input[type=radio]:checked~.check{background-color:#cddc39}.radio-material-lightyellow input[type=radio]:checked~.check{background-color:#ffeb3b}.radio-material-orange input[type=radio]:checked~.check{background-color:#ff9800}.radio-material-deeporange input[type=radio]:checked~.check{background-color:#ff5722}.radio-material-grey input[type=radio]:checked~.check{background-color:#9e9e9e}.radio-material-bluegrey input[type=radio]:checked~.check{background-color:#607d8b}.radio-material-brown input[type=radio]:checked~.check{background-color:#795548}.radio-material-lightgrey input[type=radio]:checked~.check{background-color:#ececec}.radio input[type=radio]:checked~.circle,.radio-default input[type=radio]:checked~.circle{border-color:rgba(0,0,0,.84)}.radio-primary input[type=radio]:checked~.circle{border-color:#4285f4}.radio-success input[type=radio]:checked~.circle{border-color:#0f9d58}.radio-info input[type=radio]:checked~.circle{border-color:#03a9f4}.radio-warning input[type=radio]:checked~.circle{border-color:#ff5722}.radio-danger input[type=radio]:checked~.circle,.radio-material-red input[type=radio]:checked~.circle{border-color:#f44336}.radio-material-pink input[type=radio]:checked~.circle{border-color:#e91e63}.radio-material-purple input[type=radio]:checked~.circle{border-color:#9c27b0}.radio-material-deeppurple input[type=radio]:checked~.circle{border-color:#673ab7}.radio-material-indigo input[type=radio]:checked~.circle{border-color:#3f51b5}.radio-material-lightblue input[type=radio]:checked~.circle{border-color:#03a9f4}.radio-material-cyan input[type=radio]:checked~.circle{border-color:#00bcd4}.radio-material-teal input[type=radio]:checked~.circle{border-color:#009688}.radio-material-lightgreen input[type=radio]:checked~.circle{border-color:#8bc34a}.radio-material-lime input[type=radio]:checked~.circle{border-color:#cddc39}.radio-material-lightyellow input[type=radio]:checked~.circle{border-color:#ffeb3b}.radio-material-orange input[type=radio]:checked~.circle{border-color:#ff9800}.radio-material-deeporange input[type=radio]:checked~.circle{border-color:#ff5722}.radio-material-grey input[type=radio]:checked~.circle{border-color:#9e9e9e}.radio-material-bluegrey input[type=radio]:checked~.circle{border-color:#607d8b}.radio-material-brown input[type=radio]:checked~.circle{border-color:#795548}.radio-material-lightgrey input[type=radio]:checked~.circle{border-color:#ececec}.radio input[type=radio][disabled]~.check,.radio input[type=radio][disabled]~.circle{opacity:.5}.radio input[type=radio]{display:none}.radio input[type=radio]:checked~.check{-webkit-transform:scale(0.55);-ms-transform:scale(0.55);transform:scale(0.55)}.radio input[type=radio][disabled]~.circle{border-color:rgba(0,0,0,.84)}.radio input[type=radio][disabled]~.check{background-color:rgba(0,0,0,.84)}@keyframes rippleOn{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}@keyframes rippleOff{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}.form-control,.form-control-wrapper .form-control,.form-control-wrapper .form-control.focus,.form-control-wrapper .form-control:focus,.form-control.focus,.form-control:focus,fieldset[disabled] .form-control,fieldset[disabled] .form-control.focus,fieldset[disabled] .form-control:focus{padding:0;float:none;border:0;box-shadow:none;border-radius:0;background:0 0;border-bottom:1px solid #757575}.form-control-wrapper .form-control.focus:not(textarea):not(select),.form-control-wrapper .form-control:focus:not(textarea):not(select),.form-control-wrapper .form-control:not(textarea):not(select),.form-control.focus:not(textarea):not(select),.form-control:focus:not(textarea):not(select),.form-control:not(textarea):not(select),fieldset[disabled] .form-control.focus:not(textarea):not(select),fieldset[disabled] .form-control:focus:not(textarea):not(select),fieldset[disabled] .form-control:not(textarea):not(select){height:28px}.form-control-wrapper .form-control.focus:disabled,.form-control-wrapper .form-control:disabled,.form-control-wrapper .form-control:focus:disabled,.form-control.focus:disabled,.form-control:disabled,.form-control:focus:disabled,fieldset[disabled] .form-control.focus:disabled,fieldset[disabled] .form-control:disabled,fieldset[disabled] .form-control:focus:disabled{border-style:dashed}select.form-control{height:23px}select[multiple].form-control,select[multiple].form-control.focus,select[multiple].form-control:focus{height:85px}.form-control-wrapper{position:relative}.form-control-wrapper .form-control.focus,.form-control-wrapper .form-control:focus{outline:0}.form-control-wrapper .floating-label{color:#7E7E7E;font-size:14px;position:absolute;pointer-events:none;left:0;top:5px;-webkit-transition:.2s ease all;transition:.2s ease all;opacity:0}.form-control-wrapper .form-control:not(.empty)~.floating-label{top:-10px;font-size:10px;opacity:1}.form-control-wrapper .form-control.focus:invalid~.floating-label,.form-control-wrapper .form-control:focus:invalid~.floating-label{color:#f44336}.form-control-wrapper .form-control.focus~.material-input:after,.form-control-wrapper .form-control:focus~.material-input:after{background-color:#5264ae}.form-control-wrapper .form-control.focus:invalid~.material-input:after,.form-control-wrapper .form-control.focus:invalid~.material-input:before,.form-control-wrapper .form-control:focus:invalid~.material-input:after,.form-control-wrapper .form-control:focus:invalid~.material-input:before{background-color:#f44336}.form-control-wrapper .form-control.empty~.floating-label{opacity:1}.form-control-wrapper .material-input:before{position:absolute;content:"";width:100%;left:0;height:2px;background-color:#5264ae;bottom:-1px;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform 0s;transition:transform 0s}.form-control-wrapper .form-control.focus~.material-input:before,.form-control-wrapper .form-control:focus~.material-input:before{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);-webkit-transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out}.form-control-wrapper .material-input:after{content:"";position:absolute;height:18px;width:100px;margin-top:-1px;top:7px;left:0;pointer-events:none;opacity:.9;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}.form-control-wrapper .input-lg~.material-input:after{height:26px}.form-control-wrapper textarea{resize:none}.form-control-wrapper textarea~.form-control-highlight{margin-top:-11px}.form-control-wrapper .form-control.focus~.material-input:after,.form-control-wrapper .form-control:focus~.material-input:after{-webkit-animation:input-highlight .3s ease;animation:input-highlight .3s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}.form-control-wrapper select~.material-input:after{display:none}.form-group.has-warning .material-input:before,.form-group.has-warning input.form-control.focus~.material-input:after,.form-group.has-warning input.form-control:focus~.material-input:after{background:#ff5722}.form-group.has-warning .control-label,.form-group.has-warning input.form-control:not(.empty)~.floating-label{color:#ff5722}.form-group.has-error .material-input:before,.form-group.has-error input.form-control.focus~.material-input:after,.form-group.has-error input.form-control:focus~.material-input:after{background:#f44336}.form-group.has-error .control-label,.form-group.has-error input.form-control:not(.empty)~.floating-label{color:#f44336}.form-group.has-success .material-input:before,.form-group.has-success input.form-control.focus~.material-input:after,.form-group.has-success input.form-control:focus~.material-input:after{background:#0f9d58}.form-group.has-success .control-label,.form-group.has-success input.form-control:not(.empty)~.floating-label{color:#0f9d58}.form-group.has-info .material-input:before,.form-group.has-info input.form-control.focus~.material-input:after,.form-group.has-info input.form-control:focus~.material-input:after{background:#03a9f4}.form-group.has-info .control-label,.form-group.has-info input.form-control:not(.empty)~.floating-label{color:#03a9f4}.form-group .material-input:before,.form-group-default .material-input:before{background-color:#3f51b5}.form-group-primary .material-input:before{background-color:#4285f4}.form-group-success .material-input:before{background-color:#0f9d58}.form-group-info .material-input:before{background-color:#03a9f4}.form-group-warning .material-input:before{background-color:#ff5722}.form-group-danger .material-input:before,.form-group-material-red .material-input:before{background-color:#f44336}.form-group-material-pink .material-input:before{background-color:#e91e63}.form-group-material-purple .material-input:before{background-color:#9c27b0}.form-group-material-deeppurple .material-input:before{background-color:#673ab7}.form-group-material-indigo .material-input:before{background-color:#3f51b5}.form-group-material-lightblue .material-input:before{background-color:#03a9f4}.form-group-material-cyan .material-input:before{background-color:#00bcd4}.form-group-material-teal .material-input:before{background-color:#009688}.form-group-material-lightgreen .material-input:before{background-color:#8bc34a}.form-group-material-lime .material-input:before{background-color:#cddc39}.form-group-material-lightyellow .material-input:before{background-color:#ffeb3b}.form-group-material-orange .material-input:before{background-color:#ff9800}.form-group-material-deeporange .material-input:before{background-color:#ff5722}.form-group-material-grey .material-input:before{background-color:#9e9e9e}.form-group-material-bluegrey .material-input:before{background-color:#607d8b}.form-group-material-brown .material-input:before{background-color:#795548}.form-group-material-lightgrey .material-input:before{background-color:#ececec}.form-group input.form-control:focus~.material-input:after,.form-group-default input.form-control:focus~.material-input:after{background-color:#3f51b5}.form-group-primary input.form-control:focus~.material-input:after{background-color:#4285f4}.form-group-success input.form-control:focus~.material-input:after{background-color:#0f9d58}.form-group-info input.form-control:focus~.material-input:after{background-color:#03a9f4}.form-group-warning input.form-control:focus~.material-input:after{background-color:#ff5722}.form-group-danger input.form-control:focus~.material-input:after,.form-group-material-red input.form-control:focus~.material-input:after{background-color:#f44336}.form-group-material-pink input.form-control:focus~.material-input:after{background-color:#e91e63}.form-group-material-purple input.form-control:focus~.material-input:after{background-color:#9c27b0}.form-group-material-deeppurple input.form-control:focus~.material-input:after{background-color:#673ab7}.form-group-material-indigo input.form-control:focus~.material-input:after{background-color:#3f51b5}.form-group-material-lightblue input.form-control:focus~.material-input:after{background-color:#03a9f4}.form-group-material-cyan input.form-control:focus~.material-input:after{background-color:#00bcd4}.form-group-material-teal input.form-control:focus~.material-input:after{background-color:#009688}.form-group-material-lightgreen input.form-control:focus~.material-input:after{background-color:#8bc34a}.form-group-material-lime input.form-control:focus~.material-input:after{background-color:#cddc39}.form-group-material-lightyellow input.form-control:focus~.material-input:after{background-color:#ffeb3b}.form-group-material-orange input.form-control:focus~.material-input:after{background-color:#ff9800}.form-group-material-deeporange input.form-control:focus~.material-input:after{background-color:#ff5722}.form-group-material-grey input.form-control:focus~.material-input:after{background-color:#9e9e9e}.form-group-material-bluegrey input.form-control:focus~.material-input:after{background-color:#607d8b}.form-group-material-brown input.form-control:focus~.material-input:after{background-color:#795548}.form-group-material-lightgrey input.form-control:focus~.material-input:after{background-color:#ececec}.form-group input.form-control.focus~.material-input:after,.form-group-default input.form-control.focus~.material-input:after{background-color:#3f51b5}.form-group-primary input.form-control.focus~.material-input:after{background-color:#4285f4}.form-group-success input.form-control.focus~.material-input:after{background-color:#0f9d58}.form-group-info input.form-control.focus~.material-input:after{background-color:#03a9f4}.form-group-warning input.form-control.focus~.material-input:after{background-color:#ff5722}.form-group-danger input.form-control.focus~.material-input:after,.form-group-material-red input.form-control.focus~.material-input:after{background-color:#f44336}.form-group-material-pink input.form-control.focus~.material-input:after{background-color:#e91e63}.form-group-material-purple input.form-control.focus~.material-input:after{background-color:#9c27b0}.form-group-material-deeppurple input.form-control.focus~.material-input:after{background-color:#673ab7}.form-group-material-indigo input.form-control.focus~.material-input:after{background-color:#3f51b5}.form-group-material-lightblue input.form-control.focus~.material-input:after{background-color:#03a9f4}.form-group-material-cyan input.form-control.focus~.material-input:after{background-color:#00bcd4}.form-group-material-teal input.form-control.focus~.material-input:after{background-color:#009688}.form-group-material-lightgreen input.form-control.focus~.material-input:after{background-color:#8bc34a}.form-group-material-lime input.form-control.focus~.material-input:after{background-color:#cddc39}.form-group-material-lightyellow input.form-control.focus~.material-input:after{background-color:#ffeb3b}.form-group-material-orange input.form-control.focus~.material-input:after{background-color:#ff9800}.form-group-material-deeporange input.form-control.focus~.material-input:after{background-color:#ff5722}.form-group-material-grey input.form-control.focus~.material-input:after{background-color:#9e9e9e}.form-group-material-bluegrey input.form-control.focus~.material-input:after{background-color:#607d8b}.form-group-material-brown input.form-control.focus~.material-input:after{background-color:#795548}.form-group-material-lightgrey input.form-control.focus~.material-input:after{background-color:#ececec}.form-group .control-label,.form-group-default .control-label{color:rgba(0,0,0,.84)}.form-group-primary .control-label{color:#4285f4}.form-group-success .control-label{color:#0f9d58}.form-group-info .control-label{color:#03a9f4}.form-group-warning .control-label{color:#ff5722}.form-group-danger .control-label,.form-group-material-red .control-label{color:#f44336}.form-group-material-pink .control-label{color:#e91e63}.form-group-material-purple .control-label{color:#9c27b0}.form-group-material-deeppurple .control-label{color:#673ab7}.form-group-material-indigo .control-label{color:#3f51b5}.form-group-material-lightblue .control-label{color:#03a9f4}.form-group-material-cyan .control-label{color:#00bcd4}.form-group-material-teal .control-label{color:#009688}.form-group-material-lightgreen .control-label{color:#8bc34a}.form-group-material-lime .control-label{color:#cddc39}.form-group-material-lightyellow .control-label{color:#ffeb3b}.form-group-material-orange .control-label{color:#ff9800}.form-group-material-deeporange .control-label{color:#ff5722}.form-group-material-grey .control-label{color:#9e9e9e}.form-group-material-bluegrey .control-label{color:#607d8b}.form-group-material-brown .control-label{color:#795548}.form-group-material-lightgrey .control-label{color:#ececec}.form-group input.form-control:not(.empty)~.floating-label,.form-group-default input.form-control:not(.empty)~.floating-label{color:#3f51b5}.form-group-primary input.form-control:not(.empty)~.floating-label{color:#4285f4}.form-group-success input.form-control:not(.empty)~.floating-label{color:#0f9d58}.form-group-info input.form-control:not(.empty)~.floating-label{color:#03a9f4}.form-group-warning input.form-control:not(.empty)~.floating-label{color:#ff5722}.form-group-danger input.form-control:not(.empty)~.floating-label,.form-group-material-red input.form-control:not(.empty)~.floating-label{color:#f44336}.form-group-material-pink input.form-control:not(.empty)~.floating-label{color:#e91e63}.form-group-material-purple input.form-control:not(.empty)~.floating-label{color:#9c27b0}.form-group-material-deeppurple input.form-control:not(.empty)~.floating-label{color:#673ab7}.form-group-material-indigo input.form-control:not(.empty)~.floating-label{color:#3f51b5}.form-group-material-lightblue input.form-control:not(.empty)~.floating-label{color:#03a9f4}.form-group-material-cyan input.form-control:not(.empty)~.floating-label{color:#00bcd4}.form-group-material-teal input.form-control:not(.empty)~.floating-label{color:#009688}.form-group-material-lightgreen input.form-control:not(.empty)~.floating-label{color:#8bc34a}.form-group-material-lime input.form-control:not(.empty)~.floating-label{color:#cddc39}.form-group-material-lightyellow input.form-control:not(.empty)~.floating-label{color:#ffeb3b}.form-group-material-orange input.form-control:not(.empty)~.floating-label{color:#ff9800}.form-group-material-deeporange input.form-control:not(.empty)~.floating-label{color:#ff5722}.form-group-material-grey input.form-control:not(.empty)~.floating-label{color:#9e9e9e}.form-group-material-bluegrey input.form-control:not(.empty)~.floating-label{color:#607d8b}.form-group-material-brown input.form-control:not(.empty)~.floating-label{color:#795548}.form-group-material-lightgrey input.form-control:not(.empty)~.floating-label{color:#ececec}.input-group .form-control-wrapper{margin-right:5px;margin-left:5px;bottom:-10px}.input-group .form-control-wrapper .form-control{float:none}.input-group .input-group-addon{border:0}.input-group .input-group-btn .btn{border-radius:4px}select.form-control{border:0;box-shadow:none;border-bottom:1px solid #757575;border-radius:0}select.form-control.focus,select.form-control:focus{box-shadow:none;border-color:#757575}@keyframes input-highlight{0%{left:20%;-webkit-transform:scaleX(20%);transform:scaleX(20%)}99%{-webkit-transform:scaleX(0);transform:scaleX(0);left:0;opacity:1}100%{opacity:0}}.form-control-wrapper input[type=file]{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:100}legend{border-bottom:0}.modal-content{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);border-radius:0;border:0}.modal-content .modal-header{border-bottom:0}.modal-content .modal-footer{border-top:0}.modal-content .modal-footer .btn+.btn{margin-bottom:10px}.list-group{border-radius:0}.list-group .list-group-item{background-color:transparent;overflow:hidden;border:0;border-radius:0;padding:0 16px}.list-group .list-group-item .row-action-primary,.list-group .list-group-item .row-picture{float:left;display:inline-block;padding-right:16px}.list-group .list-group-item .row-action-primary i,.list-group .list-group-item .row-action-primary img,.list-group .list-group-item .row-action-primary label,.list-group .list-group-item .row-picture i,.list-group .list-group-item .row-picture img,.list-group .list-group-item .row-picture label{display:block;width:56px;height:56px}.list-group .list-group-item .row-action-primary img,.list-group .list-group-item .row-picture img{background:rgba(0,0,0,.1);padding:1px}.list-group .list-group-item .row-action-primary img.circle,.list-group .list-group-item .row-picture img.circle{border-radius:100%}.list-group .list-group-item .row-action-primary i,.list-group .list-group-item .row-picture i{background:rgba(0,0,0,.25);border-radius:100%;text-align:center;line-height:56px;font-size:20px;color:#fff}.list-group .list-group-item .row-action-primary label,.list-group .list-group-item .row-picture label{margin:5px -7px -5px 7px}.list-group .list-group-item .row-content{display:inline-block;width:calc(100% - 92px);min-height:66px}.list-group .list-group-item .row-content .action-secondary{position:absolute;right:16px;top:16px}.list-group .list-group-item .row-content .action-secondary i{font-size:20px;color:rgba(0,0,0,.25);cursor:pointer}.list-group .list-group-item .row-content .action-secondary~*{max-width:calc(100% - 30px)}.list-group .list-group-item .row-content .least-content{position:absolute;right:16px;top:0;color:rgba(0,0,0,.54);font-size:14px}.list-group .list-group-item .list-group-item-heading{color:rgba(0,0,0,.77);font-size:20px;line-height:29px}.list-group .list-group-separator{clear:both;overflow:hidden;margin-top:10px;margin-bottom:10px}.list-group .list-group-separator:before{content:"";width:calc(100% - 90px);border-bottom:1px solid rgba(0,0,0,.1);float:right}.navbar{border:0;border-radius:0}.navbar .navbar-brand{position:relative;height:60px;line-height:30px;color:rgba(255,255,255,.84)}.navbar .navbar-brand:focus,.navbar .navbar-brand:hover{color:rgba(255,255,255,.84);background-color:transparent}.navbar .navbar-text{color:rgba(255,255,255,.84);margin-top:20px;margin-bottom:20px}.navbar .navbar-nav>li>a{color:rgba(255,255,255,.84);padding-top:20px;padding-bottom:20px}.navbar .navbar-nav>li>a:focus,.navbar .navbar-nav>li>a:hover{color:rgba(255,255,255,.84);background-color:transparent}.navbar .navbar-nav>.active>a,.navbar .navbar-nav>.active>a:focus,.navbar .navbar-nav>.active>a:hover{color:rgba(255,255,255,.84);background-color:rgba(0,0,0,.05)}.navbar .navbar-nav>.disabled>a,.navbar .navbar-nav>.disabled>a:focus,.navbar .navbar-nav>.disabled>a:hover{color:#e5e5e5;background-color:transparent}.navbar .navbar-toggle{margin-top:13px;border-color:transparent}.navbar .navbar-toggle:focus,.navbar .navbar-toggle:hover{background-color:transparent}.navbar .navbar-toggle .icon-bar{background-color:rgba(255,255,255,.84)}.navbar .navbar-default .navbar-toggle,.navbar .navbar-inverse .navbar-toggle{border-color:transparent}.navbar .navbar-collapse,.navbar .navbar-form{border-color:rgba(0,0,0,.1)}.navbar .navbar-nav>.open>a,.navbar .navbar-nav>.open>a:focus,.navbar .navbar-nav>.open>a:hover{background-color:rgba(0,0,0,.05);color:rgba(255,255,255,.84)}@media (max-width:767px){.navbar .navbar-nav .open .dropdown-menu>.dropdown-header{border:0;color:rgba(212,212,212,.84)}.navbar .navbar-nav .open .dropdown-menu .divider{background-color:rgba(255,255,255,.84)}.navbar .navbar-nav .open .dropdown-menu>li>a{color:rgba(255,255,255,.84)}.navbar .navbar-nav .open .dropdown-menu>li>a:focus,.navbar .navbar-nav .open .dropdown-menu>li>a:hover{color:rgba(255,255,255,.84);background-color:transparent}.navbar .navbar-nav .open .dropdown-menu>.active>a,.navbar .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar .navbar-nav .open .dropdown-menu>.active>a:hover{color:rgba(255,255,255,.84);background-color:rgba(0,0,0,.05)}.navbar .navbar-nav .open .dropdown-menu>.disabled>a,.navbar .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#e5e5e5;background-color:transparent}}.navbar .btn-link,.navbar .btn-link:focus,.navbar .btn-link:hover,.navbar .navbar-link,.navbar .navbar-link:hover{color:rgba(255,255,255,.84)}.navbar .btn-link[disabled]:focus,.navbar .btn-link[disabled]:hover,fieldset[disabled] .navbar .btn-link:focus,fieldset[disabled] .navbar .btn-link:hover{color:#e5e5e5}.navbar .navbar-form{margin-top:16px}.navbar .navbar-form .form-control,.navbar .navbar-form .form-control-wrapper .form-control{border-color:rgba(255,255,255,.84);color:rgba(255,255,255,.84)}.navbar .navbar-form .form-control-wrapper .material-input:before,.navbar .navbar-form .form-control-wrapper input:focus~.material-input:after{background-color:rgba(255,255,255,.84)}.navbar .navbar-form ::-webkit-input-placeholder{color:rgba(255,255,255,.84)}.navbar .navbar-form :-moz-placeholder{color:rgba(255,255,255,.84)}.navbar .navbar-form ::-moz-placeholder{color:rgba(255,255,255,.84)}.navbar .navbar-form :-ms-input-placeholder{color:rgba(255,255,255,.84)}.navbar,.navbar-default,.navbar-primary{background-color:#4285f4}.navbar-success{background-color:#0f9d58}.navbar-info{background-color:#03a9f4}.navbar-warning{background-color:#ff5722}.navbar-danger,.navbar-material-red{background-color:#f44336}.navbar-material-pink{background-color:#e91e63}.navbar-material-purple{background-color:#9c27b0}.navbar-material-deeppurple{background-color:#673ab7}.navbar-material-indigo{background-color:#3f51b5}.navbar-material-lightblue{background-color:#03a9f4}.navbar-material-cyan{background-color:#00bcd4}.navbar-material-teal{background-color:#009688}.navbar-material-lightgreen{background-color:#8bc34a}.navbar-material-lime{background-color:#cddc39}.navbar-material-lightyellow{background-color:#ffeb3b}.navbar-material-orange{background-color:#ff9800}.navbar-material-deeporange{background-color:#ff5722}.navbar-material-grey{background-color:#9e9e9e}.navbar-material-bluegrey{background-color:#607d8b}.navbar-material-brown{background-color:#795548}.navbar-material-lightgrey{background-color:#ececec}.navbar-inverse{background-color:#3f51b5}.navbar-material-white{background-color:#FFF}.navbar-material-white .navbar-brand,.navbar-material-white .navbar-brand:focus,.navbar-material-white .navbar-brand:hover,.navbar-material-white .navbar-nav>li>a{color:rgba(0,0,0,.84)}.navbar-material-white .navbar-nav>li>a:focus,.navbar-material-white .navbar-nav>li>a:hover{color:rgba(0,0,0,.84);background-color:transparent}.navbar-material-white .navbar-nav>.active>a,.navbar-material-white .navbar-nav>.active>a:focus,.navbar-material-white .navbar-nav>.active>a:hover{color:rgba(0,0,0,.84);background-color:rgba(0,0,0,.05)}.navbar-material-white .navbar-nav>.disabled>a,.navbar-material-white .navbar-nav>.disabled>a:focus,.navbar-material-white .navbar-nav>.disabled>a:hover{color:rgba(0,0,0,.84);background-color:transparent}.navbar-material-white .navbar-nav>.open>a,.navbar-material-white .navbar-nav>.open>a:focus,.navbar-material-white .navbar-nav>.open>a:hover{background-color:rgba(0,0,0,.05);color:rgba(0,0,0,.84)}@media (max-width:1199px){.navbar .navbar-brand{height:50px;padding:10px 15px}.navbar .navbar-form{margin-top:10px}.navbar .navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.dropdown-menu{border:0;box-shadow:0 2px 5px 0 rgba(0,0,0,.26)}.dropdown-menu .divider{background-color:rgba(229,229,229,.12)}.dropdown-menu li{overflow:hidden;position:relative}.dropdown-menu li a:hover{background:rgba(0,0,0,.08)}.alert{border:0;border-radius:0}.alert .alert-link,.alert a{color:#FFF}.alert,.alert-default{background-color:#fff}.alert-primary{background-color:#4285f4}.alert-success{background-color:#0f9d58}.alert-info{background-color:#03a9f4}.alert-warning{background-color:#ff5722}.alert-danger,.alert-material-red{background-color:#f44336}.alert-material-pink{background-color:#e91e63}.alert-material-purple{background-color:#9c27b0}.alert-material-deeppurple{background-color:#673ab7}.alert-material-indigo{background-color:#3f51b5}.alert-material-lightblue{background-color:#03a9f4}.alert-material-cyan{background-color:#00bcd4}.alert-material-teal{background-color:#009688}.alert-material-lightgreen{background-color:#8bc34a}.alert-material-lime{background-color:#cddc39}.alert-material-lightyellow{background-color:#ffeb3b}.alert-material-orange{background-color:#ff9800}.alert-material-deeporange{background-color:#ff5722}.alert-material-grey{background-color:#9e9e9e}.alert-material-bluegrey{background-color:#607d8b}.alert-material-brown{background-color:#795548}.alert-material-lightgrey{background-color:#ececec}.alert-danger,.alert-info,.alert-success,.alert-warning{color:#FFF}.alert-default .alert-link,.alert-default a{color:#000}.progress{height:4px;border-radius:0;box-shadow:none;background:#c8c8c8}.progress .progress-bar{box-shadow:none}.progress .progress-bar,.progress .progress-bar-default,.progress .progress-bar-primary{background-color:#4285f4}.progress .progress-bar-success{background-color:#0f9d58}.progress .progress-bar-info{background-color:#03a9f4}.progress .progress-bar-warning{background-color:#ff5722}.progress .progress-bar-danger,.progress .progress-bar-material-red{background-color:#f44336}.progress .progress-bar-material-pink{background-color:#e91e63}.progress .progress-bar-material-purple{background-color:#9c27b0}.progress .progress-bar-material-deeppurple{background-color:#673ab7}.progress .progress-bar-material-indigo{background-color:#3f51b5}.progress .progress-bar-material-lightblue{background-color:#03a9f4}.progress .progress-bar-material-cyan{background-color:#00bcd4}.progress .progress-bar-material-teal{background-color:#009688}.progress .progress-bar-material-lightgreen{background-color:#8bc34a}.progress .progress-bar-material-lime{background-color:#cddc39}.progress .progress-bar-material-lightyellow{background-color:#ffeb3b}.progress .progress-bar-material-orange{background-color:#ff9800}.progress .progress-bar-material-deeporange{background-color:#ff5722}.progress .progress-bar-material-grey{background-color:#9e9e9e}.progress .progress-bar-material-bluegrey{background-color:#607d8b}.progress .progress-bar-material-brown{background-color:#795548}.progress .progress-bar-material-lightgrey{background-color:#ececec}.text-warning{color:#ff5722}.text-primary{color:#4285f4}.text-danger{color:#f44336}.text-success{color:#0f9d58}.text-info{color:#03a9f4}.nav-tabs{background:#4285f4}.nav-tabs>li>a{color:#FFF;border:0;margin:0}.nav-tabs>li>a:hover{background:0 0;border:0}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.open>a,.nav-tabs>li.open>a:hover{background:0 0!important;border:0!important;color:#FFF!important;font-weight:500}.nav-tabs>li.disabled>a,.nav-tabs>li.disabled>a:hover{color:rgba(255,255,255,.5)}.popover,.tooltip-inner{background:#323232;color:#FFF;border-radius:2px}.tooltip,.tooltip.in{opacity:1}.popover.left .arrow:after,.popover.left .tooltip-arrow,.tooltip.left .arrow:after,.tooltip.left .tooltip-arrow{border-left-color:#323232}.popover.right .arrow:after,.popover.right .tooltip-arrow,.tooltip.right .arrow:after,.tooltip.right .tooltip-arrow{border-right-color:#323232}.popover.top .arrow:after,.popover.top .tooltip-arrow,.tooltip.top .arrow:after,.tooltip.top .tooltip-arrow{border-top-color:#323232}.popover.bottom .arrow:after,.popover.bottom .tooltip-arrow,.tooltip.bottom .arrow:after,.tooltip.bottom .tooltip-arrow{border-bottom-color:#323232}.icon,.icon-default{color:rgba(0,0,0,.84)}.icon-primary{color:#4285f4}.icon-success{color:#0f9d58}.icon-info{color:#03a9f4}.icon-warning{color:#ff5722}.icon-danger,.icon-material-red{color:#f44336}.icon-material-pink{color:#e91e63}.icon-material-purple{color:#9c27b0}.icon-material-deeppurple{color:#673ab7}.icon-material-indigo{color:#3f51b5}.icon-material-lightblue{color:#03a9f4}.icon-material-cyan{color:#00bcd4}.icon-material-teal{color:#009688}.icon-material-lightgreen{color:#8bc34a}.icon-material-lime{color:#cddc39}.icon-material-lightyellow{color:#ffeb3b}.icon-material-orange{color:#ff9800}.icon-material-deeporange{color:#ff5722}.icon-material-grey{color:#9e9e9e}.icon-material-bluegrey{color:#607d8b}.icon-material-brown{color:#795548}.icon-material-lightgrey{color:#ececec}.snackbar{background-color:#323232;color:rgba(255,255,255,.84);font-size:14px;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);height:0;-webkit-transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in,height 0 linear .2s,padding 0 linear .2s,height 0 linear .2s;transition:transform .2s ease-in-out,opacity .2s ease-in,height 0 linear .2s,padding 0 linear .2s,height 0 linear .2s;-webkit-transform:translateY(200%);-ms-transform:translateY(200%);transform:translateY(200%)}.snackbar.snackbar-opened{padding:14px 15px;margin-bottom:20px;height:auto;-webkit-transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in,height 0 linear .2s,height 0 linear .2s;transition:transform .2s ease-in-out,opacity .2s ease-in,height 0 linear .2s,height 0 linear .2s;-webkit-transform:none;-ms-transform:none;transform:none}.snackbar.toast{border-radius:200px}.noUi-target,.noUi-target *{-webkit-touch-callout:none;-ms-touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box}.noUi-base{width:100%;height:100%;position:relative}.noUi-origin{position:absolute;right:0;top:0;left:0;bottom:0}.noUi-handle{position:relative;z-index:1;box-sizing:border-box}.noUi-stacking .noUi-handle{z-index:10}.noUi-state-tap .noUi-origin{-webkit-transition:left .3s,top .3s;transition:left .3s,top .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal .noUi-handle{box-sizing:border-box;width:12px;height:12px;left:-10px;top:-5px}.noUi-horizontal.noUi-extended{padding:0 15px}.noUi-horizontal.noUi-extended .noUi-origin{right:-15px}.noUi-background{height:2px;margin:20px 0}.noUi-origin{margin:0;border-radius:0;height:2px;background:#c8c8c8}.noUi-origin[style^="left: 0"] .noUi-handle{background-color:#fff;border:2px solid #c8c8c8}.noUi-origin[style^="left: 0"] .noUi-handle.noUi-active{border-width:1px}.noUi-target{border-radius:2px}.noUi-handle{border-radius:100%;cursor:default;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;border:1px solid}.noUi-horizontal{height:2px;margin:15px 0}.noUi-horizontal .noUi-handle.noUi-active{-webkit-transform:scale(2.5);-ms-transform:scale(2.5);transform:scale(2.5)}[disabled].noUi-slider{opacity:.5}[disabled] .noUi-handle{cursor:not-allowed}.slider{background:#c8c8c8}.slider-default.noUi-connect,.slider-primary.noUi-connect,.slider.noUi-connect{background-color:#4285f4}.slider-success.noUi-connect{background-color:#0f9d58}.slider-info.noUi-connect{background-color:#03a9f4}.slider-warning.noUi-connect{background-color:#ff5722}.slider-danger.noUi-connect,.slider-material-red.noUi-connect{background-color:#f44336}.slider-material-pink.noUi-connect{background-color:#e91e63}.slider-material-purple.noUi-connect{background-color:#9c27b0}.slider-material-deeppurple.noUi-connect{background-color:#673ab7}.slider-material-indigo.noUi-connect{background-color:#3f51b5}.slider-material-lightblue.noUi-connect{background-color:#03a9f4}.slider-material-cyan.noUi-connect{background-color:#00bcd4}.slider-material-teal.noUi-connect{background-color:#009688}.slider-material-lightgreen.noUi-connect{background-color:#8bc34a}.slider-material-lime.noUi-connect{background-color:#cddc39}.slider-material-lightyellow.noUi-connect{background-color:#ffeb3b}.slider-material-orange.noUi-connect{background-color:#ff9800}.slider-material-deeporange.noUi-connect{background-color:#ff5722}.slider-material-grey.noUi-connect{background-color:#9e9e9e}.slider-material-bluegrey.noUi-connect{background-color:#607d8b}.slider-material-brown.noUi-connect{background-color:#795548}.slider-material-lightgrey.noUi-connect{background-color:#ececec}.slider .noUi-connect,.slider-default .noUi-connect,.slider-primary .noUi-connect{background-color:#4285f4}.slider-success .noUi-connect{background-color:#0f9d58}.slider-info .noUi-connect{background-color:#03a9f4}.slider-warning .noUi-connect{background-color:#ff5722}.slider-danger .noUi-connect,.slider-material-red .noUi-connect{background-color:#f44336}.slider-material-pink .noUi-connect{background-color:#e91e63}.slider-material-purple .noUi-connect{background-color:#9c27b0}.slider-material-deeppurple .noUi-connect{background-color:#673ab7}.slider-material-indigo .noUi-connect{background-color:#3f51b5}.slider-material-lightblue .noUi-connect{background-color:#03a9f4}.slider-material-cyan .noUi-connect{background-color:#00bcd4}.slider-material-teal .noUi-connect{background-color:#009688}.slider-material-lightgreen .noUi-connect{background-color:#8bc34a}.slider-material-lime .noUi-connect{background-color:#cddc39}.slider-material-lightyellow .noUi-connect{background-color:#ffeb3b}.slider-material-orange .noUi-connect{background-color:#ff9800}.slider-material-deeporange .noUi-connect{background-color:#ff5722}.slider-material-grey .noUi-connect{background-color:#9e9e9e}.slider-material-bluegrey .noUi-connect{background-color:#607d8b}.slider-material-brown .noUi-connect{background-color:#795548}.slider-material-lightgrey .noUi-connect{background-color:#ececec}.slider .noUi-handle,.slider-default .noUi-handle,.slider-primary .noUi-handle{background-color:#4285f4}.slider-success .noUi-handle{background-color:#0f9d58}.slider-info .noUi-handle{background-color:#03a9f4}.slider-warning .noUi-handle{background-color:#ff5722}.slider-danger .noUi-handle,.slider-material-red .noUi-handle{background-color:#f44336}.slider-material-pink .noUi-handle{background-color:#e91e63}.slider-material-purple .noUi-handle{background-color:#9c27b0}.slider-material-deeppurple .noUi-handle{background-color:#673ab7}.slider-material-indigo .noUi-handle{background-color:#3f51b5}.slider-material-lightblue .noUi-handle{background-color:#03a9f4}.slider-material-cyan .noUi-handle{background-color:#00bcd4}.slider-material-teal .noUi-handle{background-color:#009688}.slider-material-lightgreen .noUi-handle{background-color:#8bc34a}.slider-material-lime .noUi-handle{background-color:#cddc39}.slider-material-lightyellow .noUi-handle{background-color:#ffeb3b}.slider-material-orange .noUi-handle{background-color:#ff9800}.slider-material-deeporange .noUi-handle{background-color:#ff5722}.slider-material-grey .noUi-handle{background-color:#9e9e9e}.slider-material-bluegrey .noUi-handle{background-color:#607d8b}.slider-material-brown .noUi-handle{background-color:#795548}.slider-material-lightgrey .noUi-handle{background-color:#ececec}.slider .noUi-handle,.slider-default .noUi-handle,.slider-primary .noUi-handle{border-color:#4285f4}.slider-success .noUi-handle{border-color:#0f9d58}.slider-info .noUi-handle{border-color:#03a9f4}.slider-warning .noUi-handle{border-color:#ff5722}.slider-danger .noUi-handle,.slider-material-red .noUi-handle{border-color:#f44336}.slider-material-pink .noUi-handle{border-color:#e91e63}.slider-material-purple .noUi-handle{border-color:#9c27b0}.slider-material-deeppurple .noUi-handle{border-color:#673ab7}.slider-material-indigo .noUi-handle{border-color:#3f51b5}.slider-material-lightblue .noUi-handle{border-color:#03a9f4}.slider-material-cyan .noUi-handle{border-color:#00bcd4}.slider-material-teal .noUi-handle{border-color:#009688}.slider-material-lightgreen .noUi-handle{border-color:#8bc34a}.slider-material-lime .noUi-handle{border-color:#cddc39}.slider-material-lightyellow .noUi-handle{border-color:#ffeb3b}.slider-material-orange .noUi-handle{border-color:#ff9800}.slider-material-deeporange .noUi-handle{border-color:#ff5722}.slider-material-grey .noUi-handle{border-color:#9e9e9e}.slider-material-bluegrey .noUi-handle{border-color:#607d8b}.slider-material-brown .noUi-handle{border-color:#795548}.slider-material-lightgrey .noUi-handle{border-color:#ececec} \ No newline at end of file diff --git a/template/material/css-compiled/ripples.min.css b/template/material/css-compiled/ripples.min.css new file mode 100644 index 00000000..aca952b2 --- /dev/null +++ b/template/material/css-compiled/ripples.min.css @@ -0,0 +1 @@ +.withripple{position:relative}.ripple-wrapper{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;overflow:hidden;border-radius:2px}.ripple{position:absolute;width:20px;height:20px;margin-left:-10px;margin-top:-10px;border-radius:100%;background-color:rgba(0,0,0,.05);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;opacity:0;pointer-events:none}.ripple.ripple-on{-webkit-transition:opacity .15s ease-in 0s,-webkit-transform .5s cubic-bezier(0.4,0,.2,1) .1s;transition:opacity .15s ease-in 0s,transform .5s cubic-bezier(0.4,0,.2,1) .1s;opacity:1}.ripple.ripple-out{-webkit-transition:opacity .1s linear 0s!important;transition:opacity .1s linear 0s!important;opacity:0} \ No newline at end of file diff --git a/template/material/scripts/material.js b/template/material/scripts/material.js new file mode 100644 index 00000000..9b4f7b53 --- /dev/null +++ b/template/material/scripts/material.js @@ -0,0 +1,84 @@ +/* globals ripples */ + +$(function (){ + + if (ripples) { + ripples.init(".btn:not(.btn-link), .navbar a:not(.withoutripple), .nav-tabs a:not(.withoutripple), .withripple"); + } + + var initInputs = function() { + // Add fake-checkbox to material checkboxes + $(".checkbox > label > input").not(".bs-material").addClass("bs-material").after(""); + + // Add fake-radio to material radios + $(".radio > label > input").not(".bs-material").addClass("bs-material").after(""); + + // Add elements for material inputs + $("input.form-control, textarea.form-control, select.form-control").not(".bs-material").each( function() { + if ($(this).is(".bs-material")) { return; } + $(this).wrap("
"); + $(this).after(""); + if ($(this).hasClass("floating-label")) { + var placeholder = $(this).attr("placeholder"); + $(this).attr("placeholder", null).removeClass("floating-label"); + $(this).after("
" + placeholder + "
"); + } + if ($(this).is(":empty") || $(this).val() === null || $(this).val() == "undefined" || $(this).val() === "") { + $(this).addClass("empty"); + } + + if ($(this).parent().next().is("[type=file]")) { + $(this).parent().addClass("fileinput"); + var $input = $(this).parent().next().detach(); + $(this).after($input); + } + }); + + }; + initInputs(); + + // Support for "arrive.js" to dynamically detect creation of elements + // include it before this script to take advantage of this feature + // https://github.com/uzairfarooq/arrive/ + if (document.arrive) { + document.arrive("input, textarea, select", function() { + initInputs(); + }); + } + + $(document).on("change", ".checkbox input", function() { + $(this).blur(); + }); + + $(document).on("keyup change", ".form-control", function() { + var self = $(this); + setTimeout(function() { + if (self.val() === "") { + self.addClass("empty"); + } else { + self.removeClass("empty"); + } + }, 1); + }); + $(document) + .on("focus", ".form-control-wrapper.fileinput", function() { + $(this).find("input").addClass("focus"); + }) + .on("blur", ".form-control-wrapper.fileinput", function() { + $(this).find("input").removeClass("focus"); + }) + .on("change", ".form-control-wrapper.fileinput [type=file]", function() { + var value = ""; + $.each($(this)[0].files, function(i, file) { + console.log(file); + value += file.name + ", "; + }); + value = value.substring(0, value.length - 2); + if (value) { + $(this).prev().removeClass("empty"); + } else { + $(this).prev().addClass("empty"); + } + $(this).prev().val(value); + }); +}); diff --git a/template/material/scripts/ripples.js b/template/material/scripts/ripples.js new file mode 100644 index 00000000..052c8295 --- /dev/null +++ b/template/material/scripts/ripples.js @@ -0,0 +1,131 @@ +/* Copyright 2014+, Federico Zivolo, LICENSE at https://github.com/FezVrasta/bootstrap-material-design/blob/master/LICENSE.md */ +/* globals CustomEvent */ + +var ripples = { + init : function(withRipple) { + "use strict"; + + // Cross browser matches function + function matchesSelector(dom_element, selector) { + var matches = dom_element.matches || dom_element.matchesSelector || dom_element.webkitMatchesSelector || dom_element.mozMatchesSelector || dom_element.msMatchesSelector || dom_element.oMatchesSelector; + return matches.call(dom_element, selector); + } + + // animations time + var rippleOutTime = 100, + rippleStartTime = 500; + + // Helper to bind events on dynamically created elements + var bind = function(event, selector, callback) { + document.addEventListener(event, function(e) { + var target = (typeof e.detail !== "number") ? e.detail : e.target; + + if (matchesSelector(target, selector)) { + callback(e, target); + } + }); + }; + + var rippleStart = function(e, target) { + + // Init variables + var $rippleWrapper = target, + $el = $rippleWrapper.parentNode, + $ripple = document.createElement("div"), + elPos = $el.getBoundingClientRect(), + mousePos = {x: e.clientX - elPos.left, y: e.clientY - elPos.top}, + scale = "transform:scale(" + Math.round($rippleWrapper.offsetWidth / 5) + ")", + rippleEnd = new CustomEvent("rippleEnd", {detail: $ripple}), + refreshElementStyle; + + $ripplecache = $ripple; + + // Set ripple class + $ripple.className = "ripple"; + + // Move ripple to the mouse position + $ripple.setAttribute("style", "left:" + mousePos.x + "px; top:" + mousePos.y + "px;"); + + // Insert new ripple into ripple wrapper + $rippleWrapper.appendChild($ripple); + + // Make sure the ripple has the class applied (ugly hack but it works) + refreshElementStyle = window.getComputedStyle($ripple).opacity; + + // Let other funtions know that this element is animating + $ripple.dataset.animating = 1; + + // Set scale value to ripple and animate it + $ripple.className = "ripple ripple-on"; + $ripple.setAttribute("style", $ripple.getAttribute("style") + ["-ms-" + scale,"-moz-" + scale,"-webkit-" + scale,scale].join(";")); + + // This function is called when the animation is finished + setTimeout(function() { + + // Let know to other functions that this element has finished the animation + $ripple.dataset.animating = 0; + document.dispatchEvent(rippleEnd); + + }, rippleStartTime); + + }; + + var rippleOut = function($ripple) { + // Clear previous animation + $ripple.className = "ripple ripple-on ripple-out"; + + // Let ripple fade out (with CSS) + setTimeout(function() { + $ripple.remove(); + }, rippleOutTime); + }; + + // Helper, need to know if mouse is up or down + var mouseDown = false; + document.body.onmousedown = function() { + mouseDown = true; + }; + document.body.onmouseup = function() { + mouseDown = false; + }; + + // Append ripple wrapper if not exists already + var rippleInit = function(e, target) { + + if (target.getElementsByClassName("ripple-wrapper").length === 0) { + target.className += " withripple"; + var $rippleWrapper = document.createElement("div"); + $rippleWrapper.className = "ripple-wrapper"; + target.appendChild($rippleWrapper); + } + + }; + + + var $ripplecache; + + // Events handler + // init RippleJS and start ripple effect on mousedown + bind("mouseover", withRipple, rippleInit); + + // start ripple effect on mousedown + bind("mousedown", ".ripple-wrapper", rippleStart); + // if animation ends and user is not holding mouse then destroy the ripple + bind("rippleEnd", ".ripple-wrapper .ripple", function(e, $ripple) { + + var $ripples = $ripple.parentNode.getElementsByClassName("ripple"); + + if (!mouseDown || ( $ripples[0] == $ripple && $ripples.length > 1)) { + rippleOut($ripple); + } + }); + // Destroy ripple when mouse is not holded anymore if the ripple still exists + bind("mouseup", ".ripple-wrapper", function() { + var $ripple = $ripplecache; + if ($ripple.dataset.animating != 1) { + rippleOut($ripple); + } + }); + + } +};