From 4e810295b5279ac04e49b81d0067c9231b10a90e Mon Sep 17 00:00:00 2001 From: FezVrasta Date: Thu, 2 Oct 2014 11:36:05 +0200 Subject: [PATCH] security fix --- .gitignore | 3 +- CONTRIBUTING.md | 11 + README.md | 4 + compile.json | 1 + css-compiled/material-wfont.css | 518 ++---------------- css-compiled/material-wfont.min.css | 1 + css-compiled/material.css | 518 ++---------------- css-compiled/material.min.css | 1 + css-compiled/ripples.css | 11 +- css-compiled/ripples.min.css | 1 + gruntfile.js | 61 +++ less/animations.less | 28 - less/checkboxes.less | 56 +- less/inputs.less | 2 - less/material-wfont.less | 1 - {template/material => less}/material.css | 431 ++------------- less/material.less | 2 - less/navbar.less | 8 +- less/plugin-nouislider.less | 7 +- less/plugin-snackbarjs.less | 8 - less/prefixer.less | 372 ------------- less/radios.less | 28 +- less/ripples.less | 10 - scripts/ripples.js | 7 +- template/index.html | 48 +- .../css-compiled/material-wfont.min.css | 1 + .../material/css-compiled/material.min.css | 1 + .../material/css-compiled/ripples.min.css | 1 + template/material/ripples.css | 41 -- template/material/{ => scripts}/material.js | 2 +- template/material/{ => scripts}/ripples.js | 9 +- 31 files changed, 294 insertions(+), 1899 deletions(-) create mode 100644 CONTRIBUTING.md create mode 100644 compile.json create mode 100644 css-compiled/material-wfont.min.css create mode 100644 css-compiled/material.min.css create mode 100644 css-compiled/ripples.min.css create mode 100644 gruntfile.js rename {template/material => less}/material.css (90%) delete mode 100644 less/prefixer.less create mode 100644 template/material/css-compiled/material-wfont.min.css create mode 100644 template/material/css-compiled/material.min.css create mode 100644 template/material/css-compiled/ripples.min.css delete mode 100644 template/material/ripples.css rename template/material/{ => scripts}/material.js (99%) rename template/material/{ => scripts}/ripples.js (96%) diff --git a/.gitignore b/.gitignore index 62bf0fe9..4f6e59e5 100644 --- a/.gitignore +++ b/.gitignore @@ -3,4 +3,5 @@ # Example .gitignore files: https://github.com/github/gitignore Thumbs.db -.DS_Store \ No newline at end of file +.DS_Store +/node_modules/ diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md new file mode 100644 index 00000000..6b3a6b26 --- /dev/null +++ b/CONTRIBUTING.md @@ -0,0 +1,11 @@ +## Playground + +Use this pen to test and deveop new features of Material Design for Bootstrap: + +http://codepen.io/FezVrasta/pen/ihmea + +It already includes every needed dependency and is based on the latest version of the theme. + +## Grunt + +**Grunt!** Ok... when you edit something please run `grunt` to compile CSS and copy stuff in the correct folders. Thanks! diff --git a/README.md b/README.md index 65935d62..15cc3e2b 100644 --- a/README.md +++ b/README.md @@ -56,6 +56,10 @@ If you like this project you may support me by donating something on Gittip, sta [![gittip](screenshots/gittip-button.jpg)](https://www.gittip.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. diff --git a/compile.json b/compile.json new file mode 100644 index 00000000..c2640a43 --- /dev/null +++ b/compile.json @@ -0,0 +1 @@ +{ "less": [] } diff --git a/css-compiled/material-wfont.css b/css-compiled/material-wfont.css index 6cceab73..cc2f2278 100644 --- a/css-compiled/material-wfont.css +++ b/css-compiled/material-wfont.css @@ -1,19 +1,4 @@ -/* Generated by less 1.7.5 */ @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%; @@ -401,8 +386,7 @@ body .jumbotron-material-lightgrey, text-transform: uppercase; text-decoration: none; color: rgba(255, 255, 255, 0.84); - -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); - transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); + transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); outline: none !important; } .btn:hover { @@ -500,8 +484,7 @@ 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); - -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); + 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); @@ -588,8 +571,7 @@ 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); - -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); + 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) { @@ -602,8 +584,7 @@ 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); - -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); + 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) { @@ -740,9 +721,7 @@ body .jumbotron-material-lightgrey, padding-top: 15px; } .checkbox { - -webkit-transform: rotate(0deg); - -ms-transform: rotate(0deg); - transform: rotate(0deg); + transform: rotate(0deg); } .checkbox label { cursor: pointer; @@ -753,8 +732,7 @@ body .jumbotron-material-lightgrey, display: block; position: absolute; left: 0px; - -webkit-transition-duration: 0.2s; - transition-duration: 0.2s; + transition-duration: 0.2s; } .checkbox label .check:after { display: block; @@ -776,7 +754,6 @@ body .jumbotron-material-lightgrey, border: 2px solid rgba(0, 0, 0, 0.84); height: 20px; width: 20px; - -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .checkbox .check, @@ -860,36 +837,30 @@ body .jumbotron-material-lightgrey, height: 18px; border: solid 2px; border-color: #5a5a5a; - -webkit-animation: uncheck 300ms ease-out forwards; - -ms-animation: uncheck 300ms ease-out forwards; animation: uncheck 300ms ease-out forwards; } .checkbox input[type=checkbox]:focus ~ .check:after { opacity: 0.2; } .checkbox input[type=checkbox]:checked ~ .check:before { - -webkit-animation: check 300ms ease-out forwards; - -ms-animation: check 300ms ease-out forwards; animation: check 300ms ease-out forwards; } .checkbox input[type=checkbox]:not(:checked) ~ .check:after { - -webkit-animation: rippleOff 500ms; - -ms-animation: rippleOff 500ms; - animation: rippleOff 500ms; + animation: rippleOff 500ms linear forwards; } .checkbox input[type=checkbox]:checked ~ .check:after { - -webkit-animation: rippleOn 500ms; - -ms-animation: rippleOn 500ms; - animation: rippleOn 500ms; + animation: rippleOn 500ms linear forwards; +} +.checkbox:not(:hover) input[type=checkbox] ~ .check:before, +.checkbox:not(:hover) input[type=checkbox] ~ .check:after { + animation-duration: 1ms; } .checkbox input[type=checkbox][disabled]:not(:checked) ~ .check:before { opacity: 0.5; } .checkbox input[type=checkbox][disabled] ~ .check:after { background-color: rgba(0, 0, 0, 0.84); - -webkit-transform: rotate(-45deg); - -ms-transform: rotate(-45deg); - transform: rotate(-45deg); + transform: rotate(-45deg); } .checkbox input[type=checkbox]:checked ~ .check:after, .checkbox-default input[type=checkbox]:checked ~ .check:after { @@ -961,86 +932,6 @@ body .jumbotron-material-lightgrey, .checkbox-material-lightgrey input[type=checkbox]:checked ~ .check:after { background-color: #ececec; } -@-webkit-keyframes uncheck { - 0% { - top: -3px; - left: 17px; - width: 10px; - height: 21px; - border-color: #0f9d58; - border-left-color: transparent; - border-top-color: transparent; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - } - 50% { - top: 14px; - left: 17px; - width: 4px; - height: 4px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - border-color: #0f9d58; - border-left-color: transparent; - border-top-color: transparent; - } - 51% { - border-color: #5a5a5a; - border-left-color: #5a5a5a; - border-top-color: #5a5a5a; - } - 100% { - top: 1px; - left: 12px; - width: 18px; - height: 18px; - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - border-color: #5a5a5a; - border-left-color: #5a5a5a; - border-top-color: #5a5a5a; - } -} -@-ms-keyframes uncheck { - 0% { - top: -3px; - left: 17px; - width: 10px; - height: 21px; - border-color: #0f9d58; - border-left-color: transparent; - border-top-color: transparent; - -ms-transform: rotate(45deg); - transform: rotate(45deg); - } - 50% { - top: 14px; - left: 17px; - width: 4px; - height: 4px; - -ms-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; - -ms-transform: rotate(0deg); - transform: rotate(0deg); - border-color: #5a5a5a; - border-left-color: #5a5a5a; - border-top-color: #5a5a5a; - } -} @keyframes uncheck { 0% { top: -3px; @@ -1050,16 +941,14 @@ body .jumbotron-material-lightgrey, border-color: #0f9d58; border-left-color: transparent; border-top-color: transparent; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + transform: rotate(45deg); } 50% { top: 14px; left: 17px; width: 4px; height: 4px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + transform: rotate(45deg); border-color: #0f9d58; border-left-color: transparent; border-top-color: transparent; @@ -1074,86 +963,7 @@ body .jumbotron-material-lightgrey, left: 12px; width: 18px; height: 18px; - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - border-color: #5a5a5a; - border-left-color: #5a5a5a; - border-top-color: #5a5a5a; - } -} -@-webkit-keyframes check { - 100% { - top: -3px; - left: 17px; - width: 10px; - height: 21px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - border-color: #0f9d58; - border-left-color: transparent; - border-top-color: transparent; - } - 51% { - border-left: transparent; - border-top-color: transparent; - } - 50% { - top: 14px; - left: 17px; - width: 4px; - height: 4px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - border-color: #5a5a5a; - border-left-color: #5a5a5a; - border-top-color: #5a5a5a; - } - 0% { - top: 1px; - left: 12px; - width: 18px; - height: 18px; - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - border-color: #5a5a5a; - border-left-color: #5a5a5a; - border-top-color: #5a5a5a; - } -} -@-ms-keyframes check { - 100% { - top: -3px; - left: 17px; - width: 10px; - height: 21px; - -ms-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; - -ms-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; - -ms-transform: rotate(0deg); - transform: rotate(0deg); + transform: rotate(0deg); border-color: #5a5a5a; border-left-color: #5a5a5a; border-top-color: #5a5a5a; @@ -1165,8 +975,7 @@ body .jumbotron-material-lightgrey, left: 17px; width: 10px; height: 21px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + transform: rotate(45deg); border-color: #0f9d58; border-left-color: transparent; border-top-color: transparent; @@ -1180,8 +989,7 @@ body .jumbotron-material-lightgrey, left: 17px; width: 4px; height: 4px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + transform: rotate(45deg); border-color: #5a5a5a; border-left-color: #5a5a5a; border-top-color: #5a5a5a; @@ -1191,53 +999,12 @@ body .jumbotron-material-lightgrey, left: 12px; width: 18px; height: 18px; - -webkit-transform: rotate(0deg); - 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; - } - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } -} -@-ms-keyframes rippleOn { - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } -} @keyframes rippleOn { 0% { opacity: 0; @@ -1248,55 +1015,6 @@ body .jumbotron-material-lightgrey, 100% { opacity: 0; } - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } -} -@-webkit-keyframes rippleOff { - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } -} -@-ms-keyframes rippleOn { - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } } @keyframes rippleOff { 0% { @@ -1308,15 +1026,6 @@ body .jumbotron-material-lightgrey, 100% { opacity: 0; } - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } } .form-horizontal .radio { margin-bottom: 10px; @@ -1331,8 +1040,7 @@ body .jumbotron-material-lightgrey, position: absolute; left: 10px; top: 2px; - -webkit-transition-duration: 0.2s; - transition-duration: 0.2s; + transition-duration: 0.2s; } .radio label .circle { border: 2px solid rgba(0, 0, 0, 0.84); @@ -1345,9 +1053,7 @@ body .jumbotron-material-lightgrey, width: 15px; border-radius: 100%; background-color: rgba(0, 0, 0, 0.84); - -webkit-transform: scale(0); - -ms-transform: scale(0); - transform: scale(0); + transform: scale(0); } .radio label .check:after { display: block; @@ -1362,18 +1068,12 @@ body .jumbotron-material-lightgrey, z-index: 1; opacity: 0; margin: 0; - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - transform: scale(1.5); + transform: scale(1.5); } .radio label input[type=radio]:not(:checked) ~ .check:after { - -webkit-animation: rippleOff 500ms; - -ms-animation: rippleOff 500ms; animation: rippleOff 500ms; } .radio label input[type=radio]:checked ~ .check:after { - -webkit-animation: rippleOn 500ms; - -ms-animation: rippleOn 500ms; animation: rippleOn 500ms; } .radio input[type=radio]:checked ~ .check, @@ -1524,9 +1224,7 @@ body .jumbotron-material-lightgrey, display: none; } .radio input[type=radio]:checked ~ .check { - -webkit-transform: scale(0.55); - -ms-transform: scale(0.55); - transform: scale(0.55); + transform: scale(0.55); } .radio input[type=radio][disabled] ~ .circle { border-color: rgba(0, 0, 0, 0.84); @@ -1534,46 +1232,6 @@ body .jumbotron-material-lightgrey, .radio input[type=radio][disabled] ~ .check { background-color: rgba(0, 0, 0, 0.84); } -@-webkit-keyframes rippleOn { - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } -} -@-ms-keyframes rippleOn { - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } -} @keyframes rippleOn { 0% { opacity: 0; @@ -1584,55 +1242,6 @@ body .jumbotron-material-lightgrey, 100% { opacity: 0; } - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } -} -@-webkit-keyframes rippleOff { - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } -} -@-ms-keyframes rippleOn { - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } } @keyframes rippleOff { 0% { @@ -1644,15 +1253,6 @@ body .jumbotron-material-lightgrey, 100% { opacity: 0; } - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } } fieldset[disabled] .form-control, .form-control-wrapper .form-control, @@ -1716,8 +1316,7 @@ select[multiple].form-control.focus { pointer-events: none; left: 0px; top: 5px; - -webkit-transition: 0.2s ease all; - transition: 0.2s ease all; + transition: 0.2s ease all; opacity: 0; } .form-control-wrapper .form-control:not(.empty) ~ .floating-label { @@ -1750,19 +1349,13 @@ select[multiple].form-control.focus { 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; + transform: scaleX(0); + transition: transform 0s; } .form-control-wrapper .form-control:focus ~ .material-input:before, .form-control-wrapper .form-control.focus ~ .material-input:before { - -webkit-transform: scaleX(1); - -ms-transform: scaleX(1); - transform: scaleX(1); - -webkit-transition: -webkit-transform 0.2s ease-out; - transition: transform 0.2s ease-out; + transform: scaleX(1); + transition: transform 0.2s ease-out; } .form-control-wrapper .material-input:after { content: ""; @@ -1774,9 +1367,7 @@ select[multiple].form-control.focus { left: 0; pointer-events: none; opacity: 0.9; - -webkit-transform-origin: left; - -ms-transform-origin: left; - transform-origin: left; + transform-origin: left; } .form-control-wrapper .input-lg ~ .material-input:after { height: 26px; @@ -1789,9 +1380,7 @@ select[multiple].form-control.focus { } .form-control-wrapper .form-control:focus ~ .material-input:after, .form-control-wrapper .form-control.focus ~ .material-input:after { - -webkit-animation: input-highlight 0.3s ease; animation: input-highlight 0.3s ease; - -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } @@ -2212,12 +1801,10 @@ select.form-control.focus { @keyframes input-highlight { 0% { left: 20%; - -webkit-transform: scaleX(20%); - transform: scaleX(20%); + transform: scaleX(20%); } 99% { - -webkit-transform: scaleX(0); - transform: scaleX(0); + transform: scaleX(0); left: 0; opacity: 1; } @@ -2306,7 +1893,6 @@ legend { } .list-group .list-group-item .row-content { display: inline-block; - width: -webkit-calc(100% - 92px); width: calc(100% - 92px); min-height: 66px; } @@ -2321,7 +1907,6 @@ legend { cursor: pointer; } .list-group .list-group-item .row-content .action-secondary ~ * { - max-width: -webkit-calc(100% - 30px); max-width: calc(100% - 30px); } .list-group .list-group-item .row-content .least-content { @@ -2344,7 +1929,6 @@ legend { } .list-group .list-group-separator:before { content: ""; - width: -webkit-calc(100% - 90px); width: calc(100% - 90px); border-bottom: 1px solid rgba(0, 0, 0, 0.1); float: right; @@ -2392,8 +1976,14 @@ legend { color: #e5e5e5; background-color: transparent; } -.navbar .navbar-toggle { - border-color: rgba(255, 255, 255, 0.84); +.navbar-toggle { + margin-top: 13px; +} +.navbar-default .navbar-toggle { + border-color: transparent; +} +.navbar-inverse .navbar-toggle { + border-color: transparent; } .navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus { @@ -2923,21 +2513,15 @@ 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; - -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%); + transform: translateY(200%); } .snackbar.snackbar-opened { padding: 14px 15px; margin-bottom: 20px; height: auto; - -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s; 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; + transform: none; } .snackbar.toast { border-radius: 200px; @@ -2945,11 +2529,8 @@ fieldset[disabled] .navbar .btn-link:focus { .noUi-target, .noUi-target * { -webkit-touch-callout: none; - -webkit-user-select: none; -ms-touch-action: none; - -ms-user-select: none; - -moz-user-select: none; - -moz-box-sizing: border-box; + user-select: none; box-sizing: border-box; } .noUi-base { @@ -2967,9 +2548,7 @@ fieldset[disabled] .navbar .btn-link:focus { .noUi-handle { position: relative; z-index: 1; - -moz-box-sizing: border-box; - box-sizing: border-box; - -webkit-box-sizing: border-box; + box-sizing: border-box; } .noUi-stacking .noUi-handle { z-index: 10; @@ -2978,7 +2557,6 @@ fieldset[disabled] .navbar .btn-link:focus { *z-index: -1; } .noUi-state-tap .noUi-origin { - -webkit-transition: left 0.3s, top 0.3s; transition: left 0.3s, top 0.3s; } .noUi-state-drag * { @@ -2988,8 +2566,7 @@ fieldset[disabled] .navbar .btn-link:focus { height: 10px; } .noUi-horizontal .noUi-handle { - -moz-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; width: 12px; height: 12px; left: -10px; @@ -3024,8 +2601,7 @@ fieldset[disabled] .navbar .btn-link:focus { .noUi-handle { border-radius: 100%; cursor: default; - -webkit-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; + transition: all 0.2s ease-out; border: 1px solid; } .noUi-horizontal { @@ -3033,9 +2609,7 @@ fieldset[disabled] .navbar .btn-link:focus { margin: 15px 0; } .noUi-horizontal .noUi-handle.noUi-active { - -webkit-transform: scale(2.5); - -ms-transform: scale(2.5); - 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 new file mode 100644 index 00000000..4505fbd8 --- /dev/null +++ b/css-compiled/material-wfont.min.css @@ -0,0 +1 @@ +@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,700,300|Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic);@-webkit-keyframes input-highlight{0%{left:20%;width:20%}99%{width:0;left:0;opacity:1}100%{opacity:0}}@keyframes input-highlight{0%{left:20%;width:20%}99%{width:0;left:0;opacity:1}100%{opacity:0}}.shadow-z-1{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.shadow-z-2{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.shadow-z-2-hover{box-shadow:0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.28)}.shadow-z-3{box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.shadow-z-4{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.shadow-z-5{box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)}body{background-color:#EEE}body.inverse{background:#333}body.inverse,body.inverse .form-control{color:rgba(255,255,255,.84)}.h1,.h2,.h3,.h4,.h5,.h6,body,h1,h2,h3,h4,h5,h6{font-family:Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif}.container .well,.container .well .form-control,.container .well:not([class^="well well-material-"]),.container .well:not([class^="well well-material-"]) .form-control,.container-fluid .well,.container-fluid .well .form-control,.container-fluid .well:not([class^="well well-material-"]),.container-fluid .well:not([class^="well well-material-"]) .form-control,body .well,body .well .form-control,body .well:not([class^="well well-material-"]),body .well:not([class^="well well-material-"]) .form-control{color:rgba(0,0,0,.84)}.container .well .floating-label,.container .well:not([class^="well well-material-"]) .floating-label,.container-fluid .well .floating-label,.container-fluid .well:not([class^="well well-material-"]) .floating-label,body .well .floating-label,body .well:not([class^="well well-material-"]) .floating-label{color:#7e7e7e}.container .well .form-control,.container .well:not([class^="well well-material-"]) .form-control,.container-fluid .well .form-control,.container-fluid .well:not([class^="well well-material-"]) .form-control,body .well .form-control,body .well:not([class^="well well-material-"]) .form-control{border-bottom-color:#7e7e7e}.container .well .form-control::-webkit-input-placeholder,.container .well:not([class^="well well-material-"]) .form-control::-webkit-input-placeholder,.container-fluid .well .form-control::-webkit-input-placeholder,.container-fluid .well:not([class^="well well-material-"]) .form-control::-webkit-input-placeholder,body .well .form-control::-webkit-input-placeholder,body .well:not([class^="well well-material-"]) .form-control::-webkit-input-placeholder{color:#7e7e7e}.container .well .form-control::-moz-placeholder,.container .well:not([class^="well well-material-"]) .form-control::-moz-placeholder,.container-fluid .well .form-control::-moz-placeholder,.container-fluid .well:not([class^="well well-material-"]) .form-control::-moz-placeholder,body .well .form-control::-moz-placeholder,body .well:not([class^="well well-material-"]) .form-control::-moz-placeholder{color:#7e7e7e;opacity:1}.container .well .form-control:-ms-input-placeholder,.container .well:not([class^="well well-material-"]) .form-control:-ms-input-placeholder,.container-fluid .well .form-control:-ms-input-placeholder,.container-fluid .well:not([class^="well well-material-"]) .form-control:-ms-input-placeholder,body .well .form-control:-ms-input-placeholder,body .well:not([class^="well well-material-"]) .form-control:-ms-input-placeholder{color:#7e7e7e}.container .well .create,.container .well .option,.container .well:not([class^="well well-material-"]) .create,.container .well:not([class^="well well-material-"]) .option,.container-fluid .well .create,.container-fluid .well .option,.container-fluid .well:not([class^="well well-material-"]) .create,.container-fluid .well:not([class^="well well-material-"]) .option,body .well .create,body .well .option,body .well:not([class^="well well-material-"]) .create,body .well:not([class^="well well-material-"]) .option{color:rgba(0,0,0,.84)}.container [class^="well well-material-"],.container [class^="well well-material-"] .floating-label,.container [class^="well well-material-"] .form-control,.container-fluid [class^="well well-material-"],.container-fluid [class^="well well-material-"] .floating-label,.container-fluid [class^="well well-material-"] .form-control,body [class^="well well-material-"],body [class^="well well-material-"] .floating-label,body [class^="well well-material-"] .form-control{color:rgba(255,255,255,.84)}.container [class^="well well-material-"] .form-control,.container-fluid [class^="well well-material-"] .form-control,body [class^="well well-material-"] .form-control{border-bottom-color:rgba(255,255,255,.84)}.container [class^="well well-material-"] .form-control::-webkit-input-placeholder,.container-fluid [class^="well well-material-"] .form-control::-webkit-input-placeholder,body [class^="well well-material-"] .form-control::-webkit-input-placeholder{color:rgba(255,255,255,.84)}.container [class^="well well-material-"] .form-control::-moz-placeholder,.container-fluid [class^="well well-material-"] .form-control::-moz-placeholder,body [class^="well well-material-"] .form-control::-moz-placeholder{color:rgba(255,255,255,.84);opacity:1}.container [class^="well well-material-"] .form-control:-ms-input-placeholder,.container-fluid [class^="well well-material-"] .form-control:-ms-input-placeholder,body [class^="well well-material-"] .form-control:-ms-input-placeholder{color:rgba(255,255,255,.84)}.container [class^="well well-material-"] .create,.container [class^="well well-material-"] .option,.container-fluid [class^="well well-material-"] .create,.container-fluid [class^="well well-material-"] .option,body [class^="well well-material-"] .create,body [class^="well well-material-"] .option{color:rgba(0,0,0,.84)}.container .jumbotron,.container .well,.container-fluid .jumbotron,.container-fluid .well,body .jumbotron,body .well{padding:19px;margin-bottom:20px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);border-radius:2px;border:0}.container .jumbotron p,.container .well p,.container-fluid .jumbotron p,.container-fluid .well p,body .jumbotron p,body .well p{font-weight:300}.container .jumbotron,.container .jumbotron-default,.container .well,.container .well-default,.container-fluid .jumbotron,.container-fluid .jumbotron-default,.container-fluid .well,.container-fluid .well-default,body .jumbotron,body .jumbotron-default,body .well,body .well-default{background-color:#fff}.container .jumbotron-primary,.container .well-primary,.container-fluid .jumbotron-primary,.container-fluid .well-primary,body .jumbotron-primary,body .well-primary{background-color:#4285f4}.container .jumbotron-success,.container .well-success,.container-fluid .jumbotron-success,.container-fluid .well-success,body .jumbotron-success,body .well-success{background-color:#0f9d58}.container .jumbotron-info,.container .well-info,.container-fluid .jumbotron-info,.container-fluid .well-info,body .jumbotron-info,body .well-info{background-color:#03a9f4}.container .jumbotron-warning,.container .well-warning,.container-fluid .jumbotron-warning,.container-fluid .well-warning,body .jumbotron-warning,body .well-warning{background-color:#ff5722}.container .jumbotron-danger,.container .jumbotron-material-red,.container .well-danger,.container .well-material-red,.container-fluid .jumbotron-danger,.container-fluid .jumbotron-material-red,.container-fluid .well-danger,.container-fluid .well-material-red,body .jumbotron-danger,body .jumbotron-material-red,body .well-danger,body .well-material-red{background-color:#f44336}.container .jumbotron-material-pink,.container .well-material-pink,.container-fluid .jumbotron-material-pink,.container-fluid .well-material-pink,body .jumbotron-material-pink,body .well-material-pink{background-color:#e91e63}.container .jumbotron-material-purple,.container .well-material-purple,.container-fluid .jumbotron-material-purple,.container-fluid .well-material-purple,body .jumbotron-material-purple,body .well-material-purple{background-color:#9c27b0}.container .jumbotron-material-deeppurple,.container .well-material-deeppurple,.container-fluid .jumbotron-material-deeppurple,.container-fluid .well-material-deeppurple,body .jumbotron-material-deeppurple,body .well-material-deeppurple{background-color:#673ab7}.container .jumbotron-material-indigo,.container .well-material-indigo,.container-fluid .jumbotron-material-indigo,.container-fluid .well-material-indigo,body .jumbotron-material-indigo,body .well-material-indigo{background-color:#3f51b5}.container .jumbotron-material-lightblue,.container .well-material-lightblue,.container-fluid .jumbotron-material-lightblue,.container-fluid .well-material-lightblue,body .jumbotron-material-lightblue,body .well-material-lightblue{background-color:#03a9f4}.container .jumbotron-material-cyan,.container .well-material-cyan,.container-fluid .jumbotron-material-cyan,.container-fluid .well-material-cyan,body .jumbotron-material-cyan,body .well-material-cyan{background-color:#00bcd4}.container .jumbotron-material-teal,.container .well-material-teal,.container-fluid .jumbotron-material-teal,.container-fluid .well-material-teal,body .jumbotron-material-teal,body .well-material-teal{background-color:#009688}.container .jumbotron-material-lightgreen,.container .well-material-lightgreen,.container-fluid .jumbotron-material-lightgreen,.container-fluid .well-material-lightgreen,body .jumbotron-material-lightgreen,body .well-material-lightgreen{background-color:#8bc34a}.container .jumbotron-material-lime,.container .well-material-lime,.container-fluid .jumbotron-material-lime,.container-fluid .well-material-lime,body .jumbotron-material-lime,body .well-material-lime{background-color:#cddc39}.container .jumbotron-material-lightyellow,.container .well-material-lightyellow,.container-fluid .jumbotron-material-lightyellow,.container-fluid .well-material-lightyellow,body .jumbotron-material-lightyellow,body .well-material-lightyellow{background-color:#ffeb3b}.container .jumbotron-material-orange,.container .well-material-orange,.container-fluid .jumbotron-material-orange,.container-fluid .well-material-orange,body .jumbotron-material-orange,body .well-material-orange{background-color:#ff9800}.container .jumbotron-material-deeporange,.container .well-material-deeporange,.container-fluid .jumbotron-material-deeporange,.container-fluid .well-material-deeporange,body .jumbotron-material-deeporange,body .well-material-deeporange{background-color:#ff5722}.container .jumbotron-material-grey,.container .well-material-grey,.container-fluid .jumbotron-material-grey,.container-fluid .well-material-grey,body .jumbotron-material-grey,body .well-material-grey{background-color:#9e9e9e}.container .jumbotron-material-bluegrey,.container .well-material-bluegrey,.container-fluid .jumbotron-material-bluegrey,.container-fluid .well-material-bluegrey,body .jumbotron-material-bluegrey,body .well-material-bluegrey{background-color:#607d8b}.container .jumbotron-material-brown,.container .well-material-brown,.container-fluid .jumbotron-material-brown,.container-fluid .well-material-brown,body .jumbotron-material-brown,body .well-material-brown{background-color:#795548}.container .jumbotron-material-lightgrey,.container .well-material-lightgrey,.container-fluid .jumbotron-material-lightgrey,.container-fluid .well-material-lightgrey,body .jumbotron-material-lightgrey,body .well-material-lightgrey{background-color:#ececec}.btn{position:relative;padding:8px 30px;border:0;margin:10px 1px;cursor:pointer;border-radius:4px;text-transform:uppercase;text-decoration:none;color:rgba(255,255,255,.84);-webkit-transition:box-shadow .28s cubic-bezier(0.4,0,.2,1);transition:box-shadow .28s cubic-bezier(0.4,0,.2,1);outline:0!important}.btn:hover{color:rgba(255,255,255,.84)}.btn:hover:not(.btn-link){box-shadow:0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.28)}.btn:active:not(.btn-link){box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.btn-default:not(.btn-link),.btn:not(.btn-link){background-color:transparent}.btn-primary:not(.btn-link){background-color:#4285f4}.btn-success:not(.btn-link){background-color:#0f9d58}.btn-info:not(.btn-link){background-color:#03a9f4}.btn-warning:not(.btn-link){background-color:#ff5722}.btn-danger:not(.btn-link),.btn-material-red:not(.btn-link){background-color:#f44336}.btn-material-pink:not(.btn-link){background-color:#e91e63}.btn-material-purple:not(.btn-link){background-color:#9c27b0}.btn-material-deeppurple:not(.btn-link){background-color:#673ab7}.btn-material-indigo:not(.btn-link){background-color:#3f51b5}.btn-material-lightblue:not(.btn-link){background-color:#03a9f4}.btn-material-cyan:not(.btn-link){background-color:#00bcd4}.btn-material-teal:not(.btn-link){background-color:#009688}.btn-material-lightgreen:not(.btn-link){background-color:#8bc34a}.btn-material-lime:not(.btn-link){background-color:#cddc39}.btn-material-lightyellow:not(.btn-link){background-color:#ffeb3b}.btn-material-orange:not(.btn-link){background-color:#ff9800}.btn-material-deeporange:not(.btn-link){background-color:#ff5722}.btn-material-grey:not(.btn-link){background-color:#9e9e9e}.btn-material-bluegrey:not(.btn-link){background-color:#607d8b}.btn-material-brown:not(.btn-link){background-color:#795548}.btn-material-lightgrey:not(.btn-link){background-color:#ececec}.btn-default,.btn-default:hover,.btn-link,.btn-link:hover,.btn:not([class^="btn btn-"]),.btn:not([class^="btn btn-"]):hover{color:rgba(0,0,0,.84)}.btn-default:hover,.btn:not([class^="btn btn-"]):hover{background-color:rgba(255,255,255,.5)}.btn-raised{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-webkit-transition:box-shadow .28s cubic-bezier(0.4,0,.2,1);transition:box-shadow .28s cubic-bezier(0.4,0,.2,1)}.btn-raised:active:not(.btn-link){box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.open>.dropdown-toggle.btn,.open>.dropdown-toggle.btn-default{background-color:transparent}.open>.dropdown-toggle.btn-primary{background-color:#4285f4}.open>.dropdown-toggle.btn-success{background-color:#0f9d58}.open>.dropdown-toggle.btn-info{background-color:#03a9f4}.open>.dropdown-toggle.btn-warning{background-color:#ff5722}.open>.dropdown-toggle.btn-danger,.open>.dropdown-toggle.btn-material-red{background-color:#f44336}.open>.dropdown-toggle.btn-material-pink{background-color:#e91e63}.open>.dropdown-toggle.btn-material-purple{background-color:#9c27b0}.open>.dropdown-toggle.btn-material-deeppurple{background-color:#673ab7}.open>.dropdown-toggle.btn-material-indigo{background-color:#3f51b5}.open>.dropdown-toggle.btn-material-lightblue{background-color:#03a9f4}.open>.dropdown-toggle.btn-material-cyan{background-color:#00bcd4}.open>.dropdown-toggle.btn-material-teal{background-color:#009688}.open>.dropdown-toggle.btn-material-lightgreen{background-color:#8bc34a}.open>.dropdown-toggle.btn-material-lime{background-color:#cddc39}.open>.dropdown-toggle.btn-material-lightyellow{background-color:#ffeb3b}.open>.dropdown-toggle.btn-material-orange{background-color:#ff9800}.open>.dropdown-toggle.btn-material-deeporange{background-color:#ff5722}.open>.dropdown-toggle.btn-material-grey{background-color:#9e9e9e}.open>.dropdown-toggle.btn-material-bluegrey{background-color:#607d8b}.open>.dropdown-toggle.btn-material-brown{background-color:#795548}.open>.dropdown-toggle.btn-material-lightgrey{background-color:#ececec}.btn-flat{box-shadow:none!important}.btn-flat.btn-default:hover{background:0 0}.btn-group,.btn-group-vertical{position:relative;border-radius:4px;margin:10px 1px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-webkit-transition:box-shadow .28s cubic-bezier(0.4,0,.2,1);transition:box-shadow .28s cubic-bezier(0.4,0,.2,1)}.btn-group-vertical:active:not(.btn-link),.btn-group:active:not(.btn-link){box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.btn-group-vertical.open .dropdown-toggle,.btn-group.open .dropdown-toggle{box-shadow:none}.btn-group-vertical.btn-group-raised,.btn-group.btn-group-raised{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-webkit-transition:box-shadow .28s cubic-bezier(0.4,0,.2,1);transition:box-shadow .28s cubic-bezier(0.4,0,.2,1)}.btn-group-vertical.btn-group-raised:active:not(.btn-link),.btn-group.btn-group-raised:active:not(.btn-link){box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.btn-group .btn,.btn-group .btn-group,.btn-group .btn:active,.btn-group-vertical .btn,.btn-group-vertical .btn-group,.btn-group-vertical .btn:active{box-shadow:none!important;margin:0}.btn-group .btn:active .caret,.btn-group-vertical .btn:active .caret{margin-left:-1px}.btn-group-flat{box-shadow:none!important}.btn-fab{margin:0;padding:15px;font-size:26px;width:56px;height:56px}.btn-fab,.btn-fab-default,.btn-fab:hover,.btn-fab:hover-default{background-color:transparent}.btn-fab-primary,.btn-fab:hover-primary{background-color:#4285f4}.btn-fab-success,.btn-fab:hover-success{background-color:#0f9d58}.btn-fab-info,.btn-fab:hover-info{background-color:#03a9f4}.btn-fab-warning,.btn-fab:hover-warning{background-color:#ff5722}.btn-fab-danger,.btn-fab-material-red,.btn-fab:hover-danger,.btn-fab:hover-material-red{background-color:#f44336}.btn-fab-material-pink,.btn-fab:hover-material-pink{background-color:#e91e63}.btn-fab-material-purple,.btn-fab:hover-material-purple{background-color:#9c27b0}.btn-fab-material-deeppurple,.btn-fab:hover-material-deeppurple{background-color:#673ab7}.btn-fab-material-indigo,.btn-fab:hover-material-indigo{background-color:#3f51b5}.btn-fab-material-lightblue,.btn-fab:hover-material-lightblue{background-color:#03a9f4}.btn-fab-material-cyan,.btn-fab:hover-material-cyan{background-color:#00bcd4}.btn-fab-material-teal,.btn-fab:hover-material-teal{background-color:#009688}.btn-fab-material-lightgreen,.btn-fab:hover-material-lightgreen{background-color:#8bc34a}.btn-fab-material-lime,.btn-fab:hover-material-lime{background-color:#cddc39}.btn-fab-material-lightyellow,.btn-fab:hover-material-lightyellow{background-color:#ffeb3b}.btn-fab-material-orange,.btn-fab:hover-material-orange{background-color:#ff9800}.btn-fab-material-deeporange,.btn-fab:hover-material-deeporange{background-color:#ff5722}.btn-fab-material-grey,.btn-fab:hover-material-grey{background-color:#9e9e9e}.btn-fab-material-bluegrey,.btn-fab:hover-material-bluegrey{background-color:#607d8b}.btn-fab-material-brown,.btn-fab:hover-material-brown{background-color:#795548}.btn-fab-material-lightgrey,.btn-fab:hover-material-lightgrey{background-color:#ececec}.btn-fab,.btn-fab .ripple-wrapper{border-radius:100%}.btn-fab.btn-mini{width:40px;height:40px;padding:13px;font-size:15px}.form-horizontal .checkbox{padding-top:15px}.checkbox{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.checkbox label{cursor:pointer;padding-left:45px;position:relative}.checkbox label span{display:block;position:absolute;left:0;-webkit-transition-duration:.2s;transition-duration:.2s}.checkbox label .check:after{display:block;position:absolute;content:"";background-color:rgba(0,0,0,.84);left:-5px;top:-15px;height:50px;width:50px;border-radius:100%;z-index:1;opacity:0;margin:0}.checkbox label .check:before{display:block;content:"";border:2px solid rgba(0,0,0,.84);height:20px;width:20px;-webkit-transition-delay:.2s;transition-delay:.2s}.checkbox .check,.checkbox-default .check{color:#0f9d58}.checkbox-primary .check{color:#4285f4}.checkbox-success .check{color:#0f9d58}.checkbox-info .check{color:#03a9f4}.checkbox-warning .check{color:#ff5722}.checkbox-danger .check,.checkbox-material-red .check{color:#f44336}.checkbox-material-pink .check{color:#e91e63}.checkbox-material-purple .check{color:#9c27b0}.checkbox-material-deeppurple .check{color:#673ab7}.checkbox-material-indigo .check{color:#3f51b5}.checkbox-material-lightblue .check{color:#03a9f4}.checkbox-material-cyan .check{color:#00bcd4}.checkbox-material-teal .check{color:#009688}.checkbox-material-lightgreen .check{color:#8bc34a}.checkbox-material-lime .check{color:#cddc39}.checkbox-material-lightyellow .check{color:#ffeb3b}.checkbox-material-orange .check{color:#ff9800}.checkbox-material-deeporange .check{color:#ff5722}.checkbox-material-grey .check{color:#9e9e9e}.checkbox-material-bluegrey .check{color:#607d8b}.checkbox-material-brown .check{color:#795548}.checkbox-material-lightgrey .check{color:#ececec}.checkbox input[type=checkbox]{opacity:0}.checkbox input[type=checkbox]~.check:before{position:absolute;top:2px;left:11px;width:18px;height:18px;border:2px solid;border-color:#5a5a5a;-webkit-animation:uncheck 300ms ease-out forwards;animation:uncheck 300ms ease-out forwards}.checkbox input[type=checkbox]:focus~.check:after{opacity:.2}.checkbox input[type=checkbox]:checked~.check:before{-webkit-animation:check 300ms ease-out forwards;animation:check 300ms ease-out forwards}.checkbox input[type=checkbox]:not(:checked)~.check:after{-webkit-animation:rippleOff 500ms linear forwards;animation:rippleOff 500ms linear forwards}.checkbox input[type=checkbox]:checked~.check:after{-webkit-animation:rippleOn 500ms linear forwards;animation:rippleOn 500ms linear forwards}.checkbox:not(:hover) input[type=checkbox]~.check:after,.checkbox:not(:hover) input[type=checkbox]~.check:before{-webkit-animation-duration:1ms;animation-duration:1ms}.checkbox input[type=checkbox][disabled]:not(:checked)~.check:before{opacity:.5}.checkbox input[type=checkbox][disabled]~.check:after{background-color:rgba(0,0,0,.84);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.checkbox input[type=checkbox]:checked~.check:after,.checkbox-default input[type=checkbox]:checked~.check:after{background-color:#0f9d58}.checkbox-primary input[type=checkbox]:checked~.check:after{background-color:#4285f4}.checkbox-success input[type=checkbox]:checked~.check:after{background-color:#0f9d58}.checkbox-info input[type=checkbox]:checked~.check:after{background-color:#03a9f4}.checkbox-warning input[type=checkbox]:checked~.check:after{background-color:#ff5722}.checkbox-danger input[type=checkbox]:checked~.check:after,.checkbox-material-red input[type=checkbox]:checked~.check:after{background-color:#f44336}.checkbox-material-pink input[type=checkbox]:checked~.check:after{background-color:#e91e63}.checkbox-material-purple input[type=checkbox]:checked~.check:after{background-color:#9c27b0}.checkbox-material-deeppurple input[type=checkbox]:checked~.check:after{background-color:#673ab7}.checkbox-material-indigo input[type=checkbox]:checked~.check:after{background-color:#3f51b5}.checkbox-material-lightblue input[type=checkbox]:checked~.check:after{background-color:#03a9f4}.checkbox-material-cyan input[type=checkbox]:checked~.check:after{background-color:#00bcd4}.checkbox-material-teal input[type=checkbox]:checked~.check:after{background-color:#009688}.checkbox-material-lightgreen input[type=checkbox]:checked~.check:after{background-color:#8bc34a}.checkbox-material-lime input[type=checkbox]:checked~.check:after{background-color:#cddc39}.checkbox-material-lightyellow input[type=checkbox]:checked~.check:after{background-color:#ffeb3b}.checkbox-material-orange input[type=checkbox]:checked~.check:after{background-color:#ff9800}.checkbox-material-deeporange input[type=checkbox]:checked~.check:after{background-color:#ff5722}.checkbox-material-grey input[type=checkbox]:checked~.check:after{background-color:#9e9e9e}.checkbox-material-bluegrey input[type=checkbox]:checked~.check:after{background-color:#607d8b}.checkbox-material-brown input[type=checkbox]:checked~.check:after{background-color:#795548}.checkbox-material-lightgrey input[type=checkbox]:checked~.check:after{background-color:#ececec}@-webkit-keyframes uncheck{0%{top:-3px;left:17px;width:10px;height:21px;border-color:transparent #0f9d58 #0f9d58 transparent;-webkit-transform:rotate(45deg);transform:rotate(45deg)}50%{top:14px;left:17px;width:4px;height:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:transparent #0f9d58 #0f9d58 transparent}51%{border-color:#5a5a5a}100%{top:1px;left:12px;width:18px;height:18px;-webkit-transform:rotate(0deg);transform:rotate(0deg);border-color:#5a5a5a}}@keyframes uncheck{0%{top:-3px;left:17px;width:10px;height:21px;border-color:transparent #0f9d58 #0f9d58 transparent;-webkit-transform:rotate(45deg);transform:rotate(45deg)}50%{top:14px;left:17px;width:4px;height:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:transparent #0f9d58 #0f9d58 transparent}51%{border-color:#5a5a5a}100%{top:1px;left:12px;width:18px;height:18px;-webkit-transform:rotate(0deg);transform:rotate(0deg);border-color:#5a5a5a}}@-webkit-keyframes check{100%{top:-3px;left:17px;width:10px;height:21px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:transparent #0f9d58 #0f9d58 transparent}51%{border-left:transparent;border-top-color:transparent}50%{top:14px;left:17px;width:4px;height:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:#5a5a5a}0%{top:1px;left:12px;width:18px;height:18px;-webkit-transform:rotate(0deg);transform:rotate(0deg);border-color:#5a5a5a}}@keyframes check{100%{top:-3px;left:17px;width:10px;height:21px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:transparent #0f9d58 #0f9d58 transparent}51%{border-left:transparent;border-top-color:transparent}50%{top:14px;left:17px;width:4px;height:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:#5a5a5a}0%{top:1px;left:12px;width:18px;height:18px;-webkit-transform:rotate(0deg);transform:rotate(0deg);border-color:#5a5a5a}}@-webkit-keyframes rippleOn{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}@keyframes rippleOn{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}@-webkit-keyframes rippleOff{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}@keyframes rippleOff{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}.form-horizontal .radio{margin-bottom:10px}.radio label{cursor:pointer;padding-left:45px;position:relative}.radio label span{display:block;position:absolute;left:10px;top:2px;-webkit-transition-duration:.2s;transition-duration:.2s}.radio label .circle{border:2px solid rgba(0,0,0,.84);height:15px;width:15px;border-radius:100%}.radio label .check{height:15px;width:15px;border-radius:100%;background-color:rgba(0,0,0,.84);-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.radio label .check:after{display:block;position:absolute;content:"";background-color:rgba(0,0,0,.84);left:-18px;top:-18px;height:50px;width:50px;border-radius:100%;z-index:1;opacity:0;margin:0;-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5)}.radio label input[type=radio]:not(:checked)~.check:after{-webkit-animation:rippleOff 500ms;animation:rippleOff 500ms}.radio label input[type=radio]:checked~.check:after{-webkit-animation:rippleOn 500ms;animation:rippleOn 500ms}.radio input[type=radio]:checked~.check,.radio-default input[type=radio]:checked~.check{background-color:rgba(0,0,0,.84)}.radio-primary input[type=radio]:checked~.check{background-color:#4285f4}.radio-success input[type=radio]:checked~.check{background-color:#0f9d58}.radio-info input[type=radio]:checked~.check{background-color:#03a9f4}.radio-warning input[type=radio]:checked~.check{background-color:#ff5722}.radio-danger input[type=radio]:checked~.check,.radio-material-red input[type=radio]:checked~.check{background-color:#f44336}.radio-material-pink input[type=radio]:checked~.check{background-color:#e91e63}.radio-material-purple input[type=radio]:checked~.check{background-color:#9c27b0}.radio-material-deeppurple input[type=radio]:checked~.check{background-color:#673ab7}.radio-material-indigo input[type=radio]:checked~.check{background-color:#3f51b5}.radio-material-lightblue input[type=radio]:checked~.check{background-color:#03a9f4}.radio-material-cyan input[type=radio]:checked~.check{background-color:#00bcd4}.radio-material-teal input[type=radio]:checked~.check{background-color:#009688}.radio-material-lightgreen input[type=radio]:checked~.check{background-color:#8bc34a}.radio-material-lime input[type=radio]:checked~.check{background-color:#cddc39}.radio-material-lightyellow input[type=radio]:checked~.check{background-color:#ffeb3b}.radio-material-orange input[type=radio]:checked~.check{background-color:#ff9800}.radio-material-deeporange input[type=radio]:checked~.check{background-color:#ff5722}.radio-material-grey input[type=radio]:checked~.check{background-color:#9e9e9e}.radio-material-bluegrey input[type=radio]:checked~.check{background-color:#607d8b}.radio-material-brown input[type=radio]:checked~.check{background-color:#795548}.radio-material-lightgrey input[type=radio]:checked~.check{background-color:#ececec}.radio input[type=radio]:checked~.circle,.radio-default input[type=radio]:checked~.circle{border-color:rgba(0,0,0,.84)}.radio-primary input[type=radio]:checked~.circle{border-color:#4285f4}.radio-success input[type=radio]:checked~.circle{border-color:#0f9d58}.radio-info input[type=radio]:checked~.circle{border-color:#03a9f4}.radio-warning input[type=radio]:checked~.circle{border-color:#ff5722}.radio-danger input[type=radio]:checked~.circle,.radio-material-red input[type=radio]:checked~.circle{border-color:#f44336}.radio-material-pink input[type=radio]:checked~.circle{border-color:#e91e63}.radio-material-purple input[type=radio]:checked~.circle{border-color:#9c27b0}.radio-material-deeppurple input[type=radio]:checked~.circle{border-color:#673ab7}.radio-material-indigo input[type=radio]:checked~.circle{border-color:#3f51b5}.radio-material-lightblue input[type=radio]:checked~.circle{border-color:#03a9f4}.radio-material-cyan input[type=radio]:checked~.circle{border-color:#00bcd4}.radio-material-teal input[type=radio]:checked~.circle{border-color:#009688}.radio-material-lightgreen input[type=radio]:checked~.circle{border-color:#8bc34a}.radio-material-lime input[type=radio]:checked~.circle{border-color:#cddc39}.radio-material-lightyellow input[type=radio]:checked~.circle{border-color:#ffeb3b}.radio-material-orange input[type=radio]:checked~.circle{border-color:#ff9800}.radio-material-deeporange input[type=radio]:checked~.circle{border-color:#ff5722}.radio-material-grey input[type=radio]:checked~.circle{border-color:#9e9e9e}.radio-material-bluegrey input[type=radio]:checked~.circle{border-color:#607d8b}.radio-material-brown input[type=radio]:checked~.circle{border-color:#795548}.radio-material-lightgrey input[type=radio]:checked~.circle{border-color:#ececec}.radio input[type=radio][disabled]~.check,.radio input[type=radio][disabled]~.circle{opacity:.5}.radio input[type=radio]{display:none}.radio input[type=radio]:checked~.check{-webkit-transform:scale(0.55);-ms-transform:scale(0.55);transform:scale(0.55)}.radio input[type=radio][disabled]~.circle{border-color:rgba(0,0,0,.84)}.radio input[type=radio][disabled]~.check{background-color:rgba(0,0,0,.84)}@keyframes rippleOn{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}@keyframes rippleOff{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}.form-control,.form-control-wrapper .form-control,.form-control-wrapper .form-control.focus,.form-control-wrapper .form-control:focus,.form-control.focus,.form-control:focus,fieldset[disabled] .form-control,fieldset[disabled] .form-control.focus,fieldset[disabled] .form-control:focus{padding:0;float:none;border:0;box-shadow:none;border-radius:0;background:0 0;border-bottom:1px solid #757575}.form-control-wrapper .form-control.focus:not(textarea):not(select),.form-control-wrapper .form-control:focus:not(textarea):not(select),.form-control-wrapper .form-control:not(textarea):not(select),.form-control.focus:not(textarea):not(select),.form-control:focus:not(textarea):not(select),.form-control:not(textarea):not(select),fieldset[disabled] .form-control.focus:not(textarea):not(select),fieldset[disabled] .form-control:focus:not(textarea):not(select),fieldset[disabled] .form-control:not(textarea):not(select){height:28px}.form-control-wrapper .form-control.focus:disabled,.form-control-wrapper .form-control:disabled,.form-control-wrapper .form-control:focus:disabled,.form-control.focus:disabled,.form-control:disabled,.form-control:focus:disabled,fieldset[disabled] .form-control.focus:disabled,fieldset[disabled] .form-control:disabled,fieldset[disabled] .form-control:focus:disabled{border-style:dashed}select.form-control{height:23px}select[multiple].form-control,select[multiple].form-control.focus,select[multiple].form-control:focus{height:85px}.form-control-wrapper{position:relative}.form-control-wrapper .form-control.focus,.form-control-wrapper .form-control:focus{outline:0}.form-control-wrapper .floating-label{color:#7E7E7E;font-size:14px;position:absolute;pointer-events:none;left:0;top:5px;-webkit-transition:.2s ease all;transition:.2s ease all;opacity:0}.form-control-wrapper .form-control:not(.empty)~.floating-label{top:-10px;font-size:10px;opacity:1}.form-control-wrapper .form-control.focus:invalid~.floating-label,.form-control-wrapper .form-control:focus:invalid~.floating-label{color:#f44336}.form-control-wrapper .form-control.focus~.material-input:after,.form-control-wrapper .form-control:focus~.material-input:after{background-color:#5264ae}.form-control-wrapper .form-control.focus:invalid~.material-input:after,.form-control-wrapper .form-control.focus:invalid~.material-input:before,.form-control-wrapper .form-control:focus:invalid~.material-input:after,.form-control-wrapper .form-control:focus:invalid~.material-input:before{background-color:#f44336}.form-control-wrapper .form-control.empty~.floating-label{opacity:1}.form-control-wrapper .material-input:before{position:absolute;content:"";width:100%;left:0;height:2px;background-color:#5264ae;bottom:-1px;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform 0s;transition:transform 0s}.form-control-wrapper .form-control.focus~.material-input:before,.form-control-wrapper .form-control:focus~.material-input:before{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);-webkit-transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out}.form-control-wrapper .material-input:after{content:"";position:absolute;height:18px;width:100px;margin-top:-1px;top:7px;left:0;pointer-events:none;opacity:.9;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}.form-control-wrapper .input-lg~.material-input:after{height:26px}.form-control-wrapper textarea{resize:none}.form-control-wrapper textarea~.form-control-highlight{margin-top:-11px}.form-control-wrapper .form-control.focus~.material-input:after,.form-control-wrapper .form-control:focus~.material-input:after{-webkit-animation:input-highlight .3s ease;animation:input-highlight .3s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}.form-control-wrapper select~.material-input:after{display:none}.form-group.has-warning .material-input:before,.form-group.has-warning input.form-control.focus~.material-input:after,.form-group.has-warning input.form-control:focus~.material-input:after{background:#ff5722}.form-group.has-warning .control-label,.form-group.has-warning input.form-control:not(.empty)~.floating-label{color:#ff5722}.form-group.has-error .material-input:before,.form-group.has-error input.form-control.focus~.material-input:after,.form-group.has-error input.form-control:focus~.material-input:after{background:#f44336}.form-group.has-error .control-label,.form-group.has-error input.form-control:not(.empty)~.floating-label{color:#f44336}.form-group.has-success .material-input:before,.form-group.has-success input.form-control.focus~.material-input:after,.form-group.has-success input.form-control:focus~.material-input:after{background:#0f9d58}.form-group.has-success .control-label,.form-group.has-success input.form-control:not(.empty)~.floating-label{color:#0f9d58}.form-group.has-info .material-input:before,.form-group.has-info input.form-control.focus~.material-input:after,.form-group.has-info input.form-control:focus~.material-input:after{background:#03a9f4}.form-group.has-info .control-label,.form-group.has-info input.form-control:not(.empty)~.floating-label{color:#03a9f4}.form-group .material-input:before,.form-group-default .material-input:before{background-color:#3f51b5}.form-group-primary .material-input:before{background-color:#4285f4}.form-group-success .material-input:before{background-color:#0f9d58}.form-group-info .material-input:before{background-color:#03a9f4}.form-group-warning .material-input:before{background-color:#ff5722}.form-group-danger .material-input:before,.form-group-material-red .material-input:before{background-color:#f44336}.form-group-material-pink .material-input:before{background-color:#e91e63}.form-group-material-purple .material-input:before{background-color:#9c27b0}.form-group-material-deeppurple .material-input:before{background-color:#673ab7}.form-group-material-indigo .material-input:before{background-color:#3f51b5}.form-group-material-lightblue .material-input:before{background-color:#03a9f4}.form-group-material-cyan .material-input:before{background-color:#00bcd4}.form-group-material-teal .material-input:before{background-color:#009688}.form-group-material-lightgreen .material-input:before{background-color:#8bc34a}.form-group-material-lime .material-input:before{background-color:#cddc39}.form-group-material-lightyellow .material-input:before{background-color:#ffeb3b}.form-group-material-orange .material-input:before{background-color:#ff9800}.form-group-material-deeporange .material-input:before{background-color:#ff5722}.form-group-material-grey .material-input:before{background-color:#9e9e9e}.form-group-material-bluegrey .material-input:before{background-color:#607d8b}.form-group-material-brown .material-input:before{background-color:#795548}.form-group-material-lightgrey .material-input:before{background-color:#ececec}.form-group input.form-control:focus~.material-input:after,.form-group-default input.form-control:focus~.material-input:after{background-color:#3f51b5}.form-group-primary input.form-control:focus~.material-input:after{background-color:#4285f4}.form-group-success input.form-control:focus~.material-input:after{background-color:#0f9d58}.form-group-info input.form-control:focus~.material-input:after{background-color:#03a9f4}.form-group-warning input.form-control:focus~.material-input:after{background-color:#ff5722}.form-group-danger input.form-control:focus~.material-input:after,.form-group-material-red input.form-control:focus~.material-input:after{background-color:#f44336}.form-group-material-pink input.form-control:focus~.material-input:after{background-color:#e91e63}.form-group-material-purple input.form-control:focus~.material-input:after{background-color:#9c27b0}.form-group-material-deeppurple input.form-control:focus~.material-input:after{background-color:#673ab7}.form-group-material-indigo input.form-control:focus~.material-input:after{background-color:#3f51b5}.form-group-material-lightblue input.form-control:focus~.material-input:after{background-color:#03a9f4}.form-group-material-cyan input.form-control:focus~.material-input:after{background-color:#00bcd4}.form-group-material-teal input.form-control:focus~.material-input:after{background-color:#009688}.form-group-material-lightgreen input.form-control:focus~.material-input:after{background-color:#8bc34a}.form-group-material-lime input.form-control:focus~.material-input:after{background-color:#cddc39}.form-group-material-lightyellow input.form-control:focus~.material-input:after{background-color:#ffeb3b}.form-group-material-orange input.form-control:focus~.material-input:after{background-color:#ff9800}.form-group-material-deeporange input.form-control:focus~.material-input:after{background-color:#ff5722}.form-group-material-grey input.form-control:focus~.material-input:after{background-color:#9e9e9e}.form-group-material-bluegrey input.form-control:focus~.material-input:after{background-color:#607d8b}.form-group-material-brown input.form-control:focus~.material-input:after{background-color:#795548}.form-group-material-lightgrey input.form-control:focus~.material-input:after{background-color:#ececec}.form-group input.form-control.focus~.material-input:after,.form-group-default input.form-control.focus~.material-input:after{background-color:#3f51b5}.form-group-primary input.form-control.focus~.material-input:after{background-color:#4285f4}.form-group-success input.form-control.focus~.material-input:after{background-color:#0f9d58}.form-group-info input.form-control.focus~.material-input:after{background-color:#03a9f4}.form-group-warning input.form-control.focus~.material-input:after{background-color:#ff5722}.form-group-danger input.form-control.focus~.material-input:after,.form-group-material-red input.form-control.focus~.material-input:after{background-color:#f44336}.form-group-material-pink input.form-control.focus~.material-input:after{background-color:#e91e63}.form-group-material-purple input.form-control.focus~.material-input:after{background-color:#9c27b0}.form-group-material-deeppurple input.form-control.focus~.material-input:after{background-color:#673ab7}.form-group-material-indigo input.form-control.focus~.material-input:after{background-color:#3f51b5}.form-group-material-lightblue input.form-control.focus~.material-input:after{background-color:#03a9f4}.form-group-material-cyan input.form-control.focus~.material-input:after{background-color:#00bcd4}.form-group-material-teal input.form-control.focus~.material-input:after{background-color:#009688}.form-group-material-lightgreen input.form-control.focus~.material-input:after{background-color:#8bc34a}.form-group-material-lime input.form-control.focus~.material-input:after{background-color:#cddc39}.form-group-material-lightyellow input.form-control.focus~.material-input:after{background-color:#ffeb3b}.form-group-material-orange input.form-control.focus~.material-input:after{background-color:#ff9800}.form-group-material-deeporange input.form-control.focus~.material-input:after{background-color:#ff5722}.form-group-material-grey input.form-control.focus~.material-input:after{background-color:#9e9e9e}.form-group-material-bluegrey input.form-control.focus~.material-input:after{background-color:#607d8b}.form-group-material-brown input.form-control.focus~.material-input:after{background-color:#795548}.form-group-material-lightgrey input.form-control.focus~.material-input:after{background-color:#ececec}.form-group .control-label,.form-group-default .control-label{color:rgba(0,0,0,.84)}.form-group-primary .control-label{color:#4285f4}.form-group-success .control-label{color:#0f9d58}.form-group-info .control-label{color:#03a9f4}.form-group-warning .control-label{color:#ff5722}.form-group-danger .control-label,.form-group-material-red .control-label{color:#f44336}.form-group-material-pink .control-label{color:#e91e63}.form-group-material-purple .control-label{color:#9c27b0}.form-group-material-deeppurple .control-label{color:#673ab7}.form-group-material-indigo .control-label{color:#3f51b5}.form-group-material-lightblue .control-label{color:#03a9f4}.form-group-material-cyan .control-label{color:#00bcd4}.form-group-material-teal .control-label{color:#009688}.form-group-material-lightgreen .control-label{color:#8bc34a}.form-group-material-lime .control-label{color:#cddc39}.form-group-material-lightyellow .control-label{color:#ffeb3b}.form-group-material-orange .control-label{color:#ff9800}.form-group-material-deeporange .control-label{color:#ff5722}.form-group-material-grey .control-label{color:#9e9e9e}.form-group-material-bluegrey .control-label{color:#607d8b}.form-group-material-brown .control-label{color:#795548}.form-group-material-lightgrey .control-label{color:#ececec}.form-group input.form-control:not(.empty)~.floating-label,.form-group-default input.form-control:not(.empty)~.floating-label{color:#3f51b5}.form-group-primary input.form-control:not(.empty)~.floating-label{color:#4285f4}.form-group-success input.form-control:not(.empty)~.floating-label{color:#0f9d58}.form-group-info input.form-control:not(.empty)~.floating-label{color:#03a9f4}.form-group-warning input.form-control:not(.empty)~.floating-label{color:#ff5722}.form-group-danger input.form-control:not(.empty)~.floating-label,.form-group-material-red input.form-control:not(.empty)~.floating-label{color:#f44336}.form-group-material-pink input.form-control:not(.empty)~.floating-label{color:#e91e63}.form-group-material-purple input.form-control:not(.empty)~.floating-label{color:#9c27b0}.form-group-material-deeppurple input.form-control:not(.empty)~.floating-label{color:#673ab7}.form-group-material-indigo input.form-control:not(.empty)~.floating-label{color:#3f51b5}.form-group-material-lightblue input.form-control:not(.empty)~.floating-label{color:#03a9f4}.form-group-material-cyan input.form-control:not(.empty)~.floating-label{color:#00bcd4}.form-group-material-teal input.form-control:not(.empty)~.floating-label{color:#009688}.form-group-material-lightgreen input.form-control:not(.empty)~.floating-label{color:#8bc34a}.form-group-material-lime input.form-control:not(.empty)~.floating-label{color:#cddc39}.form-group-material-lightyellow input.form-control:not(.empty)~.floating-label{color:#ffeb3b}.form-group-material-orange input.form-control:not(.empty)~.floating-label{color:#ff9800}.form-group-material-deeporange input.form-control:not(.empty)~.floating-label{color:#ff5722}.form-group-material-grey input.form-control:not(.empty)~.floating-label{color:#9e9e9e}.form-group-material-bluegrey input.form-control:not(.empty)~.floating-label{color:#607d8b}.form-group-material-brown input.form-control:not(.empty)~.floating-label{color:#795548}.form-group-material-lightgrey input.form-control:not(.empty)~.floating-label{color:#ececec}.input-group .form-control-wrapper{margin-right:5px;margin-left:5px;bottom:-10px}.input-group .form-control-wrapper .form-control{float:none}.input-group .input-group-addon{border:0}.input-group .input-group-btn .btn{border-radius:4px}select.form-control{border:0;box-shadow:none;border-bottom:1px solid #757575;border-radius:0}select.form-control.focus,select.form-control:focus{box-shadow:none;border-color:#757575}@keyframes input-highlight{0%{left:20%;-webkit-transform:scaleX(20%);transform:scaleX(20%)}99%{-webkit-transform:scaleX(0);transform:scaleX(0);left:0;opacity:1}100%{opacity:0}}.form-control-wrapper input[type=file]{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:100}legend{border-bottom:0}.modal-content{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);border-radius:0;border:0}.modal-content .modal-header{border-bottom:0}.modal-content .modal-footer{border-top:0}.modal-content .modal-footer .btn+.btn{margin-bottom:10px}.list-group{border-radius:0}.list-group .list-group-item{background-color:transparent;overflow:hidden;border:0;border-radius:0;padding:0 16px}.list-group .list-group-item .row-action-primary,.list-group .list-group-item .row-picture{float:left;display:inline-block;padding-right:16px}.list-group .list-group-item .row-action-primary i,.list-group .list-group-item .row-action-primary img,.list-group .list-group-item .row-action-primary label,.list-group .list-group-item .row-picture i,.list-group .list-group-item .row-picture img,.list-group .list-group-item .row-picture label{display:block;width:56px;height:56px}.list-group .list-group-item .row-action-primary img,.list-group .list-group-item .row-picture img{background:rgba(0,0,0,.1);padding:1px}.list-group .list-group-item .row-action-primary img.circle,.list-group .list-group-item .row-picture img.circle{border-radius:100%}.list-group .list-group-item .row-action-primary i,.list-group .list-group-item .row-picture i{background:rgba(0,0,0,.25);border-radius:100%;text-align:center;line-height:56px;font-size:20px;color:#fff}.list-group .list-group-item .row-action-primary label,.list-group .list-group-item .row-picture label{margin:5px -7px -5px 7px}.list-group .list-group-item .row-content{display:inline-block;width:calc(100% - 92px);min-height:66px}.list-group .list-group-item .row-content .action-secondary{position:absolute;right:16px;top:16px}.list-group .list-group-item .row-content .action-secondary i{font-size:20px;color:rgba(0,0,0,.25);cursor:pointer}.list-group .list-group-item .row-content .action-secondary~*{max-width:calc(100% - 30px)}.list-group .list-group-item .row-content .least-content{position:absolute;right:16px;top:0;color:rgba(0,0,0,.54);font-size:14px}.list-group .list-group-item .list-group-item-heading{color:rgba(0,0,0,.77);font-size:20px;line-height:29px}.list-group .list-group-separator{clear:both;overflow:hidden;margin-top:10px;margin-bottom:10px}.list-group .list-group-separator:before{content:"";width:calc(100% - 90px);border-bottom:1px solid rgba(0,0,0,.1);float:right}.navbar{border:0;border-radius:0}.navbar .navbar-brand{position:relative;height:60px;line-height:30px;color:rgba(255,255,255,.84)}.navbar .navbar-brand:focus,.navbar .navbar-brand:hover{color:rgba(255,255,255,.84);background-color:transparent}.navbar .navbar-text{color:rgba(255,255,255,.84);margin-top:20px;margin-bottom:20px}.navbar .navbar-nav>li>a{color:rgba(255,255,255,.84);padding-top:20px;padding-bottom:20px}.navbar .navbar-nav>li>a:focus,.navbar .navbar-nav>li>a:hover{color:rgba(255,255,255,.84);background-color:transparent}.navbar .navbar-nav>.active>a,.navbar .navbar-nav>.active>a:focus,.navbar .navbar-nav>.active>a:hover{color:rgba(255,255,255,.84);background-color:rgba(0,0,0,.05)}.navbar .navbar-nav>.disabled>a,.navbar .navbar-nav>.disabled>a:focus,.navbar .navbar-nav>.disabled>a:hover{color:#e5e5e5;background-color:transparent}.navbar .navbar-toggle{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} diff --git a/css-compiled/material.css b/css-compiled/material.css index 4b8a06ae..031a3f44 100644 --- a/css-compiled/material.css +++ b/css-compiled/material.css @@ -1,18 +1,3 @@ -/* Generated by less 1.7.5 */ -@-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%; @@ -400,8 +385,7 @@ body .jumbotron-material-lightgrey, text-transform: uppercase; text-decoration: none; color: rgba(255, 255, 255, 0.84); - -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); - transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); + transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); outline: none !important; } .btn:hover { @@ -499,8 +483,7 @@ 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); - -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); + 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); @@ -587,8 +570,7 @@ 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); - -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); + 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) { @@ -601,8 +583,7 @@ 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); - -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); + 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) { @@ -739,9 +720,7 @@ body .jumbotron-material-lightgrey, padding-top: 15px; } .checkbox { - -webkit-transform: rotate(0deg); - -ms-transform: rotate(0deg); - transform: rotate(0deg); + transform: rotate(0deg); } .checkbox label { cursor: pointer; @@ -752,8 +731,7 @@ body .jumbotron-material-lightgrey, display: block; position: absolute; left: 0px; - -webkit-transition-duration: 0.2s; - transition-duration: 0.2s; + transition-duration: 0.2s; } .checkbox label .check:after { display: block; @@ -775,7 +753,6 @@ body .jumbotron-material-lightgrey, border: 2px solid rgba(0, 0, 0, 0.84); height: 20px; width: 20px; - -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .checkbox .check, @@ -859,36 +836,30 @@ body .jumbotron-material-lightgrey, height: 18px; border: solid 2px; border-color: #5a5a5a; - -webkit-animation: uncheck 300ms ease-out forwards; - -ms-animation: uncheck 300ms ease-out forwards; animation: uncheck 300ms ease-out forwards; } .checkbox input[type=checkbox]:focus ~ .check:after { opacity: 0.2; } .checkbox input[type=checkbox]:checked ~ .check:before { - -webkit-animation: check 300ms ease-out forwards; - -ms-animation: check 300ms ease-out forwards; animation: check 300ms ease-out forwards; } .checkbox input[type=checkbox]:not(:checked) ~ .check:after { - -webkit-animation: rippleOff 500ms; - -ms-animation: rippleOff 500ms; - animation: rippleOff 500ms; + animation: rippleOff 500ms linear forwards; } .checkbox input[type=checkbox]:checked ~ .check:after { - -webkit-animation: rippleOn 500ms; - -ms-animation: rippleOn 500ms; - animation: rippleOn 500ms; + animation: rippleOn 500ms linear forwards; +} +.checkbox:not(:hover) input[type=checkbox] ~ .check:before, +.checkbox:not(:hover) input[type=checkbox] ~ .check:after { + animation-duration: 1ms; } .checkbox input[type=checkbox][disabled]:not(:checked) ~ .check:before { opacity: 0.5; } .checkbox input[type=checkbox][disabled] ~ .check:after { background-color: rgba(0, 0, 0, 0.84); - -webkit-transform: rotate(-45deg); - -ms-transform: rotate(-45deg); - transform: rotate(-45deg); + transform: rotate(-45deg); } .checkbox input[type=checkbox]:checked ~ .check:after, .checkbox-default input[type=checkbox]:checked ~ .check:after { @@ -960,86 +931,6 @@ body .jumbotron-material-lightgrey, .checkbox-material-lightgrey input[type=checkbox]:checked ~ .check:after { background-color: #ececec; } -@-webkit-keyframes uncheck { - 0% { - top: -3px; - left: 17px; - width: 10px; - height: 21px; - border-color: #0f9d58; - border-left-color: transparent; - border-top-color: transparent; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - } - 50% { - top: 14px; - left: 17px; - width: 4px; - height: 4px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - border-color: #0f9d58; - border-left-color: transparent; - border-top-color: transparent; - } - 51% { - border-color: #5a5a5a; - border-left-color: #5a5a5a; - border-top-color: #5a5a5a; - } - 100% { - top: 1px; - left: 12px; - width: 18px; - height: 18px; - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - border-color: #5a5a5a; - border-left-color: #5a5a5a; - border-top-color: #5a5a5a; - } -} -@-ms-keyframes uncheck { - 0% { - top: -3px; - left: 17px; - width: 10px; - height: 21px; - border-color: #0f9d58; - border-left-color: transparent; - border-top-color: transparent; - -ms-transform: rotate(45deg); - transform: rotate(45deg); - } - 50% { - top: 14px; - left: 17px; - width: 4px; - height: 4px; - -ms-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; - -ms-transform: rotate(0deg); - transform: rotate(0deg); - border-color: #5a5a5a; - border-left-color: #5a5a5a; - border-top-color: #5a5a5a; - } -} @keyframes uncheck { 0% { top: -3px; @@ -1049,16 +940,14 @@ body .jumbotron-material-lightgrey, border-color: #0f9d58; border-left-color: transparent; border-top-color: transparent; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + transform: rotate(45deg); } 50% { top: 14px; left: 17px; width: 4px; height: 4px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + transform: rotate(45deg); border-color: #0f9d58; border-left-color: transparent; border-top-color: transparent; @@ -1073,86 +962,7 @@ body .jumbotron-material-lightgrey, left: 12px; width: 18px; height: 18px; - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - border-color: #5a5a5a; - border-left-color: #5a5a5a; - border-top-color: #5a5a5a; - } -} -@-webkit-keyframes check { - 100% { - top: -3px; - left: 17px; - width: 10px; - height: 21px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - border-color: #0f9d58; - border-left-color: transparent; - border-top-color: transparent; - } - 51% { - border-left: transparent; - border-top-color: transparent; - } - 50% { - top: 14px; - left: 17px; - width: 4px; - height: 4px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - border-color: #5a5a5a; - border-left-color: #5a5a5a; - border-top-color: #5a5a5a; - } - 0% { - top: 1px; - left: 12px; - width: 18px; - height: 18px; - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - border-color: #5a5a5a; - border-left-color: #5a5a5a; - border-top-color: #5a5a5a; - } -} -@-ms-keyframes check { - 100% { - top: -3px; - left: 17px; - width: 10px; - height: 21px; - -ms-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; - -ms-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; - -ms-transform: rotate(0deg); - transform: rotate(0deg); + transform: rotate(0deg); border-color: #5a5a5a; border-left-color: #5a5a5a; border-top-color: #5a5a5a; @@ -1164,8 +974,7 @@ body .jumbotron-material-lightgrey, left: 17px; width: 10px; height: 21px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + transform: rotate(45deg); border-color: #0f9d58; border-left-color: transparent; border-top-color: transparent; @@ -1179,8 +988,7 @@ body .jumbotron-material-lightgrey, left: 17px; width: 4px; height: 4px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + transform: rotate(45deg); border-color: #5a5a5a; border-left-color: #5a5a5a; border-top-color: #5a5a5a; @@ -1190,53 +998,12 @@ body .jumbotron-material-lightgrey, left: 12px; width: 18px; height: 18px; - -webkit-transform: rotate(0deg); - 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; - } - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } -} -@-ms-keyframes rippleOn { - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } -} @keyframes rippleOn { 0% { opacity: 0; @@ -1247,55 +1014,6 @@ body .jumbotron-material-lightgrey, 100% { opacity: 0; } - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } -} -@-webkit-keyframes rippleOff { - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } -} -@-ms-keyframes rippleOn { - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } } @keyframes rippleOff { 0% { @@ -1307,15 +1025,6 @@ body .jumbotron-material-lightgrey, 100% { opacity: 0; } - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } } .form-horizontal .radio { margin-bottom: 10px; @@ -1330,8 +1039,7 @@ body .jumbotron-material-lightgrey, position: absolute; left: 10px; top: 2px; - -webkit-transition-duration: 0.2s; - transition-duration: 0.2s; + transition-duration: 0.2s; } .radio label .circle { border: 2px solid rgba(0, 0, 0, 0.84); @@ -1344,9 +1052,7 @@ body .jumbotron-material-lightgrey, width: 15px; border-radius: 100%; background-color: rgba(0, 0, 0, 0.84); - -webkit-transform: scale(0); - -ms-transform: scale(0); - transform: scale(0); + transform: scale(0); } .radio label .check:after { display: block; @@ -1361,18 +1067,12 @@ body .jumbotron-material-lightgrey, z-index: 1; opacity: 0; margin: 0; - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - transform: scale(1.5); + transform: scale(1.5); } .radio label input[type=radio]:not(:checked) ~ .check:after { - -webkit-animation: rippleOff 500ms; - -ms-animation: rippleOff 500ms; animation: rippleOff 500ms; } .radio label input[type=radio]:checked ~ .check:after { - -webkit-animation: rippleOn 500ms; - -ms-animation: rippleOn 500ms; animation: rippleOn 500ms; } .radio input[type=radio]:checked ~ .check, @@ -1523,9 +1223,7 @@ body .jumbotron-material-lightgrey, display: none; } .radio input[type=radio]:checked ~ .check { - -webkit-transform: scale(0.55); - -ms-transform: scale(0.55); - transform: scale(0.55); + transform: scale(0.55); } .radio input[type=radio][disabled] ~ .circle { border-color: rgba(0, 0, 0, 0.84); @@ -1533,46 +1231,6 @@ body .jumbotron-material-lightgrey, .radio input[type=radio][disabled] ~ .check { background-color: rgba(0, 0, 0, 0.84); } -@-webkit-keyframes rippleOn { - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } -} -@-ms-keyframes rippleOn { - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } -} @keyframes rippleOn { 0% { opacity: 0; @@ -1583,55 +1241,6 @@ body .jumbotron-material-lightgrey, 100% { opacity: 0; } - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } -} -@-webkit-keyframes rippleOff { - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } -} -@-ms-keyframes rippleOn { - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } } @keyframes rippleOff { 0% { @@ -1643,15 +1252,6 @@ body .jumbotron-material-lightgrey, 100% { opacity: 0; } - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } } fieldset[disabled] .form-control, .form-control-wrapper .form-control, @@ -1715,8 +1315,7 @@ select[multiple].form-control.focus { pointer-events: none; left: 0px; top: 5px; - -webkit-transition: 0.2s ease all; - transition: 0.2s ease all; + transition: 0.2s ease all; opacity: 0; } .form-control-wrapper .form-control:not(.empty) ~ .floating-label { @@ -1749,19 +1348,13 @@ select[multiple].form-control.focus { 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; + transform: scaleX(0); + transition: transform 0s; } .form-control-wrapper .form-control:focus ~ .material-input:before, .form-control-wrapper .form-control.focus ~ .material-input:before { - -webkit-transform: scaleX(1); - -ms-transform: scaleX(1); - transform: scaleX(1); - -webkit-transition: -webkit-transform 0.2s ease-out; - transition: transform 0.2s ease-out; + transform: scaleX(1); + transition: transform 0.2s ease-out; } .form-control-wrapper .material-input:after { content: ""; @@ -1773,9 +1366,7 @@ select[multiple].form-control.focus { left: 0; pointer-events: none; opacity: 0.9; - -webkit-transform-origin: left; - -ms-transform-origin: left; - transform-origin: left; + transform-origin: left; } .form-control-wrapper .input-lg ~ .material-input:after { height: 26px; @@ -1788,9 +1379,7 @@ select[multiple].form-control.focus { } .form-control-wrapper .form-control:focus ~ .material-input:after, .form-control-wrapper .form-control.focus ~ .material-input:after { - -webkit-animation: input-highlight 0.3s ease; animation: input-highlight 0.3s ease; - -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } @@ -2211,12 +1800,10 @@ select.form-control.focus { @keyframes input-highlight { 0% { left: 20%; - -webkit-transform: scaleX(20%); - transform: scaleX(20%); + transform: scaleX(20%); } 99% { - -webkit-transform: scaleX(0); - transform: scaleX(0); + transform: scaleX(0); left: 0; opacity: 1; } @@ -2305,7 +1892,6 @@ legend { } .list-group .list-group-item .row-content { display: inline-block; - width: -webkit-calc(100% - 92px); width: calc(100% - 92px); min-height: 66px; } @@ -2320,7 +1906,6 @@ legend { cursor: pointer; } .list-group .list-group-item .row-content .action-secondary ~ * { - max-width: -webkit-calc(100% - 30px); max-width: calc(100% - 30px); } .list-group .list-group-item .row-content .least-content { @@ -2343,7 +1928,6 @@ legend { } .list-group .list-group-separator:before { content: ""; - width: -webkit-calc(100% - 90px); width: calc(100% - 90px); border-bottom: 1px solid rgba(0, 0, 0, 0.1); float: right; @@ -2391,8 +1975,14 @@ legend { color: #e5e5e5; background-color: transparent; } -.navbar .navbar-toggle { - border-color: rgba(255, 255, 255, 0.84); +.navbar-toggle { + margin-top: 13px; +} +.navbar-default .navbar-toggle { + border-color: transparent; +} +.navbar-inverse .navbar-toggle { + border-color: transparent; } .navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus { @@ -2922,21 +2512,15 @@ 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; - -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%); + transform: translateY(200%); } .snackbar.snackbar-opened { padding: 14px 15px; margin-bottom: 20px; height: auto; - -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s; 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; + transform: none; } .snackbar.toast { border-radius: 200px; @@ -2944,11 +2528,8 @@ fieldset[disabled] .navbar .btn-link:focus { .noUi-target, .noUi-target * { -webkit-touch-callout: none; - -webkit-user-select: none; -ms-touch-action: none; - -ms-user-select: none; - -moz-user-select: none; - -moz-box-sizing: border-box; + user-select: none; box-sizing: border-box; } .noUi-base { @@ -2966,9 +2547,7 @@ fieldset[disabled] .navbar .btn-link:focus { .noUi-handle { position: relative; z-index: 1; - -moz-box-sizing: border-box; - box-sizing: border-box; - -webkit-box-sizing: border-box; + box-sizing: border-box; } .noUi-stacking .noUi-handle { z-index: 10; @@ -2977,7 +2556,6 @@ fieldset[disabled] .navbar .btn-link:focus { *z-index: -1; } .noUi-state-tap .noUi-origin { - -webkit-transition: left 0.3s, top 0.3s; transition: left 0.3s, top 0.3s; } .noUi-state-drag * { @@ -2987,8 +2565,7 @@ fieldset[disabled] .navbar .btn-link:focus { height: 10px; } .noUi-horizontal .noUi-handle { - -moz-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; width: 12px; height: 12px; left: -10px; @@ -3023,8 +2600,7 @@ fieldset[disabled] .navbar .btn-link:focus { .noUi-handle { border-radius: 100%; cursor: default; - -webkit-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; + transition: all 0.2s ease-out; border: 1px solid; } .noUi-horizontal { @@ -3032,9 +2608,7 @@ fieldset[disabled] .navbar .btn-link:focus { margin: 15px 0; } .noUi-horizontal .noUi-handle.noUi-active { - -webkit-transform: scale(2.5); - -ms-transform: scale(2.5); - transform: scale(2.5); + transform: scale(2.5); } [disabled].noUi-slider { opacity: 0.5; diff --git a/css-compiled/material.min.css b/css-compiled/material.min.css new file mode 100644 index 00000000..c058387f --- /dev/null +++ b/css-compiled/material.min.css @@ -0,0 +1 @@ +@-webkit-keyframes input-highlight{0%{left:20%;width:20%}99%{width:0;left:0;opacity:1}100%{opacity:0}}@keyframes input-highlight{0%{left:20%;width:20%}99%{width:0;left:0;opacity:1}100%{opacity:0}}.shadow-z-1{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.shadow-z-2{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.shadow-z-2-hover{box-shadow:0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.28)}.shadow-z-3{box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.shadow-z-4{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.shadow-z-5{box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)}body{background-color:#EEE}body.inverse{background:#333}body.inverse,body.inverse .form-control{color:rgba(255,255,255,.84)}.h1,.h2,.h3,.h4,.h5,.h6,body,h1,h2,h3,h4,h5,h6{font-family:Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif}.container .well,.container .well .form-control,.container .well:not([class^="well well-material-"]),.container .well:not([class^="well well-material-"]) .form-control,.container-fluid .well,.container-fluid .well .form-control,.container-fluid .well:not([class^="well well-material-"]),.container-fluid .well:not([class^="well well-material-"]) .form-control,body .well,body .well .form-control,body .well:not([class^="well well-material-"]),body .well:not([class^="well well-material-"]) .form-control{color:rgba(0,0,0,.84)}.container .well .floating-label,.container .well:not([class^="well well-material-"]) .floating-label,.container-fluid .well .floating-label,.container-fluid .well:not([class^="well well-material-"]) .floating-label,body .well .floating-label,body .well:not([class^="well well-material-"]) .floating-label{color:#7e7e7e}.container .well .form-control,.container .well:not([class^="well well-material-"]) .form-control,.container-fluid .well .form-control,.container-fluid .well:not([class^="well well-material-"]) .form-control,body .well .form-control,body .well:not([class^="well well-material-"]) .form-control{border-bottom-color:#7e7e7e}.container .well .form-control::-webkit-input-placeholder,.container .well:not([class^="well well-material-"]) .form-control::-webkit-input-placeholder,.container-fluid .well .form-control::-webkit-input-placeholder,.container-fluid .well:not([class^="well well-material-"]) .form-control::-webkit-input-placeholder,body .well .form-control::-webkit-input-placeholder,body .well:not([class^="well well-material-"]) .form-control::-webkit-input-placeholder{color:#7e7e7e}.container .well .form-control::-moz-placeholder,.container .well:not([class^="well well-material-"]) .form-control::-moz-placeholder,.container-fluid .well .form-control::-moz-placeholder,.container-fluid .well:not([class^="well well-material-"]) .form-control::-moz-placeholder,body .well .form-control::-moz-placeholder,body .well:not([class^="well well-material-"]) .form-control::-moz-placeholder{color:#7e7e7e;opacity:1}.container .well .form-control:-ms-input-placeholder,.container .well:not([class^="well well-material-"]) .form-control:-ms-input-placeholder,.container-fluid .well .form-control:-ms-input-placeholder,.container-fluid .well:not([class^="well well-material-"]) .form-control:-ms-input-placeholder,body .well .form-control:-ms-input-placeholder,body .well:not([class^="well well-material-"]) .form-control:-ms-input-placeholder{color:#7e7e7e}.container .well .create,.container .well .option,.container .well:not([class^="well well-material-"]) .create,.container .well:not([class^="well well-material-"]) .option,.container-fluid .well .create,.container-fluid .well .option,.container-fluid .well:not([class^="well well-material-"]) .create,.container-fluid .well:not([class^="well well-material-"]) .option,body .well .create,body .well .option,body .well:not([class^="well well-material-"]) .create,body .well:not([class^="well well-material-"]) .option{color:rgba(0,0,0,.84)}.container [class^="well well-material-"],.container [class^="well well-material-"] .floating-label,.container [class^="well well-material-"] .form-control,.container-fluid [class^="well well-material-"],.container-fluid [class^="well well-material-"] .floating-label,.container-fluid [class^="well well-material-"] .form-control,body [class^="well well-material-"],body [class^="well well-material-"] .floating-label,body [class^="well well-material-"] .form-control{color:rgba(255,255,255,.84)}.container [class^="well well-material-"] .form-control,.container-fluid [class^="well well-material-"] .form-control,body [class^="well well-material-"] .form-control{border-bottom-color:rgba(255,255,255,.84)}.container [class^="well well-material-"] .form-control::-webkit-input-placeholder,.container-fluid [class^="well well-material-"] .form-control::-webkit-input-placeholder,body [class^="well well-material-"] .form-control::-webkit-input-placeholder{color:rgba(255,255,255,.84)}.container [class^="well well-material-"] .form-control::-moz-placeholder,.container-fluid [class^="well well-material-"] .form-control::-moz-placeholder,body [class^="well well-material-"] .form-control::-moz-placeholder{color:rgba(255,255,255,.84);opacity:1}.container [class^="well well-material-"] .form-control:-ms-input-placeholder,.container-fluid [class^="well well-material-"] .form-control:-ms-input-placeholder,body [class^="well well-material-"] .form-control:-ms-input-placeholder{color:rgba(255,255,255,.84)}.container [class^="well well-material-"] .create,.container [class^="well well-material-"] .option,.container-fluid [class^="well well-material-"] .create,.container-fluid [class^="well well-material-"] .option,body [class^="well well-material-"] .create,body [class^="well well-material-"] .option{color:rgba(0,0,0,.84)}.container .jumbotron,.container .well,.container-fluid .jumbotron,.container-fluid .well,body .jumbotron,body .well{padding:19px;margin-bottom:20px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);border-radius:2px;border:0}.container .jumbotron p,.container .well p,.container-fluid .jumbotron p,.container-fluid .well p,body .jumbotron p,body .well p{font-weight:300}.container .jumbotron,.container .jumbotron-default,.container .well,.container .well-default,.container-fluid .jumbotron,.container-fluid .jumbotron-default,.container-fluid .well,.container-fluid .well-default,body .jumbotron,body .jumbotron-default,body .well,body .well-default{background-color:#fff}.container .jumbotron-primary,.container .well-primary,.container-fluid .jumbotron-primary,.container-fluid .well-primary,body .jumbotron-primary,body .well-primary{background-color:#4285f4}.container .jumbotron-success,.container .well-success,.container-fluid .jumbotron-success,.container-fluid .well-success,body .jumbotron-success,body .well-success{background-color:#0f9d58}.container .jumbotron-info,.container .well-info,.container-fluid .jumbotron-info,.container-fluid .well-info,body .jumbotron-info,body .well-info{background-color:#03a9f4}.container .jumbotron-warning,.container .well-warning,.container-fluid .jumbotron-warning,.container-fluid .well-warning,body .jumbotron-warning,body .well-warning{background-color:#ff5722}.container .jumbotron-danger,.container .jumbotron-material-red,.container .well-danger,.container .well-material-red,.container-fluid .jumbotron-danger,.container-fluid .jumbotron-material-red,.container-fluid .well-danger,.container-fluid .well-material-red,body .jumbotron-danger,body .jumbotron-material-red,body .well-danger,body .well-material-red{background-color:#f44336}.container .jumbotron-material-pink,.container .well-material-pink,.container-fluid .jumbotron-material-pink,.container-fluid .well-material-pink,body .jumbotron-material-pink,body .well-material-pink{background-color:#e91e63}.container .jumbotron-material-purple,.container .well-material-purple,.container-fluid .jumbotron-material-purple,.container-fluid .well-material-purple,body .jumbotron-material-purple,body .well-material-purple{background-color:#9c27b0}.container .jumbotron-material-deeppurple,.container .well-material-deeppurple,.container-fluid .jumbotron-material-deeppurple,.container-fluid .well-material-deeppurple,body .jumbotron-material-deeppurple,body .well-material-deeppurple{background-color:#673ab7}.container .jumbotron-material-indigo,.container .well-material-indigo,.container-fluid .jumbotron-material-indigo,.container-fluid .well-material-indigo,body .jumbotron-material-indigo,body .well-material-indigo{background-color:#3f51b5}.container .jumbotron-material-lightblue,.container .well-material-lightblue,.container-fluid .jumbotron-material-lightblue,.container-fluid .well-material-lightblue,body .jumbotron-material-lightblue,body .well-material-lightblue{background-color:#03a9f4}.container .jumbotron-material-cyan,.container .well-material-cyan,.container-fluid .jumbotron-material-cyan,.container-fluid .well-material-cyan,body .jumbotron-material-cyan,body .well-material-cyan{background-color:#00bcd4}.container .jumbotron-material-teal,.container .well-material-teal,.container-fluid .jumbotron-material-teal,.container-fluid .well-material-teal,body .jumbotron-material-teal,body .well-material-teal{background-color:#009688}.container .jumbotron-material-lightgreen,.container .well-material-lightgreen,.container-fluid .jumbotron-material-lightgreen,.container-fluid .well-material-lightgreen,body .jumbotron-material-lightgreen,body .well-material-lightgreen{background-color:#8bc34a}.container .jumbotron-material-lime,.container .well-material-lime,.container-fluid .jumbotron-material-lime,.container-fluid .well-material-lime,body .jumbotron-material-lime,body .well-material-lime{background-color:#cddc39}.container .jumbotron-material-lightyellow,.container .well-material-lightyellow,.container-fluid .jumbotron-material-lightyellow,.container-fluid .well-material-lightyellow,body .jumbotron-material-lightyellow,body .well-material-lightyellow{background-color:#ffeb3b}.container .jumbotron-material-orange,.container .well-material-orange,.container-fluid .jumbotron-material-orange,.container-fluid .well-material-orange,body .jumbotron-material-orange,body .well-material-orange{background-color:#ff9800}.container .jumbotron-material-deeporange,.container .well-material-deeporange,.container-fluid .jumbotron-material-deeporange,.container-fluid .well-material-deeporange,body .jumbotron-material-deeporange,body .well-material-deeporange{background-color:#ff5722}.container .jumbotron-material-grey,.container .well-material-grey,.container-fluid .jumbotron-material-grey,.container-fluid .well-material-grey,body .jumbotron-material-grey,body .well-material-grey{background-color:#9e9e9e}.container .jumbotron-material-bluegrey,.container .well-material-bluegrey,.container-fluid .jumbotron-material-bluegrey,.container-fluid .well-material-bluegrey,body .jumbotron-material-bluegrey,body .well-material-bluegrey{background-color:#607d8b}.container .jumbotron-material-brown,.container .well-material-brown,.container-fluid .jumbotron-material-brown,.container-fluid .well-material-brown,body .jumbotron-material-brown,body .well-material-brown{background-color:#795548}.container .jumbotron-material-lightgrey,.container .well-material-lightgrey,.container-fluid .jumbotron-material-lightgrey,.container-fluid .well-material-lightgrey,body .jumbotron-material-lightgrey,body .well-material-lightgrey{background-color:#ececec}.btn{position:relative;padding:8px 30px;border:0;margin:10px 1px;cursor:pointer;border-radius:4px;text-transform:uppercase;text-decoration:none;color:rgba(255,255,255,.84);-webkit-transition:box-shadow .28s cubic-bezier(0.4,0,.2,1);transition:box-shadow .28s cubic-bezier(0.4,0,.2,1);outline:0!important}.btn:hover{color:rgba(255,255,255,.84)}.btn:hover:not(.btn-link){box-shadow:0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.28)}.btn:active:not(.btn-link){box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.btn-default:not(.btn-link),.btn:not(.btn-link){background-color:transparent}.btn-primary:not(.btn-link){background-color:#4285f4}.btn-success:not(.btn-link){background-color:#0f9d58}.btn-info:not(.btn-link){background-color:#03a9f4}.btn-warning:not(.btn-link){background-color:#ff5722}.btn-danger:not(.btn-link),.btn-material-red:not(.btn-link){background-color:#f44336}.btn-material-pink:not(.btn-link){background-color:#e91e63}.btn-material-purple:not(.btn-link){background-color:#9c27b0}.btn-material-deeppurple:not(.btn-link){background-color:#673ab7}.btn-material-indigo:not(.btn-link){background-color:#3f51b5}.btn-material-lightblue:not(.btn-link){background-color:#03a9f4}.btn-material-cyan:not(.btn-link){background-color:#00bcd4}.btn-material-teal:not(.btn-link){background-color:#009688}.btn-material-lightgreen:not(.btn-link){background-color:#8bc34a}.btn-material-lime:not(.btn-link){background-color:#cddc39}.btn-material-lightyellow:not(.btn-link){background-color:#ffeb3b}.btn-material-orange:not(.btn-link){background-color:#ff9800}.btn-material-deeporange:not(.btn-link){background-color:#ff5722}.btn-material-grey:not(.btn-link){background-color:#9e9e9e}.btn-material-bluegrey:not(.btn-link){background-color:#607d8b}.btn-material-brown:not(.btn-link){background-color:#795548}.btn-material-lightgrey:not(.btn-link){background-color:#ececec}.btn-default,.btn-default:hover,.btn-link,.btn-link:hover,.btn:not([class^="btn btn-"]),.btn:not([class^="btn btn-"]):hover{color:rgba(0,0,0,.84)}.btn-default:hover,.btn:not([class^="btn btn-"]):hover{background-color:rgba(255,255,255,.5)}.btn-raised{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-webkit-transition:box-shadow .28s cubic-bezier(0.4,0,.2,1);transition:box-shadow .28s cubic-bezier(0.4,0,.2,1)}.btn-raised:active:not(.btn-link){box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.open>.dropdown-toggle.btn,.open>.dropdown-toggle.btn-default{background-color:transparent}.open>.dropdown-toggle.btn-primary{background-color:#4285f4}.open>.dropdown-toggle.btn-success{background-color:#0f9d58}.open>.dropdown-toggle.btn-info{background-color:#03a9f4}.open>.dropdown-toggle.btn-warning{background-color:#ff5722}.open>.dropdown-toggle.btn-danger,.open>.dropdown-toggle.btn-material-red{background-color:#f44336}.open>.dropdown-toggle.btn-material-pink{background-color:#e91e63}.open>.dropdown-toggle.btn-material-purple{background-color:#9c27b0}.open>.dropdown-toggle.btn-material-deeppurple{background-color:#673ab7}.open>.dropdown-toggle.btn-material-indigo{background-color:#3f51b5}.open>.dropdown-toggle.btn-material-lightblue{background-color:#03a9f4}.open>.dropdown-toggle.btn-material-cyan{background-color:#00bcd4}.open>.dropdown-toggle.btn-material-teal{background-color:#009688}.open>.dropdown-toggle.btn-material-lightgreen{background-color:#8bc34a}.open>.dropdown-toggle.btn-material-lime{background-color:#cddc39}.open>.dropdown-toggle.btn-material-lightyellow{background-color:#ffeb3b}.open>.dropdown-toggle.btn-material-orange{background-color:#ff9800}.open>.dropdown-toggle.btn-material-deeporange{background-color:#ff5722}.open>.dropdown-toggle.btn-material-grey{background-color:#9e9e9e}.open>.dropdown-toggle.btn-material-bluegrey{background-color:#607d8b}.open>.dropdown-toggle.btn-material-brown{background-color:#795548}.open>.dropdown-toggle.btn-material-lightgrey{background-color:#ececec}.btn-flat{box-shadow:none!important}.btn-flat.btn-default:hover{background:0 0}.btn-group,.btn-group-vertical{position:relative;border-radius:4px;margin:10px 1px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-webkit-transition:box-shadow .28s cubic-bezier(0.4,0,.2,1);transition:box-shadow .28s cubic-bezier(0.4,0,.2,1)}.btn-group-vertical:active:not(.btn-link),.btn-group:active:not(.btn-link){box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.btn-group-vertical.open .dropdown-toggle,.btn-group.open .dropdown-toggle{box-shadow:none}.btn-group-vertical.btn-group-raised,.btn-group.btn-group-raised{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-webkit-transition:box-shadow .28s cubic-bezier(0.4,0,.2,1);transition:box-shadow .28s cubic-bezier(0.4,0,.2,1)}.btn-group-vertical.btn-group-raised:active:not(.btn-link),.btn-group.btn-group-raised:active:not(.btn-link){box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.btn-group .btn,.btn-group .btn-group,.btn-group .btn:active,.btn-group-vertical .btn,.btn-group-vertical .btn-group,.btn-group-vertical .btn:active{box-shadow:none!important;margin:0}.btn-group .btn:active .caret,.btn-group-vertical .btn:active .caret{margin-left:-1px}.btn-group-flat{box-shadow:none!important}.btn-fab{margin:0;padding:15px;font-size:26px;width:56px;height:56px}.btn-fab,.btn-fab-default,.btn-fab:hover,.btn-fab:hover-default{background-color:transparent}.btn-fab-primary,.btn-fab:hover-primary{background-color:#4285f4}.btn-fab-success,.btn-fab:hover-success{background-color:#0f9d58}.btn-fab-info,.btn-fab:hover-info{background-color:#03a9f4}.btn-fab-warning,.btn-fab:hover-warning{background-color:#ff5722}.btn-fab-danger,.btn-fab-material-red,.btn-fab:hover-danger,.btn-fab:hover-material-red{background-color:#f44336}.btn-fab-material-pink,.btn-fab:hover-material-pink{background-color:#e91e63}.btn-fab-material-purple,.btn-fab:hover-material-purple{background-color:#9c27b0}.btn-fab-material-deeppurple,.btn-fab:hover-material-deeppurple{background-color:#673ab7}.btn-fab-material-indigo,.btn-fab:hover-material-indigo{background-color:#3f51b5}.btn-fab-material-lightblue,.btn-fab:hover-material-lightblue{background-color:#03a9f4}.btn-fab-material-cyan,.btn-fab:hover-material-cyan{background-color:#00bcd4}.btn-fab-material-teal,.btn-fab:hover-material-teal{background-color:#009688}.btn-fab-material-lightgreen,.btn-fab:hover-material-lightgreen{background-color:#8bc34a}.btn-fab-material-lime,.btn-fab:hover-material-lime{background-color:#cddc39}.btn-fab-material-lightyellow,.btn-fab:hover-material-lightyellow{background-color:#ffeb3b}.btn-fab-material-orange,.btn-fab:hover-material-orange{background-color:#ff9800}.btn-fab-material-deeporange,.btn-fab:hover-material-deeporange{background-color:#ff5722}.btn-fab-material-grey,.btn-fab:hover-material-grey{background-color:#9e9e9e}.btn-fab-material-bluegrey,.btn-fab:hover-material-bluegrey{background-color:#607d8b}.btn-fab-material-brown,.btn-fab:hover-material-brown{background-color:#795548}.btn-fab-material-lightgrey,.btn-fab:hover-material-lightgrey{background-color:#ececec}.btn-fab,.btn-fab .ripple-wrapper{border-radius:100%}.btn-fab.btn-mini{width:40px;height:40px;padding:13px;font-size:15px}.form-horizontal .checkbox{padding-top:15px}.checkbox{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.checkbox label{cursor:pointer;padding-left:45px;position:relative}.checkbox label span{display:block;position:absolute;left:0;-webkit-transition-duration:.2s;transition-duration:.2s}.checkbox label .check:after{display:block;position:absolute;content:"";background-color:rgba(0,0,0,.84);left:-5px;top:-15px;height:50px;width:50px;border-radius:100%;z-index:1;opacity:0;margin:0}.checkbox label .check:before{display:block;content:"";border:2px solid rgba(0,0,0,.84);height:20px;width:20px;-webkit-transition-delay:.2s;transition-delay:.2s}.checkbox .check,.checkbox-default .check{color:#0f9d58}.checkbox-primary .check{color:#4285f4}.checkbox-success .check{color:#0f9d58}.checkbox-info .check{color:#03a9f4}.checkbox-warning .check{color:#ff5722}.checkbox-danger .check,.checkbox-material-red .check{color:#f44336}.checkbox-material-pink .check{color:#e91e63}.checkbox-material-purple .check{color:#9c27b0}.checkbox-material-deeppurple .check{color:#673ab7}.checkbox-material-indigo .check{color:#3f51b5}.checkbox-material-lightblue .check{color:#03a9f4}.checkbox-material-cyan .check{color:#00bcd4}.checkbox-material-teal .check{color:#009688}.checkbox-material-lightgreen .check{color:#8bc34a}.checkbox-material-lime .check{color:#cddc39}.checkbox-material-lightyellow .check{color:#ffeb3b}.checkbox-material-orange .check{color:#ff9800}.checkbox-material-deeporange .check{color:#ff5722}.checkbox-material-grey .check{color:#9e9e9e}.checkbox-material-bluegrey .check{color:#607d8b}.checkbox-material-brown .check{color:#795548}.checkbox-material-lightgrey .check{color:#ececec}.checkbox input[type=checkbox]{opacity:0}.checkbox input[type=checkbox]~.check:before{position:absolute;top:2px;left:11px;width:18px;height:18px;border:2px solid;border-color:#5a5a5a;-webkit-animation:uncheck 300ms ease-out forwards;animation:uncheck 300ms ease-out forwards}.checkbox input[type=checkbox]:focus~.check:after{opacity:.2}.checkbox input[type=checkbox]:checked~.check:before{-webkit-animation:check 300ms ease-out forwards;animation:check 300ms ease-out forwards}.checkbox input[type=checkbox]:not(:checked)~.check:after{-webkit-animation:rippleOff 500ms linear forwards;animation:rippleOff 500ms linear forwards}.checkbox input[type=checkbox]:checked~.check:after{-webkit-animation:rippleOn 500ms linear forwards;animation:rippleOn 500ms linear forwards}.checkbox:not(:hover) input[type=checkbox]~.check:after,.checkbox:not(:hover) input[type=checkbox]~.check:before{-webkit-animation-duration:1ms;animation-duration:1ms}.checkbox input[type=checkbox][disabled]:not(:checked)~.check:before{opacity:.5}.checkbox input[type=checkbox][disabled]~.check:after{background-color:rgba(0,0,0,.84);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.checkbox input[type=checkbox]:checked~.check:after,.checkbox-default input[type=checkbox]:checked~.check:after{background-color:#0f9d58}.checkbox-primary input[type=checkbox]:checked~.check:after{background-color:#4285f4}.checkbox-success input[type=checkbox]:checked~.check:after{background-color:#0f9d58}.checkbox-info input[type=checkbox]:checked~.check:after{background-color:#03a9f4}.checkbox-warning input[type=checkbox]:checked~.check:after{background-color:#ff5722}.checkbox-danger input[type=checkbox]:checked~.check:after,.checkbox-material-red input[type=checkbox]:checked~.check:after{background-color:#f44336}.checkbox-material-pink input[type=checkbox]:checked~.check:after{background-color:#e91e63}.checkbox-material-purple input[type=checkbox]:checked~.check:after{background-color:#9c27b0}.checkbox-material-deeppurple input[type=checkbox]:checked~.check:after{background-color:#673ab7}.checkbox-material-indigo input[type=checkbox]:checked~.check:after{background-color:#3f51b5}.checkbox-material-lightblue input[type=checkbox]:checked~.check:after{background-color:#03a9f4}.checkbox-material-cyan input[type=checkbox]:checked~.check:after{background-color:#00bcd4}.checkbox-material-teal input[type=checkbox]:checked~.check:after{background-color:#009688}.checkbox-material-lightgreen input[type=checkbox]:checked~.check:after{background-color:#8bc34a}.checkbox-material-lime input[type=checkbox]:checked~.check:after{background-color:#cddc39}.checkbox-material-lightyellow input[type=checkbox]:checked~.check:after{background-color:#ffeb3b}.checkbox-material-orange input[type=checkbox]:checked~.check:after{background-color:#ff9800}.checkbox-material-deeporange input[type=checkbox]:checked~.check:after{background-color:#ff5722}.checkbox-material-grey input[type=checkbox]:checked~.check:after{background-color:#9e9e9e}.checkbox-material-bluegrey input[type=checkbox]:checked~.check:after{background-color:#607d8b}.checkbox-material-brown input[type=checkbox]:checked~.check:after{background-color:#795548}.checkbox-material-lightgrey input[type=checkbox]:checked~.check:after{background-color:#ececec}@-webkit-keyframes uncheck{0%{top:-3px;left:17px;width:10px;height:21px;border-color:transparent #0f9d58 #0f9d58 transparent;-webkit-transform:rotate(45deg);transform:rotate(45deg)}50%{top:14px;left:17px;width:4px;height:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:transparent #0f9d58 #0f9d58 transparent}51%{border-color:#5a5a5a}100%{top:1px;left:12px;width:18px;height:18px;-webkit-transform:rotate(0deg);transform:rotate(0deg);border-color:#5a5a5a}}@keyframes uncheck{0%{top:-3px;left:17px;width:10px;height:21px;border-color:transparent #0f9d58 #0f9d58 transparent;-webkit-transform:rotate(45deg);transform:rotate(45deg)}50%{top:14px;left:17px;width:4px;height:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:transparent #0f9d58 #0f9d58 transparent}51%{border-color:#5a5a5a}100%{top:1px;left:12px;width:18px;height:18px;-webkit-transform:rotate(0deg);transform:rotate(0deg);border-color:#5a5a5a}}@-webkit-keyframes check{100%{top:-3px;left:17px;width:10px;height:21px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:transparent #0f9d58 #0f9d58 transparent}51%{border-left:transparent;border-top-color:transparent}50%{top:14px;left:17px;width:4px;height:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:#5a5a5a}0%{top:1px;left:12px;width:18px;height:18px;-webkit-transform:rotate(0deg);transform:rotate(0deg);border-color:#5a5a5a}}@keyframes check{100%{top:-3px;left:17px;width:10px;height:21px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:transparent #0f9d58 #0f9d58 transparent}51%{border-left:transparent;border-top-color:transparent}50%{top:14px;left:17px;width:4px;height:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:#5a5a5a}0%{top:1px;left:12px;width:18px;height:18px;-webkit-transform:rotate(0deg);transform:rotate(0deg);border-color:#5a5a5a}}@-webkit-keyframes rippleOn{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}@keyframes rippleOn{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}@-webkit-keyframes rippleOff{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}@keyframes rippleOff{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}.form-horizontal .radio{margin-bottom:10px}.radio label{cursor:pointer;padding-left:45px;position:relative}.radio label span{display:block;position:absolute;left:10px;top:2px;-webkit-transition-duration:.2s;transition-duration:.2s}.radio label .circle{border:2px solid rgba(0,0,0,.84);height:15px;width:15px;border-radius:100%}.radio label .check{height:15px;width:15px;border-radius:100%;background-color:rgba(0,0,0,.84);-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.radio label .check:after{display:block;position:absolute;content:"";background-color:rgba(0,0,0,.84);left:-18px;top:-18px;height:50px;width:50px;border-radius:100%;z-index:1;opacity:0;margin:0;-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5)}.radio label input[type=radio]:not(:checked)~.check:after{-webkit-animation:rippleOff 500ms;animation:rippleOff 500ms}.radio label input[type=radio]:checked~.check:after{-webkit-animation:rippleOn 500ms;animation:rippleOn 500ms}.radio input[type=radio]:checked~.check,.radio-default input[type=radio]:checked~.check{background-color:rgba(0,0,0,.84)}.radio-primary input[type=radio]:checked~.check{background-color:#4285f4}.radio-success input[type=radio]:checked~.check{background-color:#0f9d58}.radio-info input[type=radio]:checked~.check{background-color:#03a9f4}.radio-warning input[type=radio]:checked~.check{background-color:#ff5722}.radio-danger input[type=radio]:checked~.check,.radio-material-red input[type=radio]:checked~.check{background-color:#f44336}.radio-material-pink input[type=radio]:checked~.check{background-color:#e91e63}.radio-material-purple input[type=radio]:checked~.check{background-color:#9c27b0}.radio-material-deeppurple input[type=radio]:checked~.check{background-color:#673ab7}.radio-material-indigo input[type=radio]:checked~.check{background-color:#3f51b5}.radio-material-lightblue input[type=radio]:checked~.check{background-color:#03a9f4}.radio-material-cyan input[type=radio]:checked~.check{background-color:#00bcd4}.radio-material-teal input[type=radio]:checked~.check{background-color:#009688}.radio-material-lightgreen input[type=radio]:checked~.check{background-color:#8bc34a}.radio-material-lime input[type=radio]:checked~.check{background-color:#cddc39}.radio-material-lightyellow input[type=radio]:checked~.check{background-color:#ffeb3b}.radio-material-orange input[type=radio]:checked~.check{background-color:#ff9800}.radio-material-deeporange input[type=radio]:checked~.check{background-color:#ff5722}.radio-material-grey input[type=radio]:checked~.check{background-color:#9e9e9e}.radio-material-bluegrey input[type=radio]:checked~.check{background-color:#607d8b}.radio-material-brown input[type=radio]:checked~.check{background-color:#795548}.radio-material-lightgrey input[type=radio]:checked~.check{background-color:#ececec}.radio input[type=radio]:checked~.circle,.radio-default input[type=radio]:checked~.circle{border-color:rgba(0,0,0,.84)}.radio-primary input[type=radio]:checked~.circle{border-color:#4285f4}.radio-success input[type=radio]:checked~.circle{border-color:#0f9d58}.radio-info input[type=radio]:checked~.circle{border-color:#03a9f4}.radio-warning input[type=radio]:checked~.circle{border-color:#ff5722}.radio-danger input[type=radio]:checked~.circle,.radio-material-red input[type=radio]:checked~.circle{border-color:#f44336}.radio-material-pink input[type=radio]:checked~.circle{border-color:#e91e63}.radio-material-purple input[type=radio]:checked~.circle{border-color:#9c27b0}.radio-material-deeppurple input[type=radio]:checked~.circle{border-color:#673ab7}.radio-material-indigo input[type=radio]:checked~.circle{border-color:#3f51b5}.radio-material-lightblue input[type=radio]:checked~.circle{border-color:#03a9f4}.radio-material-cyan input[type=radio]:checked~.circle{border-color:#00bcd4}.radio-material-teal input[type=radio]:checked~.circle{border-color:#009688}.radio-material-lightgreen input[type=radio]:checked~.circle{border-color:#8bc34a}.radio-material-lime input[type=radio]:checked~.circle{border-color:#cddc39}.radio-material-lightyellow input[type=radio]:checked~.circle{border-color:#ffeb3b}.radio-material-orange input[type=radio]:checked~.circle{border-color:#ff9800}.radio-material-deeporange input[type=radio]:checked~.circle{border-color:#ff5722}.radio-material-grey input[type=radio]:checked~.circle{border-color:#9e9e9e}.radio-material-bluegrey input[type=radio]:checked~.circle{border-color:#607d8b}.radio-material-brown input[type=radio]:checked~.circle{border-color:#795548}.radio-material-lightgrey input[type=radio]:checked~.circle{border-color:#ececec}.radio input[type=radio][disabled]~.check,.radio input[type=radio][disabled]~.circle{opacity:.5}.radio input[type=radio]{display:none}.radio input[type=radio]:checked~.check{-webkit-transform:scale(0.55);-ms-transform:scale(0.55);transform:scale(0.55)}.radio input[type=radio][disabled]~.circle{border-color:rgba(0,0,0,.84)}.radio input[type=radio][disabled]~.check{background-color:rgba(0,0,0,.84)}@keyframes rippleOn{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}@keyframes rippleOff{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}.form-control,.form-control-wrapper .form-control,.form-control-wrapper .form-control.focus,.form-control-wrapper .form-control:focus,.form-control.focus,.form-control:focus,fieldset[disabled] .form-control,fieldset[disabled] .form-control.focus,fieldset[disabled] .form-control:focus{padding:0;float:none;border:0;box-shadow:none;border-radius:0;background:0 0;border-bottom:1px solid #757575}.form-control-wrapper .form-control.focus:not(textarea):not(select),.form-control-wrapper .form-control:focus:not(textarea):not(select),.form-control-wrapper .form-control:not(textarea):not(select),.form-control.focus:not(textarea):not(select),.form-control:focus:not(textarea):not(select),.form-control:not(textarea):not(select),fieldset[disabled] .form-control.focus:not(textarea):not(select),fieldset[disabled] .form-control:focus:not(textarea):not(select),fieldset[disabled] .form-control:not(textarea):not(select){height:28px}.form-control-wrapper .form-control.focus:disabled,.form-control-wrapper .form-control:disabled,.form-control-wrapper .form-control:focus:disabled,.form-control.focus:disabled,.form-control:disabled,.form-control:focus:disabled,fieldset[disabled] .form-control.focus:disabled,fieldset[disabled] .form-control:disabled,fieldset[disabled] .form-control:focus:disabled{border-style:dashed}select.form-control{height:23px}select[multiple].form-control,select[multiple].form-control.focus,select[multiple].form-control:focus{height:85px}.form-control-wrapper{position:relative}.form-control-wrapper .form-control.focus,.form-control-wrapper .form-control:focus{outline:0}.form-control-wrapper .floating-label{color:#7E7E7E;font-size:14px;position:absolute;pointer-events:none;left:0;top:5px;-webkit-transition:.2s ease all;transition:.2s ease all;opacity:0}.form-control-wrapper .form-control:not(.empty)~.floating-label{top:-10px;font-size:10px;opacity:1}.form-control-wrapper .form-control.focus:invalid~.floating-label,.form-control-wrapper .form-control:focus:invalid~.floating-label{color:#f44336}.form-control-wrapper .form-control.focus~.material-input:after,.form-control-wrapper .form-control:focus~.material-input:after{background-color:#5264ae}.form-control-wrapper .form-control.focus:invalid~.material-input:after,.form-control-wrapper .form-control.focus:invalid~.material-input:before,.form-control-wrapper .form-control:focus:invalid~.material-input:after,.form-control-wrapper .form-control:focus:invalid~.material-input:before{background-color:#f44336}.form-control-wrapper .form-control.empty~.floating-label{opacity:1}.form-control-wrapper .material-input:before{position:absolute;content:"";width:100%;left:0;height:2px;background-color:#5264ae;bottom:-1px;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform 0s;transition:transform 0s}.form-control-wrapper .form-control.focus~.material-input:before,.form-control-wrapper .form-control:focus~.material-input:before{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);-webkit-transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out}.form-control-wrapper .material-input:after{content:"";position:absolute;height:18px;width:100px;margin-top:-1px;top:7px;left:0;pointer-events:none;opacity:.9;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}.form-control-wrapper .input-lg~.material-input:after{height:26px}.form-control-wrapper textarea{resize:none}.form-control-wrapper textarea~.form-control-highlight{margin-top:-11px}.form-control-wrapper .form-control.focus~.material-input:after,.form-control-wrapper .form-control:focus~.material-input:after{-webkit-animation:input-highlight .3s ease;animation:input-highlight .3s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}.form-control-wrapper select~.material-input:after{display:none}.form-group.has-warning .material-input:before,.form-group.has-warning input.form-control.focus~.material-input:after,.form-group.has-warning input.form-control:focus~.material-input:after{background:#ff5722}.form-group.has-warning .control-label,.form-group.has-warning input.form-control:not(.empty)~.floating-label{color:#ff5722}.form-group.has-error .material-input:before,.form-group.has-error input.form-control.focus~.material-input:after,.form-group.has-error input.form-control:focus~.material-input:after{background:#f44336}.form-group.has-error .control-label,.form-group.has-error input.form-control:not(.empty)~.floating-label{color:#f44336}.form-group.has-success .material-input:before,.form-group.has-success input.form-control.focus~.material-input:after,.form-group.has-success input.form-control:focus~.material-input:after{background:#0f9d58}.form-group.has-success .control-label,.form-group.has-success input.form-control:not(.empty)~.floating-label{color:#0f9d58}.form-group.has-info .material-input:before,.form-group.has-info input.form-control.focus~.material-input:after,.form-group.has-info input.form-control:focus~.material-input:after{background:#03a9f4}.form-group.has-info .control-label,.form-group.has-info input.form-control:not(.empty)~.floating-label{color:#03a9f4}.form-group .material-input:before,.form-group-default .material-input:before{background-color:#3f51b5}.form-group-primary .material-input:before{background-color:#4285f4}.form-group-success .material-input:before{background-color:#0f9d58}.form-group-info .material-input:before{background-color:#03a9f4}.form-group-warning .material-input:before{background-color:#ff5722}.form-group-danger .material-input:before,.form-group-material-red .material-input:before{background-color:#f44336}.form-group-material-pink .material-input:before{background-color:#e91e63}.form-group-material-purple .material-input:before{background-color:#9c27b0}.form-group-material-deeppurple .material-input:before{background-color:#673ab7}.form-group-material-indigo .material-input:before{background-color:#3f51b5}.form-group-material-lightblue .material-input:before{background-color:#03a9f4}.form-group-material-cyan .material-input:before{background-color:#00bcd4}.form-group-material-teal .material-input:before{background-color:#009688}.form-group-material-lightgreen .material-input:before{background-color:#8bc34a}.form-group-material-lime .material-input:before{background-color:#cddc39}.form-group-material-lightyellow .material-input:before{background-color:#ffeb3b}.form-group-material-orange .material-input:before{background-color:#ff9800}.form-group-material-deeporange .material-input:before{background-color:#ff5722}.form-group-material-grey .material-input:before{background-color:#9e9e9e}.form-group-material-bluegrey .material-input:before{background-color:#607d8b}.form-group-material-brown .material-input:before{background-color:#795548}.form-group-material-lightgrey .material-input:before{background-color:#ececec}.form-group input.form-control:focus~.material-input:after,.form-group-default input.form-control:focus~.material-input:after{background-color:#3f51b5}.form-group-primary input.form-control:focus~.material-input:after{background-color:#4285f4}.form-group-success input.form-control:focus~.material-input:after{background-color:#0f9d58}.form-group-info input.form-control:focus~.material-input:after{background-color:#03a9f4}.form-group-warning input.form-control:focus~.material-input:after{background-color:#ff5722}.form-group-danger input.form-control:focus~.material-input:after,.form-group-material-red input.form-control:focus~.material-input:after{background-color:#f44336}.form-group-material-pink input.form-control:focus~.material-input:after{background-color:#e91e63}.form-group-material-purple input.form-control:focus~.material-input:after{background-color:#9c27b0}.form-group-material-deeppurple input.form-control:focus~.material-input:after{background-color:#673ab7}.form-group-material-indigo input.form-control:focus~.material-input:after{background-color:#3f51b5}.form-group-material-lightblue input.form-control:focus~.material-input:after{background-color:#03a9f4}.form-group-material-cyan input.form-control:focus~.material-input:after{background-color:#00bcd4}.form-group-material-teal input.form-control:focus~.material-input:after{background-color:#009688}.form-group-material-lightgreen input.form-control:focus~.material-input:after{background-color:#8bc34a}.form-group-material-lime input.form-control:focus~.material-input:after{background-color:#cddc39}.form-group-material-lightyellow input.form-control:focus~.material-input:after{background-color:#ffeb3b}.form-group-material-orange input.form-control:focus~.material-input:after{background-color:#ff9800}.form-group-material-deeporange input.form-control:focus~.material-input:after{background-color:#ff5722}.form-group-material-grey input.form-control:focus~.material-input:after{background-color:#9e9e9e}.form-group-material-bluegrey input.form-control:focus~.material-input:after{background-color:#607d8b}.form-group-material-brown input.form-control:focus~.material-input:after{background-color:#795548}.form-group-material-lightgrey input.form-control:focus~.material-input:after{background-color:#ececec}.form-group input.form-control.focus~.material-input:after,.form-group-default input.form-control.focus~.material-input:after{background-color:#3f51b5}.form-group-primary input.form-control.focus~.material-input:after{background-color:#4285f4}.form-group-success input.form-control.focus~.material-input:after{background-color:#0f9d58}.form-group-info input.form-control.focus~.material-input:after{background-color:#03a9f4}.form-group-warning input.form-control.focus~.material-input:after{background-color:#ff5722}.form-group-danger input.form-control.focus~.material-input:after,.form-group-material-red input.form-control.focus~.material-input:after{background-color:#f44336}.form-group-material-pink input.form-control.focus~.material-input:after{background-color:#e91e63}.form-group-material-purple input.form-control.focus~.material-input:after{background-color:#9c27b0}.form-group-material-deeppurple input.form-control.focus~.material-input:after{background-color:#673ab7}.form-group-material-indigo input.form-control.focus~.material-input:after{background-color:#3f51b5}.form-group-material-lightblue input.form-control.focus~.material-input:after{background-color:#03a9f4}.form-group-material-cyan input.form-control.focus~.material-input:after{background-color:#00bcd4}.form-group-material-teal input.form-control.focus~.material-input:after{background-color:#009688}.form-group-material-lightgreen input.form-control.focus~.material-input:after{background-color:#8bc34a}.form-group-material-lime input.form-control.focus~.material-input:after{background-color:#cddc39}.form-group-material-lightyellow input.form-control.focus~.material-input:after{background-color:#ffeb3b}.form-group-material-orange input.form-control.focus~.material-input:after{background-color:#ff9800}.form-group-material-deeporange input.form-control.focus~.material-input:after{background-color:#ff5722}.form-group-material-grey input.form-control.focus~.material-input:after{background-color:#9e9e9e}.form-group-material-bluegrey input.form-control.focus~.material-input:after{background-color:#607d8b}.form-group-material-brown input.form-control.focus~.material-input:after{background-color:#795548}.form-group-material-lightgrey input.form-control.focus~.material-input:after{background-color:#ececec}.form-group .control-label,.form-group-default .control-label{color:rgba(0,0,0,.84)}.form-group-primary .control-label{color:#4285f4}.form-group-success .control-label{color:#0f9d58}.form-group-info .control-label{color:#03a9f4}.form-group-warning .control-label{color:#ff5722}.form-group-danger .control-label,.form-group-material-red .control-label{color:#f44336}.form-group-material-pink .control-label{color:#e91e63}.form-group-material-purple .control-label{color:#9c27b0}.form-group-material-deeppurple .control-label{color:#673ab7}.form-group-material-indigo .control-label{color:#3f51b5}.form-group-material-lightblue .control-label{color:#03a9f4}.form-group-material-cyan .control-label{color:#00bcd4}.form-group-material-teal .control-label{color:#009688}.form-group-material-lightgreen .control-label{color:#8bc34a}.form-group-material-lime .control-label{color:#cddc39}.form-group-material-lightyellow .control-label{color:#ffeb3b}.form-group-material-orange .control-label{color:#ff9800}.form-group-material-deeporange .control-label{color:#ff5722}.form-group-material-grey .control-label{color:#9e9e9e}.form-group-material-bluegrey .control-label{color:#607d8b}.form-group-material-brown .control-label{color:#795548}.form-group-material-lightgrey .control-label{color:#ececec}.form-group input.form-control:not(.empty)~.floating-label,.form-group-default input.form-control:not(.empty)~.floating-label{color:#3f51b5}.form-group-primary input.form-control:not(.empty)~.floating-label{color:#4285f4}.form-group-success input.form-control:not(.empty)~.floating-label{color:#0f9d58}.form-group-info input.form-control:not(.empty)~.floating-label{color:#03a9f4}.form-group-warning input.form-control:not(.empty)~.floating-label{color:#ff5722}.form-group-danger input.form-control:not(.empty)~.floating-label,.form-group-material-red input.form-control:not(.empty)~.floating-label{color:#f44336}.form-group-material-pink input.form-control:not(.empty)~.floating-label{color:#e91e63}.form-group-material-purple input.form-control:not(.empty)~.floating-label{color:#9c27b0}.form-group-material-deeppurple input.form-control:not(.empty)~.floating-label{color:#673ab7}.form-group-material-indigo input.form-control:not(.empty)~.floating-label{color:#3f51b5}.form-group-material-lightblue input.form-control:not(.empty)~.floating-label{color:#03a9f4}.form-group-material-cyan input.form-control:not(.empty)~.floating-label{color:#00bcd4}.form-group-material-teal input.form-control:not(.empty)~.floating-label{color:#009688}.form-group-material-lightgreen input.form-control:not(.empty)~.floating-label{color:#8bc34a}.form-group-material-lime input.form-control:not(.empty)~.floating-label{color:#cddc39}.form-group-material-lightyellow input.form-control:not(.empty)~.floating-label{color:#ffeb3b}.form-group-material-orange input.form-control:not(.empty)~.floating-label{color:#ff9800}.form-group-material-deeporange input.form-control:not(.empty)~.floating-label{color:#ff5722}.form-group-material-grey input.form-control:not(.empty)~.floating-label{color:#9e9e9e}.form-group-material-bluegrey input.form-control:not(.empty)~.floating-label{color:#607d8b}.form-group-material-brown input.form-control:not(.empty)~.floating-label{color:#795548}.form-group-material-lightgrey input.form-control:not(.empty)~.floating-label{color:#ececec}.input-group .form-control-wrapper{margin-right:5px;margin-left:5px;bottom:-10px}.input-group .form-control-wrapper .form-control{float:none}.input-group .input-group-addon{border:0}.input-group .input-group-btn .btn{border-radius:4px}select.form-control{border:0;box-shadow:none;border-bottom:1px solid #757575;border-radius:0}select.form-control.focus,select.form-control:focus{box-shadow:none;border-color:#757575}@keyframes input-highlight{0%{left:20%;-webkit-transform:scaleX(20%);transform:scaleX(20%)}99%{-webkit-transform:scaleX(0);transform:scaleX(0);left:0;opacity:1}100%{opacity:0}}.form-control-wrapper input[type=file]{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:100}legend{border-bottom:0}.modal-content{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);border-radius:0;border:0}.modal-content .modal-header{border-bottom:0}.modal-content .modal-footer{border-top:0}.modal-content .modal-footer .btn+.btn{margin-bottom:10px}.list-group{border-radius:0}.list-group .list-group-item{background-color:transparent;overflow:hidden;border:0;border-radius:0;padding:0 16px}.list-group .list-group-item .row-action-primary,.list-group .list-group-item .row-picture{float:left;display:inline-block;padding-right:16px}.list-group .list-group-item .row-action-primary i,.list-group .list-group-item .row-action-primary img,.list-group .list-group-item .row-action-primary label,.list-group .list-group-item .row-picture i,.list-group .list-group-item .row-picture img,.list-group .list-group-item .row-picture label{display:block;width:56px;height:56px}.list-group .list-group-item .row-action-primary img,.list-group .list-group-item .row-picture img{background:rgba(0,0,0,.1);padding:1px}.list-group .list-group-item .row-action-primary img.circle,.list-group .list-group-item .row-picture img.circle{border-radius:100%}.list-group .list-group-item .row-action-primary i,.list-group .list-group-item .row-picture i{background:rgba(0,0,0,.25);border-radius:100%;text-align:center;line-height:56px;font-size:20px;color:#fff}.list-group .list-group-item .row-action-primary label,.list-group .list-group-item .row-picture label{margin:5px -7px -5px 7px}.list-group .list-group-item .row-content{display:inline-block;width:calc(100% - 92px);min-height:66px}.list-group .list-group-item .row-content .action-secondary{position:absolute;right:16px;top:16px}.list-group .list-group-item .row-content .action-secondary i{font-size:20px;color:rgba(0,0,0,.25);cursor:pointer}.list-group .list-group-item .row-content .action-secondary~*{max-width:calc(100% - 30px)}.list-group .list-group-item .row-content .least-content{position:absolute;right:16px;top:0;color:rgba(0,0,0,.54);font-size:14px}.list-group .list-group-item .list-group-item-heading{color:rgba(0,0,0,.77);font-size:20px;line-height:29px}.list-group .list-group-separator{clear:both;overflow:hidden;margin-top:10px;margin-bottom:10px}.list-group .list-group-separator:before{content:"";width:calc(100% - 90px);border-bottom:1px solid rgba(0,0,0,.1);float:right}.navbar{border:0;border-radius:0}.navbar .navbar-brand{position:relative;height:60px;line-height:30px;color:rgba(255,255,255,.84)}.navbar .navbar-brand:focus,.navbar .navbar-brand:hover{color:rgba(255,255,255,.84);background-color:transparent}.navbar .navbar-text{color:rgba(255,255,255,.84);margin-top:20px;margin-bottom:20px}.navbar .navbar-nav>li>a{color:rgba(255,255,255,.84);padding-top:20px;padding-bottom:20px}.navbar .navbar-nav>li>a:focus,.navbar .navbar-nav>li>a:hover{color:rgba(255,255,255,.84);background-color:transparent}.navbar .navbar-nav>.active>a,.navbar .navbar-nav>.active>a:focus,.navbar .navbar-nav>.active>a:hover{color:rgba(255,255,255,.84);background-color:rgba(0,0,0,.05)}.navbar .navbar-nav>.disabled>a,.navbar .navbar-nav>.disabled>a:focus,.navbar .navbar-nav>.disabled>a:hover{color:#e5e5e5;background-color:transparent}.navbar .navbar-toggle{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} diff --git a/css-compiled/ripples.css b/css-compiled/ripples.css index 51673647..14213cd3 100644 --- a/css-compiled/ripples.css +++ b/css-compiled/ripples.css @@ -1,4 +1,3 @@ -/* Generated by less 1.7.5 */ .withripple { position: relative; } @@ -20,22 +19,16 @@ margin-top: -10px; border-radius: 100%; background-color: rgba(0, 0, 0, 0.05); - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - -webkit-transform-origin: 50%; - -ms-transform-origin: 50%; - transform-origin: 50%; + transform: scale(1); + transform-origin: 50%; opacity: 0; pointer-events: none; } .ripple.ripple-on { - -webkit-transition: opacity 0.15s ease-in 0s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; opacity: 1; } .ripple.ripple-out { - -webkit-transition: opacity 0.1s linear 0s !important; transition: opacity 0.1s linear 0s !important; opacity: 0; } diff --git a/css-compiled/ripples.min.css b/css-compiled/ripples.min.css new file mode 100644 index 00000000..fe16acdb --- /dev/null +++ b/css-compiled/ripples.min.css @@ -0,0 +1 @@ +.withripple{position:relative}.ripple-wrapper{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;overflow:hidden;border-radius:2px}.ripple{position:absolute;width:20px;height:20px;margin-left:-10px;margin-top:-10px;border-radius:100%;background-color:rgba(0,0,0,.05);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;opacity:0;pointer-events:none}.ripple.ripple-on{-webkit-transition:opacity .15s ease-in 0s,-webkit-transform .5s cubic-bezier(0.4,0,.2,1) .1s;transition:opacity .15s ease-in 0s,transform .5s cubic-bezier(0.4,0,.2,1) .1s;opacity:1}.ripple.ripple-out{-webkit-transition:opacity .1s linear 0s!important;transition:opacity .1s linear 0s!important;opacity:0} diff --git a/gruntfile.js b/gruntfile.js new file mode 100644 index 00000000..723bfeb9 --- /dev/null +++ b/gruntfile.js @@ -0,0 +1,61 @@ +module.exports = function(grunt) { + + "use strict"; + + grunt.initConfig({ + + less: { + production: { + options: { + paths: ["less"] + }, + files: { + "css-compiled/material.css": "less/material.less", + "css-compiled/material-wfont.css": "less/material-wfont.less", + "css-compiled/ripples.css": "less/ripples.less" + } + } + }, + + autoprefixer: { + options: { + browsers: ["last 3 versions", "ie 8", "ie 9", "ie 10", "ie 11"] + }, + dist: { + files: { + "css-compiled/material.css": "css-compiled/material.css", + "css-compiled/material-wfont.css": "css-compiled/material-wfont.css", + "css-compiled/ripples.css": "css-compiled/ripples.css" + } + }, + }, + + cssmin: { + minify: { + expand: true, + cwd: "css-compiled/", + src: ["*.css", "!*.min.css"], + dest: "css-compiled/", + ext: ".min.css" + } + }, + + copy: { + css: { + src: "css-compiled/*.min.css", + dest: "template/material/" + }, + js: { + src: "scripts/*.js", + dest: "template/material/" + } + + } + + }); + grunt.loadNpmTasks("grunt-contrib-less"); + grunt.loadNpmTasks("grunt-autoprefixer"); + grunt.loadNpmTasks("grunt-contrib-cssmin"); + grunt.loadNpmTasks("grunt-contrib-copy"); + grunt.registerTask("default", ["less", "autoprefixer", "cssmin", "copy"]); +}; diff --git a/less/animations.less b/less/animations.less index 3bed5ec6..d9137b79 100644 --- a/less/animations.less +++ b/less/animations.less @@ -1,33 +1,5 @@ // 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%; diff --git a/less/checkboxes.less b/less/checkboxes.less index 793539c6..9e6b8b6e 100644 --- a/less/checkboxes.less +++ b/less/checkboxes.less @@ -35,7 +35,7 @@ border: 2px solid @lightbg-text; height: 20px; width: 20px; - .transition-delay(0.2s); + transition-delay: 0.2s; } } @@ -53,7 +53,7 @@ height: 18px; border: solid 2px; border-color: #5a5a5a; - .animation(uncheck 300ms ease-out forwards); + animation: uncheck 300ms ease-out forwards; } input[type=checkbox]:focus ~ .check:after { @@ -61,22 +61,22 @@ } input[type=checkbox]:checked ~ .check:before { - .animation(check 300ms ease-out forwards); + animation: check 300ms ease-out forwards; } // Ripple effect on click input[type=checkbox]:not(:checked) ~ .check:after { - .animation(rippleOff 500ms linear forwards); + animation: rippleOff 500ms linear forwards; } input[type=checkbox]:checked ~ .check:after { - .animation(rippleOn 500ms linear forwards); + animation: rippleOn 500ms linear forwards; } // Make animate quickly when not hover &:not(:hover) input[type=checkbox] ~ .check { - &:before, &:after { - .animation-duration(1ms); - } + &:before, &:after { + animation-duration: 1ms; + } } // Style for disabled inputs @@ -91,8 +91,7 @@ .variations(~" input[type=checkbox]:checked ~ .check:after", background-color, @success); } - -.keyframe-uncheck() { +@keyframes uncheck { 0% { top: -3px; left: 17px; @@ -130,7 +129,7 @@ } } -.keyframe-check() { +@keyframes check { 100% { top: -3px; left: 17px; @@ -166,19 +165,8 @@ border-top-color: #5a5a5a; } } -@-webkit-keyframes uncheck {.keyframe-uncheck()} -@-moz-keyframes uncheck {.keyframe-uncheck()} -@-ms-keyframes uncheck {.keyframe-uncheck()} -@-o-keyframes uncheck {.keyframe-uncheck()} -@keyframes uncheck {.keyframe-uncheck()} -@-webkit-keyframes check {.keyframe-check()} -@-moz-keyframes check {.keyframe-check()} -@-ms-keyframes check {.keyframe-check()} -@-o-keyframes check {.keyframe-check()} -@keyframes check {.keyframe-check()} - -.ripple() { +@keyframes rippleOn { 0% { opacity: 0; } @@ -190,14 +178,14 @@ } } -@-webkit-keyframes rippleOn {.ripple()} -@-moz-keyframes rippleOn {.ripple()} -@-ms-keyframes rippleOn {.ripple()} -@-o-keyframes rippleOn {.ripple()} -@keyframes rippleOn {.ripple()} - -@-webkit-keyframes rippleOff {.ripple()} -@-moz-keyframes rippleOff {.ripple()} -@-ms-keyframes rippleOn {.ripple()} -@-o-keyframes rippleOff {.ripple()} -@keyframes rippleOff {.ripple()} +@keyframes rippleOff { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} diff --git a/less/inputs.less b/less/inputs.less index 64ca3575..7d87faec 100644 --- a/less/inputs.less +++ b/less/inputs.less @@ -99,9 +99,7 @@ select[multiple].form-control { /* active state */ .form-control:focus ~ .material-input:after, .form-control.focus ~ .material-input:after { - -webkit-animation: input-highlight 0.3s ease; animation: input-highlight 0.3s ease; - -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } diff --git a/less/material-wfont.less b/less/material-wfont.less index ed90a7d6..46c59752 100644 --- a/less/material-wfont.less +++ b/less/material-wfont.less @@ -1,3 +1,2 @@ -// out: ../css-compiled/material-wfont.css @import url(//fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,700,300|Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic); @import "material.less"; diff --git a/template/material/material.css b/less/material.css similarity index 90% rename from template/material/material.css rename to less/material.css index f79ae617..f957a33a 100644 --- a/template/material/material.css +++ b/less/material.css @@ -1,18 +1,4 @@ /* Generated by less 1.7.5 */ -@-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%; @@ -400,8 +386,7 @@ body .jumbotron-material-lightgrey, text-transform: uppercase; text-decoration: none; color: rgba(255, 255, 255, 0.84); - -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); - transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); + transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); outline: none !important; } .btn:hover { @@ -499,8 +484,7 @@ 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); - -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); + 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); @@ -587,8 +571,7 @@ 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); - -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); + 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) { @@ -601,8 +584,7 @@ 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); - -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); + 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) { @@ -739,9 +721,7 @@ body .jumbotron-material-lightgrey, padding-top: 15px; } .checkbox { - -webkit-transform: rotate(0deg); - -ms-transform: rotate(0deg); - transform: rotate(0deg); + transform: rotate(0deg); } .checkbox label { cursor: pointer; @@ -752,8 +732,7 @@ body .jumbotron-material-lightgrey, display: block; position: absolute; left: 0px; - -webkit-transition-duration: 0.2s; - transition-duration: 0.2s; + transition-duration: 0.2s; } .checkbox label .check:after { display: block; @@ -775,7 +754,6 @@ body .jumbotron-material-lightgrey, border: 2px solid rgba(0, 0, 0, 0.84); height: 20px; width: 20px; - -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .checkbox .check, @@ -859,36 +837,30 @@ body .jumbotron-material-lightgrey, height: 18px; border: solid 2px; border-color: #5a5a5a; - -webkit-animation: uncheck 300ms ease-out forwards; - -ms-animation: uncheck 300ms ease-out forwards; animation: uncheck 300ms ease-out forwards; } .checkbox input[type=checkbox]:focus ~ .check:after { opacity: 0.2; } .checkbox input[type=checkbox]:checked ~ .check:before { - -webkit-animation: check 300ms ease-out forwards; - -ms-animation: check 300ms ease-out forwards; animation: check 300ms ease-out forwards; } .checkbox input[type=checkbox]:not(:checked) ~ .check:after { - -webkit-animation: rippleOff 500ms; - -ms-animation: rippleOff 500ms; - animation: rippleOff 500ms; + animation: rippleOff 500ms linear forwards; } .checkbox input[type=checkbox]:checked ~ .check:after { - -webkit-animation: rippleOn 500ms; - -ms-animation: rippleOn 500ms; - animation: rippleOn 500ms; + animation: rippleOn 500ms linear forwards; +} +.checkbox:not(:hover) input[type=checkbox] ~ .check:before, +.checkbox:not(:hover) input[type=checkbox] ~ .check:after { + animation-duration: 1ms; } .checkbox input[type=checkbox][disabled]:not(:checked) ~ .check:before { opacity: 0.5; } .checkbox input[type=checkbox][disabled] ~ .check:after { background-color: rgba(0, 0, 0, 0.84); - -webkit-transform: rotate(-45deg); - -ms-transform: rotate(-45deg); - transform: rotate(-45deg); + transform: rotate(-45deg); } .checkbox input[type=checkbox]:checked ~ .check:after, .checkbox-default input[type=checkbox]:checked ~ .check:after { @@ -960,7 +932,7 @@ body .jumbotron-material-lightgrey, .checkbox-material-lightgrey input[type=checkbox]:checked ~ .check:after { background-color: #ececec; } -@-webkit-keyframes uncheck { +@keyframes uncheck { 0% { top: -3px; left: 17px; @@ -969,16 +941,14 @@ body .jumbotron-material-lightgrey, border-color: #0f9d58; border-left-color: transparent; border-top-color: transparent; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + transform: rotate(45deg); } 50% { top: 14px; left: 17px; width: 4px; height: 4px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + transform: rotate(45deg); border-color: #0f9d58; border-left-color: transparent; border-top-color: transparent; @@ -993,86 +963,7 @@ body .jumbotron-material-lightgrey, left: 12px; width: 18px; height: 18px; - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - border-color: #5a5a5a; - border-left-color: #5a5a5a; - border-top-color: #5a5a5a; - } -} -@-webkit-keyframes check { - 100% { - top: -3px; - left: 17px; - width: 10px; - height: 21px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - border-color: #0f9d58; - border-left-color: transparent; - border-top-color: transparent; - } - 51% { - border-left: transparent; - border-top-color: transparent; - } - 50% { - top: 14px; - left: 17px; - width: 4px; - height: 4px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - border-color: #5a5a5a; - border-left-color: #5a5a5a; - border-top-color: #5a5a5a; - } - 0% { - top: 1px; - left: 12px; - width: 18px; - height: 18px; - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - border-color: #5a5a5a; - border-left-color: #5a5a5a; - border-top-color: #5a5a5a; - } -} -@-ms-keyframes check { - 100% { - top: -3px; - left: 17px; - width: 10px; - height: 21px; - -ms-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; - -ms-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; - -ms-transform: rotate(0deg); - transform: rotate(0deg); + transform: rotate(0deg); border-color: #5a5a5a; border-left-color: #5a5a5a; border-top-color: #5a5a5a; @@ -1084,8 +975,7 @@ body .jumbotron-material-lightgrey, left: 17px; width: 10px; height: 21px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + transform: rotate(45deg); border-color: #0f9d58; border-left-color: transparent; border-top-color: transparent; @@ -1099,8 +989,7 @@ body .jumbotron-material-lightgrey, left: 17px; width: 4px; height: 4px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + transform: rotate(45deg); border-color: #5a5a5a; border-left-color: #5a5a5a; border-top-color: #5a5a5a; @@ -1110,53 +999,12 @@ body .jumbotron-material-lightgrey, left: 12px; width: 18px; height: 18px; - -webkit-transform: rotate(0deg); - 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; - } - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } -} -@-ms-keyframes rippleOn { - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } -} @keyframes rippleOn { 0% { opacity: 0; @@ -1167,55 +1015,6 @@ body .jumbotron-material-lightgrey, 100% { opacity: 0; } - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } -} -@-webkit-keyframes rippleOff { - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } -} -@-ms-keyframes rippleOn { - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } } @keyframes rippleOff { 0% { @@ -1227,15 +1026,6 @@ body .jumbotron-material-lightgrey, 100% { opacity: 0; } - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } } .form-horizontal .radio { margin-bottom: 10px; @@ -1250,8 +1040,7 @@ body .jumbotron-material-lightgrey, position: absolute; left: 10px; top: 2px; - -webkit-transition-duration: 0.2s; - transition-duration: 0.2s; + transition-duration: 0.2s; } .radio label .circle { border: 2px solid rgba(0, 0, 0, 0.84); @@ -1264,9 +1053,7 @@ body .jumbotron-material-lightgrey, width: 15px; border-radius: 100%; background-color: rgba(0, 0, 0, 0.84); - -webkit-transform: scale(0); - -ms-transform: scale(0); - transform: scale(0); + transform: scale(0); } .radio label .check:after { display: block; @@ -1281,18 +1068,12 @@ body .jumbotron-material-lightgrey, z-index: 1; opacity: 0; margin: 0; - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - transform: scale(1.5); + transform: scale(1.5); } .radio label input[type=radio]:not(:checked) ~ .check:after { - -webkit-animation: rippleOff 500ms; - -ms-animation: rippleOff 500ms; animation: rippleOff 500ms; } .radio label input[type=radio]:checked ~ .check:after { - -webkit-animation: rippleOn 500ms; - -ms-animation: rippleOn 500ms; animation: rippleOn 500ms; } .radio input[type=radio]:checked ~ .check, @@ -1443,9 +1224,7 @@ body .jumbotron-material-lightgrey, display: none; } .radio input[type=radio]:checked ~ .check { - -webkit-transform: scale(0.55); - -ms-transform: scale(0.55); - transform: scale(0.55); + transform: scale(0.55); } .radio input[type=radio][disabled] ~ .circle { border-color: rgba(0, 0, 0, 0.84); @@ -1453,46 +1232,6 @@ body .jumbotron-material-lightgrey, .radio input[type=radio][disabled] ~ .check { background-color: rgba(0, 0, 0, 0.84); } -@-webkit-keyframes rippleOn { - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } -} -@-ms-keyframes rippleOn { - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } -} @keyframes rippleOn { 0% { opacity: 0; @@ -1503,55 +1242,6 @@ body .jumbotron-material-lightgrey, 100% { opacity: 0; } - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } -} -@-webkit-keyframes rippleOff { - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } -} -@-ms-keyframes rippleOn { - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } } @keyframes rippleOff { 0% { @@ -1563,15 +1253,6 @@ body .jumbotron-material-lightgrey, 100% { opacity: 0; } - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } } fieldset[disabled] .form-control, .form-control-wrapper .form-control, @@ -1635,8 +1316,7 @@ select[multiple].form-control.focus { pointer-events: none; left: 0px; top: 5px; - -webkit-transition: 0.2s ease all; - transition: 0.2s ease all; + transition: 0.2s ease all; opacity: 0; } .form-control-wrapper .form-control:not(.empty) ~ .floating-label { @@ -1669,19 +1349,13 @@ select[multiple].form-control.focus { 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; + transform: scaleX(0); + transition: transform 0s; } .form-control-wrapper .form-control:focus ~ .material-input:before, .form-control-wrapper .form-control.focus ~ .material-input:before { - -webkit-transform: scaleX(1); - -ms-transform: scaleX(1); - transform: scaleX(1); - -webkit-transition: -webkit-transform 0.2s ease-out; - transition: transform 0.2s ease-out; + transform: scaleX(1); + transition: transform 0.2s ease-out; } .form-control-wrapper .material-input:after { content: ""; @@ -1693,9 +1367,7 @@ select[multiple].form-control.focus { left: 0; pointer-events: none; opacity: 0.9; - -webkit-transform-origin: left; - -ms-transform-origin: left; - transform-origin: left; + transform-origin: left; } .form-control-wrapper .input-lg ~ .material-input:after { height: 26px; @@ -1708,9 +1380,7 @@ select[multiple].form-control.focus { } .form-control-wrapper .form-control:focus ~ .material-input:after, .form-control-wrapper .form-control.focus ~ .material-input:after { - -webkit-animation: input-highlight 0.3s ease; animation: input-highlight 0.3s ease; - -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } @@ -2131,12 +1801,10 @@ select.form-control.focus { @keyframes input-highlight { 0% { left: 20%; - -webkit-transform: scaleX(20%); - transform: scaleX(20%); + transform: scaleX(20%); } 99% { - -webkit-transform: scaleX(0); - transform: scaleX(0); + transform: scaleX(0); left: 0; opacity: 1; } @@ -2225,7 +1893,6 @@ legend { } .list-group .list-group-item .row-content { display: inline-block; - width: -webkit-calc(100% - 92px); width: calc(100% - 92px); min-height: 66px; } @@ -2240,7 +1907,6 @@ legend { cursor: pointer; } .list-group .list-group-item .row-content .action-secondary ~ * { - max-width: -webkit-calc(100% - 30px); max-width: calc(100% - 30px); } .list-group .list-group-item .row-content .least-content { @@ -2263,7 +1929,6 @@ legend { } .list-group .list-group-separator:before { content: ""; - width: -webkit-calc(100% - 90px); width: calc(100% - 90px); border-bottom: 1px solid rgba(0, 0, 0, 0.1); float: right; @@ -2842,21 +2507,15 @@ 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; - -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%); + transform: translateY(200%); } .snackbar.snackbar-opened { padding: 14px 15px; margin-bottom: 20px; height: auto; - -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s; 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; + transform: none; } .snackbar.toast { border-radius: 200px; @@ -2864,11 +2523,8 @@ fieldset[disabled] .navbar .btn-link:focus { .noUi-target, .noUi-target * { -webkit-touch-callout: none; - -webkit-user-select: none; -ms-touch-action: none; - -ms-user-select: none; - -moz-user-select: none; - -moz-box-sizing: border-box; + user-select: none; box-sizing: border-box; } .noUi-base { @@ -2886,9 +2542,7 @@ fieldset[disabled] .navbar .btn-link:focus { .noUi-handle { position: relative; z-index: 1; - -moz-box-sizing: border-box; - box-sizing: border-box; - -webkit-box-sizing: border-box; + box-sizing: border-box; } .noUi-stacking .noUi-handle { z-index: 10; @@ -2897,7 +2551,6 @@ fieldset[disabled] .navbar .btn-link:focus { *z-index: -1; } .noUi-state-tap .noUi-origin { - -webkit-transition: left 0.3s, top 0.3s; transition: left 0.3s, top 0.3s; } .noUi-state-drag * { @@ -2907,8 +2560,7 @@ fieldset[disabled] .navbar .btn-link:focus { height: 10px; } .noUi-horizontal .noUi-handle { - -moz-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; width: 12px; height: 12px; left: -10px; @@ -2943,8 +2595,7 @@ fieldset[disabled] .navbar .btn-link:focus { .noUi-handle { border-radius: 100%; cursor: default; - -webkit-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; + transition: all 0.2s ease-out; border: 1px solid; } .noUi-horizontal { @@ -2952,9 +2603,7 @@ fieldset[disabled] .navbar .btn-link:focus { margin: 15px 0; } .noUi-horizontal .noUi-handle.noUi-active { - -webkit-transform: scale(2.5); - -ms-transform: scale(2.5); - transform: scale(2.5); + transform: scale(2.5); } [disabled].noUi-slider { opacity: 0.5; @@ -3244,4 +2893,4 @@ fieldset[disabled] .navbar .btn-link:focus { } .slider-material-lightgrey .noUi-handle { border-color: #ececec; -} \ No newline at end of file +} diff --git a/less/material.less b/less/material.less index 8d6c8210..f333364c 100644 --- a/less/material.less +++ b/less/material.less @@ -1,10 +1,8 @@ -// out: ../css-compiled/material.css // Material Theme 0.0.1 // ----------------------------------------------------- @import "variables.less"; @import "mixins.less"; -@import "prefixer.less"; @import "animations.less"; @import "shadows.less"; diff --git a/less/navbar.less b/less/navbar.less index 2feca826..f5da45aa 100644 --- a/less/navbar.less +++ b/less/navbar.less @@ -55,7 +55,8 @@ // Darken the responsive nav toggle .navbar-toggle { - border-color: @navbar-toggle-border-color; + margin-top: 13px; + border-color: transparent; &:hover, &:focus { background-color: @navbar-toggle-hover-bg; @@ -65,6 +66,11 @@ } } + .navbar-default .navbar-toggle, + .navbar-inverse .navbar-toggle { + border-color: transparent; + } + .navbar-collapse, .navbar-form { border-color: rgba(0,0,0,0.1); diff --git a/less/plugin-nouislider.less b/less/plugin-nouislider.less index 30cc75bc..62873b38 100644 --- a/less/plugin-nouislider.less +++ b/less/plugin-nouislider.less @@ -2,11 +2,8 @@ .noUi-target, .noUi-target * { -webkit-touch-callout: none; - -webkit-user-select: none; -ms-touch-action: none; - -ms-user-select: none; - -moz-user-select: none; - -moz-box-sizing: border-box; + user-select: none; box-sizing: border-box; } .noUi-base { @@ -25,7 +22,6 @@ position: relative; z-index: 1; box-sizing: border-box; - -webkit-box-sizing: border-box; } .noUi-stacking .noUi-handle { z-index: 10; @@ -34,7 +30,6 @@ *z-index: -1; } .noUi-state-tap .noUi-origin { - -webkit-transition: left 0.3s, top 0.3s; transition: left 0.3s, top 0.3s; } .noUi-state-drag * { diff --git a/less/plugin-snackbarjs.less b/less/plugin-snackbarjs.less index 243582a4..1c20899e 100644 --- a/less/plugin-snackbarjs.less +++ b/less/plugin-snackbarjs.less @@ -13,11 +13,7 @@ // Animation height: 0; - -moz-transition: -moz-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-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; - -moz-transform: translateY(200%); - -webkit-transform: translateY(200%); transform: translateY(200%); } @@ -28,11 +24,7 @@ // Animation height: auto; - -moz-transition: -moz-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s; - -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, 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; - -moz-transform: none; - -webkit-transform: none; transform: none; } diff --git a/less/prefixer.less b/less/prefixer.less deleted file mode 100644 index e26f70b2..00000000 --- a/less/prefixer.less +++ /dev/null @@ -1,372 +0,0 @@ -// main: material - -//--------------------------------------------------- -// LESS Prefixer -//--------------------------------------------------- -// -// All of the CSS3 fun, none of the prefixes! -// -// As a rule, you can use the CSS properties you -// would expect just by adding a '.': -// -// box-shadow => .box-shadow(@args) -// -// Also, when shorthand is available, arguments are -// not parameterized. Learn CSS, not LESS Prefixer. -// -// ------------------------------------------------- -// TABLE OF CONTENTS -// (*) denotes a syntax-sugar helper -// ------------------------------------------------- -// -// .animation(@args) -// .animation-delay(@delay) -// .animation-direction(@direction) -// .animation-duration(@duration) -// .animation-fill-mode(@mode) -// .animation-iteration-count(@count) -// .animation-name(@name) -// .animation-play-state(@state) -// .animation-timing-function(@function) -// .background-size(@args) -// .border-radius(@args) -// .box-shadow(@args) -// .inner-shadow(@args) * -// .box-sizing(@args) -// .border-box() * -// .content-box() * -// .columns(@args) -// .column-count(@count) -// .column-gap(@gap) -// .column-rule(@args) -// .column-width(@width) -// .gradient(@default,@start,@stop) * -// .linear-gradient-top(@default,@color1,@stop1,@color2,@stop2,[@color3,@stop3,@color4,@stop4])* -// .linear-gradient-left(@default,@color1,@stop1,@color2,@stop2,[@color3,@stop3,@color4,@stop4])* -// .opacity(@factor) -// .transform(@args) -// .transform-origin(@args) -// .transform-style(@style) -// .rotate(@deg) -// .scale(@factor) -// .translate(@x,@y) -// .translate3d(@x,@y,@z) -// .translateHardware(@x,@y) * -// .text-shadow(@args) -// .transition(@args) -// .transition-delay(@delay) -// .transition-duration(@duration) -// .transition-property(@property) -// .transition-timing-function(@function) -// -// -// -// Credit to LESS Elements for the motivation and -// to CSS3Please.com for implementation. -// -// Copyright (c) 2012 Joel Sutherland -// MIT Licensed: -// http://www.opensource.org/licenses/mit-license.php -// -//--------------------------------------------------- - - -// Animation - -.animation(@args) { - -webkit-animation: @args; - -moz-animation: @args; - -ms-animation: @args; - -o-animation: @args; - animation: @args; -} -.animation-delay(@delay) { - -webkit-animation-delay: @delay; - -moz-animation-delay: @delay; - -ms-animation-delay: @delay; - -o-animation-delay: @delay; - animation-delay: @delay; -} -.animation-direction(@direction) { - -webkit-animation-direction: @direction; - -moz-animation-direction: @direction; - -ms-animation-direction: @direction; - -o-animation-direction: @direction; -} -.animation-duration(@duration) { - -webkit-animation-duration: @duration; - -moz-animation-duration: @duration; - -ms-animation-duration: @duration; - -o-animation-duration: @duration; - animation-duration: @duration; -} -.animation-fill-mode(@mode) { - -webkit-animation-fill-mode: @mode; - -moz-animation-fill-mode: @mode; - -ms-animation-fill-mode: @mode; - -o-animation-fill-mode: @mode; - animation-fill-mode: @mode; -} -.animation-iteration-count(@count) { - -webkit-animation-iteration-count: @count; - -moz-animation-iteration-count: @count; - -ms-animation-iteration-count: @count; - -o-animation-iteration-count: @count; - animation-iteration-count: @count; -} -.animation-name(@name) { - -webkit-animation-name: @name; - -moz-animation-name: @name; - -ms-animation-name: @name; - -o-animation-name: @name; - animation-name: @name; -} -.animation-play-state(@state) { - -webkit-animation-play-state: @state; - -moz-animation-play-state: @state; - -ms-animation-play-state: @state; - -o-animation-play-state: @state; - animation-play-state: @state; -} -.animation-timing-function(@function) { - -webkit-animation-timing-function: @function; - -moz-animation-timing-function: @function; - -ms-animation-timing-function: @function; - -o-animation-timing-function: @function; - animation-timing-function: @function; -} - - -// Background Size - -.background-size(@args) { - -webkit-background-size: @args; - background-size: @args; -} - - -// Border Radius - -.border-radius(@args) { - -webkit-border-radius: @args; - border-radius: @args; - - background-clip: padding-box; -} - - -// Box Shadows - -.box-shadow(@args) { - -webkit-box-shadow: @args; - box-shadow: @args; -} -.inner-shadow(@args) { - .box-shadow(inset @args); -} - - -// Box Sizing - -.box-sizing(@args) { - -webkit-box-sizing: @args; - -moz-box-sizing: @args; - box-sizing: @args; -} -.border-box(){ - .box-sizing(border-box); -} -.content-box(){ - .box-sizing(content-box); -} - - -// Columns - -.columns(@args) { - -webkit-columns: @args; - -moz-columns: @args; - columns: @args; -} -.column-count(@count) { - -webkit-column-count: @count; - -moz-column-count: @count; - column-count: @count; -} -.column-gap(@gap) { - -webkit-column-gap: @gap; - -moz-column-gap: @gap; - column-gap: @gap; -} -.column-width(@width) { - -webkit-column-width: @width; - -moz-column-width: @width; - column-width: @width; -} -.column-rule(@args) { - -webkit-column-rule: @args; - -moz-column-rule: @args; - column-rule: @args; -} - - -// Gradients - -.gradient(@default: #F5F5F5, @start: #EEE, @stop: #FFF) { - .linear-gradient-top(@default,@start,0%,@stop,100%); -} -.linear-gradient-top(@default,@color1,@stop1,@color2,@stop2) { - background-color: @default; - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(@stop1, @color1), color-stop(@stop2 @color2)); - background-image: -webkit-linear-gradient(top, @color1 @stop1, @color2 @stop2); - background-image: -moz-linear-gradient(top, @color1 @stop1, @color2 @stop2); - background-image: -ms-linear-gradient(top, @color1 @stop1, @color2 @stop2); - background-image: -o-linear-gradient(top, @color1 @stop1, @color2 @stop2); - background-image: linear-gradient(top, @color1 @stop1, @color2 @stop2); -} -.linear-gradient-top(@default,@color1,@stop1,@color2,@stop2,@color3,@stop3) { - background-color: @default; - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(@stop1, @color1), color-stop(@stop2 @color2), color-stop(@stop3 @color3)); - background-image: -webkit-linear-gradient(top, @color1 @stop1, @color2 @stop2, @color3 @stop3); - background-image: -moz-linear-gradient(top, @color1 @stop1, @color2 @stop2, @color3 @stop3); - background-image: -ms-linear-gradient(top, @color1 @stop1, @color2 @stop2, @color3 @stop3); - background-image: -o-linear-gradient(top, @color1 @stop1, @color2 @stop2, @color3 @stop3); - background-image: linear-gradient(top, @color1 @stop1, @color2 @stop2, @color3 @stop3); -} -.linear-gradient-top(@default,@color1,@stop1,@color2,@stop2,@color3,@stop3,@color4,@stop4) { - background-color: @default; - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(@stop1, @color1), color-stop(@stop2 @color2), color-stop(@stop3 @color3), color-stop(@stop4 @color4)); - background-image: -webkit-linear-gradient(top, @color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4); - background-image: -moz-linear-gradient(top, @color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4); - background-image: -ms-linear-gradient(top, @color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4); - background-image: -o-linear-gradient(top, @color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4); - background-image: linear-gradient(top, @color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4); -} -.linear-gradient-left(@default,@color1,@stop1,@color2,@stop2) { - background-color: @default; - background-image: -webkit-gradient(linear, left top, left top, color-stop(@stop1, @color1), color-stop(@stop2 @color2)); - background-image: -webkit-linear-gradient(left, @color1 @stop1, @color2 @stop2); - background-image: -moz-linear-gradient(left, @color1 @stop1, @color2 @stop2); - background-image: -ms-linear-gradient(left, @color1 @stop1, @color2 @stop2); - background-image: -o-linear-gradient(left, @color1 @stop1, @color2 @stop2); - background-image: linear-gradient(left, @color1 @stop1, @color2 @stop2); -} -.linear-gradient-left(@default,@color1,@stop1,@color2,@stop2,@color3,@stop3) { - background-color: @default; - background-image: -webkit-gradient(linear, left top, left top, color-stop(@stop1, @color1), color-stop(@stop2 @color2), color-stop(@stop3 @color3)); - background-image: -webkit-linear-gradient(left, @color1 @stop1, @color2 @stop2, @color3 @stop3); - background-image: -moz-linear-gradient(left, @color1 @stop1, @color2 @stop2, @color3 @stop3); - background-image: -ms-linear-gradient(left, @color1 @stop1, @color2 @stop2, @color3 @stop3); - background-image: -o-linear-gradient(left, @color1 @stop1, @color2 @stop2, @color3 @stop3); - background-image: linear-gradient(left, @color1 @stop1, @color2 @stop2, @color3 @stop3); -} -.linear-gradient-left(@default,@color1,@stop1,@color2,@stop2,@color3,@stop3,@color4,@stop4) { - background-color: @default; - background-image: -webkit-gradient(linear, left top, left top, color-stop(@stop1, @color1), color-stop(@stop2 @color2), color-stop(@stop3 @color3), color-stop(@stop4 @color4)); - background-image: -webkit-linear-gradient(left, @color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4); - background-image: -moz-linear-gradient(left, @color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4); - background-image: -ms-linear-gradient(left, @color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4); - background-image: -o-linear-gradient(left, @color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4); - background-image: linear-gradient(left, @color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4); -} - - -// Opacity - -.opacity(@factor) { - @iefactor: @factor*100; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@{iefactor})"; - filter: ~"alpha(opacity=(@{iefactor}))"; - opacity: @factor; -} - - -// Text Shadow - -.text-shadow(@args) { - text-shadow: @args; -} - - -// Transforms - -.transform(@args) { - -webkit-transform: @args; - -moz-transform: @args; - -ms-transform: @args; - -o-transform: @args; - transform: @args; -} -.transform-origin(@args) { - -webkit-transform-origin: @args; - -moz-transform-origin: @args; - -ms-transform-origin: @args; - -o-transform-origin: @args; - transform-origin: @args; -} -.transform-style(@style) { - -webkit-transform-style: @style; - -moz-transform-style: @style; - -ms-transform-style: @style; - -o-transform-style: @style; - transform-style: @style; -} -.rotate(@deg:45deg){ - .transform(rotate(@deg)); -} -.scale(@factor:.5){ - .transform(scale(@factor)); -} -.translate(@x,@y){ - .transform(translate(@x,@y)); -} -.translate3d(@x,@y,@z) { - .transform(translate3d(@x,@y,@z)); -} -.translateHardware(@x,@y) { - .translate(@x,@y); - -webkit-transform: translate3d(@x,@y,0); - -moz-transform: translate3d(@x,@y,0); - -o-transform: translate3d(@x,@y,0); - -ms-transform: translate3d(@x,@y,0); - transform: translate3d(@x,@y,0); -} - - -// Transitions - -.transition(@args:200ms) { - -webkit-transition: @args; - -moz-transition: @args; - -o-transition: @args; - -ms-transition: @args; - transition: @args; -} -.transition-delay(@delay:0) { - -webkit-transition-delay: @delay; - -moz-transition-delay: @delay; - -o-transition-delay: @delay; - -ms-transition-delay: @delay; - transition-delay: @delay; -} -.transition-duration(@duration:200ms) { - -webkit-transition-duration: @duration; - -moz-transition-duration: @duration; - -o-transition-duration: @duration; - -ms-transition-duration: @duration; - transition-duration: @duration; -} -.transition-property(@property:all) { - -webkit-transition-property: @property; - -moz-transition-property: @property; - -o-transition-property: @property; - -ms-transition-property: @property; - transition-property: @property; -} -.transition-timing-function(@function:ease) { - -webkit-transition-timing-function: @function; - -moz-transition-timing-function: @function; - -o-transition-timing-function: @function; - -ms-transition-timing-function: @function; - transition-timing-function: @function; -} diff --git a/less/radios.less b/less/radios.less index b25ad787..ff0b42f4 100644 --- a/less/radios.less +++ b/less/radios.less @@ -44,10 +44,10 @@ transform: scale(1.5); } input[type=radio]:not(:checked) ~ .check:after { - .animation(rippleOff 500ms); + animation: rippleOff 500ms; } input[type=radio]:checked ~ .check:after { - .animation(rippleOn 500ms); + animation: rippleOn 500ms; } } @@ -72,7 +72,7 @@ } -.ripple() { +@keyframes rippleOn { 0% { opacity: 0; } @@ -84,14 +84,14 @@ } } -@-webkit-keyframes rippleOn {.ripple()} -@-moz-keyframes rippleOn {.ripple()} -@-ms-keyframes rippleOn {.ripple()} -@-o-keyframes rippleOn {.ripple()} -@keyframes rippleOn {.ripple()} - -@-webkit-keyframes rippleOff {.ripple()} -@-moz-keyframes rippleOff {.ripple()} -@-ms-keyframes rippleOn {.ripple()} -@-o-keyframes rippleOff {.ripple()} -@keyframes rippleOff {.ripple()} +@keyframes rippleOff { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} diff --git a/less/ripples.less b/less/ripples.less index 4c8b227b..7c9c7739 100644 --- a/less/ripples.less +++ b/less/ripples.less @@ -1,5 +1,3 @@ -// out: ../css-compiled/ripples.css - .withripple { position: relative; } @@ -21,24 +19,16 @@ margin-top: -10px; border-radius: 100%; background-color: rgba(0,0,0,0.05); - -webkit-transform: scale(1); - -ms-transform: scale(1); transform: scale(1); - -webkit-transform-origin: 50%; - -ms-transform-origin: 50%; transform-origin: 50%; opacity: 0; pointer-events: none; } .ripple.ripple-on { - -webkit-transition: opacity 0.15s ease-in 0s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; - -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.1s linear 0s !important; transition: opacity 0.1s linear 0s !important; opacity: 0; } diff --git a/scripts/ripples.js b/scripts/ripples.js index 1f518ff2..052c8295 100644 --- a/scripts/ripples.js +++ b/scripts/ripples.js @@ -71,7 +71,6 @@ var ripples = { }; var rippleOut = function($ripple) { - console.log($ripple); // Clear previous animation $ripple.className = "ripple ripple-on ripple-out"; @@ -109,12 +108,14 @@ var ripples = { // init RippleJS and start ripple effect on mousedown bind("mouseover", withRipple, rippleInit); - console.log(withRipple); // start ripple effect on mousedown bind("mousedown", ".ripple-wrapper", rippleStart); // if animation ends and user is not holding mouse then destroy the ripple bind("rippleEnd", ".ripple-wrapper .ripple", function(e, $ripple) { - if (!mouseDown) { + + var $ripples = $ripple.parentNode.getElementsByClassName("ripple"); + + if (!mouseDown || ( $ripples[0] == $ripple && $ripples.length > 1)) { rippleOut($ripple); } }); diff --git a/template/index.html b/template/index.html index aa7ab2f0..980dfde7 100644 --- a/template/index.html +++ b/template/index.html @@ -2,46 +2,40 @@ - - - + + + - + -

- You can add your site here. -

+

You can add your site here.

-

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

+

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

-

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

+

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

-

- Default - Primary - Success - Info - Warning - Danger - Link -

+

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

- + - - + + - - + + diff --git a/template/material/css-compiled/material-wfont.min.css b/template/material/css-compiled/material-wfont.min.css new file mode 100644 index 00000000..4505fbd8 --- /dev/null +++ b/template/material/css-compiled/material-wfont.min.css @@ -0,0 +1 @@ +@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,700,300|Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic);@-webkit-keyframes input-highlight{0%{left:20%;width:20%}99%{width:0;left:0;opacity:1}100%{opacity:0}}@keyframes input-highlight{0%{left:20%;width:20%}99%{width:0;left:0;opacity:1}100%{opacity:0}}.shadow-z-1{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.shadow-z-2{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.shadow-z-2-hover{box-shadow:0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.28)}.shadow-z-3{box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.shadow-z-4{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.shadow-z-5{box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)}body{background-color:#EEE}body.inverse{background:#333}body.inverse,body.inverse .form-control{color:rgba(255,255,255,.84)}.h1,.h2,.h3,.h4,.h5,.h6,body,h1,h2,h3,h4,h5,h6{font-family:Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif}.container .well,.container .well .form-control,.container .well:not([class^="well well-material-"]),.container .well:not([class^="well well-material-"]) .form-control,.container-fluid .well,.container-fluid .well .form-control,.container-fluid .well:not([class^="well well-material-"]),.container-fluid .well:not([class^="well well-material-"]) .form-control,body .well,body .well .form-control,body .well:not([class^="well well-material-"]),body .well:not([class^="well well-material-"]) .form-control{color:rgba(0,0,0,.84)}.container .well .floating-label,.container .well:not([class^="well well-material-"]) .floating-label,.container-fluid .well .floating-label,.container-fluid .well:not([class^="well well-material-"]) .floating-label,body .well .floating-label,body .well:not([class^="well well-material-"]) .floating-label{color:#7e7e7e}.container .well .form-control,.container .well:not([class^="well well-material-"]) .form-control,.container-fluid .well .form-control,.container-fluid .well:not([class^="well well-material-"]) .form-control,body .well .form-control,body .well:not([class^="well well-material-"]) .form-control{border-bottom-color:#7e7e7e}.container .well .form-control::-webkit-input-placeholder,.container .well:not([class^="well well-material-"]) .form-control::-webkit-input-placeholder,.container-fluid .well .form-control::-webkit-input-placeholder,.container-fluid .well:not([class^="well well-material-"]) .form-control::-webkit-input-placeholder,body .well .form-control::-webkit-input-placeholder,body .well:not([class^="well well-material-"]) .form-control::-webkit-input-placeholder{color:#7e7e7e}.container .well .form-control::-moz-placeholder,.container .well:not([class^="well well-material-"]) .form-control::-moz-placeholder,.container-fluid .well .form-control::-moz-placeholder,.container-fluid .well:not([class^="well well-material-"]) .form-control::-moz-placeholder,body .well .form-control::-moz-placeholder,body .well:not([class^="well well-material-"]) .form-control::-moz-placeholder{color:#7e7e7e;opacity:1}.container .well .form-control:-ms-input-placeholder,.container .well:not([class^="well well-material-"]) .form-control:-ms-input-placeholder,.container-fluid .well .form-control:-ms-input-placeholder,.container-fluid .well:not([class^="well well-material-"]) .form-control:-ms-input-placeholder,body .well .form-control:-ms-input-placeholder,body .well:not([class^="well well-material-"]) .form-control:-ms-input-placeholder{color:#7e7e7e}.container .well .create,.container .well .option,.container .well:not([class^="well well-material-"]) .create,.container .well:not([class^="well well-material-"]) .option,.container-fluid .well .create,.container-fluid .well .option,.container-fluid .well:not([class^="well well-material-"]) .create,.container-fluid .well:not([class^="well well-material-"]) .option,body .well .create,body .well .option,body .well:not([class^="well well-material-"]) .create,body .well:not([class^="well well-material-"]) .option{color:rgba(0,0,0,.84)}.container [class^="well well-material-"],.container [class^="well well-material-"] .floating-label,.container [class^="well well-material-"] .form-control,.container-fluid [class^="well well-material-"],.container-fluid [class^="well well-material-"] .floating-label,.container-fluid [class^="well well-material-"] .form-control,body [class^="well well-material-"],body [class^="well well-material-"] .floating-label,body [class^="well well-material-"] .form-control{color:rgba(255,255,255,.84)}.container [class^="well well-material-"] .form-control,.container-fluid [class^="well well-material-"] .form-control,body [class^="well well-material-"] .form-control{border-bottom-color:rgba(255,255,255,.84)}.container [class^="well well-material-"] .form-control::-webkit-input-placeholder,.container-fluid [class^="well well-material-"] .form-control::-webkit-input-placeholder,body [class^="well well-material-"] .form-control::-webkit-input-placeholder{color:rgba(255,255,255,.84)}.container [class^="well well-material-"] .form-control::-moz-placeholder,.container-fluid [class^="well well-material-"] .form-control::-moz-placeholder,body [class^="well well-material-"] .form-control::-moz-placeholder{color:rgba(255,255,255,.84);opacity:1}.container [class^="well well-material-"] .form-control:-ms-input-placeholder,.container-fluid [class^="well well-material-"] .form-control:-ms-input-placeholder,body [class^="well well-material-"] .form-control:-ms-input-placeholder{color:rgba(255,255,255,.84)}.container [class^="well well-material-"] .create,.container [class^="well well-material-"] .option,.container-fluid [class^="well well-material-"] .create,.container-fluid [class^="well well-material-"] .option,body [class^="well well-material-"] .create,body [class^="well well-material-"] .option{color:rgba(0,0,0,.84)}.container .jumbotron,.container .well,.container-fluid .jumbotron,.container-fluid .well,body .jumbotron,body .well{padding:19px;margin-bottom:20px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);border-radius:2px;border:0}.container .jumbotron p,.container .well p,.container-fluid .jumbotron p,.container-fluid .well p,body .jumbotron p,body .well p{font-weight:300}.container .jumbotron,.container .jumbotron-default,.container .well,.container .well-default,.container-fluid .jumbotron,.container-fluid .jumbotron-default,.container-fluid .well,.container-fluid .well-default,body .jumbotron,body .jumbotron-default,body .well,body .well-default{background-color:#fff}.container .jumbotron-primary,.container .well-primary,.container-fluid .jumbotron-primary,.container-fluid .well-primary,body .jumbotron-primary,body .well-primary{background-color:#4285f4}.container .jumbotron-success,.container .well-success,.container-fluid .jumbotron-success,.container-fluid .well-success,body .jumbotron-success,body .well-success{background-color:#0f9d58}.container .jumbotron-info,.container .well-info,.container-fluid .jumbotron-info,.container-fluid .well-info,body .jumbotron-info,body .well-info{background-color:#03a9f4}.container .jumbotron-warning,.container .well-warning,.container-fluid .jumbotron-warning,.container-fluid .well-warning,body .jumbotron-warning,body .well-warning{background-color:#ff5722}.container .jumbotron-danger,.container .jumbotron-material-red,.container .well-danger,.container .well-material-red,.container-fluid .jumbotron-danger,.container-fluid .jumbotron-material-red,.container-fluid .well-danger,.container-fluid .well-material-red,body .jumbotron-danger,body .jumbotron-material-red,body .well-danger,body .well-material-red{background-color:#f44336}.container .jumbotron-material-pink,.container .well-material-pink,.container-fluid .jumbotron-material-pink,.container-fluid .well-material-pink,body .jumbotron-material-pink,body .well-material-pink{background-color:#e91e63}.container .jumbotron-material-purple,.container .well-material-purple,.container-fluid .jumbotron-material-purple,.container-fluid .well-material-purple,body .jumbotron-material-purple,body .well-material-purple{background-color:#9c27b0}.container .jumbotron-material-deeppurple,.container .well-material-deeppurple,.container-fluid .jumbotron-material-deeppurple,.container-fluid .well-material-deeppurple,body .jumbotron-material-deeppurple,body .well-material-deeppurple{background-color:#673ab7}.container .jumbotron-material-indigo,.container .well-material-indigo,.container-fluid .jumbotron-material-indigo,.container-fluid .well-material-indigo,body .jumbotron-material-indigo,body .well-material-indigo{background-color:#3f51b5}.container .jumbotron-material-lightblue,.container .well-material-lightblue,.container-fluid .jumbotron-material-lightblue,.container-fluid .well-material-lightblue,body .jumbotron-material-lightblue,body .well-material-lightblue{background-color:#03a9f4}.container .jumbotron-material-cyan,.container .well-material-cyan,.container-fluid .jumbotron-material-cyan,.container-fluid .well-material-cyan,body .jumbotron-material-cyan,body .well-material-cyan{background-color:#00bcd4}.container .jumbotron-material-teal,.container .well-material-teal,.container-fluid .jumbotron-material-teal,.container-fluid .well-material-teal,body .jumbotron-material-teal,body .well-material-teal{background-color:#009688}.container .jumbotron-material-lightgreen,.container .well-material-lightgreen,.container-fluid .jumbotron-material-lightgreen,.container-fluid .well-material-lightgreen,body .jumbotron-material-lightgreen,body .well-material-lightgreen{background-color:#8bc34a}.container .jumbotron-material-lime,.container .well-material-lime,.container-fluid .jumbotron-material-lime,.container-fluid .well-material-lime,body .jumbotron-material-lime,body .well-material-lime{background-color:#cddc39}.container .jumbotron-material-lightyellow,.container .well-material-lightyellow,.container-fluid .jumbotron-material-lightyellow,.container-fluid .well-material-lightyellow,body .jumbotron-material-lightyellow,body .well-material-lightyellow{background-color:#ffeb3b}.container .jumbotron-material-orange,.container .well-material-orange,.container-fluid .jumbotron-material-orange,.container-fluid .well-material-orange,body .jumbotron-material-orange,body .well-material-orange{background-color:#ff9800}.container .jumbotron-material-deeporange,.container .well-material-deeporange,.container-fluid .jumbotron-material-deeporange,.container-fluid .well-material-deeporange,body .jumbotron-material-deeporange,body .well-material-deeporange{background-color:#ff5722}.container .jumbotron-material-grey,.container .well-material-grey,.container-fluid .jumbotron-material-grey,.container-fluid .well-material-grey,body .jumbotron-material-grey,body .well-material-grey{background-color:#9e9e9e}.container .jumbotron-material-bluegrey,.container .well-material-bluegrey,.container-fluid .jumbotron-material-bluegrey,.container-fluid .well-material-bluegrey,body .jumbotron-material-bluegrey,body .well-material-bluegrey{background-color:#607d8b}.container .jumbotron-material-brown,.container .well-material-brown,.container-fluid .jumbotron-material-brown,.container-fluid .well-material-brown,body .jumbotron-material-brown,body .well-material-brown{background-color:#795548}.container .jumbotron-material-lightgrey,.container .well-material-lightgrey,.container-fluid .jumbotron-material-lightgrey,.container-fluid .well-material-lightgrey,body .jumbotron-material-lightgrey,body .well-material-lightgrey{background-color:#ececec}.btn{position:relative;padding:8px 30px;border:0;margin:10px 1px;cursor:pointer;border-radius:4px;text-transform:uppercase;text-decoration:none;color:rgba(255,255,255,.84);-webkit-transition:box-shadow .28s cubic-bezier(0.4,0,.2,1);transition:box-shadow .28s cubic-bezier(0.4,0,.2,1);outline:0!important}.btn:hover{color:rgba(255,255,255,.84)}.btn:hover:not(.btn-link){box-shadow:0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.28)}.btn:active:not(.btn-link){box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.btn-default:not(.btn-link),.btn:not(.btn-link){background-color:transparent}.btn-primary:not(.btn-link){background-color:#4285f4}.btn-success:not(.btn-link){background-color:#0f9d58}.btn-info:not(.btn-link){background-color:#03a9f4}.btn-warning:not(.btn-link){background-color:#ff5722}.btn-danger:not(.btn-link),.btn-material-red:not(.btn-link){background-color:#f44336}.btn-material-pink:not(.btn-link){background-color:#e91e63}.btn-material-purple:not(.btn-link){background-color:#9c27b0}.btn-material-deeppurple:not(.btn-link){background-color:#673ab7}.btn-material-indigo:not(.btn-link){background-color:#3f51b5}.btn-material-lightblue:not(.btn-link){background-color:#03a9f4}.btn-material-cyan:not(.btn-link){background-color:#00bcd4}.btn-material-teal:not(.btn-link){background-color:#009688}.btn-material-lightgreen:not(.btn-link){background-color:#8bc34a}.btn-material-lime:not(.btn-link){background-color:#cddc39}.btn-material-lightyellow:not(.btn-link){background-color:#ffeb3b}.btn-material-orange:not(.btn-link){background-color:#ff9800}.btn-material-deeporange:not(.btn-link){background-color:#ff5722}.btn-material-grey:not(.btn-link){background-color:#9e9e9e}.btn-material-bluegrey:not(.btn-link){background-color:#607d8b}.btn-material-brown:not(.btn-link){background-color:#795548}.btn-material-lightgrey:not(.btn-link){background-color:#ececec}.btn-default,.btn-default:hover,.btn-link,.btn-link:hover,.btn:not([class^="btn btn-"]),.btn:not([class^="btn btn-"]):hover{color:rgba(0,0,0,.84)}.btn-default:hover,.btn:not([class^="btn btn-"]):hover{background-color:rgba(255,255,255,.5)}.btn-raised{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-webkit-transition:box-shadow .28s cubic-bezier(0.4,0,.2,1);transition:box-shadow .28s cubic-bezier(0.4,0,.2,1)}.btn-raised:active:not(.btn-link){box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.open>.dropdown-toggle.btn,.open>.dropdown-toggle.btn-default{background-color:transparent}.open>.dropdown-toggle.btn-primary{background-color:#4285f4}.open>.dropdown-toggle.btn-success{background-color:#0f9d58}.open>.dropdown-toggle.btn-info{background-color:#03a9f4}.open>.dropdown-toggle.btn-warning{background-color:#ff5722}.open>.dropdown-toggle.btn-danger,.open>.dropdown-toggle.btn-material-red{background-color:#f44336}.open>.dropdown-toggle.btn-material-pink{background-color:#e91e63}.open>.dropdown-toggle.btn-material-purple{background-color:#9c27b0}.open>.dropdown-toggle.btn-material-deeppurple{background-color:#673ab7}.open>.dropdown-toggle.btn-material-indigo{background-color:#3f51b5}.open>.dropdown-toggle.btn-material-lightblue{background-color:#03a9f4}.open>.dropdown-toggle.btn-material-cyan{background-color:#00bcd4}.open>.dropdown-toggle.btn-material-teal{background-color:#009688}.open>.dropdown-toggle.btn-material-lightgreen{background-color:#8bc34a}.open>.dropdown-toggle.btn-material-lime{background-color:#cddc39}.open>.dropdown-toggle.btn-material-lightyellow{background-color:#ffeb3b}.open>.dropdown-toggle.btn-material-orange{background-color:#ff9800}.open>.dropdown-toggle.btn-material-deeporange{background-color:#ff5722}.open>.dropdown-toggle.btn-material-grey{background-color:#9e9e9e}.open>.dropdown-toggle.btn-material-bluegrey{background-color:#607d8b}.open>.dropdown-toggle.btn-material-brown{background-color:#795548}.open>.dropdown-toggle.btn-material-lightgrey{background-color:#ececec}.btn-flat{box-shadow:none!important}.btn-flat.btn-default:hover{background:0 0}.btn-group,.btn-group-vertical{position:relative;border-radius:4px;margin:10px 1px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-webkit-transition:box-shadow .28s cubic-bezier(0.4,0,.2,1);transition:box-shadow .28s cubic-bezier(0.4,0,.2,1)}.btn-group-vertical:active:not(.btn-link),.btn-group:active:not(.btn-link){box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.btn-group-vertical.open .dropdown-toggle,.btn-group.open .dropdown-toggle{box-shadow:none}.btn-group-vertical.btn-group-raised,.btn-group.btn-group-raised{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-webkit-transition:box-shadow .28s cubic-bezier(0.4,0,.2,1);transition:box-shadow .28s cubic-bezier(0.4,0,.2,1)}.btn-group-vertical.btn-group-raised:active:not(.btn-link),.btn-group.btn-group-raised:active:not(.btn-link){box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.btn-group .btn,.btn-group .btn-group,.btn-group .btn:active,.btn-group-vertical .btn,.btn-group-vertical .btn-group,.btn-group-vertical .btn:active{box-shadow:none!important;margin:0}.btn-group .btn:active .caret,.btn-group-vertical .btn:active .caret{margin-left:-1px}.btn-group-flat{box-shadow:none!important}.btn-fab{margin:0;padding:15px;font-size:26px;width:56px;height:56px}.btn-fab,.btn-fab-default,.btn-fab:hover,.btn-fab:hover-default{background-color:transparent}.btn-fab-primary,.btn-fab:hover-primary{background-color:#4285f4}.btn-fab-success,.btn-fab:hover-success{background-color:#0f9d58}.btn-fab-info,.btn-fab:hover-info{background-color:#03a9f4}.btn-fab-warning,.btn-fab:hover-warning{background-color:#ff5722}.btn-fab-danger,.btn-fab-material-red,.btn-fab:hover-danger,.btn-fab:hover-material-red{background-color:#f44336}.btn-fab-material-pink,.btn-fab:hover-material-pink{background-color:#e91e63}.btn-fab-material-purple,.btn-fab:hover-material-purple{background-color:#9c27b0}.btn-fab-material-deeppurple,.btn-fab:hover-material-deeppurple{background-color:#673ab7}.btn-fab-material-indigo,.btn-fab:hover-material-indigo{background-color:#3f51b5}.btn-fab-material-lightblue,.btn-fab:hover-material-lightblue{background-color:#03a9f4}.btn-fab-material-cyan,.btn-fab:hover-material-cyan{background-color:#00bcd4}.btn-fab-material-teal,.btn-fab:hover-material-teal{background-color:#009688}.btn-fab-material-lightgreen,.btn-fab:hover-material-lightgreen{background-color:#8bc34a}.btn-fab-material-lime,.btn-fab:hover-material-lime{background-color:#cddc39}.btn-fab-material-lightyellow,.btn-fab:hover-material-lightyellow{background-color:#ffeb3b}.btn-fab-material-orange,.btn-fab:hover-material-orange{background-color:#ff9800}.btn-fab-material-deeporange,.btn-fab:hover-material-deeporange{background-color:#ff5722}.btn-fab-material-grey,.btn-fab:hover-material-grey{background-color:#9e9e9e}.btn-fab-material-bluegrey,.btn-fab:hover-material-bluegrey{background-color:#607d8b}.btn-fab-material-brown,.btn-fab:hover-material-brown{background-color:#795548}.btn-fab-material-lightgrey,.btn-fab:hover-material-lightgrey{background-color:#ececec}.btn-fab,.btn-fab .ripple-wrapper{border-radius:100%}.btn-fab.btn-mini{width:40px;height:40px;padding:13px;font-size:15px}.form-horizontal .checkbox{padding-top:15px}.checkbox{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.checkbox label{cursor:pointer;padding-left:45px;position:relative}.checkbox label span{display:block;position:absolute;left:0;-webkit-transition-duration:.2s;transition-duration:.2s}.checkbox label .check:after{display:block;position:absolute;content:"";background-color:rgba(0,0,0,.84);left:-5px;top:-15px;height:50px;width:50px;border-radius:100%;z-index:1;opacity:0;margin:0}.checkbox label .check:before{display:block;content:"";border:2px solid rgba(0,0,0,.84);height:20px;width:20px;-webkit-transition-delay:.2s;transition-delay:.2s}.checkbox .check,.checkbox-default .check{color:#0f9d58}.checkbox-primary .check{color:#4285f4}.checkbox-success .check{color:#0f9d58}.checkbox-info .check{color:#03a9f4}.checkbox-warning .check{color:#ff5722}.checkbox-danger .check,.checkbox-material-red .check{color:#f44336}.checkbox-material-pink .check{color:#e91e63}.checkbox-material-purple .check{color:#9c27b0}.checkbox-material-deeppurple .check{color:#673ab7}.checkbox-material-indigo .check{color:#3f51b5}.checkbox-material-lightblue .check{color:#03a9f4}.checkbox-material-cyan .check{color:#00bcd4}.checkbox-material-teal .check{color:#009688}.checkbox-material-lightgreen .check{color:#8bc34a}.checkbox-material-lime .check{color:#cddc39}.checkbox-material-lightyellow .check{color:#ffeb3b}.checkbox-material-orange .check{color:#ff9800}.checkbox-material-deeporange .check{color:#ff5722}.checkbox-material-grey .check{color:#9e9e9e}.checkbox-material-bluegrey .check{color:#607d8b}.checkbox-material-brown .check{color:#795548}.checkbox-material-lightgrey .check{color:#ececec}.checkbox input[type=checkbox]{opacity:0}.checkbox input[type=checkbox]~.check:before{position:absolute;top:2px;left:11px;width:18px;height:18px;border:2px solid;border-color:#5a5a5a;-webkit-animation:uncheck 300ms ease-out forwards;animation:uncheck 300ms ease-out forwards}.checkbox input[type=checkbox]:focus~.check:after{opacity:.2}.checkbox input[type=checkbox]:checked~.check:before{-webkit-animation:check 300ms ease-out forwards;animation:check 300ms ease-out forwards}.checkbox input[type=checkbox]:not(:checked)~.check:after{-webkit-animation:rippleOff 500ms linear forwards;animation:rippleOff 500ms linear forwards}.checkbox input[type=checkbox]:checked~.check:after{-webkit-animation:rippleOn 500ms linear forwards;animation:rippleOn 500ms linear forwards}.checkbox:not(:hover) input[type=checkbox]~.check:after,.checkbox:not(:hover) input[type=checkbox]~.check:before{-webkit-animation-duration:1ms;animation-duration:1ms}.checkbox input[type=checkbox][disabled]:not(:checked)~.check:before{opacity:.5}.checkbox input[type=checkbox][disabled]~.check:after{background-color:rgba(0,0,0,.84);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.checkbox input[type=checkbox]:checked~.check:after,.checkbox-default input[type=checkbox]:checked~.check:after{background-color:#0f9d58}.checkbox-primary input[type=checkbox]:checked~.check:after{background-color:#4285f4}.checkbox-success input[type=checkbox]:checked~.check:after{background-color:#0f9d58}.checkbox-info input[type=checkbox]:checked~.check:after{background-color:#03a9f4}.checkbox-warning input[type=checkbox]:checked~.check:after{background-color:#ff5722}.checkbox-danger input[type=checkbox]:checked~.check:after,.checkbox-material-red input[type=checkbox]:checked~.check:after{background-color:#f44336}.checkbox-material-pink input[type=checkbox]:checked~.check:after{background-color:#e91e63}.checkbox-material-purple input[type=checkbox]:checked~.check:after{background-color:#9c27b0}.checkbox-material-deeppurple input[type=checkbox]:checked~.check:after{background-color:#673ab7}.checkbox-material-indigo input[type=checkbox]:checked~.check:after{background-color:#3f51b5}.checkbox-material-lightblue input[type=checkbox]:checked~.check:after{background-color:#03a9f4}.checkbox-material-cyan input[type=checkbox]:checked~.check:after{background-color:#00bcd4}.checkbox-material-teal input[type=checkbox]:checked~.check:after{background-color:#009688}.checkbox-material-lightgreen input[type=checkbox]:checked~.check:after{background-color:#8bc34a}.checkbox-material-lime input[type=checkbox]:checked~.check:after{background-color:#cddc39}.checkbox-material-lightyellow input[type=checkbox]:checked~.check:after{background-color:#ffeb3b}.checkbox-material-orange input[type=checkbox]:checked~.check:after{background-color:#ff9800}.checkbox-material-deeporange input[type=checkbox]:checked~.check:after{background-color:#ff5722}.checkbox-material-grey input[type=checkbox]:checked~.check:after{background-color:#9e9e9e}.checkbox-material-bluegrey input[type=checkbox]:checked~.check:after{background-color:#607d8b}.checkbox-material-brown input[type=checkbox]:checked~.check:after{background-color:#795548}.checkbox-material-lightgrey input[type=checkbox]:checked~.check:after{background-color:#ececec}@-webkit-keyframes uncheck{0%{top:-3px;left:17px;width:10px;height:21px;border-color:transparent #0f9d58 #0f9d58 transparent;-webkit-transform:rotate(45deg);transform:rotate(45deg)}50%{top:14px;left:17px;width:4px;height:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:transparent #0f9d58 #0f9d58 transparent}51%{border-color:#5a5a5a}100%{top:1px;left:12px;width:18px;height:18px;-webkit-transform:rotate(0deg);transform:rotate(0deg);border-color:#5a5a5a}}@keyframes uncheck{0%{top:-3px;left:17px;width:10px;height:21px;border-color:transparent #0f9d58 #0f9d58 transparent;-webkit-transform:rotate(45deg);transform:rotate(45deg)}50%{top:14px;left:17px;width:4px;height:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:transparent #0f9d58 #0f9d58 transparent}51%{border-color:#5a5a5a}100%{top:1px;left:12px;width:18px;height:18px;-webkit-transform:rotate(0deg);transform:rotate(0deg);border-color:#5a5a5a}}@-webkit-keyframes check{100%{top:-3px;left:17px;width:10px;height:21px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:transparent #0f9d58 #0f9d58 transparent}51%{border-left:transparent;border-top-color:transparent}50%{top:14px;left:17px;width:4px;height:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:#5a5a5a}0%{top:1px;left:12px;width:18px;height:18px;-webkit-transform:rotate(0deg);transform:rotate(0deg);border-color:#5a5a5a}}@keyframes check{100%{top:-3px;left:17px;width:10px;height:21px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:transparent #0f9d58 #0f9d58 transparent}51%{border-left:transparent;border-top-color:transparent}50%{top:14px;left:17px;width:4px;height:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:#5a5a5a}0%{top:1px;left:12px;width:18px;height:18px;-webkit-transform:rotate(0deg);transform:rotate(0deg);border-color:#5a5a5a}}@-webkit-keyframes rippleOn{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}@keyframes rippleOn{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}@-webkit-keyframes rippleOff{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}@keyframes rippleOff{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}.form-horizontal .radio{margin-bottom:10px}.radio label{cursor:pointer;padding-left:45px;position:relative}.radio label span{display:block;position:absolute;left:10px;top:2px;-webkit-transition-duration:.2s;transition-duration:.2s}.radio label .circle{border:2px solid rgba(0,0,0,.84);height:15px;width:15px;border-radius:100%}.radio label .check{height:15px;width:15px;border-radius:100%;background-color:rgba(0,0,0,.84);-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.radio label .check:after{display:block;position:absolute;content:"";background-color:rgba(0,0,0,.84);left:-18px;top:-18px;height:50px;width:50px;border-radius:100%;z-index:1;opacity:0;margin:0;-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5)}.radio label input[type=radio]:not(:checked)~.check:after{-webkit-animation:rippleOff 500ms;animation:rippleOff 500ms}.radio label input[type=radio]:checked~.check:after{-webkit-animation:rippleOn 500ms;animation:rippleOn 500ms}.radio input[type=radio]:checked~.check,.radio-default input[type=radio]:checked~.check{background-color:rgba(0,0,0,.84)}.radio-primary input[type=radio]:checked~.check{background-color:#4285f4}.radio-success input[type=radio]:checked~.check{background-color:#0f9d58}.radio-info input[type=radio]:checked~.check{background-color:#03a9f4}.radio-warning input[type=radio]:checked~.check{background-color:#ff5722}.radio-danger input[type=radio]:checked~.check,.radio-material-red input[type=radio]:checked~.check{background-color:#f44336}.radio-material-pink input[type=radio]:checked~.check{background-color:#e91e63}.radio-material-purple input[type=radio]:checked~.check{background-color:#9c27b0}.radio-material-deeppurple input[type=radio]:checked~.check{background-color:#673ab7}.radio-material-indigo input[type=radio]:checked~.check{background-color:#3f51b5}.radio-material-lightblue input[type=radio]:checked~.check{background-color:#03a9f4}.radio-material-cyan input[type=radio]:checked~.check{background-color:#00bcd4}.radio-material-teal input[type=radio]:checked~.check{background-color:#009688}.radio-material-lightgreen input[type=radio]:checked~.check{background-color:#8bc34a}.radio-material-lime input[type=radio]:checked~.check{background-color:#cddc39}.radio-material-lightyellow input[type=radio]:checked~.check{background-color:#ffeb3b}.radio-material-orange input[type=radio]:checked~.check{background-color:#ff9800}.radio-material-deeporange input[type=radio]:checked~.check{background-color:#ff5722}.radio-material-grey input[type=radio]:checked~.check{background-color:#9e9e9e}.radio-material-bluegrey input[type=radio]:checked~.check{background-color:#607d8b}.radio-material-brown input[type=radio]:checked~.check{background-color:#795548}.radio-material-lightgrey input[type=radio]:checked~.check{background-color:#ececec}.radio input[type=radio]:checked~.circle,.radio-default input[type=radio]:checked~.circle{border-color:rgba(0,0,0,.84)}.radio-primary input[type=radio]:checked~.circle{border-color:#4285f4}.radio-success input[type=radio]:checked~.circle{border-color:#0f9d58}.radio-info input[type=radio]:checked~.circle{border-color:#03a9f4}.radio-warning input[type=radio]:checked~.circle{border-color:#ff5722}.radio-danger input[type=radio]:checked~.circle,.radio-material-red input[type=radio]:checked~.circle{border-color:#f44336}.radio-material-pink input[type=radio]:checked~.circle{border-color:#e91e63}.radio-material-purple input[type=radio]:checked~.circle{border-color:#9c27b0}.radio-material-deeppurple input[type=radio]:checked~.circle{border-color:#673ab7}.radio-material-indigo input[type=radio]:checked~.circle{border-color:#3f51b5}.radio-material-lightblue input[type=radio]:checked~.circle{border-color:#03a9f4}.radio-material-cyan input[type=radio]:checked~.circle{border-color:#00bcd4}.radio-material-teal input[type=radio]:checked~.circle{border-color:#009688}.radio-material-lightgreen input[type=radio]:checked~.circle{border-color:#8bc34a}.radio-material-lime input[type=radio]:checked~.circle{border-color:#cddc39}.radio-material-lightyellow input[type=radio]:checked~.circle{border-color:#ffeb3b}.radio-material-orange input[type=radio]:checked~.circle{border-color:#ff9800}.radio-material-deeporange input[type=radio]:checked~.circle{border-color:#ff5722}.radio-material-grey input[type=radio]:checked~.circle{border-color:#9e9e9e}.radio-material-bluegrey input[type=radio]:checked~.circle{border-color:#607d8b}.radio-material-brown input[type=radio]:checked~.circle{border-color:#795548}.radio-material-lightgrey input[type=radio]:checked~.circle{border-color:#ececec}.radio input[type=radio][disabled]~.check,.radio input[type=radio][disabled]~.circle{opacity:.5}.radio input[type=radio]{display:none}.radio input[type=radio]:checked~.check{-webkit-transform:scale(0.55);-ms-transform:scale(0.55);transform:scale(0.55)}.radio input[type=radio][disabled]~.circle{border-color:rgba(0,0,0,.84)}.radio input[type=radio][disabled]~.check{background-color:rgba(0,0,0,.84)}@keyframes rippleOn{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}@keyframes rippleOff{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}.form-control,.form-control-wrapper .form-control,.form-control-wrapper .form-control.focus,.form-control-wrapper .form-control:focus,.form-control.focus,.form-control:focus,fieldset[disabled] .form-control,fieldset[disabled] .form-control.focus,fieldset[disabled] .form-control:focus{padding:0;float:none;border:0;box-shadow:none;border-radius:0;background:0 0;border-bottom:1px solid #757575}.form-control-wrapper .form-control.focus:not(textarea):not(select),.form-control-wrapper .form-control:focus:not(textarea):not(select),.form-control-wrapper .form-control:not(textarea):not(select),.form-control.focus:not(textarea):not(select),.form-control:focus:not(textarea):not(select),.form-control:not(textarea):not(select),fieldset[disabled] .form-control.focus:not(textarea):not(select),fieldset[disabled] .form-control:focus:not(textarea):not(select),fieldset[disabled] .form-control:not(textarea):not(select){height:28px}.form-control-wrapper .form-control.focus:disabled,.form-control-wrapper .form-control:disabled,.form-control-wrapper .form-control:focus:disabled,.form-control.focus:disabled,.form-control:disabled,.form-control:focus:disabled,fieldset[disabled] .form-control.focus:disabled,fieldset[disabled] .form-control:disabled,fieldset[disabled] .form-control:focus:disabled{border-style:dashed}select.form-control{height:23px}select[multiple].form-control,select[multiple].form-control.focus,select[multiple].form-control:focus{height:85px}.form-control-wrapper{position:relative}.form-control-wrapper .form-control.focus,.form-control-wrapper .form-control:focus{outline:0}.form-control-wrapper .floating-label{color:#7E7E7E;font-size:14px;position:absolute;pointer-events:none;left:0;top:5px;-webkit-transition:.2s ease all;transition:.2s ease all;opacity:0}.form-control-wrapper .form-control:not(.empty)~.floating-label{top:-10px;font-size:10px;opacity:1}.form-control-wrapper .form-control.focus:invalid~.floating-label,.form-control-wrapper .form-control:focus:invalid~.floating-label{color:#f44336}.form-control-wrapper .form-control.focus~.material-input:after,.form-control-wrapper .form-control:focus~.material-input:after{background-color:#5264ae}.form-control-wrapper .form-control.focus:invalid~.material-input:after,.form-control-wrapper .form-control.focus:invalid~.material-input:before,.form-control-wrapper .form-control:focus:invalid~.material-input:after,.form-control-wrapper .form-control:focus:invalid~.material-input:before{background-color:#f44336}.form-control-wrapper .form-control.empty~.floating-label{opacity:1}.form-control-wrapper .material-input:before{position:absolute;content:"";width:100%;left:0;height:2px;background-color:#5264ae;bottom:-1px;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform 0s;transition:transform 0s}.form-control-wrapper .form-control.focus~.material-input:before,.form-control-wrapper .form-control:focus~.material-input:before{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);-webkit-transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out}.form-control-wrapper .material-input:after{content:"";position:absolute;height:18px;width:100px;margin-top:-1px;top:7px;left:0;pointer-events:none;opacity:.9;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}.form-control-wrapper .input-lg~.material-input:after{height:26px}.form-control-wrapper textarea{resize:none}.form-control-wrapper textarea~.form-control-highlight{margin-top:-11px}.form-control-wrapper .form-control.focus~.material-input:after,.form-control-wrapper .form-control:focus~.material-input:after{-webkit-animation:input-highlight .3s ease;animation:input-highlight .3s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}.form-control-wrapper select~.material-input:after{display:none}.form-group.has-warning .material-input:before,.form-group.has-warning input.form-control.focus~.material-input:after,.form-group.has-warning input.form-control:focus~.material-input:after{background:#ff5722}.form-group.has-warning .control-label,.form-group.has-warning input.form-control:not(.empty)~.floating-label{color:#ff5722}.form-group.has-error .material-input:before,.form-group.has-error input.form-control.focus~.material-input:after,.form-group.has-error input.form-control:focus~.material-input:after{background:#f44336}.form-group.has-error .control-label,.form-group.has-error input.form-control:not(.empty)~.floating-label{color:#f44336}.form-group.has-success .material-input:before,.form-group.has-success input.form-control.focus~.material-input:after,.form-group.has-success input.form-control:focus~.material-input:after{background:#0f9d58}.form-group.has-success .control-label,.form-group.has-success input.form-control:not(.empty)~.floating-label{color:#0f9d58}.form-group.has-info .material-input:before,.form-group.has-info input.form-control.focus~.material-input:after,.form-group.has-info input.form-control:focus~.material-input:after{background:#03a9f4}.form-group.has-info .control-label,.form-group.has-info input.form-control:not(.empty)~.floating-label{color:#03a9f4}.form-group .material-input:before,.form-group-default .material-input:before{background-color:#3f51b5}.form-group-primary .material-input:before{background-color:#4285f4}.form-group-success .material-input:before{background-color:#0f9d58}.form-group-info .material-input:before{background-color:#03a9f4}.form-group-warning .material-input:before{background-color:#ff5722}.form-group-danger .material-input:before,.form-group-material-red .material-input:before{background-color:#f44336}.form-group-material-pink .material-input:before{background-color:#e91e63}.form-group-material-purple .material-input:before{background-color:#9c27b0}.form-group-material-deeppurple .material-input:before{background-color:#673ab7}.form-group-material-indigo .material-input:before{background-color:#3f51b5}.form-group-material-lightblue .material-input:before{background-color:#03a9f4}.form-group-material-cyan .material-input:before{background-color:#00bcd4}.form-group-material-teal .material-input:before{background-color:#009688}.form-group-material-lightgreen .material-input:before{background-color:#8bc34a}.form-group-material-lime .material-input:before{background-color:#cddc39}.form-group-material-lightyellow .material-input:before{background-color:#ffeb3b}.form-group-material-orange .material-input:before{background-color:#ff9800}.form-group-material-deeporange .material-input:before{background-color:#ff5722}.form-group-material-grey .material-input:before{background-color:#9e9e9e}.form-group-material-bluegrey .material-input:before{background-color:#607d8b}.form-group-material-brown .material-input:before{background-color:#795548}.form-group-material-lightgrey .material-input:before{background-color:#ececec}.form-group input.form-control:focus~.material-input:after,.form-group-default input.form-control:focus~.material-input:after{background-color:#3f51b5}.form-group-primary input.form-control:focus~.material-input:after{background-color:#4285f4}.form-group-success input.form-control:focus~.material-input:after{background-color:#0f9d58}.form-group-info input.form-control:focus~.material-input:after{background-color:#03a9f4}.form-group-warning input.form-control:focus~.material-input:after{background-color:#ff5722}.form-group-danger input.form-control:focus~.material-input:after,.form-group-material-red input.form-control:focus~.material-input:after{background-color:#f44336}.form-group-material-pink input.form-control:focus~.material-input:after{background-color:#e91e63}.form-group-material-purple input.form-control:focus~.material-input:after{background-color:#9c27b0}.form-group-material-deeppurple input.form-control:focus~.material-input:after{background-color:#673ab7}.form-group-material-indigo input.form-control:focus~.material-input:after{background-color:#3f51b5}.form-group-material-lightblue input.form-control:focus~.material-input:after{background-color:#03a9f4}.form-group-material-cyan input.form-control:focus~.material-input:after{background-color:#00bcd4}.form-group-material-teal input.form-control:focus~.material-input:after{background-color:#009688}.form-group-material-lightgreen input.form-control:focus~.material-input:after{background-color:#8bc34a}.form-group-material-lime input.form-control:focus~.material-input:after{background-color:#cddc39}.form-group-material-lightyellow input.form-control:focus~.material-input:after{background-color:#ffeb3b}.form-group-material-orange input.form-control:focus~.material-input:after{background-color:#ff9800}.form-group-material-deeporange input.form-control:focus~.material-input:after{background-color:#ff5722}.form-group-material-grey input.form-control:focus~.material-input:after{background-color:#9e9e9e}.form-group-material-bluegrey input.form-control:focus~.material-input:after{background-color:#607d8b}.form-group-material-brown input.form-control:focus~.material-input:after{background-color:#795548}.form-group-material-lightgrey input.form-control:focus~.material-input:after{background-color:#ececec}.form-group input.form-control.focus~.material-input:after,.form-group-default input.form-control.focus~.material-input:after{background-color:#3f51b5}.form-group-primary input.form-control.focus~.material-input:after{background-color:#4285f4}.form-group-success input.form-control.focus~.material-input:after{background-color:#0f9d58}.form-group-info input.form-control.focus~.material-input:after{background-color:#03a9f4}.form-group-warning input.form-control.focus~.material-input:after{background-color:#ff5722}.form-group-danger input.form-control.focus~.material-input:after,.form-group-material-red input.form-control.focus~.material-input:after{background-color:#f44336}.form-group-material-pink input.form-control.focus~.material-input:after{background-color:#e91e63}.form-group-material-purple input.form-control.focus~.material-input:after{background-color:#9c27b0}.form-group-material-deeppurple input.form-control.focus~.material-input:after{background-color:#673ab7}.form-group-material-indigo input.form-control.focus~.material-input:after{background-color:#3f51b5}.form-group-material-lightblue input.form-control.focus~.material-input:after{background-color:#03a9f4}.form-group-material-cyan input.form-control.focus~.material-input:after{background-color:#00bcd4}.form-group-material-teal input.form-control.focus~.material-input:after{background-color:#009688}.form-group-material-lightgreen input.form-control.focus~.material-input:after{background-color:#8bc34a}.form-group-material-lime input.form-control.focus~.material-input:after{background-color:#cddc39}.form-group-material-lightyellow input.form-control.focus~.material-input:after{background-color:#ffeb3b}.form-group-material-orange input.form-control.focus~.material-input:after{background-color:#ff9800}.form-group-material-deeporange input.form-control.focus~.material-input:after{background-color:#ff5722}.form-group-material-grey input.form-control.focus~.material-input:after{background-color:#9e9e9e}.form-group-material-bluegrey input.form-control.focus~.material-input:after{background-color:#607d8b}.form-group-material-brown input.form-control.focus~.material-input:after{background-color:#795548}.form-group-material-lightgrey input.form-control.focus~.material-input:after{background-color:#ececec}.form-group .control-label,.form-group-default .control-label{color:rgba(0,0,0,.84)}.form-group-primary .control-label{color:#4285f4}.form-group-success .control-label{color:#0f9d58}.form-group-info .control-label{color:#03a9f4}.form-group-warning .control-label{color:#ff5722}.form-group-danger .control-label,.form-group-material-red .control-label{color:#f44336}.form-group-material-pink .control-label{color:#e91e63}.form-group-material-purple .control-label{color:#9c27b0}.form-group-material-deeppurple .control-label{color:#673ab7}.form-group-material-indigo .control-label{color:#3f51b5}.form-group-material-lightblue .control-label{color:#03a9f4}.form-group-material-cyan .control-label{color:#00bcd4}.form-group-material-teal .control-label{color:#009688}.form-group-material-lightgreen .control-label{color:#8bc34a}.form-group-material-lime .control-label{color:#cddc39}.form-group-material-lightyellow .control-label{color:#ffeb3b}.form-group-material-orange .control-label{color:#ff9800}.form-group-material-deeporange .control-label{color:#ff5722}.form-group-material-grey .control-label{color:#9e9e9e}.form-group-material-bluegrey .control-label{color:#607d8b}.form-group-material-brown .control-label{color:#795548}.form-group-material-lightgrey .control-label{color:#ececec}.form-group input.form-control:not(.empty)~.floating-label,.form-group-default input.form-control:not(.empty)~.floating-label{color:#3f51b5}.form-group-primary input.form-control:not(.empty)~.floating-label{color:#4285f4}.form-group-success input.form-control:not(.empty)~.floating-label{color:#0f9d58}.form-group-info input.form-control:not(.empty)~.floating-label{color:#03a9f4}.form-group-warning input.form-control:not(.empty)~.floating-label{color:#ff5722}.form-group-danger input.form-control:not(.empty)~.floating-label,.form-group-material-red input.form-control:not(.empty)~.floating-label{color:#f44336}.form-group-material-pink input.form-control:not(.empty)~.floating-label{color:#e91e63}.form-group-material-purple input.form-control:not(.empty)~.floating-label{color:#9c27b0}.form-group-material-deeppurple input.form-control:not(.empty)~.floating-label{color:#673ab7}.form-group-material-indigo input.form-control:not(.empty)~.floating-label{color:#3f51b5}.form-group-material-lightblue input.form-control:not(.empty)~.floating-label{color:#03a9f4}.form-group-material-cyan input.form-control:not(.empty)~.floating-label{color:#00bcd4}.form-group-material-teal input.form-control:not(.empty)~.floating-label{color:#009688}.form-group-material-lightgreen input.form-control:not(.empty)~.floating-label{color:#8bc34a}.form-group-material-lime input.form-control:not(.empty)~.floating-label{color:#cddc39}.form-group-material-lightyellow input.form-control:not(.empty)~.floating-label{color:#ffeb3b}.form-group-material-orange input.form-control:not(.empty)~.floating-label{color:#ff9800}.form-group-material-deeporange input.form-control:not(.empty)~.floating-label{color:#ff5722}.form-group-material-grey input.form-control:not(.empty)~.floating-label{color:#9e9e9e}.form-group-material-bluegrey input.form-control:not(.empty)~.floating-label{color:#607d8b}.form-group-material-brown input.form-control:not(.empty)~.floating-label{color:#795548}.form-group-material-lightgrey input.form-control:not(.empty)~.floating-label{color:#ececec}.input-group .form-control-wrapper{margin-right:5px;margin-left:5px;bottom:-10px}.input-group .form-control-wrapper .form-control{float:none}.input-group .input-group-addon{border:0}.input-group .input-group-btn .btn{border-radius:4px}select.form-control{border:0;box-shadow:none;border-bottom:1px solid #757575;border-radius:0}select.form-control.focus,select.form-control:focus{box-shadow:none;border-color:#757575}@keyframes input-highlight{0%{left:20%;-webkit-transform:scaleX(20%);transform:scaleX(20%)}99%{-webkit-transform:scaleX(0);transform:scaleX(0);left:0;opacity:1}100%{opacity:0}}.form-control-wrapper input[type=file]{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:100}legend{border-bottom:0}.modal-content{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);border-radius:0;border:0}.modal-content .modal-header{border-bottom:0}.modal-content .modal-footer{border-top:0}.modal-content .modal-footer .btn+.btn{margin-bottom:10px}.list-group{border-radius:0}.list-group .list-group-item{background-color:transparent;overflow:hidden;border:0;border-radius:0;padding:0 16px}.list-group .list-group-item .row-action-primary,.list-group .list-group-item .row-picture{float:left;display:inline-block;padding-right:16px}.list-group .list-group-item .row-action-primary i,.list-group .list-group-item .row-action-primary img,.list-group .list-group-item .row-action-primary label,.list-group .list-group-item .row-picture i,.list-group .list-group-item .row-picture img,.list-group .list-group-item .row-picture label{display:block;width:56px;height:56px}.list-group .list-group-item .row-action-primary img,.list-group .list-group-item .row-picture img{background:rgba(0,0,0,.1);padding:1px}.list-group .list-group-item .row-action-primary img.circle,.list-group .list-group-item .row-picture img.circle{border-radius:100%}.list-group .list-group-item .row-action-primary i,.list-group .list-group-item .row-picture i{background:rgba(0,0,0,.25);border-radius:100%;text-align:center;line-height:56px;font-size:20px;color:#fff}.list-group .list-group-item .row-action-primary label,.list-group .list-group-item .row-picture label{margin:5px -7px -5px 7px}.list-group .list-group-item .row-content{display:inline-block;width:calc(100% - 92px);min-height:66px}.list-group .list-group-item .row-content .action-secondary{position:absolute;right:16px;top:16px}.list-group .list-group-item .row-content .action-secondary i{font-size:20px;color:rgba(0,0,0,.25);cursor:pointer}.list-group .list-group-item .row-content .action-secondary~*{max-width:calc(100% - 30px)}.list-group .list-group-item .row-content .least-content{position:absolute;right:16px;top:0;color:rgba(0,0,0,.54);font-size:14px}.list-group .list-group-item .list-group-item-heading{color:rgba(0,0,0,.77);font-size:20px;line-height:29px}.list-group .list-group-separator{clear:both;overflow:hidden;margin-top:10px;margin-bottom:10px}.list-group .list-group-separator:before{content:"";width:calc(100% - 90px);border-bottom:1px solid rgba(0,0,0,.1);float:right}.navbar{border:0;border-radius:0}.navbar .navbar-brand{position:relative;height:60px;line-height:30px;color:rgba(255,255,255,.84)}.navbar .navbar-brand:focus,.navbar .navbar-brand:hover{color:rgba(255,255,255,.84);background-color:transparent}.navbar .navbar-text{color:rgba(255,255,255,.84);margin-top:20px;margin-bottom:20px}.navbar .navbar-nav>li>a{color:rgba(255,255,255,.84);padding-top:20px;padding-bottom:20px}.navbar .navbar-nav>li>a:focus,.navbar .navbar-nav>li>a:hover{color:rgba(255,255,255,.84);background-color:transparent}.navbar .navbar-nav>.active>a,.navbar .navbar-nav>.active>a:focus,.navbar .navbar-nav>.active>a:hover{color:rgba(255,255,255,.84);background-color:rgba(0,0,0,.05)}.navbar .navbar-nav>.disabled>a,.navbar .navbar-nav>.disabled>a:focus,.navbar .navbar-nav>.disabled>a:hover{color:#e5e5e5;background-color:transparent}.navbar .navbar-toggle{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} diff --git a/template/material/css-compiled/material.min.css b/template/material/css-compiled/material.min.css new file mode 100644 index 00000000..c058387f --- /dev/null +++ b/template/material/css-compiled/material.min.css @@ -0,0 +1 @@ +@-webkit-keyframes input-highlight{0%{left:20%;width:20%}99%{width:0;left:0;opacity:1}100%{opacity:0}}@keyframes input-highlight{0%{left:20%;width:20%}99%{width:0;left:0;opacity:1}100%{opacity:0}}.shadow-z-1{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.shadow-z-2{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.shadow-z-2-hover{box-shadow:0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.28)}.shadow-z-3{box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.shadow-z-4{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.shadow-z-5{box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)}body{background-color:#EEE}body.inverse{background:#333}body.inverse,body.inverse .form-control{color:rgba(255,255,255,.84)}.h1,.h2,.h3,.h4,.h5,.h6,body,h1,h2,h3,h4,h5,h6{font-family:Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif}.container .well,.container .well .form-control,.container .well:not([class^="well well-material-"]),.container .well:not([class^="well well-material-"]) .form-control,.container-fluid .well,.container-fluid .well .form-control,.container-fluid .well:not([class^="well well-material-"]),.container-fluid .well:not([class^="well well-material-"]) .form-control,body .well,body .well .form-control,body .well:not([class^="well well-material-"]),body .well:not([class^="well well-material-"]) .form-control{color:rgba(0,0,0,.84)}.container .well .floating-label,.container .well:not([class^="well well-material-"]) .floating-label,.container-fluid .well .floating-label,.container-fluid .well:not([class^="well well-material-"]) .floating-label,body .well .floating-label,body .well:not([class^="well well-material-"]) .floating-label{color:#7e7e7e}.container .well .form-control,.container .well:not([class^="well well-material-"]) .form-control,.container-fluid .well .form-control,.container-fluid .well:not([class^="well well-material-"]) .form-control,body .well .form-control,body .well:not([class^="well well-material-"]) .form-control{border-bottom-color:#7e7e7e}.container .well .form-control::-webkit-input-placeholder,.container .well:not([class^="well well-material-"]) .form-control::-webkit-input-placeholder,.container-fluid .well .form-control::-webkit-input-placeholder,.container-fluid .well:not([class^="well well-material-"]) .form-control::-webkit-input-placeholder,body .well .form-control::-webkit-input-placeholder,body .well:not([class^="well well-material-"]) .form-control::-webkit-input-placeholder{color:#7e7e7e}.container .well .form-control::-moz-placeholder,.container .well:not([class^="well well-material-"]) .form-control::-moz-placeholder,.container-fluid .well .form-control::-moz-placeholder,.container-fluid .well:not([class^="well well-material-"]) .form-control::-moz-placeholder,body .well .form-control::-moz-placeholder,body .well:not([class^="well well-material-"]) .form-control::-moz-placeholder{color:#7e7e7e;opacity:1}.container .well .form-control:-ms-input-placeholder,.container .well:not([class^="well well-material-"]) .form-control:-ms-input-placeholder,.container-fluid .well .form-control:-ms-input-placeholder,.container-fluid .well:not([class^="well well-material-"]) .form-control:-ms-input-placeholder,body .well .form-control:-ms-input-placeholder,body .well:not([class^="well well-material-"]) .form-control:-ms-input-placeholder{color:#7e7e7e}.container .well .create,.container .well .option,.container .well:not([class^="well well-material-"]) .create,.container .well:not([class^="well well-material-"]) .option,.container-fluid .well .create,.container-fluid .well .option,.container-fluid .well:not([class^="well well-material-"]) .create,.container-fluid .well:not([class^="well well-material-"]) .option,body .well .create,body .well .option,body .well:not([class^="well well-material-"]) .create,body .well:not([class^="well well-material-"]) .option{color:rgba(0,0,0,.84)}.container [class^="well well-material-"],.container [class^="well well-material-"] .floating-label,.container [class^="well well-material-"] .form-control,.container-fluid [class^="well well-material-"],.container-fluid [class^="well well-material-"] .floating-label,.container-fluid [class^="well well-material-"] .form-control,body [class^="well well-material-"],body [class^="well well-material-"] .floating-label,body [class^="well well-material-"] .form-control{color:rgba(255,255,255,.84)}.container [class^="well well-material-"] .form-control,.container-fluid [class^="well well-material-"] .form-control,body [class^="well well-material-"] .form-control{border-bottom-color:rgba(255,255,255,.84)}.container [class^="well well-material-"] .form-control::-webkit-input-placeholder,.container-fluid [class^="well well-material-"] .form-control::-webkit-input-placeholder,body [class^="well well-material-"] .form-control::-webkit-input-placeholder{color:rgba(255,255,255,.84)}.container [class^="well well-material-"] .form-control::-moz-placeholder,.container-fluid [class^="well well-material-"] .form-control::-moz-placeholder,body [class^="well well-material-"] .form-control::-moz-placeholder{color:rgba(255,255,255,.84);opacity:1}.container [class^="well well-material-"] .form-control:-ms-input-placeholder,.container-fluid [class^="well well-material-"] .form-control:-ms-input-placeholder,body [class^="well well-material-"] .form-control:-ms-input-placeholder{color:rgba(255,255,255,.84)}.container [class^="well well-material-"] .create,.container [class^="well well-material-"] .option,.container-fluid [class^="well well-material-"] .create,.container-fluid [class^="well well-material-"] .option,body [class^="well well-material-"] .create,body [class^="well well-material-"] .option{color:rgba(0,0,0,.84)}.container .jumbotron,.container .well,.container-fluid .jumbotron,.container-fluid .well,body .jumbotron,body .well{padding:19px;margin-bottom:20px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);border-radius:2px;border:0}.container .jumbotron p,.container .well p,.container-fluid .jumbotron p,.container-fluid .well p,body .jumbotron p,body .well p{font-weight:300}.container .jumbotron,.container .jumbotron-default,.container .well,.container .well-default,.container-fluid .jumbotron,.container-fluid .jumbotron-default,.container-fluid .well,.container-fluid .well-default,body .jumbotron,body .jumbotron-default,body .well,body .well-default{background-color:#fff}.container .jumbotron-primary,.container .well-primary,.container-fluid .jumbotron-primary,.container-fluid .well-primary,body .jumbotron-primary,body .well-primary{background-color:#4285f4}.container .jumbotron-success,.container .well-success,.container-fluid .jumbotron-success,.container-fluid .well-success,body .jumbotron-success,body .well-success{background-color:#0f9d58}.container .jumbotron-info,.container .well-info,.container-fluid .jumbotron-info,.container-fluid .well-info,body .jumbotron-info,body .well-info{background-color:#03a9f4}.container .jumbotron-warning,.container .well-warning,.container-fluid .jumbotron-warning,.container-fluid .well-warning,body .jumbotron-warning,body .well-warning{background-color:#ff5722}.container .jumbotron-danger,.container .jumbotron-material-red,.container .well-danger,.container .well-material-red,.container-fluid .jumbotron-danger,.container-fluid .jumbotron-material-red,.container-fluid .well-danger,.container-fluid .well-material-red,body .jumbotron-danger,body .jumbotron-material-red,body .well-danger,body .well-material-red{background-color:#f44336}.container .jumbotron-material-pink,.container .well-material-pink,.container-fluid .jumbotron-material-pink,.container-fluid .well-material-pink,body .jumbotron-material-pink,body .well-material-pink{background-color:#e91e63}.container .jumbotron-material-purple,.container .well-material-purple,.container-fluid .jumbotron-material-purple,.container-fluid .well-material-purple,body .jumbotron-material-purple,body .well-material-purple{background-color:#9c27b0}.container .jumbotron-material-deeppurple,.container .well-material-deeppurple,.container-fluid .jumbotron-material-deeppurple,.container-fluid .well-material-deeppurple,body .jumbotron-material-deeppurple,body .well-material-deeppurple{background-color:#673ab7}.container .jumbotron-material-indigo,.container .well-material-indigo,.container-fluid .jumbotron-material-indigo,.container-fluid .well-material-indigo,body .jumbotron-material-indigo,body .well-material-indigo{background-color:#3f51b5}.container .jumbotron-material-lightblue,.container .well-material-lightblue,.container-fluid .jumbotron-material-lightblue,.container-fluid .well-material-lightblue,body .jumbotron-material-lightblue,body .well-material-lightblue{background-color:#03a9f4}.container .jumbotron-material-cyan,.container .well-material-cyan,.container-fluid .jumbotron-material-cyan,.container-fluid .well-material-cyan,body .jumbotron-material-cyan,body .well-material-cyan{background-color:#00bcd4}.container .jumbotron-material-teal,.container .well-material-teal,.container-fluid .jumbotron-material-teal,.container-fluid .well-material-teal,body .jumbotron-material-teal,body .well-material-teal{background-color:#009688}.container .jumbotron-material-lightgreen,.container .well-material-lightgreen,.container-fluid .jumbotron-material-lightgreen,.container-fluid .well-material-lightgreen,body .jumbotron-material-lightgreen,body .well-material-lightgreen{background-color:#8bc34a}.container .jumbotron-material-lime,.container .well-material-lime,.container-fluid .jumbotron-material-lime,.container-fluid .well-material-lime,body .jumbotron-material-lime,body .well-material-lime{background-color:#cddc39}.container .jumbotron-material-lightyellow,.container .well-material-lightyellow,.container-fluid .jumbotron-material-lightyellow,.container-fluid .well-material-lightyellow,body .jumbotron-material-lightyellow,body .well-material-lightyellow{background-color:#ffeb3b}.container .jumbotron-material-orange,.container .well-material-orange,.container-fluid .jumbotron-material-orange,.container-fluid .well-material-orange,body .jumbotron-material-orange,body .well-material-orange{background-color:#ff9800}.container .jumbotron-material-deeporange,.container .well-material-deeporange,.container-fluid .jumbotron-material-deeporange,.container-fluid .well-material-deeporange,body .jumbotron-material-deeporange,body .well-material-deeporange{background-color:#ff5722}.container .jumbotron-material-grey,.container .well-material-grey,.container-fluid .jumbotron-material-grey,.container-fluid .well-material-grey,body .jumbotron-material-grey,body .well-material-grey{background-color:#9e9e9e}.container .jumbotron-material-bluegrey,.container .well-material-bluegrey,.container-fluid .jumbotron-material-bluegrey,.container-fluid .well-material-bluegrey,body .jumbotron-material-bluegrey,body .well-material-bluegrey{background-color:#607d8b}.container .jumbotron-material-brown,.container .well-material-brown,.container-fluid .jumbotron-material-brown,.container-fluid .well-material-brown,body .jumbotron-material-brown,body .well-material-brown{background-color:#795548}.container .jumbotron-material-lightgrey,.container .well-material-lightgrey,.container-fluid .jumbotron-material-lightgrey,.container-fluid .well-material-lightgrey,body .jumbotron-material-lightgrey,body .well-material-lightgrey{background-color:#ececec}.btn{position:relative;padding:8px 30px;border:0;margin:10px 1px;cursor:pointer;border-radius:4px;text-transform:uppercase;text-decoration:none;color:rgba(255,255,255,.84);-webkit-transition:box-shadow .28s cubic-bezier(0.4,0,.2,1);transition:box-shadow .28s cubic-bezier(0.4,0,.2,1);outline:0!important}.btn:hover{color:rgba(255,255,255,.84)}.btn:hover:not(.btn-link){box-shadow:0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.28)}.btn:active:not(.btn-link){box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.btn-default:not(.btn-link),.btn:not(.btn-link){background-color:transparent}.btn-primary:not(.btn-link){background-color:#4285f4}.btn-success:not(.btn-link){background-color:#0f9d58}.btn-info:not(.btn-link){background-color:#03a9f4}.btn-warning:not(.btn-link){background-color:#ff5722}.btn-danger:not(.btn-link),.btn-material-red:not(.btn-link){background-color:#f44336}.btn-material-pink:not(.btn-link){background-color:#e91e63}.btn-material-purple:not(.btn-link){background-color:#9c27b0}.btn-material-deeppurple:not(.btn-link){background-color:#673ab7}.btn-material-indigo:not(.btn-link){background-color:#3f51b5}.btn-material-lightblue:not(.btn-link){background-color:#03a9f4}.btn-material-cyan:not(.btn-link){background-color:#00bcd4}.btn-material-teal:not(.btn-link){background-color:#009688}.btn-material-lightgreen:not(.btn-link){background-color:#8bc34a}.btn-material-lime:not(.btn-link){background-color:#cddc39}.btn-material-lightyellow:not(.btn-link){background-color:#ffeb3b}.btn-material-orange:not(.btn-link){background-color:#ff9800}.btn-material-deeporange:not(.btn-link){background-color:#ff5722}.btn-material-grey:not(.btn-link){background-color:#9e9e9e}.btn-material-bluegrey:not(.btn-link){background-color:#607d8b}.btn-material-brown:not(.btn-link){background-color:#795548}.btn-material-lightgrey:not(.btn-link){background-color:#ececec}.btn-default,.btn-default:hover,.btn-link,.btn-link:hover,.btn:not([class^="btn btn-"]),.btn:not([class^="btn btn-"]):hover{color:rgba(0,0,0,.84)}.btn-default:hover,.btn:not([class^="btn btn-"]):hover{background-color:rgba(255,255,255,.5)}.btn-raised{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-webkit-transition:box-shadow .28s cubic-bezier(0.4,0,.2,1);transition:box-shadow .28s cubic-bezier(0.4,0,.2,1)}.btn-raised:active:not(.btn-link){box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.open>.dropdown-toggle.btn,.open>.dropdown-toggle.btn-default{background-color:transparent}.open>.dropdown-toggle.btn-primary{background-color:#4285f4}.open>.dropdown-toggle.btn-success{background-color:#0f9d58}.open>.dropdown-toggle.btn-info{background-color:#03a9f4}.open>.dropdown-toggle.btn-warning{background-color:#ff5722}.open>.dropdown-toggle.btn-danger,.open>.dropdown-toggle.btn-material-red{background-color:#f44336}.open>.dropdown-toggle.btn-material-pink{background-color:#e91e63}.open>.dropdown-toggle.btn-material-purple{background-color:#9c27b0}.open>.dropdown-toggle.btn-material-deeppurple{background-color:#673ab7}.open>.dropdown-toggle.btn-material-indigo{background-color:#3f51b5}.open>.dropdown-toggle.btn-material-lightblue{background-color:#03a9f4}.open>.dropdown-toggle.btn-material-cyan{background-color:#00bcd4}.open>.dropdown-toggle.btn-material-teal{background-color:#009688}.open>.dropdown-toggle.btn-material-lightgreen{background-color:#8bc34a}.open>.dropdown-toggle.btn-material-lime{background-color:#cddc39}.open>.dropdown-toggle.btn-material-lightyellow{background-color:#ffeb3b}.open>.dropdown-toggle.btn-material-orange{background-color:#ff9800}.open>.dropdown-toggle.btn-material-deeporange{background-color:#ff5722}.open>.dropdown-toggle.btn-material-grey{background-color:#9e9e9e}.open>.dropdown-toggle.btn-material-bluegrey{background-color:#607d8b}.open>.dropdown-toggle.btn-material-brown{background-color:#795548}.open>.dropdown-toggle.btn-material-lightgrey{background-color:#ececec}.btn-flat{box-shadow:none!important}.btn-flat.btn-default:hover{background:0 0}.btn-group,.btn-group-vertical{position:relative;border-radius:4px;margin:10px 1px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-webkit-transition:box-shadow .28s cubic-bezier(0.4,0,.2,1);transition:box-shadow .28s cubic-bezier(0.4,0,.2,1)}.btn-group-vertical:active:not(.btn-link),.btn-group:active:not(.btn-link){box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.btn-group-vertical.open .dropdown-toggle,.btn-group.open .dropdown-toggle{box-shadow:none}.btn-group-vertical.btn-group-raised,.btn-group.btn-group-raised{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-webkit-transition:box-shadow .28s cubic-bezier(0.4,0,.2,1);transition:box-shadow .28s cubic-bezier(0.4,0,.2,1)}.btn-group-vertical.btn-group-raised:active:not(.btn-link),.btn-group.btn-group-raised:active:not(.btn-link){box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.btn-group .btn,.btn-group .btn-group,.btn-group .btn:active,.btn-group-vertical .btn,.btn-group-vertical .btn-group,.btn-group-vertical .btn:active{box-shadow:none!important;margin:0}.btn-group .btn:active .caret,.btn-group-vertical .btn:active .caret{margin-left:-1px}.btn-group-flat{box-shadow:none!important}.btn-fab{margin:0;padding:15px;font-size:26px;width:56px;height:56px}.btn-fab,.btn-fab-default,.btn-fab:hover,.btn-fab:hover-default{background-color:transparent}.btn-fab-primary,.btn-fab:hover-primary{background-color:#4285f4}.btn-fab-success,.btn-fab:hover-success{background-color:#0f9d58}.btn-fab-info,.btn-fab:hover-info{background-color:#03a9f4}.btn-fab-warning,.btn-fab:hover-warning{background-color:#ff5722}.btn-fab-danger,.btn-fab-material-red,.btn-fab:hover-danger,.btn-fab:hover-material-red{background-color:#f44336}.btn-fab-material-pink,.btn-fab:hover-material-pink{background-color:#e91e63}.btn-fab-material-purple,.btn-fab:hover-material-purple{background-color:#9c27b0}.btn-fab-material-deeppurple,.btn-fab:hover-material-deeppurple{background-color:#673ab7}.btn-fab-material-indigo,.btn-fab:hover-material-indigo{background-color:#3f51b5}.btn-fab-material-lightblue,.btn-fab:hover-material-lightblue{background-color:#03a9f4}.btn-fab-material-cyan,.btn-fab:hover-material-cyan{background-color:#00bcd4}.btn-fab-material-teal,.btn-fab:hover-material-teal{background-color:#009688}.btn-fab-material-lightgreen,.btn-fab:hover-material-lightgreen{background-color:#8bc34a}.btn-fab-material-lime,.btn-fab:hover-material-lime{background-color:#cddc39}.btn-fab-material-lightyellow,.btn-fab:hover-material-lightyellow{background-color:#ffeb3b}.btn-fab-material-orange,.btn-fab:hover-material-orange{background-color:#ff9800}.btn-fab-material-deeporange,.btn-fab:hover-material-deeporange{background-color:#ff5722}.btn-fab-material-grey,.btn-fab:hover-material-grey{background-color:#9e9e9e}.btn-fab-material-bluegrey,.btn-fab:hover-material-bluegrey{background-color:#607d8b}.btn-fab-material-brown,.btn-fab:hover-material-brown{background-color:#795548}.btn-fab-material-lightgrey,.btn-fab:hover-material-lightgrey{background-color:#ececec}.btn-fab,.btn-fab .ripple-wrapper{border-radius:100%}.btn-fab.btn-mini{width:40px;height:40px;padding:13px;font-size:15px}.form-horizontal .checkbox{padding-top:15px}.checkbox{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.checkbox label{cursor:pointer;padding-left:45px;position:relative}.checkbox label span{display:block;position:absolute;left:0;-webkit-transition-duration:.2s;transition-duration:.2s}.checkbox label .check:after{display:block;position:absolute;content:"";background-color:rgba(0,0,0,.84);left:-5px;top:-15px;height:50px;width:50px;border-radius:100%;z-index:1;opacity:0;margin:0}.checkbox label .check:before{display:block;content:"";border:2px solid rgba(0,0,0,.84);height:20px;width:20px;-webkit-transition-delay:.2s;transition-delay:.2s}.checkbox .check,.checkbox-default .check{color:#0f9d58}.checkbox-primary .check{color:#4285f4}.checkbox-success .check{color:#0f9d58}.checkbox-info .check{color:#03a9f4}.checkbox-warning .check{color:#ff5722}.checkbox-danger .check,.checkbox-material-red .check{color:#f44336}.checkbox-material-pink .check{color:#e91e63}.checkbox-material-purple .check{color:#9c27b0}.checkbox-material-deeppurple .check{color:#673ab7}.checkbox-material-indigo .check{color:#3f51b5}.checkbox-material-lightblue .check{color:#03a9f4}.checkbox-material-cyan .check{color:#00bcd4}.checkbox-material-teal .check{color:#009688}.checkbox-material-lightgreen .check{color:#8bc34a}.checkbox-material-lime .check{color:#cddc39}.checkbox-material-lightyellow .check{color:#ffeb3b}.checkbox-material-orange .check{color:#ff9800}.checkbox-material-deeporange .check{color:#ff5722}.checkbox-material-grey .check{color:#9e9e9e}.checkbox-material-bluegrey .check{color:#607d8b}.checkbox-material-brown .check{color:#795548}.checkbox-material-lightgrey .check{color:#ececec}.checkbox input[type=checkbox]{opacity:0}.checkbox input[type=checkbox]~.check:before{position:absolute;top:2px;left:11px;width:18px;height:18px;border:2px solid;border-color:#5a5a5a;-webkit-animation:uncheck 300ms ease-out forwards;animation:uncheck 300ms ease-out forwards}.checkbox input[type=checkbox]:focus~.check:after{opacity:.2}.checkbox input[type=checkbox]:checked~.check:before{-webkit-animation:check 300ms ease-out forwards;animation:check 300ms ease-out forwards}.checkbox input[type=checkbox]:not(:checked)~.check:after{-webkit-animation:rippleOff 500ms linear forwards;animation:rippleOff 500ms linear forwards}.checkbox input[type=checkbox]:checked~.check:after{-webkit-animation:rippleOn 500ms linear forwards;animation:rippleOn 500ms linear forwards}.checkbox:not(:hover) input[type=checkbox]~.check:after,.checkbox:not(:hover) input[type=checkbox]~.check:before{-webkit-animation-duration:1ms;animation-duration:1ms}.checkbox input[type=checkbox][disabled]:not(:checked)~.check:before{opacity:.5}.checkbox input[type=checkbox][disabled]~.check:after{background-color:rgba(0,0,0,.84);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.checkbox input[type=checkbox]:checked~.check:after,.checkbox-default input[type=checkbox]:checked~.check:after{background-color:#0f9d58}.checkbox-primary input[type=checkbox]:checked~.check:after{background-color:#4285f4}.checkbox-success input[type=checkbox]:checked~.check:after{background-color:#0f9d58}.checkbox-info input[type=checkbox]:checked~.check:after{background-color:#03a9f4}.checkbox-warning input[type=checkbox]:checked~.check:after{background-color:#ff5722}.checkbox-danger input[type=checkbox]:checked~.check:after,.checkbox-material-red input[type=checkbox]:checked~.check:after{background-color:#f44336}.checkbox-material-pink input[type=checkbox]:checked~.check:after{background-color:#e91e63}.checkbox-material-purple input[type=checkbox]:checked~.check:after{background-color:#9c27b0}.checkbox-material-deeppurple input[type=checkbox]:checked~.check:after{background-color:#673ab7}.checkbox-material-indigo input[type=checkbox]:checked~.check:after{background-color:#3f51b5}.checkbox-material-lightblue input[type=checkbox]:checked~.check:after{background-color:#03a9f4}.checkbox-material-cyan input[type=checkbox]:checked~.check:after{background-color:#00bcd4}.checkbox-material-teal input[type=checkbox]:checked~.check:after{background-color:#009688}.checkbox-material-lightgreen input[type=checkbox]:checked~.check:after{background-color:#8bc34a}.checkbox-material-lime input[type=checkbox]:checked~.check:after{background-color:#cddc39}.checkbox-material-lightyellow input[type=checkbox]:checked~.check:after{background-color:#ffeb3b}.checkbox-material-orange input[type=checkbox]:checked~.check:after{background-color:#ff9800}.checkbox-material-deeporange input[type=checkbox]:checked~.check:after{background-color:#ff5722}.checkbox-material-grey input[type=checkbox]:checked~.check:after{background-color:#9e9e9e}.checkbox-material-bluegrey input[type=checkbox]:checked~.check:after{background-color:#607d8b}.checkbox-material-brown input[type=checkbox]:checked~.check:after{background-color:#795548}.checkbox-material-lightgrey input[type=checkbox]:checked~.check:after{background-color:#ececec}@-webkit-keyframes uncheck{0%{top:-3px;left:17px;width:10px;height:21px;border-color:transparent #0f9d58 #0f9d58 transparent;-webkit-transform:rotate(45deg);transform:rotate(45deg)}50%{top:14px;left:17px;width:4px;height:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:transparent #0f9d58 #0f9d58 transparent}51%{border-color:#5a5a5a}100%{top:1px;left:12px;width:18px;height:18px;-webkit-transform:rotate(0deg);transform:rotate(0deg);border-color:#5a5a5a}}@keyframes uncheck{0%{top:-3px;left:17px;width:10px;height:21px;border-color:transparent #0f9d58 #0f9d58 transparent;-webkit-transform:rotate(45deg);transform:rotate(45deg)}50%{top:14px;left:17px;width:4px;height:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:transparent #0f9d58 #0f9d58 transparent}51%{border-color:#5a5a5a}100%{top:1px;left:12px;width:18px;height:18px;-webkit-transform:rotate(0deg);transform:rotate(0deg);border-color:#5a5a5a}}@-webkit-keyframes check{100%{top:-3px;left:17px;width:10px;height:21px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:transparent #0f9d58 #0f9d58 transparent}51%{border-left:transparent;border-top-color:transparent}50%{top:14px;left:17px;width:4px;height:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:#5a5a5a}0%{top:1px;left:12px;width:18px;height:18px;-webkit-transform:rotate(0deg);transform:rotate(0deg);border-color:#5a5a5a}}@keyframes check{100%{top:-3px;left:17px;width:10px;height:21px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:transparent #0f9d58 #0f9d58 transparent}51%{border-left:transparent;border-top-color:transparent}50%{top:14px;left:17px;width:4px;height:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:#5a5a5a}0%{top:1px;left:12px;width:18px;height:18px;-webkit-transform:rotate(0deg);transform:rotate(0deg);border-color:#5a5a5a}}@-webkit-keyframes rippleOn{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}@keyframes rippleOn{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}@-webkit-keyframes rippleOff{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}@keyframes rippleOff{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}.form-horizontal .radio{margin-bottom:10px}.radio label{cursor:pointer;padding-left:45px;position:relative}.radio label span{display:block;position:absolute;left:10px;top:2px;-webkit-transition-duration:.2s;transition-duration:.2s}.radio label .circle{border:2px solid rgba(0,0,0,.84);height:15px;width:15px;border-radius:100%}.radio label .check{height:15px;width:15px;border-radius:100%;background-color:rgba(0,0,0,.84);-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.radio label .check:after{display:block;position:absolute;content:"";background-color:rgba(0,0,0,.84);left:-18px;top:-18px;height:50px;width:50px;border-radius:100%;z-index:1;opacity:0;margin:0;-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5)}.radio label input[type=radio]:not(:checked)~.check:after{-webkit-animation:rippleOff 500ms;animation:rippleOff 500ms}.radio label input[type=radio]:checked~.check:after{-webkit-animation:rippleOn 500ms;animation:rippleOn 500ms}.radio input[type=radio]:checked~.check,.radio-default input[type=radio]:checked~.check{background-color:rgba(0,0,0,.84)}.radio-primary input[type=radio]:checked~.check{background-color:#4285f4}.radio-success input[type=radio]:checked~.check{background-color:#0f9d58}.radio-info input[type=radio]:checked~.check{background-color:#03a9f4}.radio-warning input[type=radio]:checked~.check{background-color:#ff5722}.radio-danger input[type=radio]:checked~.check,.radio-material-red input[type=radio]:checked~.check{background-color:#f44336}.radio-material-pink input[type=radio]:checked~.check{background-color:#e91e63}.radio-material-purple input[type=radio]:checked~.check{background-color:#9c27b0}.radio-material-deeppurple input[type=radio]:checked~.check{background-color:#673ab7}.radio-material-indigo input[type=radio]:checked~.check{background-color:#3f51b5}.radio-material-lightblue input[type=radio]:checked~.check{background-color:#03a9f4}.radio-material-cyan input[type=radio]:checked~.check{background-color:#00bcd4}.radio-material-teal input[type=radio]:checked~.check{background-color:#009688}.radio-material-lightgreen input[type=radio]:checked~.check{background-color:#8bc34a}.radio-material-lime input[type=radio]:checked~.check{background-color:#cddc39}.radio-material-lightyellow input[type=radio]:checked~.check{background-color:#ffeb3b}.radio-material-orange input[type=radio]:checked~.check{background-color:#ff9800}.radio-material-deeporange input[type=radio]:checked~.check{background-color:#ff5722}.radio-material-grey input[type=radio]:checked~.check{background-color:#9e9e9e}.radio-material-bluegrey input[type=radio]:checked~.check{background-color:#607d8b}.radio-material-brown input[type=radio]:checked~.check{background-color:#795548}.radio-material-lightgrey input[type=radio]:checked~.check{background-color:#ececec}.radio input[type=radio]:checked~.circle,.radio-default input[type=radio]:checked~.circle{border-color:rgba(0,0,0,.84)}.radio-primary input[type=radio]:checked~.circle{border-color:#4285f4}.radio-success input[type=radio]:checked~.circle{border-color:#0f9d58}.radio-info input[type=radio]:checked~.circle{border-color:#03a9f4}.radio-warning input[type=radio]:checked~.circle{border-color:#ff5722}.radio-danger input[type=radio]:checked~.circle,.radio-material-red input[type=radio]:checked~.circle{border-color:#f44336}.radio-material-pink input[type=radio]:checked~.circle{border-color:#e91e63}.radio-material-purple input[type=radio]:checked~.circle{border-color:#9c27b0}.radio-material-deeppurple input[type=radio]:checked~.circle{border-color:#673ab7}.radio-material-indigo input[type=radio]:checked~.circle{border-color:#3f51b5}.radio-material-lightblue input[type=radio]:checked~.circle{border-color:#03a9f4}.radio-material-cyan input[type=radio]:checked~.circle{border-color:#00bcd4}.radio-material-teal input[type=radio]:checked~.circle{border-color:#009688}.radio-material-lightgreen input[type=radio]:checked~.circle{border-color:#8bc34a}.radio-material-lime input[type=radio]:checked~.circle{border-color:#cddc39}.radio-material-lightyellow input[type=radio]:checked~.circle{border-color:#ffeb3b}.radio-material-orange input[type=radio]:checked~.circle{border-color:#ff9800}.radio-material-deeporange input[type=radio]:checked~.circle{border-color:#ff5722}.radio-material-grey input[type=radio]:checked~.circle{border-color:#9e9e9e}.radio-material-bluegrey input[type=radio]:checked~.circle{border-color:#607d8b}.radio-material-brown input[type=radio]:checked~.circle{border-color:#795548}.radio-material-lightgrey input[type=radio]:checked~.circle{border-color:#ececec}.radio input[type=radio][disabled]~.check,.radio input[type=radio][disabled]~.circle{opacity:.5}.radio input[type=radio]{display:none}.radio input[type=radio]:checked~.check{-webkit-transform:scale(0.55);-ms-transform:scale(0.55);transform:scale(0.55)}.radio input[type=radio][disabled]~.circle{border-color:rgba(0,0,0,.84)}.radio input[type=radio][disabled]~.check{background-color:rgba(0,0,0,.84)}@keyframes rippleOn{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}@keyframes rippleOff{0%{opacity:0}50%{opacity:.2}100%{opacity:0}}.form-control,.form-control-wrapper .form-control,.form-control-wrapper .form-control.focus,.form-control-wrapper .form-control:focus,.form-control.focus,.form-control:focus,fieldset[disabled] .form-control,fieldset[disabled] .form-control.focus,fieldset[disabled] .form-control:focus{padding:0;float:none;border:0;box-shadow:none;border-radius:0;background:0 0;border-bottom:1px solid #757575}.form-control-wrapper .form-control.focus:not(textarea):not(select),.form-control-wrapper .form-control:focus:not(textarea):not(select),.form-control-wrapper .form-control:not(textarea):not(select),.form-control.focus:not(textarea):not(select),.form-control:focus:not(textarea):not(select),.form-control:not(textarea):not(select),fieldset[disabled] .form-control.focus:not(textarea):not(select),fieldset[disabled] .form-control:focus:not(textarea):not(select),fieldset[disabled] .form-control:not(textarea):not(select){height:28px}.form-control-wrapper .form-control.focus:disabled,.form-control-wrapper .form-control:disabled,.form-control-wrapper .form-control:focus:disabled,.form-control.focus:disabled,.form-control:disabled,.form-control:focus:disabled,fieldset[disabled] .form-control.focus:disabled,fieldset[disabled] .form-control:disabled,fieldset[disabled] .form-control:focus:disabled{border-style:dashed}select.form-control{height:23px}select[multiple].form-control,select[multiple].form-control.focus,select[multiple].form-control:focus{height:85px}.form-control-wrapper{position:relative}.form-control-wrapper .form-control.focus,.form-control-wrapper .form-control:focus{outline:0}.form-control-wrapper .floating-label{color:#7E7E7E;font-size:14px;position:absolute;pointer-events:none;left:0;top:5px;-webkit-transition:.2s ease all;transition:.2s ease all;opacity:0}.form-control-wrapper .form-control:not(.empty)~.floating-label{top:-10px;font-size:10px;opacity:1}.form-control-wrapper .form-control.focus:invalid~.floating-label,.form-control-wrapper .form-control:focus:invalid~.floating-label{color:#f44336}.form-control-wrapper .form-control.focus~.material-input:after,.form-control-wrapper .form-control:focus~.material-input:after{background-color:#5264ae}.form-control-wrapper .form-control.focus:invalid~.material-input:after,.form-control-wrapper .form-control.focus:invalid~.material-input:before,.form-control-wrapper .form-control:focus:invalid~.material-input:after,.form-control-wrapper .form-control:focus:invalid~.material-input:before{background-color:#f44336}.form-control-wrapper .form-control.empty~.floating-label{opacity:1}.form-control-wrapper .material-input:before{position:absolute;content:"";width:100%;left:0;height:2px;background-color:#5264ae;bottom:-1px;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform 0s;transition:transform 0s}.form-control-wrapper .form-control.focus~.material-input:before,.form-control-wrapper .form-control:focus~.material-input:before{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);-webkit-transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out}.form-control-wrapper .material-input:after{content:"";position:absolute;height:18px;width:100px;margin-top:-1px;top:7px;left:0;pointer-events:none;opacity:.9;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}.form-control-wrapper .input-lg~.material-input:after{height:26px}.form-control-wrapper textarea{resize:none}.form-control-wrapper textarea~.form-control-highlight{margin-top:-11px}.form-control-wrapper .form-control.focus~.material-input:after,.form-control-wrapper .form-control:focus~.material-input:after{-webkit-animation:input-highlight .3s ease;animation:input-highlight .3s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}.form-control-wrapper select~.material-input:after{display:none}.form-group.has-warning .material-input:before,.form-group.has-warning input.form-control.focus~.material-input:after,.form-group.has-warning input.form-control:focus~.material-input:after{background:#ff5722}.form-group.has-warning .control-label,.form-group.has-warning input.form-control:not(.empty)~.floating-label{color:#ff5722}.form-group.has-error .material-input:before,.form-group.has-error input.form-control.focus~.material-input:after,.form-group.has-error input.form-control:focus~.material-input:after{background:#f44336}.form-group.has-error .control-label,.form-group.has-error input.form-control:not(.empty)~.floating-label{color:#f44336}.form-group.has-success .material-input:before,.form-group.has-success input.form-control.focus~.material-input:after,.form-group.has-success input.form-control:focus~.material-input:after{background:#0f9d58}.form-group.has-success .control-label,.form-group.has-success input.form-control:not(.empty)~.floating-label{color:#0f9d58}.form-group.has-info .material-input:before,.form-group.has-info input.form-control.focus~.material-input:after,.form-group.has-info input.form-control:focus~.material-input:after{background:#03a9f4}.form-group.has-info .control-label,.form-group.has-info input.form-control:not(.empty)~.floating-label{color:#03a9f4}.form-group .material-input:before,.form-group-default .material-input:before{background-color:#3f51b5}.form-group-primary .material-input:before{background-color:#4285f4}.form-group-success .material-input:before{background-color:#0f9d58}.form-group-info .material-input:before{background-color:#03a9f4}.form-group-warning .material-input:before{background-color:#ff5722}.form-group-danger .material-input:before,.form-group-material-red .material-input:before{background-color:#f44336}.form-group-material-pink .material-input:before{background-color:#e91e63}.form-group-material-purple .material-input:before{background-color:#9c27b0}.form-group-material-deeppurple .material-input:before{background-color:#673ab7}.form-group-material-indigo .material-input:before{background-color:#3f51b5}.form-group-material-lightblue .material-input:before{background-color:#03a9f4}.form-group-material-cyan .material-input:before{background-color:#00bcd4}.form-group-material-teal .material-input:before{background-color:#009688}.form-group-material-lightgreen .material-input:before{background-color:#8bc34a}.form-group-material-lime .material-input:before{background-color:#cddc39}.form-group-material-lightyellow .material-input:before{background-color:#ffeb3b}.form-group-material-orange .material-input:before{background-color:#ff9800}.form-group-material-deeporange .material-input:before{background-color:#ff5722}.form-group-material-grey .material-input:before{background-color:#9e9e9e}.form-group-material-bluegrey .material-input:before{background-color:#607d8b}.form-group-material-brown .material-input:before{background-color:#795548}.form-group-material-lightgrey .material-input:before{background-color:#ececec}.form-group input.form-control:focus~.material-input:after,.form-group-default input.form-control:focus~.material-input:after{background-color:#3f51b5}.form-group-primary input.form-control:focus~.material-input:after{background-color:#4285f4}.form-group-success input.form-control:focus~.material-input:after{background-color:#0f9d58}.form-group-info input.form-control:focus~.material-input:after{background-color:#03a9f4}.form-group-warning input.form-control:focus~.material-input:after{background-color:#ff5722}.form-group-danger input.form-control:focus~.material-input:after,.form-group-material-red input.form-control:focus~.material-input:after{background-color:#f44336}.form-group-material-pink input.form-control:focus~.material-input:after{background-color:#e91e63}.form-group-material-purple input.form-control:focus~.material-input:after{background-color:#9c27b0}.form-group-material-deeppurple input.form-control:focus~.material-input:after{background-color:#673ab7}.form-group-material-indigo input.form-control:focus~.material-input:after{background-color:#3f51b5}.form-group-material-lightblue input.form-control:focus~.material-input:after{background-color:#03a9f4}.form-group-material-cyan input.form-control:focus~.material-input:after{background-color:#00bcd4}.form-group-material-teal input.form-control:focus~.material-input:after{background-color:#009688}.form-group-material-lightgreen input.form-control:focus~.material-input:after{background-color:#8bc34a}.form-group-material-lime input.form-control:focus~.material-input:after{background-color:#cddc39}.form-group-material-lightyellow input.form-control:focus~.material-input:after{background-color:#ffeb3b}.form-group-material-orange input.form-control:focus~.material-input:after{background-color:#ff9800}.form-group-material-deeporange input.form-control:focus~.material-input:after{background-color:#ff5722}.form-group-material-grey input.form-control:focus~.material-input:after{background-color:#9e9e9e}.form-group-material-bluegrey input.form-control:focus~.material-input:after{background-color:#607d8b}.form-group-material-brown input.form-control:focus~.material-input:after{background-color:#795548}.form-group-material-lightgrey input.form-control:focus~.material-input:after{background-color:#ececec}.form-group input.form-control.focus~.material-input:after,.form-group-default input.form-control.focus~.material-input:after{background-color:#3f51b5}.form-group-primary input.form-control.focus~.material-input:after{background-color:#4285f4}.form-group-success input.form-control.focus~.material-input:after{background-color:#0f9d58}.form-group-info input.form-control.focus~.material-input:after{background-color:#03a9f4}.form-group-warning input.form-control.focus~.material-input:after{background-color:#ff5722}.form-group-danger input.form-control.focus~.material-input:after,.form-group-material-red input.form-control.focus~.material-input:after{background-color:#f44336}.form-group-material-pink input.form-control.focus~.material-input:after{background-color:#e91e63}.form-group-material-purple input.form-control.focus~.material-input:after{background-color:#9c27b0}.form-group-material-deeppurple input.form-control.focus~.material-input:after{background-color:#673ab7}.form-group-material-indigo input.form-control.focus~.material-input:after{background-color:#3f51b5}.form-group-material-lightblue input.form-control.focus~.material-input:after{background-color:#03a9f4}.form-group-material-cyan input.form-control.focus~.material-input:after{background-color:#00bcd4}.form-group-material-teal input.form-control.focus~.material-input:after{background-color:#009688}.form-group-material-lightgreen input.form-control.focus~.material-input:after{background-color:#8bc34a}.form-group-material-lime input.form-control.focus~.material-input:after{background-color:#cddc39}.form-group-material-lightyellow input.form-control.focus~.material-input:after{background-color:#ffeb3b}.form-group-material-orange input.form-control.focus~.material-input:after{background-color:#ff9800}.form-group-material-deeporange input.form-control.focus~.material-input:after{background-color:#ff5722}.form-group-material-grey input.form-control.focus~.material-input:after{background-color:#9e9e9e}.form-group-material-bluegrey input.form-control.focus~.material-input:after{background-color:#607d8b}.form-group-material-brown input.form-control.focus~.material-input:after{background-color:#795548}.form-group-material-lightgrey input.form-control.focus~.material-input:after{background-color:#ececec}.form-group .control-label,.form-group-default .control-label{color:rgba(0,0,0,.84)}.form-group-primary .control-label{color:#4285f4}.form-group-success .control-label{color:#0f9d58}.form-group-info .control-label{color:#03a9f4}.form-group-warning .control-label{color:#ff5722}.form-group-danger .control-label,.form-group-material-red .control-label{color:#f44336}.form-group-material-pink .control-label{color:#e91e63}.form-group-material-purple .control-label{color:#9c27b0}.form-group-material-deeppurple .control-label{color:#673ab7}.form-group-material-indigo .control-label{color:#3f51b5}.form-group-material-lightblue .control-label{color:#03a9f4}.form-group-material-cyan .control-label{color:#00bcd4}.form-group-material-teal .control-label{color:#009688}.form-group-material-lightgreen .control-label{color:#8bc34a}.form-group-material-lime .control-label{color:#cddc39}.form-group-material-lightyellow .control-label{color:#ffeb3b}.form-group-material-orange .control-label{color:#ff9800}.form-group-material-deeporange .control-label{color:#ff5722}.form-group-material-grey .control-label{color:#9e9e9e}.form-group-material-bluegrey .control-label{color:#607d8b}.form-group-material-brown .control-label{color:#795548}.form-group-material-lightgrey .control-label{color:#ececec}.form-group input.form-control:not(.empty)~.floating-label,.form-group-default input.form-control:not(.empty)~.floating-label{color:#3f51b5}.form-group-primary input.form-control:not(.empty)~.floating-label{color:#4285f4}.form-group-success input.form-control:not(.empty)~.floating-label{color:#0f9d58}.form-group-info input.form-control:not(.empty)~.floating-label{color:#03a9f4}.form-group-warning input.form-control:not(.empty)~.floating-label{color:#ff5722}.form-group-danger input.form-control:not(.empty)~.floating-label,.form-group-material-red input.form-control:not(.empty)~.floating-label{color:#f44336}.form-group-material-pink input.form-control:not(.empty)~.floating-label{color:#e91e63}.form-group-material-purple input.form-control:not(.empty)~.floating-label{color:#9c27b0}.form-group-material-deeppurple input.form-control:not(.empty)~.floating-label{color:#673ab7}.form-group-material-indigo input.form-control:not(.empty)~.floating-label{color:#3f51b5}.form-group-material-lightblue input.form-control:not(.empty)~.floating-label{color:#03a9f4}.form-group-material-cyan input.form-control:not(.empty)~.floating-label{color:#00bcd4}.form-group-material-teal input.form-control:not(.empty)~.floating-label{color:#009688}.form-group-material-lightgreen input.form-control:not(.empty)~.floating-label{color:#8bc34a}.form-group-material-lime input.form-control:not(.empty)~.floating-label{color:#cddc39}.form-group-material-lightyellow input.form-control:not(.empty)~.floating-label{color:#ffeb3b}.form-group-material-orange input.form-control:not(.empty)~.floating-label{color:#ff9800}.form-group-material-deeporange input.form-control:not(.empty)~.floating-label{color:#ff5722}.form-group-material-grey input.form-control:not(.empty)~.floating-label{color:#9e9e9e}.form-group-material-bluegrey input.form-control:not(.empty)~.floating-label{color:#607d8b}.form-group-material-brown input.form-control:not(.empty)~.floating-label{color:#795548}.form-group-material-lightgrey input.form-control:not(.empty)~.floating-label{color:#ececec}.input-group .form-control-wrapper{margin-right:5px;margin-left:5px;bottom:-10px}.input-group .form-control-wrapper .form-control{float:none}.input-group .input-group-addon{border:0}.input-group .input-group-btn .btn{border-radius:4px}select.form-control{border:0;box-shadow:none;border-bottom:1px solid #757575;border-radius:0}select.form-control.focus,select.form-control:focus{box-shadow:none;border-color:#757575}@keyframes input-highlight{0%{left:20%;-webkit-transform:scaleX(20%);transform:scaleX(20%)}99%{-webkit-transform:scaleX(0);transform:scaleX(0);left:0;opacity:1}100%{opacity:0}}.form-control-wrapper input[type=file]{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:100}legend{border-bottom:0}.modal-content{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);border-radius:0;border:0}.modal-content .modal-header{border-bottom:0}.modal-content .modal-footer{border-top:0}.modal-content .modal-footer .btn+.btn{margin-bottom:10px}.list-group{border-radius:0}.list-group .list-group-item{background-color:transparent;overflow:hidden;border:0;border-radius:0;padding:0 16px}.list-group .list-group-item .row-action-primary,.list-group .list-group-item .row-picture{float:left;display:inline-block;padding-right:16px}.list-group .list-group-item .row-action-primary i,.list-group .list-group-item .row-action-primary img,.list-group .list-group-item .row-action-primary label,.list-group .list-group-item .row-picture i,.list-group .list-group-item .row-picture img,.list-group .list-group-item .row-picture label{display:block;width:56px;height:56px}.list-group .list-group-item .row-action-primary img,.list-group .list-group-item .row-picture img{background:rgba(0,0,0,.1);padding:1px}.list-group .list-group-item .row-action-primary img.circle,.list-group .list-group-item .row-picture img.circle{border-radius:100%}.list-group .list-group-item .row-action-primary i,.list-group .list-group-item .row-picture i{background:rgba(0,0,0,.25);border-radius:100%;text-align:center;line-height:56px;font-size:20px;color:#fff}.list-group .list-group-item .row-action-primary label,.list-group .list-group-item .row-picture label{margin:5px -7px -5px 7px}.list-group .list-group-item .row-content{display:inline-block;width:calc(100% - 92px);min-height:66px}.list-group .list-group-item .row-content .action-secondary{position:absolute;right:16px;top:16px}.list-group .list-group-item .row-content .action-secondary i{font-size:20px;color:rgba(0,0,0,.25);cursor:pointer}.list-group .list-group-item .row-content .action-secondary~*{max-width:calc(100% - 30px)}.list-group .list-group-item .row-content .least-content{position:absolute;right:16px;top:0;color:rgba(0,0,0,.54);font-size:14px}.list-group .list-group-item .list-group-item-heading{color:rgba(0,0,0,.77);font-size:20px;line-height:29px}.list-group .list-group-separator{clear:both;overflow:hidden;margin-top:10px;margin-bottom:10px}.list-group .list-group-separator:before{content:"";width:calc(100% - 90px);border-bottom:1px solid rgba(0,0,0,.1);float:right}.navbar{border:0;border-radius:0}.navbar .navbar-brand{position:relative;height:60px;line-height:30px;color:rgba(255,255,255,.84)}.navbar .navbar-brand:focus,.navbar .navbar-brand:hover{color:rgba(255,255,255,.84);background-color:transparent}.navbar .navbar-text{color:rgba(255,255,255,.84);margin-top:20px;margin-bottom:20px}.navbar .navbar-nav>li>a{color:rgba(255,255,255,.84);padding-top:20px;padding-bottom:20px}.navbar .navbar-nav>li>a:focus,.navbar .navbar-nav>li>a:hover{color:rgba(255,255,255,.84);background-color:transparent}.navbar .navbar-nav>.active>a,.navbar .navbar-nav>.active>a:focus,.navbar .navbar-nav>.active>a:hover{color:rgba(255,255,255,.84);background-color:rgba(0,0,0,.05)}.navbar .navbar-nav>.disabled>a,.navbar .navbar-nav>.disabled>a:focus,.navbar .navbar-nav>.disabled>a:hover{color:#e5e5e5;background-color:transparent}.navbar .navbar-toggle{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} diff --git a/template/material/css-compiled/ripples.min.css b/template/material/css-compiled/ripples.min.css new file mode 100644 index 00000000..fe16acdb --- /dev/null +++ b/template/material/css-compiled/ripples.min.css @@ -0,0 +1 @@ +.withripple{position:relative}.ripple-wrapper{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;overflow:hidden;border-radius:2px}.ripple{position:absolute;width:20px;height:20px;margin-left:-10px;margin-top:-10px;border-radius:100%;background-color:rgba(0,0,0,.05);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;opacity:0;pointer-events:none}.ripple.ripple-on{-webkit-transition:opacity .15s ease-in 0s,-webkit-transform .5s cubic-bezier(0.4,0,.2,1) .1s;transition:opacity .15s ease-in 0s,transform .5s cubic-bezier(0.4,0,.2,1) .1s;opacity:1}.ripple.ripple-out{-webkit-transition:opacity .1s linear 0s!important;transition:opacity .1s linear 0s!important;opacity:0} diff --git a/template/material/ripples.css b/template/material/ripples.css deleted file mode 100644 index d048256d..00000000 --- a/template/material/ripples.css +++ /dev/null @@ -1,41 +0,0 @@ -/* Generated by less 1.7.5 */ -.withripple { - position: relative; -} -.ripple-wrapper { - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - overflow: hidden; - border-radius: 2px; -} -.ripple { - position: absolute; - width: 20px; - height: 20px; - margin-left: -10px; - margin-top: -10px; - border-radius: 100%; - background-color: rgba(0, 0, 0, 0.05); - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - -webkit-transform-origin: 50%; - -ms-transform-origin: 50%; - transform-origin: 50%; - opacity: 0; - pointer-events: none; -} -.ripple.ripple-on { - -webkit-transition: opacity 0.15s ease-in 0s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; - transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; - opacity: 1; -} -.ripple.ripple-out { - -webkit-transition: opacity 0.1s linear 0s !important; - transition: opacity 0.1s linear 0s !important; - opacity: 0; -} \ No newline at end of file diff --git a/template/material/material.js b/template/material/scripts/material.js similarity index 99% rename from template/material/material.js rename to template/material/scripts/material.js index d15fdfce..1f846079 100644 --- a/template/material/material.js +++ b/template/material/scripts/material.js @@ -81,4 +81,4 @@ $(function (){ } $(this).prev().val(value); }); -}); \ No newline at end of file +}); diff --git a/template/material/ripples.js b/template/material/scripts/ripples.js similarity index 96% rename from template/material/ripples.js rename to template/material/scripts/ripples.js index 7fa99307..052c8295 100644 --- a/template/material/ripples.js +++ b/template/material/scripts/ripples.js @@ -71,7 +71,6 @@ var ripples = { }; var rippleOut = function($ripple) { - console.log($ripple); // Clear previous animation $ripple.className = "ripple ripple-on ripple-out"; @@ -109,12 +108,14 @@ var ripples = { // init RippleJS and start ripple effect on mousedown bind("mouseover", withRipple, rippleInit); - console.log(withRipple); // start ripple effect on mousedown bind("mousedown", ".ripple-wrapper", rippleStart); // if animation ends and user is not holding mouse then destroy the ripple bind("rippleEnd", ".ripple-wrapper .ripple", function(e, $ripple) { - if (!mouseDown) { + + var $ripples = $ripple.parentNode.getElementsByClassName("ripple"); + + if (!mouseDown || ( $ripples[0] == $ripple && $ripples.length > 1)) { rippleOut($ripple); } }); @@ -127,4 +128,4 @@ var ripples = { }); } -}; \ No newline at end of file +};