From eb1cd98d72ee6d11a6f613a4cd4727cbf789fa85 Mon Sep 17 00:00:00 2001 From: Federico Zivolo Date: Mon, 18 Aug 2014 13:54:13 +0200 Subject: [PATCH 001/116] Initial commit --- .gitignore | 3 +++ 1 file changed, 3 insertions(+) create mode 100644 .gitignore diff --git a/.gitignore b/.gitignore new file mode 100644 index 00000000..f86fa8e1 --- /dev/null +++ b/.gitignore @@ -0,0 +1,3 @@ +# https://git-scm.com/docs/gitignore +# https://help.github.com/articles/ignoring-files +# Example .gitignore files: https://github.com/github/gitignore \ No newline at end of file From 236d5aae66b68a3861ce23f6a0e775d87d8af49a Mon Sep 17 00:00:00 2001 From: Fez Vrasta Date: Mon, 18 Aug 2014 16:12:56 +0200 Subject: [PATCH 002/116] Create README.md --- README.md | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) create mode 100644 README.md diff --git a/README.md b/README.md new file mode 100644 index 00000000..c4fd797d --- /dev/null +++ b/README.md @@ -0,0 +1,25 @@ +Bootstrap Material Design +========================= + +This Bootstrap theme is an easy way to use the new Material Design guide-lines 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 developement and is not ready for production. + + +Currently supported elements: + +- Input fields (text, numeric, email, etc) +- Textarea +- Buttons (ripple effect working) +- Select +- Navbar +- Button groups +- Input groups +- Checkbox +- Radio +- Alerts +- Progress bars +- Jumbotron +- Wells +- Dialogs From 76c70d2a2e2b017d3168e9b384182c5101f64fb6 Mon Sep 17 00:00:00 2001 From: Federico Zivolo Date: Mon, 18 Aug 2014 16:25:33 +0200 Subject: [PATCH 003/116] Initial upload. --- .jshintrc | 44 ++ alerts.less | 26 + animations.less | 44 ++ bootstrap.css | 820 ++++++++++++++++++++++++++++++ buttons.less | 109 ++++ checkboxes.less | 65 +++ index.html | 1291 +++++++++++++++++++++++++++++++++++++++++++++++ inputs.less | 160 ++++++ material.css | 844 +++++++++++++++++++++++++++++++ material.js | 111 ++++ material.less | 115 +++++ navbar.less | 180 +++++++ progress.less | 23 + radios.less | 64 +++ ripple.less | 34 ++ shadows.less | 49 ++ tabs.less | 25 + variables.less | 65 +++ 18 files changed, 4069 insertions(+) create mode 100644 .jshintrc create mode 100644 alerts.less create mode 100644 animations.less create mode 100644 bootstrap.css create mode 100644 buttons.less create mode 100644 checkboxes.less create mode 100644 index.html create mode 100644 inputs.less create mode 100644 material.css create mode 100644 material.js create mode 100644 material.less create mode 100644 navbar.less create mode 100644 progress.less create mode 100644 radios.less create mode 100644 ripple.less create mode 100644 shadows.less create mode 100644 tabs.less create mode 100644 variables.less 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/alerts.less b/alerts.less new file mode 100644 index 00000000..b88b6b21 --- /dev/null +++ b/alerts.less @@ -0,0 +1,26 @@ +// main: material.less + +.alert, .alert-success, .alert-info, .alert-warning, .alert-danger { + border: 0px; + border-radius: 0; + a, .alert-link { + color: #FFFFFF; + } +} + +.alert-success { + color: #FFFFFF; + background-color: @alert-success; +} +.alert-info { + color: #FFFFFF; + background-color: @alert-info; +} +.alert-warning { + color: #FFFFFF; + background-color: @alert-warning; +} +.alert-danger { + color: #FFFFFF; + background-color: @alert-danger; +} diff --git a/animations.less b/animations.less new file mode 100644 index 00000000..3bed5ec6 --- /dev/null +++ b/animations.less @@ -0,0 +1,44 @@ +// main: material.less + +@-webkit-keyframes input-highlight { + 0% { + left: 20%; + width: 20%; + } + 99% { + width: 0; + left: 0; + opacity: 1; + } + 100% { + opacity: 0; + } +} +@-moz-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; + } +} diff --git a/bootstrap.css b/bootstrap.css new file mode 100644 index 00000000..9671cbda --- /dev/null +++ b/bootstrap.css @@ -0,0 +1,820 @@ +/* Generated by less 1.7.0 */ +@import url(http://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; + } +} +@-moz-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, +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; +} +.btn { + position: relative; + padding: 8px 30px; + border: 0; + margin: 10px 1px; + cursor: pointer; + border-radius: 4px; + text-transform: uppercase; + text-decoration: none; + transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); + outline: none !important; +} +.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-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); +} +.btn-default, +.btn-default:hover, +.btn-default:active, +.btn-default:focus { + background-color: transparent; + color: #000000; +} +.btn-default:hover { + background-color: #FFFFFF; +} +.btn-primary, +.btn-primary:hover, +.btn-primary:active, +.btn-primary:focus { + background-color: #4285f4; + color: #ffffff; +} +.btn-success, +.btn-success:hover, +.btn-success:active, +.btn-success:focus { + background-color: #0f9d58; + color: #ffffff; +} +.btn-info, +.btn-info:hover, +.btn-info:active, +.btn-info:focus { + background-color: #3498db; + color: #ffffff; +} +.btn-warning, +.btn-warning:hover, +.btn-warning:active, +.btn-warning:focus { + background-color: #ff5722; + color: #ffffff; +} +.btn-danger, +.btn-danger:hover, +.btn-danger:active, +.btn-danger:focus { + background-color: #db4437; + color: #ffffff; +} +.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: #3498db; +} +.open > .dropdown-toggle.btn-warning { + background-color: #ff5722; +} +.open > .dropdown-toggle.btn-danger { + background-color: #db4437; +} +.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; +} +.ripple-wrapper { + position: absolute; + top: 0; + left: 0; + z-index: 1; + width: 100%; + height: 100%; + overflow: hidden; + border-radius: 2px; +} +.ripple { + fill: black; + fill-opacity: 0.05; + stroke: none; + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + -webkit-transform-origin: 50%; + -ms-transform-origin: 50%; + transform-origin: 50%; + opacity: 0; +} +.ripple.ripple-on { + transition: opacity 0.15s ease-in 0s -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; + -webkit-transition: opacity 0.15s ease-in 0s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; + opacity: 1; +} +.ripple.ripple-out { + -webkit-transition: opacity 0.2s linear 0s !important; + transition: opacity 0.2s linear 0s !important; + opacity: 0; +} +.form-horizontal .checkbox { + padding-top: 15px; +} +.checkbox label { + cursor: pointer; + padding-left: 45px; + position: relative; +} +.checkbox label span { + display: block; + position: absolute; + left: 10px; + transition-duration: 0.2s; +} +.checkbox label .bubble { + background: rgba(137, 137, 137, 0.3); + left: 0; + top: -10px; + height: 40px; + width: 40px; + border-radius: 100%; + transform: scale(0); + transition: transform .1s, opacity 0.2s 0.4s; + z-index: 1; +} +.checkbox label .bubble.animate { + transform: scale(1); + opacity: 0; +} +.checkbox label .box { + border: 2px solid #5A5F5A; + height: 20px; + width: 20px; + transition-delay: 0.2s; +} +.checkbox label .check { + top: -4px; + left: 16px; + width: 12px; + height: 24px; + border: 2px solid #0F9D58; + border-top: none; + border-left: none; + opacity: 0; + z-index: 888; + transform: rotate(45deg); + transition-delay: 0.2s; +} +.checkbox input[type=checkbox] { + display: none; +} +.checkbox input[type=checkbox]:checked ~ .box { + opacity: 0; + transform: scale(0) rotate(-180deg); +} +.checkbox input[type=checkbox]:checked ~ .bubble { + background: rgba(15, 157, 88, 0.3); +} +.checkbox input[type=checkbox]:checked ~ .check { + opacity: 1; + transform: scale(1) rotate(45deg); +} +.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 .bubble { + background: rgba(137, 137, 137, 0.3); + left: 0; + top: -8px; + height: 34px; + width: 34px; + border-radius: 100%; + transform: scale(0); + transition: transform .1s, opacity 0.2s 0.4s; + z-index: 1; +} +.radio label .bubble.animate { + transform: scale(1); + opacity: 0; +} +.radio label .circle { + border: 2px solid #5A5F5A; + height: 15px; + width: 15px; + border-radius: 100%; +} +.radio label .check { + height: 15px; + width: 15px; + border-radius: 100%; + background-color: #5a5f5a; + transform: scale(0); +} +.radio.radio-default .check { + background-color: #5a5f5a; +} +.radio.radio-primary .check { + background-color: #4285f4; +} +.radio.radio-success .check { + background-color: #0f9d58; +} +.radio.radio-info { + background-color: #3498db; +} +.radio.radio-warning .check { + background-color: #ff5722; +} +.radio.radio-danger .check { + background-color: #db4437; +} +.radio input[type=radio] { + display: none; +} +.radio input[type=radio]:checked ~ .check { + transform: scale(1); +} +.radio input[type=radio]:checked ~ .circle { + transform: scale(1); + border: 1px; +} +.form-control-wrapper { + position: relative; + /* active state */ +} +.form-control-wrapper .form-control, +.form-control-wrapper .form-control:focus { + float: none; + border: 0; + box-shadow: none; + border-radius: 0; + background: transparent; + border-bottom: 1px solid #757575; +} +.form-control-wrapper .form-control:focus { + outline: none; +} +.form-control-wrapper .floating-label { + color: #7E7E7E; + font-size: 14px; + position: absolute; + pointer-events: none; + left: 12px; + top: 7px; + transition: 0.2s ease all; + opacity: 0; +} +.form-control-wrapper .form-control:focus ~ .floating-label { + top: -10px; + font-size: 10px; + color: #5264ae; +} +.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 { + color: #db4437; +} +.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:after { + background-color: #db4437; +} +.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 { + 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: 25%; + left: 0; + pointer-events: none; + opacity: 0.9; +} +.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 { + -webkit-animation: input-highlight 0.3s ease; + animation: input-highlight 0.3s ease; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} +.form-group.has-warning .material-input:before, +.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:focus ~ .floating-label { + color: #ff5722; +} +.form-group.has-error .material-input:before, +.form-group.has-error input.form-control:focus ~ .material-input:after { + background: #db4437; +} +.form-group.has-error .control-label, +.form-group.has-error input.form-control:focus ~ .floating-label { + color: #db4437; +} +.form-group.has-success .material-input:before, +.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:focus ~ .floating-label { + color: #0f9d58; +} +.form-group.has-info .material-input:before, +.form-group.has-info input.form-control:focus ~ .material-input:after { + background: #3498db; +} +.form-group.has-info .control-label, +.form-group.has-info input.form-control:focus ~ .floating-label { + color: #3498db; +} +.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 { + box-shadow: none; + border-color: #757575; +} +.container .well, +.container .jumbotron { + background-color: #fff; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + border-radius: 2px; +} +.container .well p, +.container .jumbotron p { + font-weight: 300; +} +.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 { + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + border-radius: 2px; +} +.list-group .list-group-item:last-child { + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} +.list-group .list-group-item:first-child { + border-top-right-radius: 2px; + boborder-top-right-radius: 2px; +} +.navbar { + background-color: #4285f4; + border: 0; + border-radius: 0; +} +.navbar .navbar-brand { + position: relative; + height: 60px; + line-height: 30px; + color: #ffffff; +} +.navbar .navbar-brand:hover, +.navbar .navbar-brand:focus { + color: #ffffff; + background-color: transparent; +} +.navbar .navbar-text { + color: #ffffff; +} +.navbar .navbar-nav > li > a { + color: #ffffff; + padding-top: 20px; + padding-bottom: 20px; +} +.navbar .navbar-nav > li > a:hover, +.navbar .navbar-nav > li > a:focus { + color: #ffffff; + background-color: transparent; +} +.navbar .navbar-nav > .active > a, +.navbar .navbar-nav > .active > a:hover, +.navbar .navbar-nav > .active > a:focus { + color: #ffffff; + 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: #ffffff; +} +.navbar .navbar-toggle:hover, +.navbar .navbar-toggle:focus { + background-color: transparent; +} +.navbar .navbar-toggle .icon-bar { + background-color: #ffffff; +} +.navbar .navbar-collapse, +.navbar .navbar-form { + border-color: #206ff2; +} +.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: #ffffff; +} +@media (max-width: 767px) { + .navbar .navbar-nav .open .dropdown-menu > .dropdown-header { + border: 0; + color: #d4d4d4; + } + .navbar .navbar-nav .open .dropdown-menu .divider { + background-color: #ffffff; + } + .navbar .navbar-nav .open .dropdown-menu > li > a { + color: #ffffff; + } + .navbar .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar .navbar-nav .open .dropdown-menu > li > a:focus { + color: #ffffff; + 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: #ffffff; + 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: #ffffff; +} +.navbar .navbar-link:hover { + color: #ffffff; +} +.navbar .btn-link { + color: #ffffff; +} +.navbar .btn-link:hover, +.navbar .btn-link:focus { + color: #ffffff; +} +.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 .form-control-wrapper .form-control { + border-color: #ffffff; + color: #ffffff; +} +.navbar .navbar-form .form-control-wrapper .material-input:before, +.navbar .navbar-form .form-control-wrapper input:focus ~ .material-input:after { + background-color: #ffffff; +} +.navbar .navbar-form ::-webkit-input-placeholder { + color: #ffffff; +} +.navbar .navbar-form :-moz-placeholder { + color: #ffffff; +} +.navbar .navbar-form ::-moz-placeholder { + color: #ffffff; +} +.navbar .navbar-form :-ms-input-placeholder { + color: #ffffff; +} +.navbar-primary { + background-color: #4285f4; +} +.navbar-primary .navbar-collapse, +.navbar-primary .navbar-form { + border-color: #206ff2; +} +.navbar-success { + background-color: #0f9d58; +} +.navbar-success .navbar-collapse, +.navbar-success .navbar-form { + border-color: #0c7c46; +} +.navbar-info { + background-color: #3498db; +} +.navbar-info .navbar-collapse, +.navbar-info .navbar-form { + border-color: #2386c8; +} +.navbar-warning { + background-color: #ff5722; +} +.navbar-warning .navbar-collapse, +.navbar-warning .navbar-form { + border-color: #fd3d00; +} +.navbar-danger { + background-color: #db4437; +} +.navbar-danger .navbar-collapse, +.navbar-danger .navbar-form { + border-color: #ca3124; +} +.navbar-inverse { + background-color: #5264ae; +} +.navbar-inverse .navbar-collapse, +.navbar-inverse .navbar-form { + border-color: #465696; +} +.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-color: transparent; +} +.alert, +.alert-success, +.alert-info, +.alert-warning, +.alert-danger { + border: 0px; + border-radius: 0; +} +.alert a, +.alert-success a, +.alert-info a, +.alert-warning a, +.alert-danger a, +.alert .alert-link, +.alert-success .alert-link, +.alert-info .alert-link, +.alert-warning .alert-link, +.alert-danger .alert-link { + color: #FFFFFF; +} +.alert-success { + color: #FFFFFF; + background-color: #0f9d58; +} +.alert-info { + color: #FFFFFF; + background-color: #3498db; +} +.alert-warning { + color: #FFFFFF; + background-color: #ff5722; +} +.alert-danger { + color: #FFFFFF; + background-color: #db4437; +} +.progress { + height: 4px; + border-radius: 0; + box-shadow: none; + background: #c8c8c8; +} +.progress .progress-bar { + box-shadow: none; +} +.progress .progress-bar, +.progress .progress-bar-info { + background-color: #3498db; +} +.progress .progress-bar-warning { + background-color: #ff5722; +} +.progress .progress-bar-danger { + background-color: #db4437; +} +.progress .progress-bar-success { + background-color: #0f9d58; +} +.text-warning { + color: #ff5722; +} +.text-primary { + color: #4285f4; +} +.text-danger { + color: #db4437; +} +.text-success { + color: #0f9d58; +} +.text-info { + color: #3498db; +} diff --git a/buttons.less b/buttons.less new file mode 100644 index 00000000..eba643be --- /dev/null +++ b/buttons.less @@ -0,0 +1,109 @@ +// 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; + + &: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; +} +.btn-raised { + .btn-shadow(); +} +.btn-default { + &, &:hover, &:active, &:focus { + background-color: @btn-default; + color: @btn-default-text; + } + &:hover { + background-color: #FFFFFF; + } +} +.btn-primary { + &, &:hover, &:active, &:focus { + background-color: @btn-primary; + color: @btn-primary-text; + } +} +.btn-success { + &, &:hover, &:active, &:focus { + background-color: @btn-success; + color: @btn-success-text; + } +} +.btn-info { + &, &:hover, &:active, &:focus { + background-color: @btn-info; + color: @btn-info-text; + } +} +.btn-warning { + &, &:hover, &:active, &:focus { + background-color: @btn-warning; + color: @btn-warning-text; + } +} +.btn-danger { + &, &:hover, &:active, &:focus { + background-color: @btn-danger; + color: @btn-danger-text; + } +} + +.open > .dropdown-toggle.btn { + &-default { background-color: @btn-default; } + &-primary { background-color: @btn-primary; } + &-success { background-color: @btn-success; } + &-info { background-color: @btn-info; } + &-warning { background-color: @btn-warning; } + &-danger { background-color: @btn-danger; } +} +.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; +} diff --git a/checkboxes.less b/checkboxes.less new file mode 100644 index 00000000..6af35b38 --- /dev/null +++ b/checkboxes.less @@ -0,0 +1,65 @@ +// main: material.less + +.form-horizontal .checkbox { + padding-top: 15px; +} +.checkbox { + label { + cursor: pointer; + padding-left: 45px; + position: relative; + span { + display: block; + position: absolute; + left: 10px; + transition-duration: 0.2s; + } + .bubble { + background: @input-unchecked; + left: 0; + top: -10px; + height: 40px; + width: 40px; + border-radius: 100%; + transform: scale(0); + transition: transform .1s, opacity 0.2s 0.4s; + z-index: 1; + &.animate { + transform: scale(1); + opacity: 0; + } + } + .box { + border: 2px solid #5A5F5A; + height: 20px; + width: 20px; + transition-delay: 0.2s; + } + .check { + top: -4px; + left: 16px; + width: 12px; + height: 24px; + border: 2px solid #0F9D58; + border-top: none; + border-left: none; + opacity: 0; + z-index: 888; + transform: rotate(45deg); + transition-delay: 0.2s; + } + + } + input[type=checkbox] { display: none; } + input[type=checkbox]:checked ~ .box { + opacity: 0; + transform: scale(0) rotate(-180deg); + } + input[type=checkbox]:checked ~ .bubble { + background: @input-checked; + } + input[type=checkbox]:checked ~ .check { + opacity: 1; + transform: scale(1) rotate(45deg); + } +} diff --git a/index.html b/index.html new file mode 100644 index 00000000..bf0e1319 --- /dev/null +++ b/index.html @@ -0,0 +1,1291 @@ + + + + + Bootstrap Material + + + + + + +
+ + + + +
+
+
+
+

Navbar

+
+ +
+
+
+ + Brand +
+
+ +
+ +
+ +
+
+
+ +
+
+
+ + Brand +
+
+ +
+ +
+ +
+
+
+ +
+
+
+ + Brand +
+
+ +
+ +
+ +
+
+
+ +
+
+
+ + + +
+
+
+
+

Buttons

+
+
+
+ +
+
+ +

Default buttons

+

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

+

Flat buttons

+

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

+ +

Raised buttons

+

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

+ +

Disabled buttons

+

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

+ +

Button groups

+ + +

Button sizes

+

+ Large button + Default button + Small button + Mini button +

+ +
+
+ +

+ Block level button +

+ + +
+
+ Left + Middle + Right +
+
+ +
+
+
+ 1 + 2 + 3 + 4 +
+ +
+ 5 + 6 + 7 +
+ +
+ 8 +
+ + Dropdown + + + +
+
+
+
+ +
+
+ Button + Button + Button + Button +
+
+ +
+
+
+ + +
+
+
+
+

Typography

+
+
+
+ + + +
+
+
+

Heading 1

+

Heading 2

+

Heading 3

+

Heading 4

+
Heading 5
+
Heading 6
+

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

+
+
+
+
+

Example body text

+

Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

+

This line of text is meant to be treated as fine print.

+

The following snippet of text is rendered as bold text.

+

The following snippet of text is rendered as italicized text.

+

An abbreviation of the word attribute is attr.

+
+ +
+
+
+

Emphasis classes

+

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

+

Nullam id dolor id nibh ultricies vehicula ut id elit.

+

Etiam porta sem malesuada magna mollis euismod.

+

Donec ullamcorper nulla non metus auctor fringilla.

+

Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

+

Maecenas sed diam eget risus varius blandit sit amet non magna.

+
+ +
+
+ + + +
+
+

Blockquotes

+
+
+
+
+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

+ Someone famous in Source Title +
+
+
+
+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

+ Someone famous in Source Title +
+
+
+
+
+ + +
+ +
+
+
+

Tables

+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#Column headingColumn headingColumn heading
1Column contentColumn contentColumn content
2Column contentColumn contentColumn content
3Column contentColumn contentColumn content
4Column contentColumn contentColumn content
5Column contentColumn contentColumn content
6Column contentColumn contentColumn content
7Column contentColumn contentColumn content
+
+
+
+
+ + +
+
+
+
+

Forms

+
+
+
+ +
+
+
+
+
+ Legend +
+ +
+ +
+
+
+ +
+ +
+ +
+
+
+
+ +
+ + A longer block of help text that breaks onto a new line and may extend beyond one line. +
+
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+ +
+ +
+
+
+
+ + +
+
+
+
+
+
+
+ +
+
+ +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ +
+ $ + + + + +
+
+
+ +
+
+
+ + +
+ +
+
+
+

Navs

+
+
+
+ +
+
+ +
+ +
+
+

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

+
+
+

Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit.

+
+ + +
+
+
+
+ +
+ +
+
+
+ +
+
+
+ +
+
    +
  • Home
    • +
+ +
    +
  • Home
    • +
  • Library
    • +
+ + +
+ +
+
+ + +
+
+

Pagination

+
+ + + + + +
+
+
+

Pager

+
+ + + +
+
+
+ +
+
+
+ + +
+ +
+
+
+

Indicators

+
+
+
+ +
+
+

Alerts

+
+
+ +

Warning!

+

Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

+
+
+
+
+
+
+
+
+ + Oh snap! Change a few things up and try submitting again. +
+
+
+
+
+
+ + Well done! You successfully read this important alert message. +
+
+
+
+
+
+ + Heads up! This alert needs your attention, but it's not super important. +
+
+
+
+
+
+

Labels

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

Badges

+
+ +
+
+
+
+ + +
+ +
+
+
+

Progress bars

+
+ +

Basic

+
+
+
+
+
+ +

Contextual alternatives

+
+
+
+
+ +
+
+
+ +
+
+
+ +
+
+
+
+ +

Striped

+
+
+
+
+ +
+
+
+ +
+
+
+ +
+
+
+
+ +

Animated

+
+
+
+
+
+ +

Stacked

+
+
+
+
+
+
+
+
+
+
+ + +
+ +
+
+
+

Containers

+
+
+
+

Jumbotron

+

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

+

Learn more

+
+
+
+
+ + +
+
+

List groups

+
+
+
+
+
+
    +
  • + 14 + Cras justo odio +
    • +
  • + 2 + Dapibus ac facilisis in +
    • +
  • + 1 + Morbi leo risus +
    • +
+
+
+
+
+
+ + Cras justo odio + + Dapibus ac facilisis in + + Morbi leo risus + +
+
+
+
+
+
+ +

List group item heading

+

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

+ + +

List group item heading

+

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

+ +
+
+
+
+ + +
+
+

Panels

+
+
+
+
+
+
+
+ Basic panel +
+
+ +
+
Panel heading
+
+ Panel content +
+
+ +
+
+ Panel content +
+
Panel footer
+
+
+
+
+
+
+
+

Panel primary

+
+
+ Panel content +
+
+ +
+
+

Panel success

+
+
+ Panel content +
+
+ +
+
+

Panel warning

+
+
+ Panel content +
+
+
+
+
+
+
+
+

Panel danger

+
+
+ Panel content +
+
+ +
+
+

Panel info

+
+
+ Panel content +
+
+
+
+
+ +
+
+

Wells

+
+
+
+
+
+
+ Look, I'm in a well! +
+
+
+
+
+
+ Look, I'm in a small well! +
+
+
+
+
+
+ Look, I'm in a large well! +
+
+
+
+
+ + +
+ +
+
+
+

Dialogs

+
+
+
+
+
+

Modals

+
+
+
+
+
+ +

Modal title

+
+
+

One fine body…

+
+
+ + +
+
+
+
+
+
+
+

Popovers

+
+ + + + + + + +
+

Tooltips

+
+ + + + + + + +
+
+
+
+ + +
+
+ + + + + + + diff --git a/inputs.less b/inputs.less new file mode 100644 index 00000000..8de507e0 --- /dev/null +++ b/inputs.less @@ -0,0 +1,160 @@ +// main: material.less + +.form-control-wrapper { + position: relative; + .form-control, .form-control:focus { + float: none; + border: 0; + box-shadow: none; + border-radius: 0; + background: transparent; + border-bottom: 1px solid #757575; + } + .form-control:focus { + outline: none; + } + + .material-input:after { + + } + + .floating-label { + color: #7E7E7E; + font-size: 14px; + position: absolute; + pointer-events: none; + left: 12px; + top: 7px; + transition: 0.2s ease all; + opacity: 0; + } + .form-control:focus ~ .floating-label { + top: -10px; + font-size: 10px; + color: @input-default; + } + .form-control:not(.empty) ~ .floating-label { + top: -10px; + font-size: 10px; + opacity: 1; + } + .form-control:focus:invalid ~ .floating-label { + color: @input-danger; + } + .form-control:focus ~ .material-input:after { + background-color: @input-default; + } + .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 { + transform: scaleX(1); + transition: transform 0.2s ease-out; + } + .material-input:after { + content: ""; + position: absolute; + height: 18px; + width: 100px; + margin-top: -1px; + top: 25%; + left: 0; + pointer-events: none; + opacity: 0.9; + } + .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 { + -webkit-animation: input-highlight 0.3s ease; + animation: input-highlight 0.3s ease; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; + } +} + +.form-group { + &.has-warning { + .material-input:before, input.form-control:focus ~ .material-input:after { + background: @input-warning; + } + .control-label, input.form-control:focus ~ .floating-label { + color: @input-warning; + } + } + &.has-error { + .material-input:before, input.form-control:focus ~ .material-input:after { + background: @input-danger; + } + .control-label, input.form-control:focus ~ .floating-label { + color: @input-danger; + } + } + &.has-success { + .material-input:before, input.form-control:focus ~ .material-input:after { + background: @input-success; + } + .control-label, input.form-control:focus ~ .floating-label { + color: @input-success; + } + } + &.has-info { + .material-input:before, input.form-control:focus ~ .material-input:after { + background: @input-info; + } + .control-label, input.form-control:focus ~ .floating-label { + color: @input-info; + } + } + +} + +.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 { + box-shadow: none; + border-color: #757575; + } +} diff --git a/material.css b/material.css new file mode 100644 index 00000000..f5bbb6e8 --- /dev/null +++ b/material.css @@ -0,0 +1,844 @@ +/* Generated by less 1.7.0 */ +@import url(http://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; + } +} +@-moz-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, +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; +} +.btn { + position: relative; + padding: 8px 30px; + border: 0; + margin: 10px 1px; + cursor: pointer; + border-radius: 4px; + text-transform: uppercase; + text-decoration: none; + transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); + outline: none !important; +} +.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-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); +} +.btn-default, +.btn-default:hover, +.btn-default:active, +.btn-default:focus { + background-color: transparent; + color: #000000; +} +.btn-default:hover { + background-color: #FFFFFF; +} +.btn-primary, +.btn-primary:hover, +.btn-primary:active, +.btn-primary:focus { + background-color: #4285f4; + color: #ffffff; +} +.btn-success, +.btn-success:hover, +.btn-success:active, +.btn-success:focus { + background-color: #0f9d58; + color: #ffffff; +} +.btn-info, +.btn-info:hover, +.btn-info:active, +.btn-info:focus { + background-color: #3498db; + color: #ffffff; +} +.btn-warning, +.btn-warning:hover, +.btn-warning:active, +.btn-warning:focus { + background-color: #ff5722; + color: #ffffff; +} +.btn-danger, +.btn-danger:hover, +.btn-danger:active, +.btn-danger:focus { + background-color: #db4437; + color: #ffffff; +} +.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: #3498db; +} +.open > .dropdown-toggle.btn-warning { + background-color: #ff5722; +} +.open > .dropdown-toggle.btn-danger { + background-color: #db4437; +} +.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; +} +.ripple-wrapper { + position: absolute; + top: 0; + left: 0; + z-index: 1; + width: 100%; + height: 100%; + overflow: hidden; + border-radius: 2px; +} +.ripple { + fill: black; + fill-opacity: 0.05; + stroke: none; + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + -webkit-transform-origin: 50%; + -ms-transform-origin: 50%; + transform-origin: 50%; + opacity: 0; +} +.ripple.ripple-on { + transition: opacity 0.15s ease-in 0s -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; + -webkit-transition: opacity 0.15s ease-in 0s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; + opacity: 1; +} +.ripple.ripple-out { + -webkit-transition: opacity 0.2s linear 0s !important; + transition: opacity 0.2s linear 0s !important; + opacity: 0; +} +.form-horizontal .checkbox { + padding-top: 15px; +} +.checkbox label { + cursor: pointer; + padding-left: 45px; + position: relative; +} +.checkbox label span { + display: block; + position: absolute; + left: 10px; + transition-duration: 0.2s; +} +.checkbox label .bubble { + background: rgba(137, 137, 137, 0.3); + left: 0; + top: -10px; + height: 40px; + width: 40px; + border-radius: 100%; + transform: scale(0); + transition: transform .1s, opacity 0.2s 0.4s; + z-index: 1; +} +.checkbox label .bubble.animate { + transform: scale(1); + opacity: 0; +} +.checkbox label .box { + border: 2px solid #5A5F5A; + height: 20px; + width: 20px; + transition-delay: 0.2s; +} +.checkbox label .check { + top: -4px; + left: 16px; + width: 12px; + height: 24px; + border: 2px solid #0F9D58; + border-top: none; + border-left: none; + opacity: 0; + z-index: 888; + transform: rotate(45deg); + transition-delay: 0.2s; +} +.checkbox input[type=checkbox] { + display: none; +} +.checkbox input[type=checkbox]:checked ~ .box { + opacity: 0; + transform: scale(0) rotate(-180deg); +} +.checkbox input[type=checkbox]:checked ~ .bubble { + background: rgba(15, 157, 88, 0.3); +} +.checkbox input[type=checkbox]:checked ~ .check { + opacity: 1; + transform: scale(1) rotate(45deg); +} +.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 .bubble { + background: rgba(137, 137, 137, 0.3); + left: 0; + top: -8px; + height: 34px; + width: 34px; + border-radius: 100%; + transform: scale(0); + transition: transform .1s, opacity 0.2s 0.4s; + z-index: 1; +} +.radio label .bubble.animate { + transform: scale(1); + opacity: 0; +} +.radio label .circle { + border: 2px solid #5A5F5A; + height: 15px; + width: 15px; + border-radius: 100%; +} +.radio label .check { + height: 15px; + width: 15px; + border-radius: 100%; + background-color: #5a5f5a; + transform: scale(0); +} +.radio.radio-default .check { + background-color: #5a5f5a; +} +.radio.radio-primary .check { + background-color: #4285f4; +} +.radio.radio-success .check { + background-color: #0f9d58; +} +.radio.radio-info { + background-color: #3498db; +} +.radio.radio-warning .check { + background-color: #ff5722; +} +.radio.radio-danger .check { + background-color: #db4437; +} +.radio input[type=radio] { + display: none; +} +.radio input[type=radio]:checked ~ .check { + transform: scale(1); +} +.radio input[type=radio]:checked ~ .circle { + transform: scale(1); + border: 1px; +} +.form-control-wrapper { + position: relative; + /* active state */ +} +.form-control-wrapper .form-control, +.form-control-wrapper .form-control:focus { + float: none; + border: 0; + box-shadow: none; + border-radius: 0; + background: transparent; + border-bottom: 1px solid #757575; +} +.form-control-wrapper .form-control:focus { + outline: none; +} +.form-control-wrapper .floating-label { + color: #7E7E7E; + font-size: 14px; + position: absolute; + pointer-events: none; + left: 12px; + top: 7px; + transition: 0.2s ease all; + opacity: 0; +} +.form-control-wrapper .form-control:focus ~ .floating-label { + top: -10px; + font-size: 10px; + color: #5264ae; +} +.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 { + color: #db4437; +} +.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:after { + background-color: #db4437; +} +.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 { + 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: 25%; + left: 0; + pointer-events: none; + opacity: 0.9; +} +.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 { + -webkit-animation: input-highlight 0.3s ease; + animation: input-highlight 0.3s ease; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} +.form-group.has-warning .material-input:before, +.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:focus ~ .floating-label { + color: #ff5722; +} +.form-group.has-error .material-input:before, +.form-group.has-error input.form-control:focus ~ .material-input:after { + background: #db4437; +} +.form-group.has-error .control-label, +.form-group.has-error input.form-control:focus ~ .floating-label { + color: #db4437; +} +.form-group.has-success .material-input:before, +.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:focus ~ .floating-label { + color: #0f9d58; +} +.form-group.has-info .material-input:before, +.form-group.has-info input.form-control:focus ~ .material-input:after { + background: #3498db; +} +.form-group.has-info .control-label, +.form-group.has-info input.form-control:focus ~ .floating-label { + color: #3498db; +} +.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 { + box-shadow: none; + border-color: #757575; +} +.container .well, +.container .jumbotron { + background-color: #fff; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + border-radius: 2px; +} +.container .well p, +.container .jumbotron p { + font-weight: 300; +} +.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 { + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + border-radius: 2px; +} +.list-group .list-group-item:last-child { + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} +.list-group .list-group-item:first-child { + border-top-right-radius: 2px; + boborder-top-right-radius: 2px; +} +.navbar { + background-color: #4285f4; + border: 0; + border-radius: 0; +} +.navbar .navbar-brand { + position: relative; + height: 60px; + line-height: 30px; + color: #ffffff; +} +.navbar .navbar-brand:hover, +.navbar .navbar-brand:focus { + color: #ffffff; + background-color: transparent; +} +.navbar .navbar-text { + color: #ffffff; +} +.navbar .navbar-nav > li > a { + color: #ffffff; + padding-top: 20px; + padding-bottom: 20px; +} +.navbar .navbar-nav > li > a:hover, +.navbar .navbar-nav > li > a:focus { + color: #ffffff; + background-color: transparent; +} +.navbar .navbar-nav > .active > a, +.navbar .navbar-nav > .active > a:hover, +.navbar .navbar-nav > .active > a:focus { + color: #ffffff; + 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: #ffffff; +} +.navbar .navbar-toggle:hover, +.navbar .navbar-toggle:focus { + background-color: transparent; +} +.navbar .navbar-toggle .icon-bar { + background-color: #ffffff; +} +.navbar .navbar-collapse, +.navbar .navbar-form { + border-color: #206ff2; +} +.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: #ffffff; +} +@media (max-width: 767px) { + .navbar .navbar-nav .open .dropdown-menu > .dropdown-header { + border: 0; + color: #d4d4d4; + } + .navbar .navbar-nav .open .dropdown-menu .divider { + background-color: #ffffff; + } + .navbar .navbar-nav .open .dropdown-menu > li > a { + color: #ffffff; + } + .navbar .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar .navbar-nav .open .dropdown-menu > li > a:focus { + color: #ffffff; + 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: #ffffff; + 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: #ffffff; +} +.navbar .navbar-link:hover { + color: #ffffff; +} +.navbar .btn-link { + color: #ffffff; +} +.navbar .btn-link:hover, +.navbar .btn-link:focus { + color: #ffffff; +} +.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 .form-control-wrapper .form-control { + border-color: #ffffff; + color: #ffffff; +} +.navbar .navbar-form .form-control-wrapper .material-input:before, +.navbar .navbar-form .form-control-wrapper input:focus ~ .material-input:after { + background-color: #ffffff; +} +.navbar .navbar-form ::-webkit-input-placeholder { + color: #ffffff; +} +.navbar .navbar-form :-moz-placeholder { + color: #ffffff; +} +.navbar .navbar-form ::-moz-placeholder { + color: #ffffff; +} +.navbar .navbar-form :-ms-input-placeholder { + color: #ffffff; +} +.navbar-primary { + background-color: #4285f4; +} +.navbar-primary .navbar-collapse, +.navbar-primary .navbar-form { + border-color: #206ff2; +} +.navbar-success { + background-color: #0f9d58; +} +.navbar-success .navbar-collapse, +.navbar-success .navbar-form { + border-color: #0c7c46; +} +.navbar-info { + background-color: #3498db; +} +.navbar-info .navbar-collapse, +.navbar-info .navbar-form { + border-color: #2386c8; +} +.navbar-warning { + background-color: #ff5722; +} +.navbar-warning .navbar-collapse, +.navbar-warning .navbar-form { + border-color: #fd3d00; +} +.navbar-danger { + background-color: #db4437; +} +.navbar-danger .navbar-collapse, +.navbar-danger .navbar-form { + border-color: #ca3124; +} +.navbar-inverse { + background-color: #5264ae; +} +.navbar-inverse .navbar-collapse, +.navbar-inverse .navbar-form { + border-color: #465696; +} +.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-color: transparent; +} +.alert, +.alert-success, +.alert-info, +.alert-warning, +.alert-danger { + border: 0px; + border-radius: 0; +} +.alert a, +.alert-success a, +.alert-info a, +.alert-warning a, +.alert-danger a, +.alert .alert-link, +.alert-success .alert-link, +.alert-info .alert-link, +.alert-warning .alert-link, +.alert-danger .alert-link { + color: #FFFFFF; +} +.alert-success { + color: #FFFFFF; + background-color: #0f9d58; +} +.alert-info { + color: #FFFFFF; + background-color: #3498db; +} +.alert-warning { + color: #FFFFFF; + background-color: #ff5722; +} +.alert-danger { + color: #FFFFFF; + background-color: #db4437; +} +.progress { + height: 4px; + border-radius: 0; + box-shadow: none; + background: #c8c8c8; +} +.progress .progress-bar { + box-shadow: none; +} +.progress .progress-bar, +.progress .progress-bar-info { + background-color: #3498db; +} +.progress .progress-bar-warning { + background-color: #ff5722; +} +.progress .progress-bar-danger { + background-color: #db4437; +} +.progress .progress-bar-success { + background-color: #0f9d58; +} +.text-warning { + color: #ff5722; +} +.text-primary { + color: #4285f4; +} +.text-danger { + color: #db4437; +} +.text-success { + color: #0f9d58; +} +.text-info { + color: #3498db; +} +.nav-tabs { + background: #4285f4; +} +.nav-tabs > li > a { + color: #FFFFFF; + border: 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); +} diff --git a/material.js b/material.js new file mode 100644 index 00000000..484a4c13 --- /dev/null +++ b/material.js @@ -0,0 +1,111 @@ +$(function (){ + // with ripple elements + var withRipple = ".btn:not('.btn-link'), .navbar a, .nav-tabs a"; + + // Add ripple elements to material buttons + $(withRipple).append(""); + + // Add fake-checkbox to material checkboxes + $(".checkbox label input").after(""); + + // Add fake-radio to material radios + $(".radio label input").after(""); + + // Add elements for material inputs + $("input.form-control, textarea.form-control").each( function() { + $(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).val() === "") { + $(this).addClass("empty"); + } + }); + + + var mouseDown = false; + $(document).mousedown(function() { + mouseDown = true; + }).mouseup(function() { + mouseDown = false; + }); + + // Material buttons engine + $(document).on("mousedown", withRipple, function(e){ + // Cache elements + var $self = $(this), + $rippleWrapper = $self.find(".ripple-wrapper"), + $ripple = $self.find(".ripple"); + + // Remove previous animation + $ripple.attr("class", "ripple"); + $rippleWrapper.stop(true, true); + + // Get mouse position + var parentOffset = $self.offset(); + var relX = e.pageX - parentOffset.left; + var relY = e.pageY - parentOffset.top; + + // Move ripple to the click position + $ripple.attr({"cy":relY, "cx": relX}); + + // Start the animation + $rippleWrapper.attr("class", "ripple-wrapper").data("animating", true); + $ripple.attr("class", "ripple ripple-on").css("transform", "scale(" + $rippleWrapper.width() / 20 + ")"); + setTimeout(function() { + $rippleWrapper.attr("class", "ripple-wrapper").data("animating", false).trigger("rippleEnd"); + }, 500); + }) + .on("rippleEnd", withRipple, function() { + if (!mouseDown) { + var $self = $(this), + $rippleWrapper = $self.find(".ripple-wrapper"), + $ripple = $self.find(".ripple"); + + rippleOut($ripple, $rippleWrapper); + } + }) + .on("mouseup", withRipple, function() { + var $self = $(this), + $rippleWrapper = $self.find(".ripple-wrapper"), + $ripple = $self.find(".ripple"); + + if (!$rippleWrapper.data("animating")) { + rippleOut($ripple, $rippleWrapper); + } + + }); + + var rippleOut = function($ripple, $rippleWrapper) { + $ripple.attr("class", "ripple ripple-on ripple-out"); + $rippleWrapper.fadeOut(200, function() { + $rippleWrapper.attr("class", "ripple-wrapper").attr("style", ""); + $ripple.attr("class", "ripple").attr("style", ""); + }); + }; + + // Material inputs engine (bubble effect) + $(document).on("click", ".checkbox label, .radio label", function() { + var $bubble = $(this).find(".bubble"), + timestamp = "t" + new Date().getTime(); + $bubble.attr("class", "bubble"); + $bubble.addClass("animate").addClass(timestamp); + setTimeout(function() { + if ($bubble.hasClass(timestamp)) { + $bubble.removeClass("animate").removeClass(timestamp); + } + }, 200); + }); + + $(document).on("change", ".form-control", function() { + if ($(this).val() !== "") { + $(this).removeClass("empty"); + } else { + $(this).addClass("empty"); + } + }); +}); + diff --git a/material.less b/material.less new file mode 100644 index 00000000..d0404c4a --- /dev/null +++ b/material.less @@ -0,0 +1,115 @@ +// out: material.css +// Material Theme 0.0.1 +// ----------------------------------------------------- + +@import url(http://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 "variables.less"; +@import "animations.less"; +@import "shadows.less"; + +body { + background-color: #EEEEEE; +} + +body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; +} + +// Buttons +@import "buttons.less"; + +// Ripple effect +@import "ripple.less"; + +// Checkboxes +@import "checkboxes.less"; + +// Radios +@import "radios.less"; + +// Text inputs +@import "inputs.less"; + + +.container { + .well, .jumbotron { + background-color: #fff; + .shadow-z-2(); + border-radius: 2px; + p { + font-weight: 300; + } + } +} + +.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; + } + } +} + +.list-group { + .shadow-z-2(); + border-radius: 2px; + .list-group-item:last-child { + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; + } + .list-group-item:first-child { + border-top-right-radius: 2px; + boborder-top-right-radius: 2px; + } +} + +// 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-color: transparent; + } + } +} + +// 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"; diff --git a/navbar.less b/navbar.less new file mode 100644 index 00000000..99c011e6 --- /dev/null +++ b/navbar.less @@ -0,0 +1,180 @@ +// 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; + } + + .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 { + border-color: @navbar-toggle-border-color; + &:hover, + &:focus { + background-color: @navbar-toggle-hover-bg; + } + .icon-bar { + background-color: @navbar-toggle-icon-bar-bg; + } + } + + .navbar-collapse, + .navbar-form { + border-color: darken(@navbar-default-bg, 7%); + } + + // 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 { + .form-control-wrapper { + .form-control { + border-color: @navbar-border; + color: @navbar-border; + } + .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; }; + } +} + +.navbar { + &-primary { + background-color: @navbar-default-bg; + .navbar-collapse, .navbar-form { border-color: darken(@navbar-default-bg, 7%); } + } + &-success { + background-color: @navbar-success-bg; + .navbar-collapse, .navbar-form { border-color: darken(@navbar-success-bg, 7%); } + } + &-info { background-color: @navbar-info-bg; + .navbar-collapse, .navbar-form { border-color: darken(@navbar-info-bg, 7%); } + } + &-warning { background-color: @navbar-warning-bg; + .navbar-collapse, .navbar-form { border-color: darken(@navbar-warning-bg, 7%); } + } + &-danger { background-color: @navbar-danger-bg; + .navbar-collapse, .navbar-form { border-color: darken(@navbar-danger-bg, 7%); } + } + &-inverse { background-color: @navbar-inverse-bg; + .navbar-collapse, .navbar-form { border-color: darken(@navbar-inverse-bg, 7%); } + } +} diff --git a/progress.less b/progress.less new file mode 100644 index 00000000..f6a87c12 --- /dev/null +++ b/progress.less @@ -0,0 +1,23 @@ +// main: material.less + +.progress { + height: 4px; + border-radius: 0; + box-shadow: none; + background: #c8c8c8; + .progress-bar { + box-shadow: none; + &, &-info { + background-color: @progress-info; + } + &-warning { + background-color: @progress-warning; + } + &-danger { + background-color: @progress-danger; + } + &-success { + background-color: @progress-success; + } + } +} diff --git a/radios.less b/radios.less new file mode 100644 index 00000000..a0fbaab1 --- /dev/null +++ b/radios.less @@ -0,0 +1,64 @@ +// 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; + } + .bubble { + background: @input-unchecked; + left: 0; + top: -8px; + height: 34px; + width: 34px; + border-radius: 100%; + transform: scale(0); + transition: transform .1s, opacity 0.2s 0.4s; + z-index: 1; + &.animate { + transform: scale(1); + opacity: 0; + } + } + .circle { + border: 2px solid #5A5F5A; + height: 15px; + width: 15px; + border-radius: 100%; + } + .check { + height: 15px; + width: 15px; + border-radius: 100%; + background-color: @radio-default; + transform: scale(0); + } + } + &.radio { + &-default .check { background-color: @radio-default; } + &-primary .check { background-color: @radio-primary; } + &-success .check { background-color: @radio-success; } + &-info { background-color: @radio-info; } + &-warning .check { background-color: @radio-warning; } + &-danger .check { background-color: @radio-danger; } + } + input[type=radio] { display: none; } + input[type=radio]:checked ~ .check { + transform: scale(1); + } + input[type=radio]:checked ~ .circle { + transform: scale(1); + border: 1px; + } + +} diff --git a/ripple.less b/ripple.less new file mode 100644 index 00000000..d6e0b048 --- /dev/null +++ b/ripple.less @@ -0,0 +1,34 @@ +// main: material.less + +.ripple-wrapper { + position: absolute; + top: 0; + left: 0; + z-index: 1; + width: 100%; + height: 100%; + overflow: hidden; + border-radius: 2px; +} +.ripple { + fill: black; + fill-opacity: 0.05; + stroke: none; + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + -webkit-transform-origin: 50%; + -ms-transform-origin: 50%; + transform-origin: 50%; + opacity: 0; +} +.ripple.ripple-on { + transition: opacity 0.15s ease-in 0s -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; + -webkit-transition: opacity 0.15s ease-in 0s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; + opacity: 1; +} +.ripple.ripple-out { + -webkit-transition: opacity 0.2s linear 0s !important; + transition: opacity 0.2s linear 0s !important; + opacity: 0; +} diff --git a/shadows.less b/shadows.less new file mode 100644 index 00000000..1a724193 --- /dev/null +++ b/shadows.less @@ -0,0 +1,49 @@ +// 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-1 { + .shadow-z-1(); +} + +.shadow-z-2() { + box-shadow: 0 3px 6px rgba(0,0,0, .16), + 0 3px 6px rgba(0,0,0, .23) ; +} +.shadow-z-2 { + .shadow-z-2(); +} +.shadow-z-2-hover() { + box-shadow: 0 3px 6px rgba(0,0,0, .20), + 0 3px 6px rgba(0,0,0, .28) ; +} +.shadow-z-2-hover { + .shadow-z-2-hover(); +} + +.shadow-z-3() { + box-shadow: 0 10px 20px rgba(0,0,0, .19), + 0 6px 6px rgba(0,0,0, .23) ; +} +.shadow-z-3 { + .shadow-z-3(); +} + +.shadow-z-4() { + box-shadow: 0 14px 28px rgba(0,0,0, .25), + 0 10px 10px rgba(0,0,0, .22) ; +} +.shadow-z-4 { + .shadow-z-4(); +} + +.shadow-z-5() { + box-shadow: 0 19px 38px rgba(0,0,0, .30), + 0 15px 12px rgba(0,0,0, .22) ; +} +.shadow-z-5 { + .shadow-z-5(); +} diff --git a/tabs.less b/tabs.less new file mode 100644 index 00000000..b6717602 --- /dev/null +++ b/tabs.less @@ -0,0 +1,25 @@ +// main: material.less + +.nav-tabs { + background: @navbar-default-bg; + > li { + > a { + color: #FFFFFF; + border: 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/variables.less b/variables.less new file mode 100644 index 00000000..3cca9a4e --- /dev/null +++ b/variables.less @@ -0,0 +1,65 @@ +// main: material.less + +@btn-default: transparent; +@btn-default-text: #000000; + +@btn-primary: #4285F4; +@btn-primary-text: #FFFFFF; + +@btn-success: #0F9D58; +@btn-success-text: #FFFFFF; + +@btn-info: #3498DB; +@btn-info-text: #FFFFFF; + +@btn-warning: #FF5722; +@btn-warning-text: #FFFFFF; + +@btn-danger: #DB4437; +@btn-danger-text: #FFFFFF; + +@input-unchecked: rgba(137, 137, 137, 0.3); +@input-checked: rgba(15, 157, 88, 0.3); + +@radio-default: #5A5F5A; +@radio-primary: @btn-primary; +@radio-success: @btn-success; +@radio-info: @btn-info; +@radio-warning: @btn-warning; +@radio-danger: @btn-danger; + +@input-danger: @btn-danger; +@input-default: #5264AE; +@input-warning: @btn-warning; +@input-success: @btn-success; +@input-info: @btn-info; + +@navbar-danger-bg: @btn-danger; +@navbar-inverse-bg: #5264AE; +@navbar-warning-bg: @btn-warning; +@navbar-success-bg: @btn-success; +@navbar-info-bg: @btn-info; +@navbar-default-bg: @btn-primary; +@navbar-color: #FFFFFF; +@navbar-link-color: #FFFFFF; +@navbar-link-hover-color: #FFFFFF; +@navbar-link-hover-bg: transparent; +@navbar-link-active-color: #FFFFFF; +@navbar-link-active-bg: rgba(0,0,0,0.05); +@navbar-link-disabled-color: #E5E5E5; +@navbar-link-disabled-bg: transparent; +@navbar-brand-color: #FFFFFF; +@navbar-toggle-border-color: #FFFFFF; +@navbar-toggle-hover-bg: transparent; +@navbar-toggle-icon-bar-bg: #FFFFFF; +@navbar-border: #FFFFFF; + +@alert-success: @btn-success; +@alert-info: @btn-info; +@alert-warning: @btn-warning; +@alert-danger: @btn-danger; + +@progress-success: @btn-success; +@progress-info: @btn-info; +@progress-warning: @btn-warning; +@progress-danger: @btn-danger; From 9885a05f2c38630b94ddc60d0c1b2df34a1b89d3 Mon Sep 17 00:00:00 2001 From: Federico Zivolo Date: Mon, 18 Aug 2014 16:29:40 +0200 Subject: [PATCH 004/116] Added demo URL --- README.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/README.md b/README.md index c4fd797d..b181b210 100644 --- a/README.md +++ b/README.md @@ -6,6 +6,8 @@ Just include the theme right after the Bootstrap CSS and include the javascript This theme is in early developement and is not ready for production. +Check out [the demo at this link](http://fezvrasta.github.io/bootstrap-material-design/). + Currently supported elements: From 7dfe4a0f32f3942421348f6bd70555a3d972e07d Mon Sep 17 00:00:00 2001 From: Federico Zivolo Date: Mon, 18 Aug 2014 16:37:56 +0200 Subject: [PATCH 005/116] Added some documentation. --- README.md | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) diff --git a/README.md b/README.md index b181b210..7502cab5 100644 --- a/README.md +++ b/README.md @@ -25,3 +25,28 @@ Currently supported elements: - Jumbotron - Wells - Dialogs + + +# Documentation + +Material Design for Bootstrap provides some additional stuff to get the best from Material Design. + +### Buttons: + +Add `.btn-flat` to a button to make it flat, without shadows. +Add `.btn-raised` to a butto 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*): + +
+ +
+ + From 1190d5096d0929f4c98fdf87796cf32e90ad53f8 Mon Sep 17 00:00:00 2001 From: Federico Zivolo Date: Mon, 18 Aug 2014 16:38:24 +0200 Subject: [PATCH 006/116] Fixed return. --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 7502cab5..ed1d226e 100644 --- a/README.md +++ b/README.md @@ -33,7 +33,7 @@ Material Design for Bootstrap provides some additional stuff to get the best fro ### Buttons: -Add `.btn-flat` to a button to make it flat, without shadows. +Add `.btn-flat` to a button to make it flat, without shadows. Add `.btn-raised` to a butto to add a permanent shadow to it. ### Inputs: From 911a52cd3355b14cdbe052707aa9210234290e07 Mon Sep 17 00:00:00 2001 From: Federico Zivolo Date: Mon, 18 Aug 2014 16:41:25 +0200 Subject: [PATCH 007/116] Added compatibility info. --- README.md | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index ed1d226e..8337ff52 100644 --- a/README.md +++ b/README.md @@ -34,7 +34,7 @@ Material Design for Bootstrap provides some additional stuff to get the best fro ### Buttons: Add `.btn-flat` to a button to make it flat, without shadows. -Add `.btn-raised` to a butto to add a permanent shadow to it. +Add `.btn-raised` to a button to add a permanent shadow to it. ### Inputs: @@ -50,3 +50,7 @@ Remember to use the proper HTML markup to get radio and checkboxes styled correc +# Compatibility + +Currently Material Design for Bootstrap supports only Google Chrome, my aim is to support Firefox, Internet Explorer 11, Safari and all major mobile browsers. + From e28ec01dc36f9de9988b044a89dd7e95e54c4528 Mon Sep 17 00:00:00 2001 From: Federico Zivolo Date: Tue, 19 Aug 2014 10:11:29 +0200 Subject: [PATCH 008/116] Added support for ripple effect to IE Not sure which versions of IE are now supported, tested successfully in IE11, now I don't use SVG anymore for the ripple effect but just two nested DIV. --- material.js | 14 ++++++++++---- ripple.less | 14 ++++++++++---- 2 files changed, 20 insertions(+), 8 deletions(-) diff --git a/material.js b/material.js index 484a4c13..19fa6eac 100644 --- a/material.js +++ b/material.js @@ -3,7 +3,7 @@ $(function (){ var withRipple = ".btn:not('.btn-link'), .navbar a, .nav-tabs a"; // Add ripple elements to material buttons - $(withRipple).append(""); + $(withRipple).append("
"); // Add fake-checkbox to material checkboxes $(".checkbox label input").after(""); @@ -12,7 +12,7 @@ $(function (){ $(".radio label input").after(""); // Add elements for material inputs - $("input.form-control, textarea.form-control").each( function() { + $("input.form-control, textarea.form-control, select.form-control").each( function() { $(this).wrap("
"); $(this).after(""); if ($(this).hasClass("floating-label")) { @@ -50,11 +50,17 @@ $(function (){ var relY = e.pageY - parentOffset.top; // Move ripple to the click position - $ripple.attr({"cy":relY, "cx": relX}); + $ripple.attr({"style": "top: " + relY + "px; left:" + relX + "px"}); // Start the animation $rippleWrapper.attr("class", "ripple-wrapper").data("animating", true); - $ripple.attr("class", "ripple ripple-on").css("transform", "scale(" + $rippleWrapper.width() / 20 + ")"); + var scaleVal = "scale(" + Math.round($rippleWrapper.width() / 10) + ")"; + $ripple.attr("class", "ripple ripple-on").css({ + "-ms-transform": scaleVal, + "-moz-transform": scaleVal, + "-webkit-transform": scaleVal, + "transform": scaleVal + }); setTimeout(function() { $rippleWrapper.attr("class", "ripple-wrapper").data("animating", false).trigger("rippleEnd"); }, 500); diff --git a/ripple.less b/ripple.less index d6e0b048..623afb8f 100644 --- a/ripple.less +++ b/ripple.less @@ -11,9 +11,13 @@ border-radius: 2px; } .ripple { - fill: black; - fill-opacity: 0.05; - stroke: none; + 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); @@ -23,8 +27,10 @@ opacity: 0; } .ripple.ripple-on { - transition: opacity 0.15s ease-in 0s -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; -webkit-transition: opacity 0.15s ease-in 0s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; + -ms-transition: opacity 0.15s ease-in 0s, -ms-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; + -moz-transition: opacity 0.15s ease-in 0s, -moz-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 { From a41d47e3cf16024b4912e20e71a8d6982f9024d7 Mon Sep 17 00:00:00 2001 From: Federico Zivolo Date: Tue, 19 Aug 2014 10:15:28 +0200 Subject: [PATCH 009/116] Updated compatibility info. --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 8337ff52..27c43a11 100644 --- a/README.md +++ b/README.md @@ -52,5 +52,5 @@ Remember to use the proper HTML markup to get radio and checkboxes styled correc # Compatibility -Currently Material Design for Bootstrap supports only Google Chrome, my aim is to support Firefox, Internet Explorer 11, Safari and all major mobile browsers. +Currently Material Design for Bootstrap supports Google Chrome (tested v37+), Mozilla Firefox (tested 30+), Internet Explorer (tested 11+). Mobile browsers are not currently tested but may works. From 11a46099925d32344de4d63da0f572b055759765 Mon Sep 17 00:00:00 2001 From: Federico Zivolo Date: Wed, 20 Aug 2014 12:53:26 +0200 Subject: [PATCH 010/116] Continued work, added support for material colors --- README.md | 17 +- alerts.less | 28 +- bootstrap.css | 820 ----------------------------- buttons.less | 62 +-- checkboxes.less | 26 +- index.html | 4 +- inputs.less | 12 + material.css | 1081 ++++++++++++++++++++++++++++++++++----- material.js | 22 +- material.less | 12 +- mixins.less | 78 +++ navbar.less | 26 +- progress.less | 13 +- radios.less | 32 +- ripple.less | 4 +- screenshots/palette.jpg | Bin 0 -> 28270 bytes tabs.less | 1 + variables.less | 120 +++-- 18 files changed, 1232 insertions(+), 1126 deletions(-) delete mode 100644 bootstrap.css create mode 100644 mixins.less create mode 100644 screenshots/palette.jpg diff --git a/README.md b/README.md index 27c43a11..bf8be498 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,7 @@ -Bootstrap Material Design +Material Design for Bootstrap ========================= -This Bootstrap theme is an easy way to use the new Material Design guide-lines by Google in your Bootstrap 3 based application. +This Bootstrap theme is an easy way to use the new Material Design guide-lines 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 developement and is not ready for production. @@ -31,6 +31,19 @@ Currently supported elements: 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, progess bars and more. +They can be used adding to the desired element the class suffix `-material-color` replacing `color` with the desired one. + +Example: + + + +These colors are took 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. diff --git a/alerts.less b/alerts.less index b88b6b21..97b8347b 100644 --- a/alerts.less +++ b/alerts.less @@ -1,26 +1,18 @@ // main: material.less -.alert, .alert-success, .alert-info, .alert-warning, .alert-danger { +.alert { border: 0px; border-radius: 0; a, .alert-link { color: #FFFFFF; } -} - -.alert-success { - color: #FFFFFF; - background-color: @alert-success; -} -.alert-info { - color: #FFFFFF; - background-color: @alert-info; -} -.alert-warning { - color: #FFFFFF; - background-color: @alert-warning; -} -.alert-danger { - color: #FFFFFF; - background-color: @alert-danger; + .variations(~"", background-color, #FFFFFF); + &-info, &-danger, &-warning, &-success { + color: #FFFFFF; + } + &-default { + a, .alert-link { + color: #000000; + } + } } diff --git a/bootstrap.css b/bootstrap.css deleted file mode 100644 index 9671cbda..00000000 --- a/bootstrap.css +++ /dev/null @@ -1,820 +0,0 @@ -/* Generated by less 1.7.0 */ -@import url(http://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; - } -} -@-moz-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, -h1, -h2, -h3, -h4, -h5, -h6, -.h1, -.h2, -.h3, -.h4, -.h5, -.h6 { - font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; -} -.btn { - position: relative; - padding: 8px 30px; - border: 0; - margin: 10px 1px; - cursor: pointer; - border-radius: 4px; - text-transform: uppercase; - text-decoration: none; - transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); - outline: none !important; -} -.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-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); -} -.btn-default, -.btn-default:hover, -.btn-default:active, -.btn-default:focus { - background-color: transparent; - color: #000000; -} -.btn-default:hover { - background-color: #FFFFFF; -} -.btn-primary, -.btn-primary:hover, -.btn-primary:active, -.btn-primary:focus { - background-color: #4285f4; - color: #ffffff; -} -.btn-success, -.btn-success:hover, -.btn-success:active, -.btn-success:focus { - background-color: #0f9d58; - color: #ffffff; -} -.btn-info, -.btn-info:hover, -.btn-info:active, -.btn-info:focus { - background-color: #3498db; - color: #ffffff; -} -.btn-warning, -.btn-warning:hover, -.btn-warning:active, -.btn-warning:focus { - background-color: #ff5722; - color: #ffffff; -} -.btn-danger, -.btn-danger:hover, -.btn-danger:active, -.btn-danger:focus { - background-color: #db4437; - color: #ffffff; -} -.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: #3498db; -} -.open > .dropdown-toggle.btn-warning { - background-color: #ff5722; -} -.open > .dropdown-toggle.btn-danger { - background-color: #db4437; -} -.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; -} -.ripple-wrapper { - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - overflow: hidden; - border-radius: 2px; -} -.ripple { - fill: black; - fill-opacity: 0.05; - stroke: none; - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - -webkit-transform-origin: 50%; - -ms-transform-origin: 50%; - transform-origin: 50%; - opacity: 0; -} -.ripple.ripple-on { - transition: opacity 0.15s ease-in 0s -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; - -webkit-transition: opacity 0.15s ease-in 0s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; - opacity: 1; -} -.ripple.ripple-out { - -webkit-transition: opacity 0.2s linear 0s !important; - transition: opacity 0.2s linear 0s !important; - opacity: 0; -} -.form-horizontal .checkbox { - padding-top: 15px; -} -.checkbox label { - cursor: pointer; - padding-left: 45px; - position: relative; -} -.checkbox label span { - display: block; - position: absolute; - left: 10px; - transition-duration: 0.2s; -} -.checkbox label .bubble { - background: rgba(137, 137, 137, 0.3); - left: 0; - top: -10px; - height: 40px; - width: 40px; - border-radius: 100%; - transform: scale(0); - transition: transform .1s, opacity 0.2s 0.4s; - z-index: 1; -} -.checkbox label .bubble.animate { - transform: scale(1); - opacity: 0; -} -.checkbox label .box { - border: 2px solid #5A5F5A; - height: 20px; - width: 20px; - transition-delay: 0.2s; -} -.checkbox label .check { - top: -4px; - left: 16px; - width: 12px; - height: 24px; - border: 2px solid #0F9D58; - border-top: none; - border-left: none; - opacity: 0; - z-index: 888; - transform: rotate(45deg); - transition-delay: 0.2s; -} -.checkbox input[type=checkbox] { - display: none; -} -.checkbox input[type=checkbox]:checked ~ .box { - opacity: 0; - transform: scale(0) rotate(-180deg); -} -.checkbox input[type=checkbox]:checked ~ .bubble { - background: rgba(15, 157, 88, 0.3); -} -.checkbox input[type=checkbox]:checked ~ .check { - opacity: 1; - transform: scale(1) rotate(45deg); -} -.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 .bubble { - background: rgba(137, 137, 137, 0.3); - left: 0; - top: -8px; - height: 34px; - width: 34px; - border-radius: 100%; - transform: scale(0); - transition: transform .1s, opacity 0.2s 0.4s; - z-index: 1; -} -.radio label .bubble.animate { - transform: scale(1); - opacity: 0; -} -.radio label .circle { - border: 2px solid #5A5F5A; - height: 15px; - width: 15px; - border-radius: 100%; -} -.radio label .check { - height: 15px; - width: 15px; - border-radius: 100%; - background-color: #5a5f5a; - transform: scale(0); -} -.radio.radio-default .check { - background-color: #5a5f5a; -} -.radio.radio-primary .check { - background-color: #4285f4; -} -.radio.radio-success .check { - background-color: #0f9d58; -} -.radio.radio-info { - background-color: #3498db; -} -.radio.radio-warning .check { - background-color: #ff5722; -} -.radio.radio-danger .check { - background-color: #db4437; -} -.radio input[type=radio] { - display: none; -} -.radio input[type=radio]:checked ~ .check { - transform: scale(1); -} -.radio input[type=radio]:checked ~ .circle { - transform: scale(1); - border: 1px; -} -.form-control-wrapper { - position: relative; - /* active state */ -} -.form-control-wrapper .form-control, -.form-control-wrapper .form-control:focus { - float: none; - border: 0; - box-shadow: none; - border-radius: 0; - background: transparent; - border-bottom: 1px solid #757575; -} -.form-control-wrapper .form-control:focus { - outline: none; -} -.form-control-wrapper .floating-label { - color: #7E7E7E; - font-size: 14px; - position: absolute; - pointer-events: none; - left: 12px; - top: 7px; - transition: 0.2s ease all; - opacity: 0; -} -.form-control-wrapper .form-control:focus ~ .floating-label { - top: -10px; - font-size: 10px; - color: #5264ae; -} -.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 { - color: #db4437; -} -.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:after { - background-color: #db4437; -} -.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 { - 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: 25%; - left: 0; - pointer-events: none; - opacity: 0.9; -} -.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 { - -webkit-animation: input-highlight 0.3s ease; - animation: input-highlight 0.3s ease; - -webkit-animation-fill-mode: forwards; - animation-fill-mode: forwards; -} -.form-group.has-warning .material-input:before, -.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:focus ~ .floating-label { - color: #ff5722; -} -.form-group.has-error .material-input:before, -.form-group.has-error input.form-control:focus ~ .material-input:after { - background: #db4437; -} -.form-group.has-error .control-label, -.form-group.has-error input.form-control:focus ~ .floating-label { - color: #db4437; -} -.form-group.has-success .material-input:before, -.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:focus ~ .floating-label { - color: #0f9d58; -} -.form-group.has-info .material-input:before, -.form-group.has-info input.form-control:focus ~ .material-input:after { - background: #3498db; -} -.form-group.has-info .control-label, -.form-group.has-info input.form-control:focus ~ .floating-label { - color: #3498db; -} -.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 { - box-shadow: none; - border-color: #757575; -} -.container .well, -.container .jumbotron { - background-color: #fff; - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); - border-radius: 2px; -} -.container .well p, -.container .jumbotron p { - font-weight: 300; -} -.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 { - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); - border-radius: 2px; -} -.list-group .list-group-item:last-child { - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; -} -.list-group .list-group-item:first-child { - border-top-right-radius: 2px; - boborder-top-right-radius: 2px; -} -.navbar { - background-color: #4285f4; - border: 0; - border-radius: 0; -} -.navbar .navbar-brand { - position: relative; - height: 60px; - line-height: 30px; - color: #ffffff; -} -.navbar .navbar-brand:hover, -.navbar .navbar-brand:focus { - color: #ffffff; - background-color: transparent; -} -.navbar .navbar-text { - color: #ffffff; -} -.navbar .navbar-nav > li > a { - color: #ffffff; - padding-top: 20px; - padding-bottom: 20px; -} -.navbar .navbar-nav > li > a:hover, -.navbar .navbar-nav > li > a:focus { - color: #ffffff; - background-color: transparent; -} -.navbar .navbar-nav > .active > a, -.navbar .navbar-nav > .active > a:hover, -.navbar .navbar-nav > .active > a:focus { - color: #ffffff; - 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: #ffffff; -} -.navbar .navbar-toggle:hover, -.navbar .navbar-toggle:focus { - background-color: transparent; -} -.navbar .navbar-toggle .icon-bar { - background-color: #ffffff; -} -.navbar .navbar-collapse, -.navbar .navbar-form { - border-color: #206ff2; -} -.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: #ffffff; -} -@media (max-width: 767px) { - .navbar .navbar-nav .open .dropdown-menu > .dropdown-header { - border: 0; - color: #d4d4d4; - } - .navbar .navbar-nav .open .dropdown-menu .divider { - background-color: #ffffff; - } - .navbar .navbar-nav .open .dropdown-menu > li > a { - color: #ffffff; - } - .navbar .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar .navbar-nav .open .dropdown-menu > li > a:focus { - color: #ffffff; - 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: #ffffff; - 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: #ffffff; -} -.navbar .navbar-link:hover { - color: #ffffff; -} -.navbar .btn-link { - color: #ffffff; -} -.navbar .btn-link:hover, -.navbar .btn-link:focus { - color: #ffffff; -} -.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 .form-control-wrapper .form-control { - border-color: #ffffff; - color: #ffffff; -} -.navbar .navbar-form .form-control-wrapper .material-input:before, -.navbar .navbar-form .form-control-wrapper input:focus ~ .material-input:after { - background-color: #ffffff; -} -.navbar .navbar-form ::-webkit-input-placeholder { - color: #ffffff; -} -.navbar .navbar-form :-moz-placeholder { - color: #ffffff; -} -.navbar .navbar-form ::-moz-placeholder { - color: #ffffff; -} -.navbar .navbar-form :-ms-input-placeholder { - color: #ffffff; -} -.navbar-primary { - background-color: #4285f4; -} -.navbar-primary .navbar-collapse, -.navbar-primary .navbar-form { - border-color: #206ff2; -} -.navbar-success { - background-color: #0f9d58; -} -.navbar-success .navbar-collapse, -.navbar-success .navbar-form { - border-color: #0c7c46; -} -.navbar-info { - background-color: #3498db; -} -.navbar-info .navbar-collapse, -.navbar-info .navbar-form { - border-color: #2386c8; -} -.navbar-warning { - background-color: #ff5722; -} -.navbar-warning .navbar-collapse, -.navbar-warning .navbar-form { - border-color: #fd3d00; -} -.navbar-danger { - background-color: #db4437; -} -.navbar-danger .navbar-collapse, -.navbar-danger .navbar-form { - border-color: #ca3124; -} -.navbar-inverse { - background-color: #5264ae; -} -.navbar-inverse .navbar-collapse, -.navbar-inverse .navbar-form { - border-color: #465696; -} -.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-color: transparent; -} -.alert, -.alert-success, -.alert-info, -.alert-warning, -.alert-danger { - border: 0px; - border-radius: 0; -} -.alert a, -.alert-success a, -.alert-info a, -.alert-warning a, -.alert-danger a, -.alert .alert-link, -.alert-success .alert-link, -.alert-info .alert-link, -.alert-warning .alert-link, -.alert-danger .alert-link { - color: #FFFFFF; -} -.alert-success { - color: #FFFFFF; - background-color: #0f9d58; -} -.alert-info { - color: #FFFFFF; - background-color: #3498db; -} -.alert-warning { - color: #FFFFFF; - background-color: #ff5722; -} -.alert-danger { - color: #FFFFFF; - background-color: #db4437; -} -.progress { - height: 4px; - border-radius: 0; - box-shadow: none; - background: #c8c8c8; -} -.progress .progress-bar { - box-shadow: none; -} -.progress .progress-bar, -.progress .progress-bar-info { - background-color: #3498db; -} -.progress .progress-bar-warning { - background-color: #ff5722; -} -.progress .progress-bar-danger { - background-color: #db4437; -} -.progress .progress-bar-success { - background-color: #0f9d58; -} -.text-warning { - color: #ff5722; -} -.text-primary { - color: #4285f4; -} -.text-danger { - color: #db4437; -} -.text-success { - color: #0f9d58; -} -.text-info { - color: #3498db; -} diff --git a/buttons.less b/buttons.less index eba643be..f22e3167 100644 --- a/buttons.less +++ b/buttons.less @@ -18,7 +18,11 @@ border-radius: 4px; text-transform: uppercase; text-decoration: none; + color: @darkbg-text; + &:hover { + color: @darkbg-text; + } &:hover:not(.btn-link) { .shadow-z-2-hover(); } @@ -27,57 +31,29 @@ .shadow-z-3(); } outline: none !important; + + .variations(~":not(.btn-link)", background-color, @btn-default); + } -.btn-raised { - .btn-shadow(); -} -.btn-default { - &, &:hover, &:active, &:focus { - background-color: @btn-default; - color: @btn-default-text; - } +// 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 { - background-color: #FFFFFF; + color: @lightbg-text; } } -.btn-primary { - &, &:hover, &:active, &:focus { - background-color: @btn-primary; - color: @btn-primary-text; - } -} -.btn-success { - &, &:hover, &:active, &:focus { - background-color: @btn-success; - color: @btn-success-text; - } -} -.btn-info { - &, &:hover, &:active, &:focus { - background-color: @btn-info; - color: @btn-info-text; - } -} -.btn-warning { - &, &:hover, &:active, &:focus { - background-color: @btn-warning; - color: @btn-warning-text; - } -} -.btn-danger { - &, &:hover, &:active, &:focus { - background-color: @btn-danger; - color: @btn-danger-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 { - &-default { background-color: @btn-default; } - &-primary { background-color: @btn-primary; } - &-success { background-color: @btn-success; } - &-info { background-color: @btn-info; } - &-warning { background-color: @btn-warning; } - &-danger { background-color: @btn-danger; } + .variations(~"", background-color, @btn-default); } .btn-flat { box-shadow: none !important; diff --git a/checkboxes.less b/checkboxes.less index 6af35b38..3444b3c2 100644 --- a/checkboxes.less +++ b/checkboxes.less @@ -14,8 +14,8 @@ left: 10px; transition-duration: 0.2s; } - .bubble { - background: @input-unchecked; + .ripple { + background-color: @lightbg-text; left: 0; top: -10px; height: 40px; @@ -24,13 +24,15 @@ transform: scale(0); transition: transform .1s, opacity 0.2s 0.4s; z-index: 1; + opacity: 0.2; + margin: 0; &.animate { transform: scale(1); opacity: 0; } } .box { - border: 2px solid #5A5F5A; + border: 2px solid @lightbg-text; height: 20px; width: 20px; transition-delay: 0.2s; @@ -40,7 +42,7 @@ left: 16px; width: 12px; height: 24px; - border: 2px solid #0F9D58; + border: 2px solid; border-top: none; border-left: none; opacity: 0; @@ -48,18 +50,28 @@ transform: rotate(45deg); transition-delay: 0.2s; } + } + .variations(~" .check", color, @success); + input[type=checkbox][disabled]:checked ~ .check, + input[type=checkbox][disabled]:not(:checked) ~ .box { + opacity: 0.5; + } + input[type=checkbox][disabled] ~ .ripple { + opacity: 0.1; } input[type=checkbox] { display: none; } input[type=checkbox]:checked ~ .box { opacity: 0; transform: scale(0) rotate(-180deg); } - input[type=checkbox]:checked ~ .bubble { - background: @input-checked; - } + .variations(~" input[type=checkbox]:checked ~ .ripple", background-color, @success); input[type=checkbox]:checked ~ .check { opacity: 1; transform: scale(1) rotate(45deg); } + + input[type=checkbox][disabled] ~ .ripple { + background-color: @lightbg-text; + } } diff --git a/index.html b/index.html index bf0e1319..3e147934 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ Bootstrap Material - + @@ -1286,6 +1286,6 @@ })(); - + diff --git a/inputs.less b/inputs.less index 8de507e0..ac736522 100644 --- a/inputs.less +++ b/inputs.less @@ -93,6 +93,14 @@ -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } + + select ~ .material-input:before { + bottom: 1px; + } + select ~ .material-input:after { + display: none; + } + } .form-group { @@ -128,6 +136,10 @@ color: @input-info; } } + .variations(~" .material-input:before", background-color, @lightbg-text); + .variations(~" input.form-control:focus ~ .material-input:after", background-color, @lightbg-text); + .variations(~" .control-label", color, @lightbg-text); + .variations(~" input.form-control:focus ~ .floating-label", color, @lightbg-text); } diff --git a/material.css b/material.css index f5bbb6e8..99dad051 100644 --- a/material.css +++ b/material.css @@ -63,6 +63,13 @@ body { background-color: #EEEEEE; } +body.inverse { + background: #333333; +} +body.inverse, +body.inverse .form-control { + color: #ffffff; +} body, h1, h2, @@ -87,15 +94,103 @@ h6, border-radius: 4px; text-transform: uppercase; text-decoration: none; + color: #ffffff; transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); outline: none !important; } +.btn:hover { + color: #ffffff; +} .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: #3498db; +} +.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: #4d4d4d; +} +.btn-link:hover, +.btn:not([class^="btn btn-"]):hover, +.btn-default:hover { + color: #4d4d4d; +} +.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); @@ -103,51 +198,7 @@ h6, .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); } -.btn-default, -.btn-default:hover, -.btn-default:active, -.btn-default:focus { - background-color: transparent; - color: #000000; -} -.btn-default:hover { - background-color: #FFFFFF; -} -.btn-primary, -.btn-primary:hover, -.btn-primary:active, -.btn-primary:focus { - background-color: #4285f4; - color: #ffffff; -} -.btn-success, -.btn-success:hover, -.btn-success:active, -.btn-success:focus { - background-color: #0f9d58; - color: #ffffff; -} -.btn-info, -.btn-info:hover, -.btn-info:active, -.btn-info:focus { - background-color: #3498db; - color: #ffffff; -} -.btn-warning, -.btn-warning:hover, -.btn-warning:active, -.btn-warning:focus { - background-color: #ff5722; - color: #ffffff; -} -.btn-danger, -.btn-danger:hover, -.btn-danger:active, -.btn-danger:focus { - background-color: #db4437; - color: #ffffff; -} +.open > .dropdown-toggle.btn, .open > .dropdown-toggle.btn-default { background-color: transparent; } @@ -164,7 +215,58 @@ h6, background-color: #ff5722; } .open > .dropdown-toggle.btn-danger { - background-color: #db4437; + 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; @@ -224,9 +326,13 @@ h6, border-radius: 2px; } .ripple { - fill: black; - fill-opacity: 0.05; - stroke: none; + 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); @@ -236,13 +342,15 @@ h6, opacity: 0; } .ripple.ripple-on { - transition: opacity 0.15s ease-in 0s -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; -webkit-transition: opacity 0.15s ease-in 0s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; + -ms-transition: opacity 0.15s ease-in 0s, -ms-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; + -moz-transition: opacity 0.15s ease-in 0s, -moz-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.2s linear 0s !important; - transition: opacity 0.2s linear 0s !important; + -webkit-transition: opacity 1s linear 0s !important; + transition: opacity 0.8s linear 0s !important; opacity: 0; } .form-horizontal .checkbox { @@ -259,8 +367,8 @@ h6, left: 10px; transition-duration: 0.2s; } -.checkbox label .bubble { - background: rgba(137, 137, 137, 0.3); +.checkbox label .ripple { + background-color: #4d4d4d; left: 0; top: -10px; height: 40px; @@ -269,13 +377,15 @@ h6, transform: scale(0); transition: transform .1s, opacity 0.2s 0.4s; z-index: 1; + opacity: 0.2; + margin: 0; } -.checkbox label .bubble.animate { +.checkbox label .ripple.animate { transform: scale(1); opacity: 0; } .checkbox label .box { - border: 2px solid #5A5F5A; + border: 2px solid #4d4d4d; height: 20px; width: 20px; transition-delay: 0.2s; @@ -285,7 +395,7 @@ h6, left: 16px; width: 12px; height: 24px; - border: 2px solid #0F9D58; + border: 2px solid; border-top: none; border-left: none; opacity: 0; @@ -293,6 +403,83 @@ h6, transform: rotate(45deg); 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: #3498db; +} +.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][disabled]:checked ~ .check, +.checkbox input[type=checkbox][disabled]:not(:checked) ~ .box { + opacity: 0.5; +} +.checkbox input[type=checkbox][disabled] ~ .ripple { + opacity: 0.1; +} .checkbox input[type=checkbox] { display: none; } @@ -300,13 +487,83 @@ h6, opacity: 0; transform: scale(0) rotate(-180deg); } -.checkbox input[type=checkbox]:checked ~ .bubble { - background: rgba(15, 157, 88, 0.3); +.checkbox input[type=checkbox]:checked ~ .ripple, +.checkbox-default input[type=checkbox]:checked ~ .ripple { + background-color: #0f9d58; +} +.checkbox-primary input[type=checkbox]:checked ~ .ripple { + background-color: #4285f4; +} +.checkbox-success input[type=checkbox]:checked ~ .ripple { + background-color: #0f9d58; +} +.checkbox-info input[type=checkbox]:checked ~ .ripple { + background-color: #3498db; +} +.checkbox-warning input[type=checkbox]:checked ~ .ripple { + background-color: #ff5722; +} +.checkbox-danger input[type=checkbox]:checked ~ .ripple { + background-color: #f44336; +} +.checkbox-material-red input[type=checkbox]:checked ~ .ripple { + background-color: #f44336; +} +.checkbox-material-pink input[type=checkbox]:checked ~ .ripple { + background-color: #e91e63; +} +.checkbox-material-purple input[type=checkbox]:checked ~ .ripple { + background-color: #9c27b0; +} +.checkbox-material-deeppurple input[type=checkbox]:checked ~ .ripple { + background-color: #673ab7; +} +.checkbox-material-indigo input[type=checkbox]:checked ~ .ripple { + background-color: #3f51b5; +} +.checkbox-material-lightblue input[type=checkbox]:checked ~ .ripple { + background-color: #03a9f4; +} +.checkbox-material-cyan input[type=checkbox]:checked ~ .ripple { + background-color: #00bcd4; +} +.checkbox-material-teal input[type=checkbox]:checked ~ .ripple { + background-color: #009688; +} +.checkbox-material-lightgreen input[type=checkbox]:checked ~ .ripple { + background-color: #8bc34a; +} +.checkbox-material-lime input[type=checkbox]:checked ~ .ripple { + background-color: #cddc39; +} +.checkbox-material-lightyellow input[type=checkbox]:checked ~ .ripple { + background-color: #ffeb3b; +} +.checkbox-material-orange input[type=checkbox]:checked ~ .ripple { + background-color: #ff9800; +} +.checkbox-material-deeporange input[type=checkbox]:checked ~ .ripple { + background-color: #ff5722; +} +.checkbox-material-grey input[type=checkbox]:checked ~ .ripple { + background-color: #9e9e9e; +} +.checkbox-material-bluegrey input[type=checkbox]:checked ~ .ripple { + background-color: #607d8b; +} +.checkbox-material-brown input[type=checkbox]:checked ~ .ripple { + background-color: #795548; +} +.checkbox-material-lightgrey input[type=checkbox]:checked ~ .ripple { + background-color: #ececec; } .checkbox input[type=checkbox]:checked ~ .check { opacity: 1; transform: scale(1) rotate(45deg); } +.checkbox input[type=checkbox][disabled] ~ .ripple { + background-color: #4d4d4d; +} .form-horizontal .radio { margin-bottom: 10px; } @@ -322,8 +579,8 @@ h6, top: 2px; transition-duration: 0.2s; } -.radio label .bubble { - background: rgba(137, 137, 137, 0.3); +.radio label .ripple { + background-color: #4d4d4d; left: 0; top: -8px; height: 34px; @@ -332,13 +589,15 @@ h6, transform: scale(0); transition: transform .1s, opacity 0.2s 0.4s; z-index: 1; + opacity: 0.2; + margin: 0; } -.radio label .bubble.animate { +.radio label .ripple.animate { transform: scale(1); opacity: 0; } .radio label .circle { - border: 2px solid #5A5F5A; + border: 2px solid #4d4d4d; height: 15px; width: 15px; border-radius: 100%; @@ -347,36 +606,164 @@ h6, height: 15px; width: 15px; border-radius: 100%; - background-color: #5a5f5a; + background-color: #4d4d4d; transform: scale(0); } -.radio.radio-default .check { - background-color: #5a5f5a; +.radio input[type=radio]:checked ~ .check, +.radio-default input[type=radio]:checked ~ .check { + background-color: #4d4d4d; } -.radio.radio-primary .check { +.radio-primary input[type=radio]:checked ~ .check { background-color: #4285f4; } -.radio.radio-success .check { +.radio-success input[type=radio]:checked ~ .check { background-color: #0f9d58; } -.radio.radio-info { +.radio-info input[type=radio]:checked ~ .check { background-color: #3498db; } -.radio.radio-warning .check { +.radio-warning input[type=radio]:checked ~ .check { background-color: #ff5722; } -.radio.radio-danger .check { - background-color: #db4437; +.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: #4d4d4d; +} +.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: #3498db; +} +.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(1); + transform: scale(0.55); } -.radio input[type=radio]:checked ~ .circle { - transform: scale(1); - border: 1px; +.radio input[type=radio][disabled] ~ .circle { + border-color: #4d4d4d; +} +.radio input[type=radio][disabled] ~ .check { + background-color: #4d4d4d; } .form-control-wrapper { position: relative; @@ -415,14 +802,14 @@ h6, opacity: 1; } .form-control-wrapper .form-control:focus:invalid ~ .floating-label { - color: #db4437; + color: #f44336; } .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:after { - background-color: #db4437; + background-color: #f44336; } .form-control-wrapper .form-control.empty ~ .floating-label { opacity: 1; @@ -468,6 +855,12 @@ h6, -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } +.form-control-wrapper select ~ .material-input:before { + bottom: 1px; +} +.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 { background: #ff5722; @@ -478,11 +871,11 @@ h6, } .form-group.has-error .material-input:before, .form-group.has-error input.form-control:focus ~ .material-input:after { - background: #db4437; + background: #f44336; } .form-group.has-error .control-label, .form-group.has-error input.form-control:focus ~ .floating-label { - color: #db4437; + color: #f44336; } .form-group.has-success .material-input:before, .form-group.has-success input.form-control:focus ~ .material-input:after { @@ -500,6 +893,286 @@ h6, .form-group.has-info input.form-control:focus ~ .floating-label { color: #3498db; } +.form-group .material-input:before, +.form-group-default .material-input:before { + background-color: #4d4d4d; +} +.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: #3498db; +} +.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: #4d4d4d; +} +.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: #3498db; +} +.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: #4d4d4d; +} +.form-group-primary .control-label { + color: #4285f4; +} +.form-group-success .control-label { + color: #0f9d58; +} +.form-group-info .control-label { + color: #3498db; +} +.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:focus ~ .floating-label, +.form-group-default input.form-control:focus ~ .floating-label { + color: #4d4d4d; +} +.form-group-primary input.form-control:focus ~ .floating-label { + color: #4285f4; +} +.form-group-success input.form-control:focus ~ .floating-label { + color: #0f9d58; +} +.form-group-info input.form-control:focus ~ .floating-label { + color: #3498db; +} +.form-group-warning input.form-control:focus ~ .floating-label { + color: #ff5722; +} +.form-group-danger input.form-control:focus ~ .floating-label { + color: #f44336; +} +.form-group-material-red input.form-control:focus ~ .floating-label { + color: #f44336; +} +.form-group-material-pink input.form-control:focus ~ .floating-label { + color: #e91e63; +} +.form-group-material-purple input.form-control:focus ~ .floating-label { + color: #9c27b0; +} +.form-group-material-deeppurple input.form-control:focus ~ .floating-label { + color: #673ab7; +} +.form-group-material-indigo input.form-control:focus ~ .floating-label { + color: #3f51b5; +} +.form-group-material-lightblue input.form-control:focus ~ .floating-label { + color: #03a9f4; +} +.form-group-material-cyan input.form-control:focus ~ .floating-label { + color: #00bcd4; +} +.form-group-material-teal input.form-control:focus ~ .floating-label { + color: #009688; +} +.form-group-material-lightgreen input.form-control:focus ~ .floating-label { + color: #8bc34a; +} +.form-group-material-lime input.form-control:focus ~ .floating-label { + color: #cddc39; +} +.form-group-material-lightyellow input.form-control:focus ~ .floating-label { + color: #ffeb3b; +} +.form-group-material-orange input.form-control:focus ~ .floating-label { + color: #ff9800; +} +.form-group-material-deeporange input.form-control:focus ~ .floating-label { + color: #ff5722; +} +.form-group-material-grey input.form-control:focus ~ .floating-label { + color: #9e9e9e; +} +.form-group-material-bluegrey input.form-control:focus ~ .floating-label { + color: #607d8b; +} +.form-group-material-brown input.form-control:focus ~ .floating-label { + color: #795548; +} +.form-group-material-lightgrey input.form-control:focus ~ .floating-label { + color: #ececec; +} .input-group .form-control-wrapper { margin-right: 5px; margin-left: 5px; @@ -524,14 +1197,21 @@ select.form-control:focus { box-shadow: none; border-color: #757575; } +legend { + border-bottom: 0; +} .container .well, -.container .jumbotron { +.container-fluid .well, +.container .jumbotron, +.container-fluid .jumbotron { background-color: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); border-radius: 2px; } .container .well p, -.container .jumbotron p { +.container-fluid .well p, +.container .jumbotron p, +.container-fluid .jumbotron p { font-weight: 300; } .modal-content { @@ -613,7 +1293,7 @@ select.form-control:focus { } .navbar .navbar-collapse, .navbar .navbar-form { - border-color: #206ff2; + border-color: rgba(0, 0, 0, 0.1); } .navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, @@ -689,47 +1369,78 @@ fieldset[disabled] .navbar .btn-link:focus { .navbar .navbar-form :-ms-input-placeholder { color: #ffffff; } -.navbar-primary { +.navbar, +.navbar-default { background-color: #4285f4; } -.navbar-primary .navbar-collapse, -.navbar-primary .navbar-form { - border-color: #206ff2; +.navbar-primary { + background-color: #4285f4; } .navbar-success { background-color: #0f9d58; } -.navbar-success .navbar-collapse, -.navbar-success .navbar-form { - border-color: #0c7c46; -} .navbar-info { background-color: #3498db; } -.navbar-info .navbar-collapse, -.navbar-info .navbar-form { - border-color: #2386c8; -} .navbar-warning { background-color: #ff5722; } -.navbar-warning .navbar-collapse, -.navbar-warning .navbar-form { - border-color: #fd3d00; -} .navbar-danger { - background-color: #db4437; + background-color: #f44336; } -.navbar-danger .navbar-collapse, -.navbar-danger .navbar-form { - border-color: #ca3124; +.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: #5264ae; -} -.navbar-inverse .navbar-collapse, -.navbar-inverse .navbar-form { - border-color: #465696; + background-color: #3f51b5; } .dropdown-menu { border: 0; @@ -745,41 +1456,93 @@ fieldset[disabled] .navbar .btn-link:focus { .dropdown-menu li a:hover { background-color: transparent; } -.alert, -.alert-success, -.alert-info, -.alert-warning, -.alert-danger { +.alert { border: 0px; border-radius: 0; } .alert a, -.alert-success a, -.alert-info a, -.alert-warning a, -.alert-danger a, -.alert .alert-link, -.alert-success .alert-link, -.alert-info .alert-link, -.alert-warning .alert-link, -.alert-danger .alert-link { +.alert .alert-link { color: #FFFFFF; } +.alert, +.alert-default { + background-color: #ffffff; +} +.alert-primary { + background-color: #4285f4; +} .alert-success { - color: #FFFFFF; background-color: #0f9d58; } .alert-info { - color: #FFFFFF; background-color: #3498db; } .alert-warning { - color: #FFFFFF; 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; - background-color: #db4437; +} +.alert-default a, +.alert-default .alert-link { + color: #000000; } .progress { height: 4px; @@ -791,6 +1554,15 @@ fieldset[disabled] .navbar .btn-link:focus { 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: #3498db; } @@ -798,10 +1570,58 @@ fieldset[disabled] .navbar .btn-link:focus { background-color: #ff5722; } .progress .progress-bar-danger { - background-color: #db4437; + background-color: #f44336; } -.progress .progress-bar-success { - background-color: #0f9d58; +.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; @@ -810,7 +1630,7 @@ fieldset[disabled] .navbar .btn-link:focus { color: #4285f4; } .text-danger { - color: #db4437; + color: #f44336; } .text-success { color: #0f9d58; @@ -824,6 +1644,7 @@ fieldset[disabled] .navbar .btn-link:focus { .nav-tabs > li > a { color: #FFFFFF; border: 0; + margin: 0; } .nav-tabs > li > a:hover { background: transparent; diff --git a/material.js b/material.js index 19fa6eac..57b812d1 100644 --- a/material.js +++ b/material.js @@ -6,10 +6,10 @@ $(function (){ $(withRipple).append("
"); // Add fake-checkbox to material checkboxes - $(".checkbox label input").after(""); + $(".checkbox label input").after(""); // Add fake-radio to material radios - $(".radio label input").after(""); + $(".radio label input").after(""); // Add elements for material inputs $("input.form-control, textarea.form-control, select.form-control").each( function() { @@ -74,7 +74,7 @@ $(function (){ rippleOut($ripple, $rippleWrapper); } }) - .on("mouseup", withRipple, function() { + .on("mouseup mouseleave", withRipple, function() { var $self = $(this), $rippleWrapper = $self.find(".ripple-wrapper"), $ripple = $self.find(".ripple"); @@ -87,23 +87,23 @@ $(function (){ var rippleOut = function($ripple, $rippleWrapper) { $ripple.attr("class", "ripple ripple-on ripple-out"); - $rippleWrapper.fadeOut(200, function() { + $rippleWrapper.fadeOut(800, function() { $rippleWrapper.attr("class", "ripple-wrapper").attr("style", ""); $ripple.attr("class", "ripple").attr("style", ""); }); }; - // Material inputs engine (bubble effect) + // Material inputs engine (ripple effect) $(document).on("click", ".checkbox label, .radio label", function() { - var $bubble = $(this).find(".bubble"), + var $ripple = $(this).find(".ripple"), timestamp = "t" + new Date().getTime(); - $bubble.attr("class", "bubble"); - $bubble.addClass("animate").addClass(timestamp); + $ripple.attr("class", "ripple"); + $ripple.addClass("animate").addClass(timestamp); setTimeout(function() { - if ($bubble.hasClass(timestamp)) { - $bubble.removeClass("animate").removeClass(timestamp); + if ($ripple.hasClass(timestamp)) { + $ripple.removeClass("animate").removeClass(timestamp); } - }, 200); + }, 800); }); $(document).on("change", ".form-control", function() { diff --git a/material.less b/material.less index d0404c4a..9cc26ac1 100644 --- a/material.less +++ b/material.less @@ -5,11 +5,18 @@ @import url(http://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 "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 { @@ -31,8 +38,11 @@ body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { // Text inputs @import "inputs.less"; +legend { + border-bottom: 0; +} -.container { +.container, .container-fluid { .well, .jumbotron { background-color: #fff; .shadow-z-2(); diff --git a/mixins.less b/mixins.less new file mode 100644 index 00000000..73ccffd0 --- /dev/null +++ b/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/navbar.less b/navbar.less index 99c011e6..5ba81191 100644 --- a/navbar.less +++ b/navbar.less @@ -65,7 +65,7 @@ .navbar-collapse, .navbar-form { - border-color: darken(@navbar-default-bg, 7%); + border-color: rgba(0,0,0,0.1); } // Dropdowns @@ -154,27 +154,9 @@ ::-moz-placeholder { color: @navbar-border; }; :-ms-input-placeholder { color: @navbar-border; }; } -} -.navbar { - &-primary { - background-color: @navbar-default-bg; - .navbar-collapse, .navbar-form { border-color: darken(@navbar-default-bg, 7%); } - } - &-success { - background-color: @navbar-success-bg; - .navbar-collapse, .navbar-form { border-color: darken(@navbar-success-bg, 7%); } - } - &-info { background-color: @navbar-info-bg; - .navbar-collapse, .navbar-form { border-color: darken(@navbar-info-bg, 7%); } - } - &-warning { background-color: @navbar-warning-bg; - .navbar-collapse, .navbar-form { border-color: darken(@navbar-warning-bg, 7%); } - } - &-danger { background-color: @navbar-danger-bg; - .navbar-collapse, .navbar-form { border-color: darken(@navbar-danger-bg, 7%); } - } - &-inverse { background-color: @navbar-inverse-bg; - .navbar-collapse, .navbar-form { border-color: darken(@navbar-inverse-bg, 7%); } + .variations(~"", background-color, @primary); + &-inverse { + background-color: @indigo; } } diff --git a/progress.less b/progress.less index f6a87c12..d2f9e1c2 100644 --- a/progress.less +++ b/progress.less @@ -7,17 +7,6 @@ background: #c8c8c8; .progress-bar { box-shadow: none; - &, &-info { - background-color: @progress-info; - } - &-warning { - background-color: @progress-warning; - } - &-danger { - background-color: @progress-danger; - } - &-success { - background-color: @progress-success; - } + .variations(~"", background-color, @primary); } } diff --git a/radios.less b/radios.less index a0fbaab1..bc8344ef 100644 --- a/radios.less +++ b/radios.less @@ -15,8 +15,8 @@ top: 2px; transition-duration: 0.2s; } - .bubble { - background: @input-unchecked; + .ripple { + background-color: @lightbg-text; left: 0; top: -8px; height: 34px; @@ -25,13 +25,15 @@ transform: scale(0); transition: transform .1s, opacity 0.2s 0.4s; z-index: 1; + opacity: 0.2; + margin: 0; &.animate { transform: scale(1); opacity: 0; } } .circle { - border: 2px solid #5A5F5A; + border: 2px solid @lightbg-text; height: 15px; width: 15px; border-radius: 100%; @@ -44,21 +46,23 @@ transform: scale(0); } } - &.radio { - &-default .check { background-color: @radio-default; } - &-primary .check { background-color: @radio-primary; } - &-success .check { background-color: @radio-success; } - &-info { background-color: @radio-info; } - &-warning .check { background-color: @radio-warning; } - &-danger .check { background-color: @radio-danger; } + .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(1); + transform: scale(0.55); } - input[type=radio]:checked ~ .circle { - transform: scale(1); - border: 1px; + input[type=radio][disabled] ~ .circle { + border-color: @lightbg-text; + } + input[type=radio][disabled] ~ .check { + background-color: @lightbg-text; } } diff --git a/ripple.less b/ripple.less index 623afb8f..77a9a909 100644 --- a/ripple.less +++ b/ripple.less @@ -34,7 +34,7 @@ opacity: 1; } .ripple.ripple-out { - -webkit-transition: opacity 0.2s linear 0s !important; - transition: opacity 0.2s linear 0s !important; + -webkit-transition: opacity 1s linear 0s !important; + transition: opacity 0.8s linear 0s !important; opacity: 0; } diff --git a/screenshots/palette.jpg b/screenshots/palette.jpg new file mode 100644 index 0000000000000000000000000000000000000000..9b5c01f3b10ff7937746e2608d67a49d86e457f2 GIT binary patch literal 28270 zcmeIa2UJr{yDz>G6%`aw5UEj$CD5|x(fb5297TN^vc7r!+{#MXta8Cv94WeTxuh0ST zRnr7JL<2sf1Md~U1+hC2b9gt z%pI*v?ICE(BkGNef)Qj6Nsl)Fbzc}3x^Yi^{1^mm_D2max}KOFdn1HU*RdQ3!I=Gbu=(PIZhL}WxnWsZqM|LQXcGJve0TaZ0;9b5+> zWyl;d1D7NC)D(O|seRCLSvou4kP#NPa}qK(vo|ppGPSoAb~U~sEFyGF7?MM~-Y_<` zF?T*-Vs2q&C(k!ifag14WhT$3C!u~!{f45srPUdCM{_Or^V+8FHm1^Md}xK8JLFtt zTy1aInmZdGaJ9W|=Op7Q&$ZFJ47jI!EX<`K=V*3K=HhAPA1%N;`JZ!fad8oH5fid^ zv=A1NmX;PiCMql{DhOH#I=R_78@meHIdT8!;Iz4usiV~mXDfTV1C$PpP3&(v%X8hl zX=NsJ&G?#xiJ6&%poy`VnV^V>nX#a;nV5*6nV6WFl!VA}(Q6_mTt9|4GyQAy8#f)V zZ;WkbDr|n;+}7OA*$Hq%M3_tX`=tL*jR{!v*P#EB{eVW$Mn=)m+}PRtG`JKfVir7h zTu}6w_D|6ZNl8n|3IDB~oG^tMzfJW2?9Bg{xTPRxW-4P!nY+E?_u;k79sc*Eecejo zZ>jZnLc!sZ{kCu4E+_o^;Qx^u8=nB}1JC`XtKi84{}=xL8RXw$@;~hQhh6^` z2mYvvteXZ8S97 zb}-O_9AgI){cbvj{Y<+)&s&~!u+Cq`~v)x zPN-P0ZnUoF9 zAAeMvs5fufO0#YI4qDJ4XE(Hoikf=UX6h|lHiNB9DlhOow3%Vco`WJMx9-(6rr~m6 z6ulGravS%l%#TbL8)tdMOdNf-@7Tw@pM{n85Z~b={NfUlQpcrb6i+KDtDI3))6&+_ z)w`r`U}|Q5&BD^k+R6FmEf-fe_q+Fe{rvAg2nc)pFTbR;th}P~Q`P6D=9bpB_Kq)|{R4wT!y}_(;}di93yVw3D+J;yg)S=#{~5FIrY5FRxHgoc*!%!Eu&fo1d}mCJGr z8Jcgu)>8m~kzVUdaKg;K3rB7%lA%pxXl)1PVc)_wGW4!*?R;J;yxnb8+@;U*Jw~*3 zTFNVYMIbx(bCccInBtgnFG>3CcU>=Or{%cJ^eoF+FU@iGYL6Ec$>D3p(fzi<>ySUP zg$yk-!X=%URVsQCEgAYIuxs+;rry(vZZabS`>AWKhF`@Rvsbvp5bC)DlF87vz?%HC zm5!|PCnIDTD?@!8HRMPsmAQ&W0<_Omjf5+VaK!!jg!1g>1PzK!!>lRLNDNeR+P_k!C=>t43DKv=|--~vg*fsYTX>zZP-P{iefuDR0HqX zk|8n3{i<_{t6Yw(BN-aUv|qRsXgW!BmJ$AAn3GZ!622v5s6>IDg$#w%BPDr8rYB^M z?r3M`pFb-tPe0$XE9gk9E~@o$J+|O1gjP4a?A6pvMyKnPapI@(z%LN*|H&=psY+zLBAR zXW@0)QZhu1UNb_?<})L{{eWxO^^Etev&)gTs0%XH9P+v%MYc|dLm%!8;v~^+;giib zWvM;yd2r8oy=%B$c<6TXlZUXzqZLe$?DO297t@RK^a#HfQ147z|0smkhmh zg}+*mA)9!F`4kyyC`8YSk)fP+3G|&XmMLSTnct2#SmbD1IoFLr**LE<)!>*^ZcHPy zQY54PYg7JAk?yVto^$Mud2*aD?$++ox_mG5c_7#D5leiDyEvM8-=(``=<1!=J{zD& zN664@PCIhj6sRqJZO4Kvny{o%No+Sj=pLDVF5F{6=zKpvtE0$IjHu^6Dk^K{gwZ-n z>$`mHsZ#1$ys4V&H(Mpw>RHT?J&SoGR zd5G2M>%_mU;qUqkHQ5s#PkeKTUDDEQ_?nZG|LilNN8(8do3Eu@(W{|NiG17#f-5`I zjo(~!7p`d>$Q(Dquk*Ff%hVGLCV|3=0M=tD3j6!)BL(1ZB&m5sm{fz#&cxIbgy-ei zkbU`piFEK+Ju+l`A-8-ETqW~ zb>k{Kw|Q*2)`L&QT9p_^tmYIK%qWZCZM@oK`v``#U3%c-5DS(e3@QVsriD3 zs{N>i)XvSPdaDuyb9A0}Z2g?n8y|?ZwwkpMx3`>E^;Z9!EUJ_^?Z;)9!FptV>!%XWa-rG+n$E6Squ++v(E2cTY2HE=u)_!*+lrnQ0PKkWL(Ya1gmaSVPS)X$hDuDio!ntF7e55Q?53*3-SHH@O*Wn*58pHI}h^8D-0-`}73=iLv^ z{KJW#I`S_$!8mc4y4G75uHisen-12g~~c!CraD zlLrG)geilb%?DYT{HLRDvqW*nCVEhRvtbRGUM&(HMnY?+_`16}g<82|czl%ZoSu;j zJ$;F%X6n5^3(?;`aa3oteLB%5y|Ey-*@s4=&;dL}53j|) z?&t|U8WxX^^ramJD3k2B_p?)vCYYKWGT-d^ z`BGBd`CE4)>sxcGa$IeVJzND}WYcj4a1hvnHICMJxPR3(XT;rj>K>;17|A8op8XNv zPZu9;;chut7-X!^6{-KuSJtp9=(DmL>Tt%bdPH7p4!J4e)yB#2j1w!mCNM9VD6K4` zP~khB<>VnzShq)7Fl#vbYT%yXg(~^ZgcgZ$+|;oDw|DPK+)ig@Z#((a@5Xu6B|d8E zLvNGP*Q3RoO*L%fZ}uT<^E(d5WsB}mM_&k6YaJ-g)pk4Z*fH()Q@*~<7h9#s(4{^t zj6hjXigxF;cgP3Li)DI&?;J4C-^uBDY{?BxRNNYUXUEGNp|q&yXOEeb4NXz=#BSYs z_;Gn>^ut}}Oe_k|)HeH`5X)D#6EOMuyVS zRr~9F`9mTd3doQ@8IrWYKe)L)Ew*>Oyvj9_Tf96{J@9i!od?sP!s}?{a0|;p+F|Ze zo{QTVIm#-cwmQ0fl3Q()V7k(o2#>?1kCzNkpMz3E7_W4z%Y`t#7khAbi|&U79i7bj ztMRC|SVXWmviG>~!FTz-SLZo+b=SYr9LS{G)jzQj$3oV?q9%K?Hg(z&yK>wU2*k5Z zc6|UNT(yN!^UBK#MolG%NqJ@c1{u1A(_!mdDqZiKUFchpnh5q(nf<(|spPqR6f`|S zxmcgUa}(H*h2#{r?^f8-y7FFQ#ohbiyiELCz@B{NjsDchP@7as>*v>GXp(KhX83p% zL3|xE;MyAQ4-Z*3;V0)&>vVd> zdUpseh;onsf(J{yhH{T#uR|InX?N_-vc8JMF+gElfIyeRInX2Y-~C$nZB1R+S;Y6d zwDLZ~-Tez7%3PXRdEklX0ep1#-><2}2>lRBk+wbDPQPMPS`T;krAW`AN(CB~m}dE+ zDIBL<*7{_qGQ}HR_d4l185(Rwqeiv#di&8mu$@VlSV z*DqMqn&NwT=Shz=m6#^jjVVg|T{6~7n!w-;(LFeNdC=55X|xQc!znT9eTcn5kt4XM zlEJE&Gnqh!WFlW?fx>|{364?6c-$jHE{S7!?iASrfb*}uciOjZ>ZNX&Vvl4Nzb@8# zfWNEJil~gsQ6Wp0NdgOd09Ws$jefc$VKAGau%D`6<@%?|xT5|vsV3m4OT&|AyVXh7 z-XRO1lcKC4Ag2v!Z~AZiN-y!JQ)~JyowHtxPF$};p=+@c!DPrayn6m5V1AOrhTi@V zO={~8S63*vvR=Cyk7Xc<7BOmKHo1NL>3tHgB=^KY(uB3&Uunej-t}H=94R>In@_;u zjL?k^wcw?oB?-r5{A$H&B=P(qWG7mWhpyP99Mi`-T9|SDgrYJJM&Wu z68;u(zIy-7qA;qD$KaLBTnpt%LX7Yjl z8-4~s&1yvPf6r^Z6qRlaW}!1Qmkpm0`xd!gYu2+lQ5rl=!lhW^Xuh~b_jRBb7iP(j zk7v4)mzEM|bq)FrJU$9aU7Lvp0jsYA7Dq&>mM)<)Q|c1(h))aP=L;N6i^EJ{M!+3-P#*JgS#2gm z=izyKq=gt9u<96q2JWE<@PmFS5s4;4Lw)PX8&5I9Kc7KOYOG6>p(^~E)+npM*n~j% z8rvGkxkwCfI%;v03>^aHM2%=mTzpdek8gI9Ap`VyJp$r$C-!(FMnzNQ2Q>$gY`7Uq z0udocj=mH>FK&fdBGMy%0)4$- zVHG>Qm%D6WET!Se^|jo_uFUCdJzuz_Voq;;3wr*FFmfp5&*xgayu&TlJ?n5w7A&O3 zwLT)}q>`&1>8L#u+@M8&*pdny*-H~J@qF;_i<`0wpQh;5;z=@^ZI<`?Bj}qy);Nzdx9YRHyfNqlZ+MjqE1p$Po8fr@*K%!Jrth=0!cCR{Dbyy$X1d z1u)_gg%NKjT`(a;n*ZbxE&6hMRuB`*fYtDBOgQaz!2}*PFOu$)ti*RHb1TZ9Kq_e=D#8Mq%&$tkNW|SKBw6L$dlsFsSX}gV1AOmSJzm z&>SOdrZ)|`r#I&wXB8NkAs8Uye-ePH!2U+SM%OfNLl=XX7GRQ~{ci(P3f1X@8h+9`yir%%6+it`(L(3eUVthRg&&@m93r%AmWjIxqr;Eq-`#7eJeb#OA+|@j!#Yv zcpX&o9Jig*sJLi!IwZ|p{{#28H;eUaPl5W<(v*>*#l3*@u6RP^`=O2p*C~^U3amRu zkUrd^-j{=~S?&}l!}nh$U=bgfC=AqfuL|iX3Ov)G@xw~2@o(nPwWvx`u<%ki4e9M# zI5DP1nmSyuBO!yxN#yNUGV}}sbV;ns61V4X&7>6$xJJC8 z(fTn-4c;^DL02FzF5o%-4_% zeaR^Re0u===`l>Ta2`CblGS(xl=QdHJb=e|L1*0Gt^M9g8GaGW;1dH7yEuHUZA0u! z@mnZVks%%r`Tu+&nS>yf32fRZXgYVTr@y`>zoSzIz=YS%%9B zoO3G=?28+h)6aU>7QhbsE1brPTkG$G(D!Ph-n?sC@?~`YWQ+DdOkW}~wo%C~gv7f# zN+Lt>5aSOH;sLv{GbA4@N!<VpE);unPDPT!{_k&oFY%(YY-M~|HL=$(yB_T`x zv>Ph!FYvd{bba5Yy7A^`)rL7e&URntH!pKNllq>bpxQ^&>^_Ypr3p{5;fRxDC^%#` zeoc82aR=+ZcoIMQry|=d>8~hHG5M~?gKED#JlBXY!j?U7J%;2A`=TZ#>4_AzpiimK zm$LkybO!v3{u`J=MueBHS7U*aTlr|fQUoqBShj}$%;)&e=OMJ3KeA^EuoIr&1K5dg z^Zaf`?zFsR5+1-zLe%35tAB3-ml$Qh^)tvR4PaYK*zYDDvbL9j)JTFqEp`gj;QNKz z(W4;v9OT<@5WJnEBp~M@p6^PbKl^=3u!#ve5*u?_88%?U&-*Jnr} z)^UY;e@sc7;ORA>`uroP3)82oaHL06&SU$%+%#v>ln8p2>0#TUodt012mwchd&A37VWS>+3ehgSCMHpaa zzo${=2bSmlMQ5!Z^$)xS19mq~bjW6Y&wM0A?*_U(zmb&4%ha+0B0q*;;0;K9QTZ$K zYgC{Y0Z%p}|HyKqtO8DKEaks!DW9!4v7itTR}AdLH*pZPN(cW)Ke9=HJ10ZF=PmJF zr@!}CQ_SL8U^qv=j9o6D>68l*s9tY6)YG-FqHXaaV`WMUh8LOAFrs;ZaRc9KcL<<2 zK4J7qv7bSFo*(jM!Y(J{@vA!&S}ALZlP6dib>Ys}K)=WMThoGgPUltC9o}RODvolM zgDBER{1hH(PSbA8e*E&FcSS3cFi zuT=9P?HVtaVhQ`ON-ke;bmW}Fo$xsGrx^*IcWB)bu^5dp`q z4Ar<0uW2011bg{WY;Hq3QS>yHxy@Edk4!XqW*oLZ#e40j=Gr9vNgzkY^uTD2+hDI@ zm2|$qg-2CuSr_a!&7s9qQ~k~ogSg@IrVLN z-r)rwkjw4>6S~fWXR!lT!p3S9o zMl*a84dG9vTiP73xZPQUR(;@zbA;`b!Gvt;y)(9)lL`h(2RA7m{OC1-z43LSvvBx% znAaz@w~tQJY-V*W%xA`5XBMMPM=Y=-9BWxIUHPN(lN003PsUC)Q%|w2+lZd%EuNO9Ru^?8Jdp;&1CgQDytSVnlR@< z!M5IkX*Xl_0#i5rr?&!ysE&W#L-QiV*;>j)c!CTy9WU}#o*r3UlJQ9AR`EJp3SYfb z`#RovVy!1v71gOGXdo6>u0^TvpW z&T~A{{N_V$w8*I4nfmJk30Z}6wS!{gD+&i=Vsw=)d14+O`J{V%VpkK@vcl7 zi%W9;c?qcf*Ayri9ENYQ24*6&miCP^Qkp{rbcKhjN|tW_2UFmf7`a=FU__=cvJbxqD1`JgaHn z#>#KoTJWHdBTly0P`@-HU7SE7(4|Kt8t)YdcGP(qg=5j0x?<1R^zjgZ#}#X3^r?)U z!RPq5liXw04k^~OJQ=y|2S-kXy?Oq2Ld2I(?#`W$i%hk;(Zd22y3I=<{Ef~eE)BUe zDzG-pECrpSekB+!rSa8z|UDKrX(0xOdWzs!PHygigA9&YfP`l`6awenj%l__7 zAJ5O0Wt@?%XgHq1m0>v1`E=@)Zf>M+YkA@E`Tl3u%+Ar#ZMtzhR4@zl-gS_R@yIu3XNP{-D-_9S9$oy z;*U#zpwrktt}8)LKVJR1{szv*{Qc!B_NWop4>yRAtzcb)8x3cUuY6tZ=02;uNJQHB zQDPMLaWh9zWsOrRgXf|rnVqV4RuxC;cFtEGS~hJsaux1{_O8#kSAWrV92q5f&WyRK z3W{-XOvQUfDl6qST3@~W**f}~rl!JGVpnY#V6JYJZTAXpzq}(`d~w(LW9W2DltvTR z+rk1HD=rUaSJpNao`THvFFc&3w@#o-wn}?t>n75onp`%WMT1gJ-^0Ibw-5t8BdC>v|`u6JDi0cZF?|Am9q65 zE!9W;g}FW{iqtu3c%MKUm>QmMa1#{w6I>&`t+bnt%AB0Jn5YawypJX>v0c)I;R;*5^n;22DHf%=X61*M(X+$VY^jg{dABESh!M@@N;$IVwV{ z(a(0*c;+kVLU}SWt3yPnccW;yxr+s=%3qJ#E4F=9KP6?o7IP~({*tPfO@dXZRh7f> zTy}}77^#Z1ny!$i!K#Bf8c78Ev#Pl1>o1kxBDK#h$rZdjtZI7mqKm+8$8Fd5I23f| zg%Hls1sZfC|MwZed5?U*;`OHOYtS+YzgRh8@RhLAB;HNH_T`X3a{irWq5!+U* z7%7v3D#b75EoWNU6?kvG7isiF%kYgQwmM5+so1QWZHMD|kzft)B}J_@nXXRaz6&MI zr+BX^J38h0DO}@b*HRD88hO-~+iUh9dqk@Ga3$wp;`jv(8}}%s8fMz;`z>bzkGcD@ ztd4RnNpQ?q8X#BfNe!`GumMw2qKvrRrwN@W{Z9gSdmYL7d@}PD*yM|ci{VG+Si(zFBz# z^d<>r^>Gj2^rm{ll@biV&V=~&kj%Uit<J8~f3Dym$PPDi4>W7}f0$p)3B}XiX!AnB%>M;d)a9*eE#2xg{kxcQyE>VDi}> zUfqr}uZVPI(-X%GP1&9FoDbgUl*n#(d2CcIXLZC%XKQ!TaW*Dpg*=5NTlIphbAE^T z>1+>ttf1%D$egELk#zzWy10zZ5-<^_O{8^Gm7sWs%S1gaa=Gk+WUC9 zrGCey9)tCa%g3iO+4~Ay9vgRM`+c1r1kP&FPx(uE91|_6)DaB0l@Q!}~k@0?-Gij~_o(UT>FK5v$r!&eJ4r6O>eU zX8-sdLZm}cz7<2~h{;@ZJj*WaHO`(b&Xp{_BLxY>n^wqneYiAic4<{(HFwF$(Mz=H zcr4>P^*(dAHa!=*GgT#n0(SzhA~*GnayM|0pCv%aLK#8bv^O4osTQsH_F?SpY!v~^;}G{mdJ^v@#DQk{eZj$VYjS=}P*da6zNyl0~qF^b+pHa_D(d%qmDZulR|?Yef;lThR}u zY%b&a+FP3DuEP$Tk2COd|{$P%`Gsm4H6sGB{cbZm<=?aZa-cy zR+p=q>vzeXFO~rv%KB9KD5Lr9qqi1r?{ZCl+LS#OQ}d=XrEoTd7(HAQA#^Awyyjix8O;73HYRjLLfHJs#dEoP@~-VVD=lsO0gZ8AE295&y|$}MmX>Xc zJy*w>`eR);nwez{Z*MKlJw6zjoO=1vW&LvAxIOLub%7%2ypa7}(=HaVuAEC}tn+;; zKIN{Q+#mM&&~^5uncmdGw`Y=gZe6`=?I+zSPm`e5kr5BJPEGi&@$);wXAzUvvlZCa zhE`$S)()3Nm>-p}_P<66Z2hE(nscadO}dF8ZmlN3BKoUxk<;cOC%hEp#2=brW_bji zwFvrEmj^NJPM5VBkEY?oBRqY4Y^vfS#KQD-yTx&t$g37xN4q?niC>0oaZ6l{{`D_aZx`O}ecWD0%vu~sYOS7(Iln5N z*Ydg`@5DJP!BVl?D!eDrpOf1jno7ObQCCFd+t+8ttb4Ru(1Sg2FXHz$og``NhlroY zm9p*&g5$>VcDe679)6kTBKA56OlfATWD~FYxb>AAJS>%AUv-w8+L`S_|N5k3E&F4y zmn_c}&$yrju2y|@nlhBn$W8fT5OrDb{CscE+jAm@G6(CgP?amLzjUi#H6)b|p?a}P zaQEbjSH52O5x%zwSgYn$36Y`Jy7`^7ig_&=U-KGk19jcQF2xg@5R$?WTP~__n;!AT zF?W*~xBi{1CFR##%fe1@y~$JLzS@&jq3_R4VDXc2FqEjsO71->;F8o+_hz@rp1RuM z(1r{Rl&^AU(86?|+l{V~g)Y&|9=?@&v`1h1@hZXgrFG2g-g}XaF(D7+L=yC^WZL3i zt3+@Y1aA{Nc&MjTrix`WHsGZE{fvES^6NvP>TEsdtK?$MKAZ8JAw#{!-Sch|SF$Fo zGoB?Tkw9rFqJ16g;dDOjRr0t|mA>yW+B_l+eVC{c7DSj=9eIzwi&|g>=VnlA7Yp)i zNpcdy3;oULoCL#+rI31uKr@RGZWff|SBiYzOZrwrv$MoK{!cC5{AT3)9n62JoEL|6;xO`pC@o=_zbT~X-w@SstIq?$@boN?nQKx zx?GLMg_pZ#a;)239&GMaQxQG2Rg&9cDCoQ!cZPhbN!*?E?la33l60dUDtE(CN9tq) zO=ru`o-x)-!?$2pQi86$B|{hC-WRkK(1}|}1)6vl?t<47ub5tmnF~R#_AU33A*=R? z_B(-yTrnne)lP{FaZSMJ^&i7zKBzO}stxsSA5_>hAEJN)5GK;Rnu_ zIXEvLH{j5Dnfvy^<_F?dV#@PbZy)LSNd;Q4EJ}Q6yfE8fkJI?r*D}wp<$~nM(;Lkd zJz>^eF_8MQ#P%L1bS-#bKw9SoeU=r(q}337axH$&JUBI8_<^{(iPyDO)12nP+*lev zul_P#`ks)@X3O>oZtF~FZ6AMr``o3K2TD9sEzRxwYK$t{=o1-__~gT#lGL$@^}z54 z18M+{D_~eR&!ka_5hX|ABIQ!IB15PKxLpakITp)akoAuBo=g3v^zz(iK3~shM!83$ zgh$w^n+m6!5%ddCa(hUcOinl5a&gyDqTxh*!u>>vMzJ?-IXlJlvfld%p5Jej(PZ0H zDb%)Ux4+%)XtS#p(L3BHIsvaH5-)7YFv$)1R>IuFq8pgWxBmmfGM{vYXn^lspAf;m z{^8-Fkb@&k?0G~T#M|5ZdgmPbGbyPM2V>rc+YjC1>NwAFM|w-)$3QYvFnK9k(@4Dk z+d#ZWS6;b6e5#aW82&0{fhQS*>SNR@Fhzr7hA>6_LfdRs1v_N^p= zBKjfsokdIG9RpT&kmVFBisu3KR^l6NT=m`1=vD1O{Y)v*udl2Pz7)37KbK_c-X=YM zw_#Vz5GPj+MRP_EuKW=#T5tdh;&l zvMT2xzq4U=2lORhl=S<}#co4x);4OfpNqHC&Tby|2&ygi4LYTb)yjXyoyYV1%XyJU zs$8j!N>1|nJA1l2n&81kd>{Ig&P4oQ3xL$tfp&yj-WpvBa8A01UQz%|1^}Qr0sxw6 z`7K!>F*yz3W#)SQGN8D{P}gnga$!9Dq4nd!xCvC&wodu+O=r@Wq&(wUJhv`$J{7l3 zR&=wtwR$VzmZ_g5w$?*aNI(8SOh$6ZlVIt=$g#21)$YjbI4p_DZd8Lyy42oF!tZ4w zhosrU@Uzp;d(lTqCBG)_x@304+aP$kTB}G(#y93cR=&=?%jIIPN6fBO@v1_$jx^Gf zM)HhD4Ik$RkUR@lJ3L?S^N&B9FtPXLg`;1COtWO)-sls5zDUd@>P|80$s4>)6|%Bl zhf9M+G&}m2=!x46$xyomaxJwrND(=uhhF+ZhMuP^Jy?2zYzAhqWdoaK;p#n4D_ecX z>Bt>BL9;s+J2alu9KXKH!!*R8F~g)NFyp+Cx|?^R&JOEWyfiJ7eV3bUvssSPg-%>l zv1Pyd>21pA(+TfATS{l_Tz4He|2Qa zt%=|VTH0@#d~CnSukXwUsI(!{lb^Pf4D9HWB&L)YVCU;`E%MyEa2L%kbZ7i~PRGxt zPY!ciiFkhSIf+ucl}d&Ve1Yjl1Y$BGG21~VbZ$DlZ1uEzLj3DCrJ{T%hXYTl>_URl zq)Yd?d7bMjf7KCAPV@n6xecMF!h49;>XmIui7R70e3$ zWm+n{Gs+krv{wc=hXbp-zo;f*&l zx}A0hxp6`(=x#=@ibU1#(R@Op{p^{1b2(&J_em~m8;?y#pM|)Bt;Lk%9VYU!96cv1({DQK`kj`% zmD%w{(H1($bs?UQXYFx!Y+iB_0Ff7&Bfy4>w5^xIS05uw&?PW=>Ke*ERt+1{1u$DO z3#^MXf$+jskVSx#xaSKi3h6B7hUZBk&5puEW-TH(m`cGr56i!x(48WMpY&hLasRQC z(r!mfC|7X=sKzV(Nk2eYR97%deo^Pc*NtDdcL3PgU3w)VisL>4K-rW%3A?M52*SiN zVXYRpBymHo8!lx4{Wr{?`T+&q5*NU)5&JVBANs8}Ibrkck9TpwHAFhFCHZC%w0@^> zouX=gRqd2C?yPSArcS{^Zj4A7_2MrVZexv~o50V64A~qiEYzE$KTA)dfV(5QDV+$! z%_fqH0R9fWY&~l8+nf0X`;{Xkytq5d_xg_vKTz`BYdXmKu1Ufz7JIw|LZn8fplgyo=#=f0?dlr4ybkk`ruEl|Fwt#)vuf%D;2{j z=O)5=H8Qjtz<-l(Q>6W`68}t)_}hcT|J(#9(%c>UDOGw+0#G^;+!{bU!_=_CrC-_mSDJ>09;0V~~;S|^2<_|_+&Ou!792+Hu@jj3s zkL)Bvw&1{bj9ZZF{`$e{VIu1F5N2K|aRF=xMSz)p_5cy2Z1+Z5z%SO)@)RiVSGV_M$d3yQ z@N#HFngFm)tHh{{{Z~m+OS|B&jH#tviR1Y^3)nO_9s{&q_w1msQY(IKAnJU`Oh5pZ zdU5ang*?Pr8=ST{xJ>m!%eGehQdS)fK17~veSzeA1-B1B$1>T7uma7<{GKKM3ifRj z_%h!hX_6nm9aP*NjKu|v$Zq;!#=B6!mp*!0zkUlIu`asQf*#^^B11-4VkGXOml667 zu!EDvl)(+lotJ9Bc}y={_=JnGLIYswB*#a}Hy2NWG*bjFM#rf9y0tn>2whU%AM&-n z5mD{|aOzv$rzk2zxwKp1AvWQDQn^!3mb^BBq#Spbpl0N$ugDzpcrD7uV=l ziMdP&1lrL+Ir0GUe|NK*sco1EjkOjk6Tl35k>B^rYiyc}|M0%EBG^g*A4jWy!Vei~ zjFO=QiXVEi>_g$>zud5wM z>{Qz#ITxTsgGDLS8^siX;)719`98OknrA(f3MgEqtXBhncCO}qfNDN>%N*h4C z4&sK(`I$U3F)7fD@nuR-PS$J;2sE1NtPb!x;PQmI^(E3l^#3c9o}a^%$sa|}mH>de z>5Vvw?|N8*od@Uy2!P#EWBzzoU5oEdoF_Gond4_PiO9LJBygNZ@!O^!YPK`zFI`QM z(IB}?t&I|Q6kQR72gKUrN#Z~&OspxY!L)H2;sF6{aaE^-V||O@+N-^%0y>38Lgi-$?gwtR1|6dm64?0{4G(b$esOC%tmMw1B{ucfB93c@+w~|Nfr1hf20Mci4*$M z`(|KELS%C1_EX%~qYY2~-Ot8PpLrk_Cr~UJ_ za-)KGrZWsN~^*6e{U&&pLUq;y)vUZAimMGF0C|hQ6L9)tLm0gP)WzB%~sDV4?^! z8DdiTTQAEJ@YD5=>o4yD;8G?C-QmRO@*f8=GTITQdVmN5k3D99=X7)@`>_vSJz;Ee z6bS)|EE#&3QOF@(kvNbS5|1#c05I@h z)W8NWNs}`w;kBHjsQ;?5vzIlcdm3?%XfLJ?xFiX{h^g@N)<8rd1RYLs0NIj4)D?kP z8<$d0fK>LzX+S36^NvISeEvnIHb7keBvWfClG4=GFzlPd;(yUrrOgrs9C19GS=ngh zPvXY{#PsjX)&hv>AIwJSQ|LNbB~&T!TSCy%*0+OX&e3vyRe{NHk9RBmIdDAXa^Ebj zPy?{2o)iI8G$4K4wJbAk4L>cw5rY|U}kN5(Q9BTOp~fGPkPQ?y$fE-9Wv zuT!JvO@tBtcdH|8h_}j&O8vSbXrPb)N)-5c>3jjOD)99Jc;>C}hQXr#94vk^!k$P( z716YaU>7DZ1X_?HMp3-IGv?2RiF_b3?%le19Q)lWHRY~wd_?BF#x#U0E)xKf^#g{u zUtCWK{K^hJ04oEwgbseU`Fk_~tPBMHX%48b&d7It0@2mN6dtX?&oUz_vPxjI+W;7S z2T$ZgBm5zR6BJMCX?ME# zEm;bFG0*8dJIZOoS=yTpU!A}#Oo6t{B%4p^KIJk&DUNH;CoVQ^7gGpmKt2M*Ggzu} z2@@LE?*hbgE^-<(msT7f00_Cbh9$BZu`KHPFYf}ntllpUq$G3gds)DLaczAG+U!xQZs zGi@E*w@Dmv7-Tc_bMb33lZYEUSW2?NuAzTfl+5}o*|>Bjo4>xcMCw3d8H*vzf-%rp zb3e`K!1AN%fb4(Wr6p2d0VWH76(-&7RLqxK`8|VnW{zcSGcS%k^KBl-EsB+p-n?#& zBAmWiPn-uvlnmUPHZYz+^k~b5@iZ$k`)gtfG43Lk>9{|dX#!ge&I7!{5Sh?~l;7sY zRh$d_H8ymu@u89}T*3`R9*!tcME++7>sSzau-|z^(*_7!m`A&d*hJt?0{v2<=$9}l z0O*%7T!NpI`ss>_?Xt6WyzK04agCYHH)!S}+Wm(sf&n7>mn$Nv|MGh{jftEM zHTt%S&?DZJ;Fp6iBTmkGs=$8(9Dd&-9f(u+@qmzi3?T}+^TQFTwAuilwHDz8(*W?h zDfsar;RWgZzsgmhD((B*mOZ)I*3tOyLWO7*nVKhAu4u2*TyafDY_ z7M+c+!716nC2Rob3``*e*i1aKyT^lKB;qhh$Ll%K*#AFk02w!4#?Jap_HEc){0~1U zMS)tQNI?{zc7nYEc!nS4FWd?Itjc|h%&_Cx>opx87UDT7*K~pa*`oj0Acm_yeCoIBVzt+=6{`nfe6VS_RZ<{a@aR;9O1X@ zOJ_!b)%D$_QOX>%d#RN(9vC58v<-`eHsBF!q00Ys(` z(9+Z($D|}KsM%CGAlDP{_bem+nbF-?j=GTFvfd2t{_uM@>*-+-Yp?5jVe97$@xAfW zU3m1(V3~j!?`o+PfZWhtd{C;BDA~A^N$SfrWOU;2+R?u5btV1KzkL8H{@9JeZ!`no ZX a { color: #FFFFFF; border: 0; + margin: 0; &:hover { background: transparent; border: 0; diff --git a/variables.less b/variables.less index 3cca9a4e..d438e676 100644 --- a/variables.less +++ b/variables.less @@ -1,65 +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: #3498DB; +@warning: @deeporange; +@danger: @red; + +// Typography elements for Material +@darkbg-text: #FFFFFF; +@lightbg-text: #4D4D4D; +@icon-color: rgba(0,0,0,0.5); + + +// Bootstrap variables @btn-default: transparent; -@btn-default-text: #000000; +@btn-default-text: @lightbg-text; -@btn-primary: #4285F4; -@btn-primary-text: #FFFFFF; +@btn-primary: @primary; +@btn-primary-text: @darkbg-text; -@btn-success: #0F9D58; -@btn-success-text: #FFFFFF; +@btn-success: @success; +@btn-success-text: @darkbg-text; -@btn-info: #3498DB; -@btn-info-text: #FFFFFF; +@btn-info: @info; +@btn-info-text: @darkbg-text; -@btn-warning: #FF5722; -@btn-warning-text: #FFFFFF; +@btn-warning: @warning; +@btn-warning-text: @darkbg-text; -@btn-danger: #DB4437; -@btn-danger-text: #FFFFFF; +@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: #5A5F5A; -@radio-primary: @btn-primary; -@radio-success: @btn-success; -@radio-info: @btn-info; -@radio-warning: @btn-warning; -@radio-danger: @btn-danger; +@radio-default: @lightbg-text; +@radio-primary: @primary; +@radio-success: @success; +@radio-info: @info; +@radio-warning: @warning; +@radio-danger: @danger; -@input-danger: @btn-danger; +@input-danger: @danger; @input-default: #5264AE; -@input-warning: @btn-warning; -@input-success: @btn-success; -@input-info: @btn-info; +@input-warning: @warning; +@input-success: @success; +@input-info: @info; -@navbar-danger-bg: @btn-danger; +@navbar-danger-bg: @danger; @navbar-inverse-bg: #5264AE; -@navbar-warning-bg: @btn-warning; -@navbar-success-bg: @btn-success; -@navbar-info-bg: @btn-info; -@navbar-default-bg: @btn-primary; -@navbar-color: #FFFFFF; -@navbar-link-color: #FFFFFF; -@navbar-link-hover-color: #FFFFFF; +@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: #FFFFFF; +@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: #FFFFFF; -@navbar-toggle-border-color: #FFFFFF; +@navbar-brand-color: @darkbg-text; +@navbar-toggle-border-color: @darkbg-text; @navbar-toggle-hover-bg: transparent; -@navbar-toggle-icon-bar-bg: #FFFFFF; -@navbar-border: #FFFFFF; +@navbar-toggle-icon-bar-bg: @darkbg-text; +@navbar-border: @darkbg-text; -@alert-success: @btn-success; -@alert-info: @btn-info; -@alert-warning: @btn-warning; -@alert-danger: @btn-danger; +@alert-success: @success; +@alert-info: @info; +@alert-warning: @warning; +@alert-danger: @danger; + +@progress-success: @success; +@progress-info: @info; +@progress-warning: @warning; +@progress-danger: @danger; -@progress-success: @btn-success; -@progress-info: @btn-info; -@progress-warning: @btn-warning; -@progress-danger: @btn-danger; From da33a59773a25aa93b190ba58e19f60cd4185760 Mon Sep 17 00:00:00 2001 From: Federico Zivolo Date: Wed, 20 Aug 2014 13:01:56 +0200 Subject: [PATCH 011/116] Fixed default color of inputs. --- inputs.less | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/inputs.less b/inputs.less index ac736522..2bd96421 100644 --- a/inputs.less +++ b/inputs.less @@ -136,10 +136,10 @@ color: @input-info; } } - .variations(~" .material-input:before", background-color, @lightbg-text); - .variations(~" input.form-control:focus ~ .material-input:after", background-color, @lightbg-text); + .variations(~" .material-input:before", background-color, @indigo); + .variations(~" input.form-control:focus ~ .material-input:after", background-color, @indigo); .variations(~" .control-label", color, @lightbg-text); - .variations(~" input.form-control:focus ~ .floating-label", color, @lightbg-text); + .variations(~" input.form-control:focus ~ .floating-label", color, @indigo); } From f1687305a9219d217d23f1a568a8eef3c17223fd Mon Sep 17 00:00:00 2001 From: Federico Zivolo Date: Wed, 20 Aug 2014 13:39:32 +0200 Subject: [PATCH 012/116] Removed useless double things around... --- shadows.less | 30 ++++++------------------------ 1 file changed, 6 insertions(+), 24 deletions(-) diff --git a/shadows.less b/shadows.less index 1a724193..5506d290 100644 --- a/shadows.less +++ b/shadows.less @@ -1,49 +1,31 @@ // main: material.less -.shadow-z-1() { +.shadow-z-1 { box-shadow: 0 1px 3px rgba(0,0,0, .12), 0 1px 2px rgba(0,0,0, .24) ; } -.shadow-z-1 { - .shadow-z-1(); -} -.shadow-z-2() { +.shadow-z-2 { box-shadow: 0 3px 6px rgba(0,0,0, .16), 0 3px 6px rgba(0,0,0, .23) ; } -.shadow-z-2 { - .shadow-z-2(); -} -.shadow-z-2-hover() { +.shadow-z-2-hover { box-shadow: 0 3px 6px rgba(0,0,0, .20), 0 3px 6px rgba(0,0,0, .28) ; } -.shadow-z-2-hover { - .shadow-z-2-hover(); -} -.shadow-z-3() { +.shadow-z-3 { box-shadow: 0 10px 20px rgba(0,0,0, .19), 0 6px 6px rgba(0,0,0, .23) ; } -.shadow-z-3 { - .shadow-z-3(); -} -.shadow-z-4() { +.shadow-z-4 { box-shadow: 0 14px 28px rgba(0,0,0, .25), 0 10px 10px rgba(0,0,0, .22) ; } -.shadow-z-4 { - .shadow-z-4(); -} -.shadow-z-5() { +.shadow-z-5 { box-shadow: 0 19px 38px rgba(0,0,0, .30), 0 15px 12px rgba(0,0,0, .22) ; } -.shadow-z-5 { - .shadow-z-5(); -} From 89058f385b13badc6c14b79bef4cdad23a03efc6 Mon Sep 17 00:00:00 2001 From: Federico Zivolo Date: Wed, 20 Aug 2014 13:39:51 +0200 Subject: [PATCH 013/116] Set info color to lightblue. --- variables.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/variables.less b/variables.less index d438e676..a5ae39df 100644 --- a/variables.less +++ b/variables.less @@ -24,7 +24,7 @@ // Bootstrap shades @primary: #4285F4; @success: #0F9D58; -@info: #3498DB; +@info: @lightblue; @warning: @deeporange; @danger: @red; From 05618213908545ef46f60a8c9ad7984fa99c4667 Mon Sep 17 00:00:00 2001 From: Federico Zivolo Date: Wed, 20 Aug 2014 14:57:38 +0200 Subject: [PATCH 014/116] Added support for Toastr. --- README.md | 9 ++++++ popups.less | 49 +++++++++++++++++++++++++++++++++ screenshots/toastr-preview.jpg | Bin 0 -> 11427 bytes 3 files changed, 58 insertions(+) create mode 100644 popups.less create mode 100644 screenshots/toastr-preview.jpg diff --git a/README.md b/README.md index bf8be498..1a3d410a 100644 --- a/README.md +++ b/README.md @@ -61,7 +61,16 @@ Remember to use the proper HTML markup to get radio and checkboxes styled correc Option one is this + +# Plugins +Material Design for Bootstrap comes with styling support for various Bootstrap plugins, at the moment only one plugin is supported but others will come: + +### Toastr + +Create snackbars and toasts with Toastr plugin, the default toast style is the squared one (snackbar style), if you like to use the rounded style (toast style) please add the `rounded` class to the `positionClass` option of Toastr. + +![toastr](screenshots/toastr-preview.jpg) # Compatibility diff --git a/popups.less b/popups.less new file mode 100644 index 00000000..943d3afe --- /dev/null +++ b/popups.less @@ -0,0 +1,49 @@ +// 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; + } +} + +// Support for toastr plugin (in material they are snackbars) +// http://codeseven.github.io/toastr/ + +#toast-container > div { + background-color: #323232; + .shadow-z-1; + border-radius: 2px; + opacity: 1; + color: @darkbg-text; +} +.toast-close-button:hover, .toast-close-button:focus { + color: @darkbg-text; + opacity: 1; +} +#toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div { + width: 100%; + border-radius: 0; +} +#toast-container.rounded > div { + border-radius: 200px; +} diff --git a/screenshots/toastr-preview.jpg b/screenshots/toastr-preview.jpg new file mode 100644 index 0000000000000000000000000000000000000000..366b8173f290b0d68567b52405fb9db8809cd165 GIT binary patch literal 11427 zcmeI1cT`i$x5p=h5PI>_r58aELO@VDh=7WK6_9EO0U{-ILNkgAR)ly33yKX?6u3$k z5S5OiAkup*-d%64w{9kDl704>%%1OO_Bz=s19d{ZKyaJY zRx5x&Ai#e31)x5`MN2Z#8vt8dpauZo1ndYyzy@1_@Wr-7B4CGY1Z+E}Us?GCa`3I! zBT@hj`*`7N6SxDZ5%`UB#bPxU0Tuxk0Tuxk0TzLOA^~S&1j(NyXGQQLgb?v008q)u zuN8$bTshoHX8&QAQ&Ya$NG*K;sMMeK&+39ReT5*ay7(vN5lb_R0E+;N0E+;Nz)u3& zTG;glS{n_twd7z!SITy$w4^0A0bT6li))PG*+1`t5lIAdKs%Y>e_1A z23Zh%iCdyW2)m>0_TZ!a@cLdVrY3ycMq~qWKu`c73@1kp@DB_%AR8-uo!tPoSKJr{ z6Qd9>Z-ZT%t-gE8Cn-G4SRp)|=w;xI^VaqB^3v7t#OZixV6k2}4V;$_R>Mn2 z$7_QwcB8g8)>GkocrW~q=t1Ej{$FEz;V}e%LI5E!EEJ}J#VBCDE&A_@2_yOu^xxu# zHNs;IEJ6slFv4cIo2+cJhSo+6ZLK|jZoQ_KzK#**FXN0bD=_|Lp?~kn|07x^MqYRW z{L0!%A>YF9CItWQcH5t5@|V*3n^4&Q&444o>Bq&zWrX?H;QyV*R}Y+h@b`Y?D*R2k z|AWQ~@=K6exLCM;iNG%nW@Q%(*Dn$HrNON1`hSM&XT3`Zgp1rrxSEB!fdxRLP#h?B zGzW@<6OHEN7UF?x3~mttL0%zo5lIPg5pl8AGAi<`rIn?{#1%9ZlvUTNuTz(l!{}ht zv{ls9)mA1!pgB3YxwwUSc!brY#HG}Jxj|2W5GOE2m?9AhfK3R26hc7NKo&lmM8T(- zD+ik28-fkVj^aRba&hy(0}2HJ8v==BV@IM;?C?=0A`ZR}*o9E5*{UTsBd7g+0x2-%hqkX_w03W zblT^P_ab=v_!19Kgk>bc*~r>0%Fc zR9sT}=vh^DO>JF$L*wh#H*M`5on5rP{(->{ABR2-k4(?Z&dq;bpnq9h(S-oWZ?b+U z`-?6iSQi^RJCYr}q6@(m33sFrJ4znQvC4cW8W;SVg7#rf;Y}&mA3Wt!)Y&y9;u+Gy zEvmG>PkDMp+E-=&nXvf(k+L7ce(ItDUL*qEJfsjX1&f>0c`x;Sq&M^$M!lEN{eW35 z5|Em&RX-=sX}Z(x$}2|nb7miN?^GLz^MC-)y(hABG7xCchXDPgXgj}I{hz$ks%Y`=*YS$(e2{$ISX&(VQoy9G(4A*V4+3=^$0=`%nIVo9 zJJ=mPriU?0iC-M6_AY32Frsa~=d=ioVNCbAOaJ_Ft9*+8T&L8!4!hDJ3EI8415*-< zJ}2|?nBq>|!w}#tP%79V>azJtJyRvP^aR7slpD;Bp6yzy>fi|`-l8WBEm?IrHf@b9 zWfPTfYrH1%s^fMJ`PE4y%w4*L>p7ctPcH34jrAc^`A>~8Ndg}{9ELaC?-4XI-~YMj z#D}MT8))*!?^6@rgXF;pni!aFFTv2XYr7cgnH~?%7Fx#)-osN*pRPXWTY#9Y5OyT? zdGHOt*J;k!{)f{T!_rUncN?Yqt47`?%gUv*U3~XMLZ*V)$**~Ge4^aAZ+Tms!;)QT z+y=82s(M736RqE+>q4@Wd=N*!_&fj`KVEBNAeYl_jyR`B-+0^YVofy8U#EPqRit+O ze#pU1dg)0ANCe8L+vDlZfls+Jvwdx;7ZzJbqQ_EPhziXGDNd8b?V}~&@%~x?=_sis z2Z2O}At`&9cJ=n15kA~);yu}mNk=GQr#aiHk|J<2cJx7d*ukrT6_>%RL`Bh4l= zKR^P@b@4I$EI`W~ebYlxXUa}JDSYT=Cwg)|XLpr5f8kX4a6xgpTh$Hc_dHp}o@1{c zF{&jRPtVC=8oBfX&o`27ELy@%x#*V`TvKiE`%|0vUIbs1)P5~!X4@!U1O|J3)-M(= zN1(DR=UbS!`!T9c7Zp}uY;BEsdUx02R)y~hSN?XdZ}osmKM{|+g}nL z$|z4Ep!n)eo(1J-TE1=88Izc{q?z$?k0l%1n5~Lx#}4K zD&V<|-=MYuo*t=Zj+UFAK!si9pOQJHS$wUk-_87L+^(*Pf!0(GTFZFA97i>497QiJU-#YlLcPYd=~+qG?6;-!7-`taiUib||Xc=$4rQa`Ag+p%d%^I~q# zYCnyLiOKMu6sc56qkOgNwaUp4Y>!;cz=|7}-n~T+5Z0nuYCf#n@%W8O>v+IG{@c^j zHXl-b-s|OAT)DNh!*q0UDQVToxlz-^OM02tJZPUBhjzE!Y{Na=_u=q0!NH<_VMC7H z@gY_RcR$IViIuOo*emJ3Q06}8+(=8h@Hxhu{mb3bq`7Aq7OhD{H;Q`%1lG%T3^BLQ zUQ#b?k2UTawNDt>(~{@)CXiBO(%7MG)+}PbHtF5vPQfj_tMfJvWCrhfqI%;b__Hqv zbQLpA7#7SAm9x}}k#e!m0T4J_DF}g55@Rqg`Wk0$<-lu?1%a8ognJV%dGxuo zqh3+bSbOw|_??4nrtR#e>OSY|2DX>ePu=zyJ+ddwysWS!N!&BRMcS<|6)XPKt(#M= zN=oRe$%5{a7HbzqHFaB^Ed;pI&rU1Hy6IBI#5@OSH^F~ z<8}Grl;7nH*|N`cEoCMdbjVtQ09SJ2xD40BDF}2$ET>M`WE4bQd{<%CT`Yx{4t3){ zF}>=QUB;G*Hw8$_ong`1_V<0H*i7tfafrV@f%l12Quz^AWnqfPu}XR8o{kq|xao>> z#KpZipU)bar1>^mg!|noEU&M5PO{=Q>+OwSJ)+irZ(2q`FfO;-t>sop>qjynVdG?k z?QgZ0H>}TG9YyG+R&ICXvP3%jNAqV)Yu4Ep78V_;nsw=RdRNg@SeScPDYz)e?1IP| zSCN+?#@Hmaq`T9r{GR7%f2@7tY~_6mi_O_0X1llsCrsw+TXs=hC@vJL!00Rl^ujxs>dh0ehN6jtzV1_o zm~q+S?N&ErtiMP^aA0v}?E8D?hLk>*DxRtHmGe1dM^w#1SPJj>v!hE6HdRh9^vf=2 zKp_46J!TPghB4bGz#9Fd^e>Vei-q<_gQ)?=*RziOq g-do?BQmJUtC3_{N!V+~~uW_@`QFN}FGl07O3wFgwmjD0& literal 0 HcmV?d00001 From 724dacbcf570a51bd4950d6d558d2347dfafc0f5 Mon Sep 17 00:00:00 2001 From: Federico Zivolo Date: Wed, 20 Aug 2014 17:00:55 +0200 Subject: [PATCH 015/116] First version of snackbarjs. --- material.css => css-compiled/material.css | 101 +- index.html => demo/index.html | 21 +- README.md => less/README.md | 0 alerts.less => less/alerts.less | 0 animations.less => less/animations.less | 0 buttons.less => less/buttons.less | 0 checkboxes.less => less/checkboxes.less | 0 inputs.less => less/inputs.less | 0 less/material.css | 1728 +++++++++++++++++++++ material.less => less/material.less | 4 +- mixins.less => less/mixins.less | 0 navbar.less => less/navbar.less | 0 popups.less => less/popups.less | 41 +- progress.less => less/progress.less | 0 radios.less => less/radios.less | 0 ripple.less => less/ripple.less | 0 shadows.less => less/shadows.less | 0 tabs.less => less/tabs.less | 0 variables.less => less/variables.less | 0 scripts/material-snackbar.js | 129 ++ material.js => scripts/material.js | 0 21 files changed, 1988 insertions(+), 36 deletions(-) rename material.css => css-compiled/material.css (95%) rename index.html => demo/index.html (98%) rename README.md => less/README.md (100%) rename alerts.less => less/alerts.less (100%) rename animations.less => less/animations.less (100%) rename buttons.less => less/buttons.less (100%) rename checkboxes.less => less/checkboxes.less (100%) rename inputs.less => less/inputs.less (100%) create mode 100644 less/material.css rename material.less => less/material.less (97%) rename mixins.less => less/mixins.less (100%) rename navbar.less => less/navbar.less (100%) rename popups.less => less/popups.less (58%) rename progress.less => less/progress.less (100%) rename radios.less => less/radios.less (100%) rename ripple.less => less/ripple.less (100%) rename shadows.less => less/shadows.less (100%) rename tabs.less => less/tabs.less (100%) rename variables.less => less/variables.less (100%) create mode 100644 scripts/material-snackbar.js rename material.js => scripts/material.js (100%) diff --git a/material.css b/css-compiled/material.css similarity index 95% rename from material.css rename to css-compiled/material.css index 99dad051..59685fbf 100644 --- a/material.css +++ b/css-compiled/material.css @@ -118,7 +118,7 @@ h6, background-color: #0f9d58; } .btn-info:not(.btn-link) { - background-color: #3498db; + background-color: #03a9f4; } .btn-warning:not(.btn-link) { background-color: #ff5722; @@ -209,7 +209,7 @@ h6, background-color: #0f9d58; } .open > .dropdown-toggle.btn-info { - background-color: #3498db; + background-color: #03a9f4; } .open > .dropdown-toggle.btn-warning { background-color: #ff5722; @@ -414,7 +414,7 @@ h6, color: #0f9d58; } .checkbox-info .check { - color: #3498db; + color: #03a9f4; } .checkbox-warning .check { color: #ff5722; @@ -498,7 +498,7 @@ h6, background-color: #0f9d58; } .checkbox-info input[type=checkbox]:checked ~ .ripple { - background-color: #3498db; + background-color: #03a9f4; } .checkbox-warning input[type=checkbox]:checked ~ .ripple { background-color: #ff5722; @@ -620,7 +620,7 @@ h6, background-color: #0f9d58; } .radio-info input[type=radio]:checked ~ .check { - background-color: #3498db; + background-color: #03a9f4; } .radio-warning input[type=radio]:checked ~ .check { background-color: #ff5722; @@ -690,7 +690,7 @@ h6, border-color: #0f9d58; } .radio-info input[type=radio]:checked ~ .circle { - border-color: #3498db; + border-color: #03a9f4; } .radio-warning input[type=radio]:checked ~ .circle { border-color: #ff5722; @@ -887,15 +887,15 @@ h6, } .form-group.has-info .material-input:before, .form-group.has-info input.form-control:focus ~ .material-input:after { - background: #3498db; + background: #03a9f4; } .form-group.has-info .control-label, .form-group.has-info input.form-control:focus ~ .floating-label { - color: #3498db; + color: #03a9f4; } .form-group .material-input:before, .form-group-default .material-input:before { - background-color: #4d4d4d; + background-color: #3f51b5; } .form-group-primary .material-input:before { background-color: #4285f4; @@ -904,7 +904,7 @@ h6, background-color: #0f9d58; } .form-group-info .material-input:before { - background-color: #3498db; + background-color: #03a9f4; } .form-group-warning .material-input:before { background-color: #ff5722; @@ -965,7 +965,7 @@ h6, } .form-group input.form-control:focus ~ .material-input:after, .form-group-default input.form-control:focus ~ .material-input:after { - background-color: #4d4d4d; + background-color: #3f51b5; } .form-group-primary input.form-control:focus ~ .material-input:after { background-color: #4285f4; @@ -974,7 +974,7 @@ h6, background-color: #0f9d58; } .form-group-info input.form-control:focus ~ .material-input:after { - background-color: #3498db; + background-color: #03a9f4; } .form-group-warning input.form-control:focus ~ .material-input:after { background-color: #ff5722; @@ -1044,7 +1044,7 @@ h6, color: #0f9d58; } .form-group-info .control-label { - color: #3498db; + color: #03a9f4; } .form-group-warning .control-label { color: #ff5722; @@ -1105,7 +1105,7 @@ h6, } .form-group input.form-control:focus ~ .floating-label, .form-group-default input.form-control:focus ~ .floating-label { - color: #4d4d4d; + color: #3f51b5; } .form-group-primary input.form-control:focus ~ .floating-label { color: #4285f4; @@ -1114,7 +1114,7 @@ h6, color: #0f9d58; } .form-group-info input.form-control:focus ~ .floating-label { - color: #3498db; + color: #03a9f4; } .form-group-warning input.form-control:focus ~ .floating-label { color: #ff5722; @@ -1380,7 +1380,7 @@ fieldset[disabled] .navbar .btn-link:focus { background-color: #0f9d58; } .navbar-info { - background-color: #3498db; + background-color: #03a9f4; } .navbar-warning { background-color: #ff5722; @@ -1475,7 +1475,7 @@ fieldset[disabled] .navbar .btn-link:focus { background-color: #0f9d58; } .alert-info { - background-color: #3498db; + background-color: #03a9f4; } .alert-warning { background-color: #ff5722; @@ -1564,7 +1564,7 @@ fieldset[disabled] .navbar .btn-link:focus { background-color: #0f9d58; } .progress .progress-bar-info { - background-color: #3498db; + background-color: #03a9f4; } .progress .progress-bar-warning { background-color: #ff5722; @@ -1636,7 +1636,7 @@ fieldset[disabled] .navbar .btn-link:focus { color: #0f9d58; } .text-info { - color: #3498db; + color: #03a9f4; } .nav-tabs { background: #4285f4; @@ -1663,3 +1663,66 @@ fieldset[disabled] .navbar .btn-link:focus { .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; +} +.snackbar { + display: inline-block; + position: fixed; + z-index: 99999; + left: 20px; + bottom: 0; + min-width: 288px; + max-width: 568px; + padding: 14px 15px; + margin-bottom: 20px; + color: #ffffff; + font-size: 14px; + background-color: #323232; + border-radius: 2px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + opacity: 0; + -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in; + transition: transform 0.2s ease-in-out, opacity 0.2s ease-in; + -webkit-transform: translateY(200%); + transform: translateY(200%); +} +.snackbar.snackbar-opened { + opacity: 1; + -webkit-transform: none; + transform: none; +} +.snackbar.toast { + border-radius: 200px; +} diff --git a/index.html b/demo/index.html similarity index 98% rename from index.html rename to demo/index.html index 3e147934..f57aafd0 100644 --- a/index.html +++ b/demo/index.html @@ -3,14 +3,16 @@ Bootstrap Material - - + + + Fork me on GitHub +
+
+
+

Toastr

+
+ + + +
+
+
From 13fa12366ac1d0a003ea840f6cdb3f272c10457a Mon Sep 17 00:00:00 2001 From: FezVrasta Date: Fri, 3 Oct 2014 09:46:24 +0200 Subject: [PATCH 110/116] fix #67 --- css-compiled/material-wfont.css | 285 ++++++++++++++---- css-compiled/material-wfont.min.css | 2 +- css-compiled/material.css | 24 +- css-compiled/material.min.css | 2 +- css-compiled/ripples.css | 14 +- less/inputs.less | 5 +- less/navbar.less | 20 +- .../css-compiled/material-wfont.min.css | 2 +- .../material/css-compiled/material.min.css | 2 +- 9 files changed, 285 insertions(+), 71 deletions(-) diff --git a/css-compiled/material-wfont.css b/css-compiled/material-wfont.css index cc2f2278..300703a3 100644 --- a/css-compiled/material-wfont.css +++ b/css-compiled/material-wfont.css @@ -1,4 +1,18 @@ @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%; @@ -386,7 +400,8 @@ body .jumbotron-material-lightgrey, 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); + -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 { @@ -484,7 +499,8 @@ body .jumbotron-material-lightgrey, } .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); + -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); @@ -571,7 +587,8 @@ body .jumbotron-material-lightgrey, 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); + -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) { @@ -584,7 +601,8 @@ body .jumbotron-material-lightgrey, .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); + -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) { @@ -721,7 +739,9 @@ body .jumbotron-material-lightgrey, padding-top: 15px; } .checkbox { - transform: rotate(0deg); + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); } .checkbox label { cursor: pointer; @@ -732,7 +752,8 @@ body .jumbotron-material-lightgrey, display: block; position: absolute; left: 0px; - transition-duration: 0.2s; + -webkit-transition-duration: 0.2s; + transition-duration: 0.2s; } .checkbox label .check:after { display: block; @@ -754,7 +775,8 @@ body .jumbotron-material-lightgrey, border: 2px solid rgba(0, 0, 0, 0.84); height: 20px; width: 20px; - transition-delay: 0.2s; + -webkit-transition-delay: 0.2s; + transition-delay: 0.2s; } .checkbox .check, .checkbox-default .check { @@ -837,30 +859,37 @@ body .jumbotron-material-lightgrey, height: 18px; border: solid 2px; border-color: #5a5a5a; - animation: uncheck 300ms ease-out forwards; + -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 { - animation: check 300ms ease-out forwards; + -webkit-animation: check 300ms ease-out forwards; + animation: check 300ms ease-out forwards; } .checkbox input[type=checkbox]:not(:checked) ~ .check:after { - animation: rippleOff 500ms linear forwards; + -webkit-animation: rippleOff 500ms linear forwards; + animation: rippleOff 500ms linear forwards; } .checkbox input[type=checkbox]:checked ~ .check:after { - animation: rippleOn 500ms linear forwards; + -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 { - animation-duration: 1ms; + -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); - transform: rotate(-45deg); + -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 { @@ -932,7 +961,7 @@ body .jumbotron-material-lightgrey, .checkbox-material-lightgrey input[type=checkbox]:checked ~ .check:after { background-color: #ececec; } -@keyframes uncheck { +@-webkit-keyframes uncheck { 0% { top: -3px; left: 17px; @@ -941,14 +970,16 @@ body .jumbotron-material-lightgrey, border-color: #0f9d58; border-left-color: transparent; border-top-color: transparent; - transform: rotate(45deg); + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } 50% { top: 14px; left: 17px; width: 4px; height: 4px; - transform: rotate(45deg); + -webkit-transform: rotate(45deg); + transform: rotate(45deg); border-color: #0f9d58; border-left-color: transparent; border-top-color: transparent; @@ -963,19 +994,61 @@ body .jumbotron-material-lightgrey, left: 12px; width: 18px; height: 18px; - transform: rotate(0deg); + -webkit-transform: rotate(0deg); + transform: rotate(0deg); border-color: #5a5a5a; border-left-color: #5a5a5a; border-top-color: #5a5a5a; } } -@keyframes check { +@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; - transform: rotate(45deg); + -webkit-transform: rotate(45deg); + transform: rotate(45deg); border-color: #0f9d58; border-left-color: transparent; border-top-color: transparent; @@ -989,7 +1062,8 @@ body .jumbotron-material-lightgrey, left: 17px; width: 4px; height: 4px; - transform: rotate(45deg); + -webkit-transform: rotate(45deg); + transform: rotate(45deg); border-color: #5a5a5a; border-left-color: #5a5a5a; border-top-color: #5a5a5a; @@ -999,12 +1073,63 @@ body .jumbotron-material-lightgrey, left: 12px; width: 18px; height: 18px; - transform: rotate(0deg); + -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; @@ -1016,6 +1141,17 @@ body .jumbotron-material-lightgrey, opacity: 0; } } +@-webkit-keyframes rippleOff { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} @keyframes rippleOff { 0% { opacity: 0; @@ -1040,7 +1176,8 @@ body .jumbotron-material-lightgrey, position: absolute; left: 10px; top: 2px; - transition-duration: 0.2s; + -webkit-transition-duration: 0.2s; + transition-duration: 0.2s; } .radio label .circle { border: 2px solid rgba(0, 0, 0, 0.84); @@ -1053,7 +1190,9 @@ body .jumbotron-material-lightgrey, width: 15px; border-radius: 100%; background-color: rgba(0, 0, 0, 0.84); - transform: scale(0); + -webkit-transform: scale(0); + -ms-transform: scale(0); + transform: scale(0); } .radio label .check:after { display: block; @@ -1068,13 +1207,17 @@ body .jumbotron-material-lightgrey, z-index: 1; opacity: 0; margin: 0; - transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + transform: scale(1.5); } .radio label input[type=radio]:not(:checked) ~ .check:after { - animation: rippleOff 500ms; + -webkit-animation: rippleOff 500ms; + animation: rippleOff 500ms; } .radio label input[type=radio]:checked ~ .check:after { - animation: rippleOn 500ms; + -webkit-animation: rippleOn 500ms; + animation: rippleOn 500ms; } .radio input[type=radio]:checked ~ .check, .radio-default input[type=radio]:checked ~ .check { @@ -1224,7 +1367,9 @@ body .jumbotron-material-lightgrey, display: none; } .radio input[type=radio]:checked ~ .check { - transform: scale(0.55); + -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); @@ -1316,7 +1461,8 @@ select[multiple].form-control.focus { pointer-events: none; left: 0px; top: 5px; - transition: 0.2s ease all; + -webkit-transition: 0.2s ease all; + transition: 0.2s ease all; opacity: 0; } .form-control-wrapper .form-control:not(.empty) ~ .floating-label { @@ -1349,13 +1495,19 @@ select[multiple].form-control.focus { height: 2px; background-color: #5264ae; bottom: -1px; - transform: scaleX(0); - transition: transform 0s; + -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 { - transform: scaleX(1); - transition: transform 0.2s ease-out; + -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: ""; @@ -1367,7 +1519,9 @@ select[multiple].form-control.focus { left: 0; pointer-events: none; opacity: 0.9; - transform-origin: left; + -webkit-transform-origin: left; + -ms-transform-origin: left; + transform-origin: left; } .form-control-wrapper .input-lg ~ .material-input:after { height: 26px; @@ -1380,8 +1534,10 @@ select[multiple].form-control.focus { } .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; + -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 { @@ -1801,10 +1957,12 @@ select.form-control.focus { @keyframes input-highlight { 0% { left: 20%; - transform: scaleX(20%); + -webkit-transform: scaleX(20%); + transform: scaleX(20%); } 99% { - transform: scaleX(0); + -webkit-transform: scaleX(0); + transform: scaleX(0); left: 0; opacity: 1; } @@ -1976,13 +2134,8 @@ legend { color: #e5e5e5; background-color: transparent; } -.navbar-toggle { +.navbar .navbar-toggle { margin-top: 13px; -} -.navbar-default .navbar-toggle { - border-color: transparent; -} -.navbar-inverse .navbar-toggle { border-color: transparent; } .navbar .navbar-toggle:hover, @@ -1992,6 +2145,10 @@ legend { .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); @@ -2181,6 +2338,19 @@ fieldset[disabled] .navbar .btn-link: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); @@ -2513,15 +2683,21 @@ fieldset[disabled] .navbar .btn-link:focus { 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%); + -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; - transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s; - transform: none; + -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; @@ -2530,7 +2706,10 @@ fieldset[disabled] .navbar .btn-link:focus { .noUi-target * { -webkit-touch-callout: none; -ms-touch-action: none; - user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; box-sizing: border-box; } .noUi-base { @@ -2557,7 +2736,8 @@ fieldset[disabled] .navbar .btn-link:focus { *z-index: -1; } .noUi-state-tap .noUi-origin { - transition: left 0.3s, top 0.3s; + -webkit-transition: left 0.3s, top 0.3s; + transition: left 0.3s, top 0.3s; } .noUi-state-drag * { cursor: inherit !important; @@ -2601,7 +2781,8 @@ fieldset[disabled] .navbar .btn-link:focus { .noUi-handle { border-radius: 100%; cursor: default; - transition: all 0.2s ease-out; + -webkit-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; border: 1px solid; } .noUi-horizontal { @@ -2609,7 +2790,9 @@ fieldset[disabled] .navbar .btn-link:focus { margin: 15px 0; } .noUi-horizontal .noUi-handle.noUi-active { - transform: scale(2.5); + -webkit-transform: scale(2.5); + -ms-transform: scale(2.5); + transform: scale(2.5); } [disabled].noUi-slider { opacity: 0.5; diff --git a/css-compiled/material-wfont.min.css b/css-compiled/material-wfont.min.css index 4505fbd8..b3968ede 100644 --- a/css-compiled/material-wfont.min.css +++ b/css-compiled/material-wfont.min.css @@ -1 +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{border-color:rgba(255,255,255,.84)}.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-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)}.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} +@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} diff --git a/css-compiled/material.css b/css-compiled/material.css index 031a3f44..679f6ed1 100644 --- a/css-compiled/material.css +++ b/css-compiled/material.css @@ -1975,13 +1975,8 @@ legend { color: #e5e5e5; background-color: transparent; } -.navbar-toggle { +.navbar .navbar-toggle { margin-top: 13px; -} -.navbar-default .navbar-toggle { - border-color: transparent; -} -.navbar-inverse .navbar-toggle { border-color: transparent; } .navbar .navbar-toggle:hover, @@ -1991,6 +1986,10 @@ legend { .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); @@ -2180,6 +2179,19 @@ fieldset[disabled] .navbar .btn-link: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); diff --git a/css-compiled/material.min.css b/css-compiled/material.min.css index c058387f..0f5d926f 100644 --- a/css-compiled/material.min.css +++ b/css-compiled/material.min.css @@ -1 +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{border-color:rgba(255,255,255,.84)}.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-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)}.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} +@-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} diff --git a/css-compiled/ripples.css b/css-compiled/ripples.css index 14213cd3..c0398792 100644 --- a/css-compiled/ripples.css +++ b/css-compiled/ripples.css @@ -19,16 +19,22 @@ margin-top: -10px; border-radius: 100%; background-color: rgba(0, 0, 0, 0.05); - transform: scale(1); - transform-origin: 50%; + -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 { - transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; + -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 { - transition: opacity 0.1s linear 0s !important; + -webkit-transition: opacity 0.1s linear 0s !important; + transition: opacity 0.1s linear 0s !important; opacity: 0; } diff --git a/less/inputs.less b/less/inputs.less index 7d87faec..01b516ba 100644 --- a/less/inputs.less +++ b/less/inputs.less @@ -180,7 +180,7 @@ select.form-control { } -.keyframe-input-highlight() { +@keyframes input-highlight { 0% { left: 20%; transform: scaleX(20%); @@ -195,9 +195,6 @@ select.form-control { } } -@keyframes input-highlight {.keyframe-input-highlight()} - - // Input files (kinda hack) .form-control-wrapper input[type=file] { opacity: 0; diff --git a/less/navbar.less b/less/navbar.less index f5da45aa..6d3175e8 100644 --- a/less/navbar.less +++ b/less/navbar.less @@ -19,8 +19,8 @@ .navbar-text { color: @navbar-color; - margin-top: 20px; - margin-bottom: 20px; + margin-top: 20px; + margin-bottom: 20px; } .navbar-nav { @@ -211,4 +211,20 @@ } } + + @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/template/material/css-compiled/material-wfont.min.css b/template/material/css-compiled/material-wfont.min.css index 4505fbd8..b3968ede 100644 --- a/template/material/css-compiled/material-wfont.min.css +++ b/template/material/css-compiled/material-wfont.min.css @@ -1 +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{border-color:rgba(255,255,255,.84)}.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-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)}.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} +@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} diff --git a/template/material/css-compiled/material.min.css b/template/material/css-compiled/material.min.css index c058387f..0f5d926f 100644 --- a/template/material/css-compiled/material.min.css +++ b/template/material/css-compiled/material.min.css @@ -1 +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{border-color:rgba(255,255,255,.84)}.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-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)}.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} +@-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} From deaa7dd9f66dd741099f4f0da7eab94de3f60ff2 Mon Sep 17 00:00:00 2001 From: FezVrasta Date: Fri, 3 Oct 2014 10:02:21 +0200 Subject: [PATCH 111/116] improved README --- README.md | 40 +++++++++++++--------------------------- 1 file changed, 13 insertions(+), 27 deletions(-) diff --git a/README.md b/README.md index 15cc3e2b..9beed739 100644 --- a/README.md +++ b/README.md @@ -6,39 +6,23 @@ Just include the theme right after the Bootstrap CSS and include the javascript 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/). +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 install bootstrap-material-design --save + 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. - +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. -## Features - -Currently supported elements: - -- Input fields (text, numeric, email, etc) -- Textarea -- Buttons (ripple effect working) -- Select -- Navbar -- Button groups -- Input groups -- Checkbox -- Radio -- Alerts -- Progress bars -- Jumbotron -- Wells -- Dialogs -- Lists - -Todo elements: +## Todo - Morphing icons - [Icons/grids/chips to card/fullscreen transitions](http://www.polymer-project.org/components/core-animated-pages/demo.html) @@ -47,19 +31,21 @@ Todo elements: - [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. +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.gittip.com/FezVrasta/) +[![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. From a15bd3115d8a1d0e958bf28406d1b56c6466ed9d Mon Sep 17 00:00:00 2001 From: FezVrasta Date: Fri, 3 Oct 2014 10:58:37 +0200 Subject: [PATCH 112/116] moved index to root, @shockwork please do the magic :) --- .../noUiSlider/jquery.nouislider.min.js | 1 - demo/index.html => index.html | 21 +++++++------------ 2 files changed, 7 insertions(+), 15 deletions(-) delete mode 100644 demo/vendor/noUiSlider/jquery.nouislider.min.js rename demo/index.html => index.html (99%) diff --git a/demo/vendor/noUiSlider/jquery.nouislider.min.js b/demo/vendor/noUiSlider/jquery.nouislider.min.js deleted file mode 100644 index 640319da..00000000 --- a/demo/vendor/noUiSlider/jquery.nouislider.min.js +++ /dev/null @@ -1 +0,0 @@ -!function(a){"use strict";function b(a,b){return Math.round(a/b)*b}function c(a){return"number"==typeof a&&!isNaN(a)&&isFinite(a)}function d(a){var b=Math.pow(10,7);return Number((Math.round(a*b)/b).toFixed(7))}function e(a,b,c){a.addClass(b),setTimeout(function(){a.removeClass(b)},c)}function f(a){return Math.max(Math.min(a,100),0)}function g(b){return a.isArray(b)?b:[b]}function h(a,b){return 100/(b-a)}function i(a,b){return 100*b/(a[1]-a[0])}function j(a,b){return i(a,a[0]<0?b+Math.abs(a[0]):b-a[0])}function k(a,b){return b*(a[1]-a[0])/100+a[0]}function l(a,b){for(var c=1;a>=b[c];)c+=1;return c}function m(a,b,c){if(c>=a.slice(-1)[0])return 100;var d,e,f,g,i=l(c,a);return d=a[i-1],e=a[i],f=b[i-1],g=b[i],f+j([d,e],c)/h(f,g)}function n(a,b,c){if(c>=100)return a.slice(-1)[0];var d,e,f,g,i=l(c,b);return d=a[i-1],e=a[i],f=b[i-1],g=b[i],k([d,e],(c-f)*h(f,g))}function o(a,c,d,e){if(100===e)return e;var f,g,h=l(e,a);return d?(f=a[h-1],g=a[h],e-f>(g-f)/2?g:f):c[h-1]?a[h-1]+b(e-a[h-1],c[h-1]):e}function p(a,b,d){var e;if("number"==typeof b&&(b=[b]),"[object Array]"!==Object.prototype.toString.call(b))throw new Error("noUiSlider: 'range' contains invalid value.");if(e="min"===a?0:"max"===a?100:parseFloat(a),!c(e)||!c(b[0]))throw new Error("noUiSlider: 'range' value isn't numeric.");d.xPct.push(e),d.xVal.push(b[0]),e?d.xSteps.push(isNaN(b[1])?!1:b[1]):isNaN(b[1])||(d.xSteps[0]=b[1])}function q(a,b,c){return b?void(c.xSteps[a]=i([c.xVal[a],c.xVal[a+1]],b)/h(c.xPct[a],c.xPct[a+1])):!0}function r(a,b,c,d){this.xPct=[],this.xVal=[],this.xSteps=[d||!1],this.xNumSteps=[!1],this.snap=b,this.direction=c;var e,f=this;for(e in a)a.hasOwnProperty(e)&&p(e,a[e],f);f.xNumSteps=f.xSteps.slice(0);for(e in f.xNumSteps)f.xNumSteps.hasOwnProperty(e)&&q(Number(e),f.xNumSteps[e],f)}function s(a,b){if(!c(b))throw new Error("noUiSlider: 'step' is not numeric.");a.singleStep=b}function t(b,c){if("object"!=typeof c||a.isArray(c))throw new Error("noUiSlider: 'range' is not an object.");if(void 0===c.min||void 0===c.max)throw new Error("noUiSlider: Missing 'min' or 'max' in 'range'.");b.spectrum=new r(c,b.snap,b.dir,b.singleStep)}function u(b,c){if(c=g(c),!a.isArray(c)||!c.length||c.length>2)throw new Error("noUiSlider: 'start' option is incorrect.");b.handles=c.length,b.start=c}function v(a,b){if(a.snap=b,"boolean"!=typeof b)throw new Error("noUiSlider: 'snap' option must be a boolean.")}function w(a,b){if(a.animate=b,"boolean"!=typeof b)throw new Error("noUiSlider: 'animate' option must be a boolean.")}function x(a,b){if("lower"===b&&1===a.handles)a.connect=1;else if("upper"===b&&1===a.handles)a.connect=2;else if(b===!0&&2===a.handles)a.connect=3;else{if(b!==!1)throw new Error("noUiSlider: 'connect' option doesn't match handle count.");a.connect=0}}function y(a,b){switch(b){case"horizontal":a.ort=0;break;case"vertical":a.ort=1;break;default:throw new Error("noUiSlider: 'orientation' option is invalid.")}}function z(a,b){if(!c(b))throw new Error("noUiSlider: 'margin' option must be numeric.");if(a.margin=a.spectrum.getMargin(b),!a.margin)throw new Error("noUiSlider: 'margin' option is only supported on linear sliders.")}function A(a,b){if(!c(b))throw new Error("noUiSlider: 'limit' option must be numeric.");if(a.limit=a.spectrum.getMargin(b),!a.limit)throw new Error("noUiSlider: 'limit' option is only supported on linear sliders.")}function B(a,b){switch(b){case"ltr":a.dir=0;break;case"rtl":a.dir=1,a.connect=[0,2,1,3][a.connect];break;default:throw new Error("noUiSlider: 'direction' option was not recognized.")}}function C(a,b){if("string"!=typeof b)throw new Error("noUiSlider: 'behaviour' must be a string containing options.");var c=b.indexOf("tap")>=0,d=b.indexOf("drag")>=0,e=b.indexOf("fixed")>=0,f=b.indexOf("snap")>=0;a.events={tap:c||f,drag:d,fixed:e,snap:f}}function D(a,b){if(a.format=b,"function"==typeof b.to&&"function"==typeof b.from)return!0;throw new Error("noUiSlider: 'format' requires 'to' and 'from' methods.")}function E(b){var c,d={margin:0,limit:0,animate:!0,format:U};return c={step:{r:!1,t:s},start:{r:!0,t:u},connect:{r:!0,t:x},direction:{r:!0,t:B},snap:{r:!1,t:v},animate:{r:!1,t:w},range:{r:!0,t:t},orientation:{r:!1,t:y},margin:{r:!1,t:z},limit:{r:!1,t:A},behaviour:{r:!0,t:C},format:{r:!1,t:D}},b=a.extend({connect:!1,direction:"ltr",behaviour:"tap",orientation:"horizontal"},b),a.each(c,function(a,c){if(void 0===b[a]){if(c.r)throw new Error("noUiSlider: '"+a+"' is required.");return!0}c.t(d,b[a])}),d.style=d.ort?"top":"left",d}function F(a,b,c){var d=a+b[0],e=a+b[1];return c?(0>d&&(e+=Math.abs(d)),e>100&&(d-=e-100),[f(d),f(e)]):[d,e]}function G(a){a.preventDefault();var b,c,d=0===a.type.indexOf("touch"),e=0===a.type.indexOf("mouse"),f=0===a.type.indexOf("pointer"),g=a;return 0===a.type.indexOf("MSPointer")&&(f=!0),a.originalEvent&&(a=a.originalEvent),d&&(b=a.changedTouches[0].pageX,c=a.changedTouches[0].pageY),(e||f)&&(f||void 0!==window.pageXOffset||(window.pageXOffset=document.documentElement.scrollLeft,window.pageYOffset=document.documentElement.scrollTop),b=a.clientX+window.pageXOffset,c=a.clientY+window.pageYOffset),g.points=[b,c],g.cursor=e,g}function H(b,c){var d=a("
").addClass(T[2]),e=["-lower","-upper"];return b&&e.reverse(),d.children().addClass(T[3]+" "+T[3]+e[c]),d}function I(a,b,c){switch(a){case 1:b.addClass(T[7]),c[0].addClass(T[6]);break;case 3:c[1].addClass(T[6]);case 2:c[0].addClass(T[7]);case 0:b.addClass(T[6])}}function J(a,b,c){var d,e=[];for(d=0;a>d;d+=1)e.push(H(b,d).appendTo(c));return e}function K(b,c,d){return d.addClass([T[0],T[8+b],T[4+c]].join(" ")),a("
").appendTo(d).addClass(T[1])}function L(b,c,d){function h(){return B[["width","height"][c.ort]]()}function i(a){var b,c=[D.val()];for(b=0;b1),e=u(d[0],c[g],1===d.length),d.length>1&&(e=u(d[1],c[g?0:1],!1)||e),e&&i(["slide"])}function q(b){a("."+T[15]).removeClass(T[15]),b.cursor&&a("body").css("cursor","").off(R),P.off(R),D.removeClass(T[12]),i(["set","change"])}function r(b,c){1===c.handles.length&&c.handles[0].children().addClass(T[15]),b.stopPropagation(),o(S.move,P,p,{start:b.calcPoint,handles:c.handles,positions:[E[0],E[C.length-1]]}),o(S.end,P,q,null),b.cursor&&(a("body").css("cursor",a(b.target).css("cursor")),C.length>1&&D.addClass(T[12]),a("body").on("selectstart"+R,!1))}function s(b){var d,f=b.calcPoint,g=0;b.stopPropagation(),a.each(C,function(){g+=this.offset()[c.style]}),g=g/2>f||1===C.length?0:1,f-=B.offset()[c.style],d=100*f/h(),c.events.snap||e(D,T[14],300),u(C[g],d),i(["slide","set","change"]),c.events.snap&&r(b,{handles:[C[g]]})}function t(a){var b,c;if(!a.fixed)for(b=0;b1&&(b=e?Math.max(b,g):Math.min(b,h)),d!==!1&&c.limit&&C.length>1&&(b=e?Math.min(b,i):Math.max(b,j)),b=H.getStep(b),b=f(parseFloat(b.toFixed(7))),b===E[e]?!1:(a.css(c.style,b+"%"),a.is(":first-child")&&a.toggleClass(T[17],b>50),E[e]=b,L[e]=H.fromStepping(b),l(M[e]),!0)}function v(a,b){var d,e,f;for(c.limit&&(a+=1),d=0;a>d;d+=1)e=d%2,f=b[e],null!==f&&f!==!1&&("number"==typeof f&&(f=String(f)),f=c.format.from(f),(f===!1||isNaN(f)||u(C[e],H.toStepping(f),d===3-c.dir)===!1)&&l(M[e]))}function w(a){if(D[0].LinkIsEmitting)return this;var b,d=g(a);return c.dir&&c.handles>1&&d.reverse(),c.animate&&-1!==E[0]&&e(D,T[14],300),b=C.length>1?3:1,1===d.length&&(b=1),v(b,d),i(["set"]),this}function x(){var a,b=[];for(a=0;a=c[1]?c[2]:c[0];return[[f,e]]});return j(b)}function A(){return d}var B,C,D=a(b),E=[-1,-1],H=c.spectrum,L=[],M=["lower","upper"].slice(0,c.handles);if(c.dir&&M.reverse(),b.LinkUpdate=l,b.LinkConfirm=m,b.LinkDefaultFormatter=c.format,b.LinkDefaultFlag="lower",b.reappend=n,D.hasClass(T[0]))throw new Error("Slider was already initialized.");B=K(c.dir,c.ort,D),C=J(c.handles,c.dir,B),I(c.connect,D,C),t(c.events),b.vSet=w,b.vGet=x,b.destroy=y,b.getCurrentStep=z,b.getOriginalOptions=A,b.getInfo=function(){return[H,c.style,c.ort]},D.val(c.start)}function M(a){if(!this.length)throw new Error("noUiSlider: Can't initialize slider on empty selection.");var b=E(a,this);return this.each(function(){L(this,b,a)})}function N(b){return this.each(function(){if(!this.destroy)return void a(this).noUiSlider(b);var c=a(this).val(),d=this.destroy(),e=a.extend({},d,b);a(this).noUiSlider(e),this.reappend(),d.start===e.start&&a(this).val(c)})}function O(){return this[0][arguments.length?"vSet":"vGet"].apply(this[0],arguments)}var P=a(document),Q=a.fn.val,R=".nui",S=window.navigator.pointerEnabled?{start:"pointerdown",move:"pointermove",end:"pointerup"}:window.navigator.msPointerEnabled?{start:"MSPointerDown",move:"MSPointerMove",end:"MSPointerUp"}:{start:"mousedown touchstart",move:"mousemove touchmove",end:"mouseup touchend"},T=["noUi-target","noUi-base","noUi-origin","noUi-handle","noUi-horizontal","noUi-vertical","noUi-background","noUi-connect","noUi-ltr","noUi-rtl","noUi-dragable","","noUi-state-drag","","noUi-state-tap","noUi-active","","noUi-stacking"];r.prototype.getMargin=function(a){return 2===this.xPct.length?i(this.xVal,a):!1},r.prototype.toStepping=function(a){return a=m(this.xVal,this.xPct,a),this.direction&&(a=100-a),a},r.prototype.fromStepping=function(a){return this.direction&&(a=100-a),d(n(this.xVal,this.xPct,a))},r.prototype.getStep=function(a){return this.direction&&(a=100-a),a=o(this.xPct,this.xSteps,this.snap,a),this.direction&&(a=100-a),a},r.prototype.getApplicableStep=function(a){var b=l(a,this.xPct),c=100===a?2:1;return[this.xNumSteps[b-2],this.xVal[b-c],this.xNumSteps[b-c]]},r.prototype.convert=function(a){return this.getStep(this.toStepping(a))};var U={to:function(a){return a.toFixed(2)},from:Number};a.fn.val=function(){function b(a){return a.hasClass(T[0])?O:Q}var c=arguments,d=a(this[0]);return arguments.length?this.each(function(){b(a(this)).apply(a(this),c)}):b(d).call(d)},a.fn.noUiSlider=function(a,b){switch(a){case"step":return this[0].getCurrentStep();case"options":return this[0].getOriginalOptions()}return(b?N:M).call(this,a)}}(window.jQuery||window.Zepto); diff --git a/demo/index.html b/index.html similarity index 99% rename from demo/index.html rename to index.html index e8099e31..7c2c7aee 100644 --- a/demo/index.html +++ b/index.html @@ -4,9 +4,9 @@ Bootstrap Material - - - + + +