diff options
Diffstat (limited to 'css/bootstrap-material-design.css')
| -rw-r--r-- | css/bootstrap-material-design.css | 3426 |
1 files changed, 3426 insertions, 0 deletions
diff --git a/css/bootstrap-material-design.css b/css/bootstrap-material-design.css new file mode 100644 index 0000000..2fb4dd5 --- /dev/null +++ b/css/bootstrap-material-design.css @@ -0,0 +1,3426 @@ +/* + +To get this list of colors inject jQuery at http://www.google.com/design/spec/style/color.html#color-color-palette + +Then, run this script to get the list. + + +(function() { + var colors = {}, main = {}; + $(".color-group").each(function() { + var color = $(this).find(".name").text().trim().toLowerCase().replace(" ", "-"); + colors[color] = {}; + + $(this).find(".color").not(".main-color").each(function() { + var shade = $(this).find(".shade").text().trim(), + hex = $(this).find(".hex").text().trim(); + + colors[color][shade] = hex; + }); + main[color] = color + "-" + $(this).find(".main-color .shade").text().trim(); + + }); + var LESS = ""; + $.each(colors, function(name, shades) { + LESS += "\n\n"; + $.each(shades, function(shade, hex) { + LESS += "@" + name + "-" + shade + ": " + hex + ";\n"; + }); + if (main[name]) { + LESS += "@" + name + ": " + main[name] + ";\n"; + } + }); + console.log(LESS); +})(); + + +*/ +/* ANIMATION */ +/* SHADOWS */ +/* Shadows (from mdl http://www.getmdl.io/) */ +body { + background-color: #EEEEEE; +} +body.inverse { + background: #333333; +} +body.inverse, +body.inverse .form-control { + color: rgba(255,255,255, 0.84); +} +body.inverse .modal, +body.inverse .panel-default, +body.inverse .card, +body.inverse .modal .form-control, +body.inverse .panel-default .form-control, +body.inverse .card .form-control { + background-color: initial; + color: initial; +} +body, +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4 { + font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif; + font-weight: 300; +} +h5, +h6 { + font-weight: 400; +} +a, +a:hover, +a:focus { + color: #009688; +} +a .material-icons, +a:hover .material-icons, +a:focus .material-icons { + vertical-align: middle; +} +.form-horizontal .radio, +.form-horizontal .checkbox, +.form-horizontal .radio-inline, +.form-horizontal .checkbox-inline { + padding-top: 0; +} +.form-horizontal .radio { + margin-bottom: 10px; +} +.form-horizontal label { + text-align: right; +} +.form-horizontal label.control-label { + margin: 0; +} +body .container .well.well-sm, +body .container-fluid .well.well-sm { + padding: 10px; +} +body .container .well.well-lg, +body .container-fluid .well.well-lg { + padding: 26px; +} +body .container .well, +body .container-fluid .well, +body .container .jumbotron, +body .container-fluid .jumbotron { + background-color: #fff; + padding: 19px; + margin-bottom: 20px; + -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); + box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); + border-radius: 2px; + border: 0; +} +body .container .well p, +body .container-fluid .well p, +body .container .jumbotron p, +body .container-fluid .jumbotron p { + font-weight: 300; +} +body .container .well, +body .container-fluid .well, +body .container .jumbotron, +body .container-fluid .jumbotron, +body .container .well-default, +body .container-fluid .well-default, +body .container .jumbotron-default, +body .container-fluid .jumbotron-default { + background-color: #ffffff; +} +body .container .well-inverse, +body .container-fluid .well-inverse, +body .container .jumbotron-inverse, +body .container-fluid .jumbotron-inverse { + background-color: #3f51b5; +} +body .container .well-primary, +body .container-fluid .well-primary, +body .container .jumbotron-primary, +body .container-fluid .jumbotron-primary { + background-color: #009688; +} +body .container .well-success, +body .container-fluid .well-success, +body .container .jumbotron-success, +body .container-fluid .jumbotron-success { + background-color: #4caf50; +} +body .container .well-info, +body .container-fluid .well-info, +body .container .jumbotron-info, +body .container-fluid .jumbotron-info { + background-color: #03a9f4; +} +body .container .well-warning, +body .container-fluid .well-warning, +body .container .jumbotron-warning, +body .container-fluid .jumbotron-warning { + background-color: #ff5722; +} +body .container .well-danger, +body .container-fluid .well-danger, +body .container .jumbotron-danger, +body .container-fluid .jumbotron-danger { + background-color: #f44336; +} +.btn, +.input-group-btn .btn { + border: none; + border-radius: 2px; + position: relative; + padding: 8px 30px; + margin: 10px 1px; + font-size: 14px; + font-weight: 500; + text-transform: uppercase; + letter-spacing: 0; + will-change: box-shadow, transform; + -webkit-transition: -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1); + -o-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1); + transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1); + outline: 0; + cursor: pointer; + text-decoration: none; + background: transparent; +} +.btn::-moz-focus-inner, +.input-group-btn .btn::-moz-focus-inner { + border: 0; +} +.btn:not(.btn-raised), +.input-group-btn .btn:not(.btn-raised) { + -webkit-box-shadow: none; + box-shadow: none; +} +.btn:not(.btn-raised), +.input-group-btn .btn:not(.btn-raised), +.btn:not(.btn-raised).btn-default, +.input-group-btn .btn:not(.btn-raised).btn-default { + color: rgba(0,0,0, 0.87); +} +.btn:not(.btn-raised).btn-inverse, +.input-group-btn .btn:not(.btn-raised).btn-inverse { + color: #3f51b5; +} +.btn:not(.btn-raised).btn-primary, +.input-group-btn .btn:not(.btn-raised).btn-primary { + color: #009688; +} +.btn:not(.btn-raised).btn-success, +.input-group-btn .btn:not(.btn-raised).btn-success { + color: #4caf50; +} +.btn:not(.btn-raised).btn-info, +.input-group-btn .btn:not(.btn-raised).btn-info { + color: #03a9f4; +} +.btn:not(.btn-raised).btn-warning, +.input-group-btn .btn:not(.btn-raised).btn-warning { + color: #ff5722; +} +.btn:not(.btn-raised).btn-danger, +.input-group-btn .btn:not(.btn-raised).btn-danger { + color: #f44336; +} +.btn:not(.btn-raised):not(.btn-link):hover, +.input-group-btn .btn:not(.btn-raised):not(.btn-link):hover, +.btn:not(.btn-raised):not(.btn-link):focus, +.input-group-btn .btn:not(.btn-raised):not(.btn-link):focus { + background-color: rgba(153, 153, 153, 0.2); +} +.theme-dark .btn:not(.btn-raised):not(.btn-link):hover, +.theme-dark .input-group-btn .btn:not(.btn-raised):not(.btn-link):hover, +.theme-dark .btn:not(.btn-raised):not(.btn-link):focus, +.theme-dark .input-group-btn .btn:not(.btn-raised):not(.btn-link):focus { + background-color: rgba(204, 204, 204, 0.15); +} +.btn.btn-raised, +.input-group-btn .btn.btn-raised, +.btn.btn-fab, +.input-group-btn .btn.btn-fab, +.btn-group-raised .btn, +.btn-group-raised .input-group-btn .btn, +.btn.btn-raised.btn-default, +.input-group-btn .btn.btn-raised.btn-default, +.btn.btn-fab.btn-default, +.input-group-btn .btn.btn-fab.btn-default, +.btn-group-raised .btn.btn-default, +.btn-group-raised .input-group-btn .btn.btn-default { + background-color: #EEEEEE; + color: rgba(0,0,0, 0.87); +} +.btn.btn-raised.btn-inverse, +.input-group-btn .btn.btn-raised.btn-inverse, +.btn.btn-fab.btn-inverse, +.input-group-btn .btn.btn-fab.btn-inverse, +.btn-group-raised .btn.btn-inverse, +.btn-group-raised .input-group-btn .btn.btn-inverse { + background-color: #3f51b5; + color: #ffffff; +} +.btn.btn-raised.btn-primary, +.input-group-btn .btn.btn-raised.btn-primary, +.btn.btn-fab.btn-primary, +.input-group-btn .btn.btn-fab.btn-primary, +.btn-group-raised .btn.btn-primary, +.btn-group-raised .input-group-btn .btn.btn-primary { + background-color: #009688; + color: rgba(255,255,255, 0.84); +} +.btn.btn-raised.btn-success, +.input-group-btn .btn.btn-raised.btn-success, +.btn.btn-fab.btn-success, +.input-group-btn .btn.btn-fab.btn-success, +.btn-group-raised .btn.btn-success, +.btn-group-raised .input-group-btn .btn.btn-success { + background-color: #4caf50; + color: rgba(255,255,255, 0.84); +} +.btn.btn-raised.btn-info, +.input-group-btn .btn.btn-raised.btn-info, +.btn.btn-fab.btn-info, +.input-group-btn .btn.btn-fab.btn-info, +.btn-group-raised .btn.btn-info, +.btn-group-raised .input-group-btn .btn.btn-info { + background-color: #03a9f4; + color: rgba(255,255,255, 0.84); +} +.btn.btn-raised.btn-warning, +.input-group-btn .btn.btn-raised.btn-warning, +.btn.btn-fab.btn-warning, +.input-group-btn .btn.btn-fab.btn-warning, +.btn-group-raised .btn.btn-warning, +.btn-group-raised .input-group-btn .btn.btn-warning { + background-color: #ff5722; + color: rgba(255,255,255, 0.84); +} +.btn.btn-raised.btn-danger, +.input-group-btn .btn.btn-raised.btn-danger, +.btn.btn-fab.btn-danger, +.input-group-btn .btn.btn-fab.btn-danger, +.btn-group-raised .btn.btn-danger, +.btn-group-raised .input-group-btn .btn.btn-danger { + background-color: #f44336; + color: rgba(255,255,255, 0.84); +} +.btn.btn-raised:not(.btn-link), +.input-group-btn .btn.btn-raised:not(.btn-link), +.btn-group-raised .btn:not(.btn-link), +.btn-group-raised .input-group-btn .btn:not(.btn-link) { + -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +.btn.btn-raised:not(.btn-link):hover, +.input-group-btn .btn.btn-raised:not(.btn-link):hover, +.btn-group-raised .btn:not(.btn-link):hover, +.btn-group-raised .input-group-btn .btn:not(.btn-link):hover, +.btn.btn-raised:not(.btn-link):focus, +.input-group-btn .btn.btn-raised:not(.btn-link):focus, +.btn-group-raised .btn:not(.btn-link):focus, +.btn-group-raised .input-group-btn .btn:not(.btn-link):focus, +.btn.btn-raised:not(.btn-link).active, +.input-group-btn .btn.btn-raised:not(.btn-link).active, +.btn-group-raised .btn:not(.btn-link).active, +.btn-group-raised .input-group-btn .btn:not(.btn-link).active, +.btn.btn-raised:not(.btn-link):active, +.input-group-btn .btn.btn-raised:not(.btn-link):active, +.btn-group-raised .btn:not(.btn-link):active, +.btn-group-raised .input-group-btn .btn:not(.btn-link):active { + outline: 0; +} +.btn.btn-raised:not(.btn-link):hover, +.input-group-btn .btn.btn-raised:not(.btn-link):hover, +.btn-group-raised .btn:not(.btn-link):hover, +.btn-group-raised .input-group-btn .btn:not(.btn-link):hover, +.btn.btn-raised:not(.btn-link):focus, +.input-group-btn .btn.btn-raised:not(.btn-link):focus, +.btn-group-raised .btn:not(.btn-link):focus, +.btn-group-raised .input-group-btn .btn:not(.btn-link):focus, +.btn.btn-raised:not(.btn-link).active, +.input-group-btn .btn.btn-raised:not(.btn-link).active, +.btn-group-raised .btn:not(.btn-link).active, +.btn-group-raised .input-group-btn .btn:not(.btn-link).active, +.btn.btn-raised:not(.btn-link):active, +.input-group-btn .btn.btn-raised:not(.btn-link):active, +.btn-group-raised .btn:not(.btn-link):active, +.btn-group-raised .input-group-btn .btn:not(.btn-link):active, +.btn.btn-raised:not(.btn-link):hover.btn-default, +.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-default, +.btn-group-raised .btn:not(.btn-link):hover.btn-default, +.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-default, +.btn.btn-raised:not(.btn-link):focus.btn-default, +.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-default, +.btn-group-raised .btn:not(.btn-link):focus.btn-default, +.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-default, +.btn.btn-raised:not(.btn-link).active.btn-default, +.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-default, +.btn-group-raised .btn:not(.btn-link).active.btn-default, +.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-default, +.btn.btn-raised:not(.btn-link):active.btn-default, +.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-default, +.btn-group-raised .btn:not(.btn-link):active.btn-default, +.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-default { + background-color: #e4e4e4; +} +.btn.btn-raised:not(.btn-link):hover.btn-inverse, +.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-inverse, +.btn-group-raised .btn:not(.btn-link):hover.btn-inverse, +.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-inverse, +.btn.btn-raised:not(.btn-link):focus.btn-inverse, +.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-inverse, +.btn-group-raised .btn:not(.btn-link):focus.btn-inverse, +.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-inverse, +.btn.btn-raised:not(.btn-link).active.btn-inverse, +.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-inverse, +.btn-group-raised .btn:not(.btn-link).active.btn-inverse, +.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-inverse, +.btn.btn-raised:not(.btn-link):active.btn-inverse, +.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-inverse, +.btn-group-raised .btn:not(.btn-link):active.btn-inverse, +.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-inverse { + background-color: #495bc0; +} +.btn.btn-raised:not(.btn-link):hover.btn-primary, +.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-primary, +.btn-group-raised .btn:not(.btn-link):hover.btn-primary, +.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-primary, +.btn.btn-raised:not(.btn-link):focus.btn-primary, +.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-primary, +.btn-group-raised .btn:not(.btn-link):focus.btn-primary, +.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-primary, +.btn.btn-raised:not(.btn-link).active.btn-primary, +.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-primary, +.btn-group-raised .btn:not(.btn-link).active.btn-primary, +.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-primary, +.btn.btn-raised:not(.btn-link):active.btn-primary, +.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-primary, +.btn-group-raised .btn:not(.btn-link):active.btn-primary, +.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-primary { + background-color: #00aa9a; +} +.btn.btn-raised:not(.btn-link):hover.btn-success, +.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-success, +.btn-group-raised .btn:not(.btn-link):hover.btn-success, +.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-success, +.btn.btn-raised:not(.btn-link):focus.btn-success, +.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-success, +.btn-group-raised .btn:not(.btn-link):focus.btn-success, +.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-success, +.btn.btn-raised:not(.btn-link).active.btn-success, +.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-success, +.btn-group-raised .btn:not(.btn-link).active.btn-success, +.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-success, +.btn.btn-raised:not(.btn-link):active.btn-success, +.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-success, +.btn-group-raised .btn:not(.btn-link):active.btn-success, +.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-success { + background-color: #59b75c; +} +.btn.btn-raised:not(.btn-link):hover.btn-info, +.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-info, +.btn-group-raised .btn:not(.btn-link):hover.btn-info, +.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-info, +.btn.btn-raised:not(.btn-link):focus.btn-info, +.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-info, +.btn-group-raised .btn:not(.btn-link):focus.btn-info, +.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-info, +.btn.btn-raised:not(.btn-link).active.btn-info, +.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-info, +.btn-group-raised .btn:not(.btn-link).active.btn-info, +.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-info, +.btn.btn-raised:not(.btn-link):active.btn-info, +.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-info, +.btn-group-raised .btn:not(.btn-link):active.btn-info, +.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-info { + background-color: #0fb2fc; +} +.btn.btn-raised:not(.btn-link):hover.btn-warning, +.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-warning, +.btn-group-raised .btn:not(.btn-link):hover.btn-warning, +.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-warning, +.btn.btn-raised:not(.btn-link):focus.btn-warning, +.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-warning, +.btn-group-raised .btn:not(.btn-link):focus.btn-warning, +.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-warning, +.btn.btn-raised:not(.btn-link).active.btn-warning, +.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-warning, +.btn-group-raised .btn:not(.btn-link).active.btn-warning, +.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-warning, +.btn.btn-raised:not(.btn-link):active.btn-warning, +.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-warning, +.btn-group-raised .btn:not(.btn-link):active.btn-warning, +.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-warning { + background-color: #ff6736; +} +.btn.btn-raised:not(.btn-link):hover.btn-danger, +.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-danger, +.btn-group-raised .btn:not(.btn-link):hover.btn-danger, +.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-danger, +.btn.btn-raised:not(.btn-link):focus.btn-danger, +.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-danger, +.btn-group-raised .btn:not(.btn-link):focus.btn-danger, +.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-danger, +.btn.btn-raised:not(.btn-link).active.btn-danger, +.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-danger, +.btn-group-raised .btn:not(.btn-link).active.btn-danger, +.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-danger, +.btn.btn-raised:not(.btn-link):active.btn-danger, +.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-danger, +.btn-group-raised .btn:not(.btn-link):active.btn-danger, +.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-danger { + background-color: #f55549; +} +.btn.btn-raised:not(.btn-link).active, +.input-group-btn .btn.btn-raised:not(.btn-link).active, +.btn-group-raised .btn:not(.btn-link).active, +.btn-group-raised .input-group-btn .btn:not(.btn-link).active, +.btn.btn-raised:not(.btn-link):active, +.input-group-btn .btn.btn-raised:not(.btn-link):active, +.btn-group-raised .btn:not(.btn-link):active, +.btn-group-raised .input-group-btn .btn:not(.btn-link):active, +.btn.btn-raised:not(.btn-link).active:hover, +.input-group-btn .btn.btn-raised:not(.btn-link).active:hover, +.btn-group-raised .btn:not(.btn-link).active:hover, +.btn-group-raised .input-group-btn .btn:not(.btn-link).active:hover, +.btn.btn-raised:not(.btn-link):active:hover, +.input-group-btn .btn.btn-raised:not(.btn-link):active:hover, +.btn-group-raised .btn:not(.btn-link):active:hover, +.btn-group-raised .input-group-btn .btn:not(.btn-link):active:hover { + -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); + box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); +} +.btn.btn-raised:not(.btn-link):focus, +.input-group-btn .btn.btn-raised:not(.btn-link):focus, +.btn-group-raised .btn:not(.btn-link):focus, +.btn-group-raised .input-group-btn .btn:not(.btn-link):focus, +.btn.btn-raised:not(.btn-link):focus.active, +.input-group-btn .btn.btn-raised:not(.btn-link):focus.active, +.btn-group-raised .btn:not(.btn-link):focus.active, +.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.active, +.btn.btn-raised:not(.btn-link):focus:active, +.input-group-btn .btn.btn-raised:not(.btn-link):focus:active, +.btn-group-raised .btn:not(.btn-link):focus:active, +.btn-group-raised .input-group-btn .btn:not(.btn-link):focus:active, +.btn.btn-raised:not(.btn-link):focus:hover, +.input-group-btn .btn.btn-raised:not(.btn-link):focus:hover, +.btn-group-raised .btn:not(.btn-link):focus:hover, +.btn-group-raised .input-group-btn .btn:not(.btn-link):focus:hover, +.btn.btn-raised:not(.btn-link):focus.active:hover, +.input-group-btn .btn.btn-raised:not(.btn-link):focus.active:hover, +.btn-group-raised .btn:not(.btn-link):focus.active:hover, +.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.active:hover, +.btn.btn-raised:not(.btn-link):focus:active:hover, +.input-group-btn .btn.btn-raised:not(.btn-link):focus:active:hover, +.btn-group-raised .btn:not(.btn-link):focus:active:hover, +.btn-group-raised .input-group-btn .btn:not(.btn-link):focus:active:hover { + -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36); + box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36); +} +.btn.btn-fab, +.input-group-btn .btn.btn-fab { + border-radius: 50%; + font-size: 24px; + height: 56px; + margin: auto; + min-width: 56px; + width: 56px; + padding: 0; + overflow: hidden; + -webkit-box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24); + position: relative; + line-height: normal; +} +.btn.btn-fab .ripple-container, +.input-group-btn .btn.btn-fab .ripple-container { + border-radius: 50%; +} +.btn.btn-fab.btn-fab-mini, +.input-group-btn .btn.btn-fab.btn-fab-mini, +.btn-group-sm .btn.btn-fab, +.btn-group-sm .input-group-btn .btn.btn-fab { + height: 40px; + min-width: 40px; + width: 40px; +} +.btn.btn-fab.btn-fab-mini.material-icons, +.input-group-btn .btn.btn-fab.btn-fab-mini.material-icons, +.btn-group-sm .btn.btn-fab.material-icons, +.btn-group-sm .input-group-btn .btn.btn-fab.material-icons { + top: 0px; + left: 0px; +} +.btn.btn-fab i.material-icons, +.input-group-btn .btn.btn-fab i.material-icons { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-12px, -12px); + -ms-transform: translate(-12px, -12px); + -o-transform: translate(-12px, -12px); + transform: translate(-12px, -12px); + line-height: 24px; + width: 24px; +} +.btn i.material-icons, +.input-group-btn .btn i.material-icons { + vertical-align: middle; +} +.btn.btn-lg, +.input-group-btn .btn.btn-lg, +.btn-group-lg .btn, +.btn-group-lg .input-group-btn .btn { + font-size: 16px; +} +.btn.btn-sm, +.input-group-btn .btn.btn-sm, +.btn-group-sm .btn, +.btn-group-sm .input-group-btn .btn { + padding: 5px 20px; + font-size: 12px; +} +.btn.btn-xs, +.input-group-btn .btn.btn-xs, +.btn-group-xs .btn, +.btn-group-xs .input-group-btn .btn { + padding: 4px 15px; + font-size: 10px; +} +fieldset[disabled][disabled] .btn, +fieldset[disabled][disabled] .input-group-btn .btn, +fieldset[disabled][disabled] .btn-group, +fieldset[disabled][disabled] .btn-group-vertical, +.btn.disabled, +.input-group-btn .btn.disabled, +.btn-group.disabled, +.btn-group-vertical.disabled, +.btn:disabled, +.input-group-btn .btn:disabled, +.btn-group:disabled, +.btn-group-vertical:disabled, +.btn[disabled][disabled], +.input-group-btn .btn[disabled][disabled], +.btn-group[disabled][disabled], +.btn-group-vertical[disabled][disabled] { + color: rgba(0, 0, 0, 0.26); + background: transparent; +} +.theme-dark fieldset[disabled][disabled] .btn, +.theme-dark fieldset[disabled][disabled] .input-group-btn .btn, +.theme-dark fieldset[disabled][disabled] .btn-group, +.theme-dark fieldset[disabled][disabled] .btn-group-vertical, +.theme-dark .btn.disabled, +.theme-dark .input-group-btn .btn.disabled, +.theme-dark .btn-group.disabled, +.theme-dark .btn-group-vertical.disabled, +.theme-dark .btn:disabled, +.theme-dark .input-group-btn .btn:disabled, +.theme-dark .btn-group:disabled, +.theme-dark .btn-group-vertical:disabled, +.theme-dark .btn[disabled][disabled], +.theme-dark .input-group-btn .btn[disabled][disabled], +.theme-dark .btn-group[disabled][disabled], +.theme-dark .btn-group-vertical[disabled][disabled] { + color: rgba(255, 255, 255, 0.3); +} +fieldset[disabled][disabled] .btn.btn-raised, +fieldset[disabled][disabled] .input-group-btn .btn.btn-raised, +fieldset[disabled][disabled] .btn-group.btn-raised, +fieldset[disabled][disabled] .btn-group-vertical.btn-raised, +.btn.disabled.btn-raised, +.input-group-btn .btn.disabled.btn-raised, +.btn-group.disabled.btn-raised, +.btn-group-vertical.disabled.btn-raised, +.btn:disabled.btn-raised, +.input-group-btn .btn:disabled.btn-raised, +.btn-group:disabled.btn-raised, +.btn-group-vertical:disabled.btn-raised, +.btn[disabled][disabled].btn-raised, +.input-group-btn .btn[disabled][disabled].btn-raised, +.btn-group[disabled][disabled].btn-raised, +.btn-group-vertical[disabled][disabled].btn-raised, +fieldset[disabled][disabled] .btn.btn-group-raised, +fieldset[disabled][disabled] .input-group-btn .btn.btn-group-raised, +fieldset[disabled][disabled] .btn-group.btn-group-raised, +fieldset[disabled][disabled] .btn-group-vertical.btn-group-raised, +.btn.disabled.btn-group-raised, +.input-group-btn .btn.disabled.btn-group-raised, +.btn-group.disabled.btn-group-raised, +.btn-group-vertical.disabled.btn-group-raised, +.btn:disabled.btn-group-raised, +.input-group-btn .btn:disabled.btn-group-raised, +.btn-group:disabled.btn-group-raised, +.btn-group-vertical:disabled.btn-group-raised, +.btn[disabled][disabled].btn-group-raised, +.input-group-btn .btn[disabled][disabled].btn-group-raised, +.btn-group[disabled][disabled].btn-group-raised, +.btn-group-vertical[disabled][disabled].btn-group-raised, +fieldset[disabled][disabled] .btn.btn-raised.active, +fieldset[disabled][disabled] .input-group-btn .btn.btn-raised.active, +fieldset[disabled][disabled] .btn-group.btn-raised.active, +fieldset[disabled][disabled] .btn-group-vertical.btn-raised.active, +.btn.disabled.btn-raised.active, +.input-group-btn .btn.disabled.btn-raised.active, +.btn-group.disabled.btn-raised.active, +.btn-group-vertical.disabled.btn-raised.active, +.btn:disabled.btn-raised.active, +.input-group-btn .btn:disabled.btn-raised.active, +.btn-group:disabled.btn-raised.active, +.btn-group-vertical:disabled.btn-raised.active, +.btn[disabled][disabled].btn-raised.active, +.input-group-btn .btn[disabled][disabled].btn-raised.active, +.btn-group[disabled][disabled].btn-raised.active, +.btn-group-vertical[disabled][disabled].btn-raised.active, +fieldset[disabled][disabled] .btn.btn-group-raised.active, +fieldset[disabled][disabled] .input-group-btn .btn.btn-group-raised.active, +fieldset[disabled][disabled] .btn-group.btn-group-raised.active, +fieldset[disabled][disabled] .btn-group-vertical.btn-group-raised.active, +.btn.disabled.btn-group-raised.active, +.input-group-btn .btn.disabled.btn-group-raised.active, +.btn-group.disabled.btn-group-raised.active, +.btn-group-vertical.disabled.btn-group-raised.active, +.btn:disabled.btn-group-raised.active, +.input-group-btn .btn:disabled.btn-group-raised.active, +.btn-group:disabled.btn-group-raised.active, +.btn-group-vertical:disabled.btn-group-raised.active, +.btn[disabled][disabled].btn-group-raised.active, +.input-group-btn .btn[disabled][disabled].btn-group-raised.active, +.btn-group[disabled][disabled].btn-group-raised.active, +.btn-group-vertical[disabled][disabled].btn-group-raised.active, +fieldset[disabled][disabled] .btn.btn-raised:active, +fieldset[disabled][disabled] .input-group-btn .btn.btn-raised:active, +fieldset[disabled][disabled] .btn-group.btn-raised:active, +fieldset[disabled][disabled] .btn-group-vertical.btn-raised:active, +.btn.disabled.btn-raised:active, +.input-group-btn .btn.disabled.btn-raised:active, +.btn-group.disabled.btn-raised:active, +.btn-group-vertical.disabled.btn-raised:active, +.btn:disabled.btn-raised:active, +.input-group-btn .btn:disabled.btn-raised:active, +.btn-group:disabled.btn-raised:active, +.btn-group-vertical:disabled.btn-raised:active, +.btn[disabled][disabled].btn-raised:active, +.input-group-btn .btn[disabled][disabled].btn-raised:active, +.btn-group[disabled][disabled].btn-raised:active, +.btn-group-vertical[disabled][disabled].btn-raised:active, +fieldset[disabled][disabled] .btn.btn-group-raised:active, +fieldset[disabled][disabled] .input-group-btn .btn.btn-group-raised:active, +fieldset[disabled][disabled] .btn-group.btn-group-raised:active, +fieldset[disabled][disabled] .btn-group-vertical.btn-group-raised:active, +.btn.disabled.btn-group-raised:active, +.input-group-btn .btn.disabled.btn-group-raised:active, +.btn-group.disabled.btn-group-raised:active, +.btn-group-vertical.disabled.btn-group-raised:active, +.btn:disabled.btn-group-raised:active, +.input-group-btn .btn:disabled.btn-group-raised:active, +.btn-group:disabled.btn-group-raised:active, +.btn-group-vertical:disabled.btn-group-raised:active, +.btn[disabled][disabled].btn-group-raised:active, +.input-group-btn .btn[disabled][disabled].btn-group-raised:active, +.btn-group[disabled][disabled].btn-group-raised:active, +.btn-group-vertical[disabled][disabled].btn-group-raised:active, +fieldset[disabled][disabled] .btn.btn-raised:focus:not(:active), +fieldset[disabled][disabled] .input-group-btn .btn.btn-raised:focus:not(:active), +fieldset[disabled][disabled] .btn-group.btn-raised:focus:not(:active), +fieldset[disabled][disabled] .btn-group-vertical.btn-raised:focus:not(:active), +.btn.disabled.btn-raised:focus:not(:active), +.input-group-btn .btn.disabled.btn-raised:focus:not(:active), +.btn-group.disabled.btn-raised:focus:not(:active), +.btn-group-vertical.disabled.btn-raised:focus:not(:active), +.btn:disabled.btn-raised:focus:not(:active), +.input-group-btn .btn:disabled.btn-raised:focus:not(:active), +.btn-group:disabled.btn-raised:focus:not(:active), +.btn-group-vertical:disabled.btn-raised:focus:not(:active), +.btn[disabled][disabled].btn-raised:focus:not(:active), +.input-group-btn .btn[disabled][disabled].btn-raised:focus:not(:active), +.btn-group[disabled][disabled].btn-raised:focus:not(:active), +.btn-group-vertical[disabled][disabled].btn-raised:focus:not(:active), +fieldset[disabled][disabled] .btn.btn-group-raised:focus:not(:active), +fieldset[disabled][disabled] .input-group-btn .btn.btn-group-raised:focus:not(:active), +fieldset[disabled][disabled] .btn-group.btn-group-raised:focus:not(:active), +fieldset[disabled][disabled] .btn-group-vertical.btn-group-raised:focus:not(:active), +.btn.disabled.btn-group-raised:focus:not(:active), +.input-group-btn .btn.disabled.btn-group-raised:focus:not(:active), +.btn-group.disabled.btn-group-raised:focus:not(:active), +.btn-group-vertical.disabled.btn-group-raised:focus:not(:active), +.btn:disabled.btn-group-raised:focus:not(:active), +.input-group-btn .btn:disabled.btn-group-raised:focus:not(:active), +.btn-group:disabled.btn-group-raised:focus:not(:active), +.btn-group-vertical:disabled.btn-group-raised:focus:not(:active), +.btn[disabled][disabled].btn-group-raised:focus:not(:active), +.input-group-btn .btn[disabled][disabled].btn-group-raised:focus:not(:active), +.btn-group[disabled][disabled].btn-group-raised:focus:not(:active), +.btn-group-vertical[disabled][disabled].btn-group-raised:focus:not(:active) { + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-group, +.btn-group-vertical { + position: relative; + margin: 10px 1px; +} +.btn-group.open > .dropdown-toggle.btn, +.btn-group-vertical.open > .dropdown-toggle.btn, +.btn-group.open > .dropdown-toggle.btn.btn-default, +.btn-group-vertical.open > .dropdown-toggle.btn.btn-default { + background-color: #EEEEEE; +} +.btn-group.open > .dropdown-toggle.btn.btn-inverse, +.btn-group-vertical.open > .dropdown-toggle.btn.btn-inverse { + background-color: #3f51b5; +} +.btn-group.open > .dropdown-toggle.btn.btn-primary, +.btn-group-vertical.open > .dropdown-toggle.btn.btn-primary { + background-color: #009688; +} +.btn-group.open > .dropdown-toggle.btn.btn-success, +.btn-group-vertical.open > .dropdown-toggle.btn.btn-success { + background-color: #4caf50; +} +.btn-group.open > .dropdown-toggle.btn.btn-info, +.btn-group-vertical.open > .dropdown-toggle.btn.btn-info { + background-color: #03a9f4; +} +.btn-group.open > .dropdown-toggle.btn.btn-warning, +.btn-group-vertical.open > .dropdown-toggle.btn.btn-warning { + background-color: #ff5722; +} +.btn-group.open > .dropdown-toggle.btn.btn-danger, +.btn-group-vertical.open > .dropdown-toggle.btn.btn-danger { + background-color: #f44336; +} +.btn-group .dropdown-menu, +.btn-group-vertical .dropdown-menu { + border-radius: 0 0 2px 2px; +} +.btn-group.btn-group-raised, +.btn-group-vertical.btn-group-raised { + -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +.btn-group .btn + .btn, +.btn-group-vertical .btn + .btn, +.btn-group .btn, +.btn-group-vertical .btn, +.btn-group .btn:active, +.btn-group-vertical .btn:active, +.btn-group .btn-group, +.btn-group-vertical .btn-group { + margin: 0; +} +.checkbox label, +label.checkbox-inline { + cursor: pointer; + padding-left: 0; + color: rgba(0,0,0, 0.26); +} +.form-group.is-focused .checkbox label, +.form-group.is-focused label.checkbox-inline { + color: rgba(0,0,0, 0.26); +} +.form-group.is-focused .checkbox label:hover, +.form-group.is-focused label.checkbox-inline:hover, +.form-group.is-focused .checkbox label:focus, +.form-group.is-focused label.checkbox-inline:focus { + color: rgba(0,0,0, .54); +} +fieldset[disabled] .form-group.is-focused .checkbox label, +fieldset[disabled] .form-group.is-focused label.checkbox-inline { + color: rgba(0,0,0, 0.26); +} +.checkbox input[type=checkbox], +label.checkbox-inline input[type=checkbox] { + opacity: 0; + position: absolute; + margin: 0; + z-index: -1; + width: 0; + height: 0; + overflow: hidden; + left: 0; + pointer-events: none; +} +.checkbox .checkbox-material, +label.checkbox-inline .checkbox-material { + vertical-align: middle; + position: relative; + top: 3px; +} +.checkbox .checkbox-material:before, +label.checkbox-inline .checkbox-material:before { + display: block; + position: absolute; + top: -5px; + left: 0; + content: ""; + background-color: rgba(0, 0, 0, 0.84); + height: 20px; + width: 20px; + border-radius: 100%; + z-index: 1; + opacity: 0; + margin: 0; + -webkit-transform: scale3d(2.3, 2.3, 1); + transform: scale3d(2.3, 2.3, 1); +} +.checkbox .checkbox-material .check, +label.checkbox-inline .checkbox-material .check { + position: relative; + display: inline-block; + width: 20px; + height: 20px; + border: 2px solid rgba(0,0,0, .54); + border-radius: 2px; + overflow: hidden; + z-index: 1; +} +.checkbox .checkbox-material .check:before, +label.checkbox-inline .checkbox-material .check:before { + position: absolute; + content: ""; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); + display: block; + margin-top: -4px; + margin-left: 6px; + width: 0; + height: 0; + -webkit-box-shadow: 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0 inset; + box-shadow: 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0 inset; +} +.checkbox input[type=checkbox]:focus + .checkbox-material .check:after, +label.checkbox-inline input[type=checkbox]:focus + .checkbox-material .check:after { + opacity: 0.2; +} +.checkbox input[type=checkbox]:focus:checked + .checkbox-material:before, +label.checkbox-inline input[type=checkbox]:focus:checked + .checkbox-material:before { + -webkit-animation: rippleOn 500ms; + -o-animation: rippleOn 500ms; + animation: rippleOn 500ms; +} +.checkbox input[type=checkbox]:focus:checked + .checkbox-material .check:before, +label.checkbox-inline input[type=checkbox]:focus:checked + .checkbox-material .check:before { + -webkit-animation: checkbox-on 0.3s forwards; + -o-animation: checkbox-on 0.3s forwards; + animation: checkbox-on 0.3s forwards; +} +.checkbox input[type=checkbox]:focus:checked + .checkbox-material .check:after, +label.checkbox-inline input[type=checkbox]:focus:checked + .checkbox-material .check:after { + -webkit-animation: rippleOn 500ms forwards; + -o-animation: rippleOn 500ms forwards; + animation: rippleOn 500ms forwards; +} +.checkbox input[type=checkbox]:focus:not(:checked) + .checkbox-material:before, +label.checkbox-inline input[type=checkbox]:focus:not(:checked) + .checkbox-material:before { + -webkit-animation: rippleOff 500ms; + -o-animation: rippleOff 500ms; + animation: rippleOff 500ms; +} +.checkbox input[type=checkbox]:focus:not(:checked) + .checkbox-material .check:before, +label.checkbox-inline input[type=checkbox]:focus:not(:checked) + .checkbox-material .check:before { + -webkit-animation: checkbox-off 0.3s forwards; + -o-animation: checkbox-off 0.3s forwards; + animation: checkbox-off 0.3s forwards; +} +.checkbox input[type=checkbox]:focus:not(:checked) + .checkbox-material .check:after, +label.checkbox-inline input[type=checkbox]:focus:not(:checked) + .checkbox-material .check:after { + -webkit-animation: rippleOff 500ms forwards; + -o-animation: rippleOff 500ms forwards; + animation: rippleOff 500ms forwards; +} +.checkbox input[type=checkbox]:checked + .checkbox-material .check, +label.checkbox-inline input[type=checkbox]:checked + .checkbox-material .check { + color: #009688; + border-color: #009688; +} +.checkbox input[type=checkbox]:checked + .checkbox-material .check:before, +label.checkbox-inline input[type=checkbox]:checked + .checkbox-material .check:before { + color: #009688; + -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; +} +fieldset[disabled] .checkbox, +fieldset[disabled] label.checkbox-inline, +fieldset[disabled] .checkbox input[type=checkbox], +fieldset[disabled] label.checkbox-inline input[type=checkbox], +.checkbox input[type=checkbox][disabled]:not(:checked) ~ .checkbox-material .check:before, +label.checkbox-inline input[type=checkbox][disabled]:not(:checked) ~ .checkbox-material .check:before, +.checkbox input[type=checkbox][disabled]:not(:checked) ~ .checkbox-material .check, +label.checkbox-inline input[type=checkbox][disabled]:not(:checked) ~ .checkbox-material .check, +.checkbox input[type=checkbox][disabled] + .circle, +label.checkbox-inline input[type=checkbox][disabled] + .circle { + opacity: 0.5; +} +.checkbox input[type=checkbox][disabled] + .checkbox-material .check:after, +label.checkbox-inline input[type=checkbox][disabled] + .checkbox-material .check:after { + background-color: rgba(0,0,0, 0.87); + -webkit-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} +@-webkit-keyframes checkbox-on { + 0% { + -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px; + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px; + } + 50% { + -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px; + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px; + } + 100% { + -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; + } +} +@-o-keyframes checkbox-on { + 0% { + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px; + } + 50% { + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px; + } + 100% { + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; + } +} +@keyframes checkbox-on { + 0% { + -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px; + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px; + } + 50% { + -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px; + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px; + } + 100% { + -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; + } +} +@-webkit-keyframes checkbox-off { + 0% { + -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset; + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset; + } + 25% { + -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset; + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset; + } + 50% { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + margin-top: -4px; + margin-left: 6px; + width: 0; + height: 0; + -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset; + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset; + } + 51% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + margin-top: -2px; + margin-left: -2px; + width: 20px; + height: 20px; + -webkit-box-shadow: 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0px 0 0 10px inset; + box-shadow: 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0px 0 0 10px inset; + } + 100% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + margin-top: -2px; + margin-left: -2px; + width: 20px; + height: 20px; + -webkit-box-shadow: 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0px 0 0 0 inset; + box-shadow: 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0px 0 0 0 inset; + } +} +@-o-keyframes checkbox-off { + 0% { + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset; + } + 25% { + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset; + } + 50% { + -o-transform: rotate(45deg); + transform: rotate(45deg); + margin-top: -4px; + margin-left: 6px; + width: 0; + height: 0; + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset; + } + 51% { + -o-transform: rotate(0deg); + transform: rotate(0deg); + margin-top: -2px; + margin-left: -2px; + width: 20px; + height: 20px; + box-shadow: 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0px 0 0 10px inset; + } + 100% { + -o-transform: rotate(0deg); + transform: rotate(0deg); + margin-top: -2px; + margin-left: -2px; + width: 20px; + height: 20px; + box-shadow: 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0px 0 0 0 inset; + } +} +@keyframes checkbox-off { + 0% { + -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset; + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset; + } + 25% { + -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset; + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset; + } + 50% { + -webkit-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); + margin-top: -4px; + margin-left: 6px; + width: 0; + height: 0; + -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset; + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset; + } + 51% { + -webkit-transform: rotate(0deg); + -o-transform: rotate(0deg); + transform: rotate(0deg); + margin-top: -2px; + margin-left: -2px; + width: 20px; + height: 20px; + -webkit-box-shadow: 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0px 0 0 10px inset; + box-shadow: 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0px 0 0 10px inset; + } + 100% { + -webkit-transform: rotate(0deg); + -o-transform: rotate(0deg); + transform: rotate(0deg); + margin-top: -2px; + margin-left: -2px; + width: 20px; + height: 20px; + -webkit-box-shadow: 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0px 0 0 0 inset; + box-shadow: 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0 0 0 0, + 0px 0 0 0 inset; + } +} +@-webkit-keyframes rippleOn { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +@-o-keyframes rippleOn { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +@keyframes rippleOn { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +@-webkit-keyframes rippleOff { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +@-o-keyframes rippleOff { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +@keyframes rippleOff { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +.togglebutton { + vertical-align: middle; +} +.togglebutton, +.togglebutton label, +.togglebutton input, +.togglebutton .toggle { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.togglebutton label { + cursor: pointer; + color: rgba(0,0,0, 0.26); +} +.form-group.is-focused .togglebutton label { + color: rgba(0,0,0, 0.26); +} +.form-group.is-focused .togglebutton label:hover, +.form-group.is-focused .togglebutton label:focus { + color: rgba(0,0,0, .54); +} +fieldset[disabled] .form-group.is-focused .togglebutton label { + color: rgba(0,0,0, 0.26); +} +.togglebutton label input[type=checkbox] { + opacity: 0; + width: 0; + height: 0; +} +.togglebutton label .toggle { + text-align: left; +} +.togglebutton label .toggle, +.togglebutton label input[type=checkbox][disabled] + .toggle { + content: ""; + display: inline-block; + width: 30px; + height: 15px; + background-color: rgba(80, 80, 80, 0.7); + border-radius: 15px; + margin-right: 15px; + -webkit-transition: background 0.3s ease; + -o-transition: background 0.3s ease; + transition: background 0.3s ease; + vertical-align: middle; +} +.togglebutton label .toggle:after { + content: ""; + display: inline-block; + width: 20px; + height: 20px; + background-color: #F1F1F1; + border-radius: 20px; + position: relative; + -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4); + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4); + left: -5px; + top: -2px; + -webkit-transition: left 0.3s ease, background 0.3s ease, -webkit-box-shadow 0.1s ease; + -o-transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease; + transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease; +} +.togglebutton label input[type=checkbox][disabled] + .toggle:after, +.togglebutton label input[type=checkbox][disabled]:checked + .toggle:after { + background-color: #BDBDBD; +} +.togglebutton label input[type=checkbox] + .toggle:active:after, +.togglebutton label input[type=checkbox][disabled] + .toggle:active:after { + -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1); +} +.togglebutton label input[type=checkbox]:checked + .toggle:after { + left: 15px; +} +.togglebutton label input[type=checkbox]:checked + .toggle { + background-color: rgba(0, 150, 136, 0.5); +} +.togglebutton label input[type=checkbox]:checked + .toggle:after { + background-color: #009688; +} +.togglebutton label input[type=checkbox]:checked + .toggle:active:after { + -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 150, 136, 0.1); + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 150, 136, 0.1); +} +.radio label, +label.radio-inline { + cursor: pointer; + padding-left: 45px; + position: relative; + color: rgba(0,0,0, 0.26); +} +.form-group.is-focused .radio label, +.form-group.is-focused label.radio-inline { + color: rgba(0,0,0, 0.26); +} +.form-group.is-focused .radio label:hover, +.form-group.is-focused label.radio-inline:hover, +.form-group.is-focused .radio label:focus, +.form-group.is-focused label.radio-inline:focus { + color: rgba(0,0,0, .54); +} +fieldset[disabled] .form-group.is-focused .radio label, +fieldset[disabled] .form-group.is-focused label.radio-inline { + color: rgba(0,0,0, 0.26); +} +.radio span, +label.radio-inline span { + display: block; + position: absolute; + left: 10px; + top: 2px; + -webkit-transition-duration: 0.2s; + -o-transition-duration: 0.2s; + transition-duration: 0.2s; +} +.radio .circle, +label.radio-inline .circle { + border: 2px solid rgba(0,0,0, .54); + height: 15px; + width: 15px; + border-radius: 100%; +} +.radio .check, +label.radio-inline .check { + height: 15px; + width: 15px; + border-radius: 100%; + background-color: #009688; + -webkit-transform: scale3d(0, 0, 0); + transform: scale3d(0, 0, 0); +} +.radio .check:after, +label.radio-inline .check:after { + display: block; + position: absolute; + content: ""; + background-color: rgba(0,0,0, 0.87); + left: -18px; + top: -18px; + height: 50px; + width: 50px; + border-radius: 100%; + z-index: 1; + opacity: 0; + margin: 0; + -webkit-transform: scale3d(1.5, 1.5, 1); + transform: scale3d(1.5, 1.5, 1); +} +.radio input[type=radio]:focus:not(:checked) ~ .check:after, +label.radio-inline input[type=radio]:focus:not(:checked) ~ .check:after { + -webkit-animation: rippleOff 500ms; + -o-animation: rippleOff 500ms; + animation: rippleOff 500ms; +} +.radio input[type=radio]:focus:checked ~ .check:after, +label.radio-inline input[type=radio]:focus:checked ~ .check:after { + -webkit-animation: rippleOn 500ms; + -o-animation: rippleOn 500ms; + animation: rippleOn 500ms; +} +.radio input[type=radio], +label.radio-inline input[type=radio] { + opacity: 0; + height: 0; + width: 0; + overflow: hidden; +} +.radio input[type=radio]:checked ~ .check, +label.radio-inline input[type=radio]:checked ~ .check, +.radio input[type=radio]:checked ~ .circle, +label.radio-inline input[type=radio]:checked ~ .circle { + opacity: 1; +} +.radio input[type=radio]:checked ~ .check, +label.radio-inline input[type=radio]:checked ~ .check { + background-color: #009688; +} +.radio input[type=radio]:checked ~ .circle, +label.radio-inline input[type=radio]:checked ~ .circle { + border-color: #009688; +} +.radio input[type=radio]:checked ~ .check, +label.radio-inline input[type=radio]:checked ~ .check { + -webkit-transform: scale3d(0.55, 0.55, 1); + transform: scale3d(0.55, 0.55, 1); +} +.radio input[type=radio][disabled] ~ .check, +label.radio-inline input[type=radio][disabled] ~ .check, +.radio input[type=radio][disabled] ~ .circle, +label.radio-inline input[type=radio][disabled] ~ .circle { + opacity: 0.26; +} +.radio input[type=radio][disabled] ~ .check, +label.radio-inline input[type=radio][disabled] ~ .check { + background-color: #000000; +} +.radio input[type=radio][disabled] ~ .circle, +label.radio-inline input[type=radio][disabled] ~ .circle { + border-color: #000000; +} +.theme-dark .radio input[type=radio][disabled] ~ .check, +.theme-dark label.radio-inline input[type=radio][disabled] ~ .check, +.theme-dark .radio input[type=radio][disabled] ~ .circle, +.theme-dark label.radio-inline input[type=radio][disabled] ~ .circle { + opacity: 0.3; +} +.theme-dark .radio input[type=radio][disabled] ~ .check, +.theme-dark label.radio-inline input[type=radio][disabled] ~ .check { + background-color: #ffffff; +} +.theme-dark .radio input[type=radio][disabled] ~ .circle, +.theme-dark label.radio-inline input[type=radio][disabled] ~ .circle { + border-color: #ffffff; +} +@keyframes rippleOn { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +@keyframes rippleOff { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +legend { + margin-bottom: 22px; + font-size: 24px; +} +output { + padding-top: 8px; + font-size: 16px; + line-height: 1.42857143; +} +.form-control { + height: 38px; + padding: 7px 0; + font-size: 16px; + line-height: 1.42857143; +} +@media screen and (-webkit-min-device-pixel-ratio: 0) { + input[type="date"].form-control, + input[type="time"].form-control, + input[type="datetime-local"].form-control, + input[type="month"].form-control { + line-height: 38px; + } + input[type="date"].input-sm, + input[type="time"].input-sm, + input[type="datetime-local"].input-sm, + input[type="month"].input-sm, + .input-group-sm input[type="date"], + .input-group-sm input[type="time"], + .input-group-sm input[type="datetime-local"], + .input-group-sm input[type="month"] { + line-height: 24px; + } + input[type="date"].input-lg, + input[type="time"].input-lg, + input[type="datetime-local"].input-lg, + input[type="month"].input-lg, + .input-group-lg input[type="date"], + .input-group-lg input[type="time"], + .input-group-lg input[type="datetime-local"], + .input-group-lg input[type="month"] { + line-height: 44px; + } +} +.radio label, +.checkbox label { + min-height: 22px; +} +.form-control-static { + padding-top: 8px; + padding-bottom: 8px; + min-height: 38px; +} +.input-sm .input-sm { + height: 24px; + padding: 3px 0; + font-size: 11px; + line-height: 1.5; + border-radius: 0; +} +.input-sm select.input-sm { + height: 24px; + line-height: 24px; +} +.input-sm textarea.input-sm, +.input-sm select[multiple].input-sm { + height: auto; +} +.form-group-sm .form-control { + height: 24px; + padding: 3px 0; + font-size: 11px; + line-height: 1.5; +} +.form-group-sm select.form-control { + height: 24px; + line-height: 24px; +} +.form-group-sm textarea.form-control, +.form-group-sm select[multiple].form-control { + height: auto; +} +.form-group-sm .form-control-static { + height: 24px; + min-height: 33px; + padding: 4px 0; + font-size: 11px; + line-height: 1.5; +} +.input-lg .input-lg { + height: 44px; + padding: 9px 0; + font-size: 18px; + line-height: 1.3333333; + border-radius: 0; +} +.input-lg select.input-lg { + height: 44px; + line-height: 44px; +} +.input-lg textarea.input-lg, +.input-lg select[multiple].input-lg { + height: auto; +} +.form-group-lg .form-control { + height: 44px; + padding: 9px 0; + font-size: 18px; + line-height: 1.3333333; +} +.form-group-lg select.form-control { + height: 44px; + line-height: 44px; +} +.form-group-lg textarea.form-control, +.form-group-lg select[multiple].form-control { + height: auto; +} +.form-group-lg .form-control-static { + height: 44px; + min-height: 40px; + padding: 10px 0; + font-size: 18px; + line-height: 1.3333333; +} +.form-horizontal .radio, +.form-horizontal .checkbox, +.form-horizontal .radio-inline, +.form-horizontal .checkbox-inline { + padding-top: 8px; +} +.form-horizontal .radio, +.form-horizontal .checkbox { + min-height: 30px; +} +@media (min-width: 768px) { + .form-horizontal .control-label { + padding-top: 8px; + } +} +@media (min-width: 768px) { + .form-horizontal .form-group-lg .control-label { + padding-top: 12.9999997px; + font-size: 18px; + } +} +@media (min-width: 768px) { + .form-horizontal .form-group-sm .control-label { + padding-top: 4px; + font-size: 11px; + } +} +.label { + border-radius: 1px; + padding: .3em .6em; +} +.label, +.label.label-default { + background-color: #9e9e9e; +} +.label.label-inverse { + background-color: #3f51b5; +} +.label.label-primary { + background-color: #009688; +} +.label.label-success { + background-color: #4caf50; +} +.label.label-info { + background-color: #03a9f4; +} +.label.label-warning { + background-color: #ff5722; +} +.label.label-danger { + background-color: #f44336; +} +.form-control, +.form-group .form-control { + border: 0; + background-image: -webkit-gradient(linear, left top, left bottom, from(#009688), to(#009688)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2)); + background-image: -webkit-linear-gradient(#009688, #009688), -webkit-linear-gradient(#D2D2D2, #D2D2D2); + background-image: -o-linear-gradient(#009688, #009688), -o-linear-gradient(#D2D2D2, #D2D2D2); + background-image: linear-gradient(#009688, #009688), linear-gradient(#D2D2D2, #D2D2D2); + -webkit-background-size: 0 2px, 100% 1px; + background-size: 0 2px, 100% 1px; + background-repeat: no-repeat; + background-position: center bottom, center -webkit-calc(100% - 1px); + background-position: center bottom, center calc(100% - 1px); + background-color: rgba(0, 0, 0, 0); + -webkit-transition: background 0s ease-out; + -o-transition: background 0s ease-out; + transition: background 0s ease-out; + float: none; + -webkit-box-shadow: none; + box-shadow: none; + border-radius: 0; +} +.form-control::-moz-placeholder, +.form-group .form-control::-moz-placeholder { + color: #BDBDBD; + font-weight: 400; +} +.form-control:-ms-input-placeholder, +.form-group .form-control:-ms-input-placeholder { + color: #BDBDBD; + font-weight: 400; +} +.form-control::-webkit-input-placeholder, +.form-group .form-control::-webkit-input-placeholder { + color: #BDBDBD; + font-weight: 400; +} +.form-control[readonly], +.form-group .form-control[readonly], +.form-control[disabled], +.form-group .form-control[disabled], +fieldset[disabled] .form-control, +fieldset[disabled] .form-group .form-control { + background-color: rgba(0, 0, 0, 0); +} +.form-control[disabled], +.form-group .form-control[disabled], +fieldset[disabled] .form-control, +fieldset[disabled] .form-group .form-control { + background-image: none; + border-bottom: 1px dotted #D2D2D2; +} +.form-group { + position: relative; +} +.form-group.label-static label.control-label, +.form-group.label-placeholder label.control-label, +.form-group.label-floating label.control-label { + position: absolute; + pointer-events: none; + -webkit-transition: 0.3s ease all; + -o-transition: 0.3s ease all; + transition: 0.3s ease all; +} +.form-group.label-floating label.control-label { + will-change: left, top, contents; +} +.form-group.label-placeholder:not(.is-empty) label.control-label { + display: none; +} +.form-group .help-block { + position: absolute; + display: none; +} +.form-group.is-focused .form-control { + outline: none; + background-image: -webkit-gradient(linear, left top, left bottom, from(#009688), to(#009688)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2)); + background-image: -webkit-linear-gradient(#009688, #009688), -webkit-linear-gradient(#D2D2D2, #D2D2D2); + background-image: -o-linear-gradient(#009688, #009688), -o-linear-gradient(#D2D2D2, #D2D2D2); + background-image: linear-gradient(#009688, #009688), linear-gradient(#D2D2D2, #D2D2D2); + -webkit-background-size: 100% 2px, 100% 1px; + background-size: 100% 2px, 100% 1px; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-transition-duration: 0.3s; + -o-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.form-group.is-focused .form-control .material-input:after { + background-color: #009688; +} +.form-group.is-focused label, +.form-group.is-focused label.control-label { + color: #009688; +} +.form-group.is-focused.label-placeholder label, +.form-group.is-focused.label-placeholder label.control-label { + color: #BDBDBD; +} +.form-group.is-focused .help-block { + display: block; +} +.form-group.has-warning .form-control { + -webkit-box-shadow: none; + box-shadow: none; +} +.form-group.has-warning.is-focused .form-control { + background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5722), to(#ff5722)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2)); + background-image: -webkit-linear-gradient(#ff5722, #ff5722), -webkit-linear-gradient(#D2D2D2, #D2D2D2); + background-image: -o-linear-gradient(#ff5722, #ff5722), -o-linear-gradient(#D2D2D2, #D2D2D2); + background-image: linear-gradient(#ff5722, #ff5722), linear-gradient(#D2D2D2, #D2D2D2); +} +.form-group.has-warning label.control-label, +.form-group.has-warning .help-block { + color: #ff5722; +} +.form-group.has-error .form-control { + -webkit-box-shadow: none; + box-shadow: none; +} +.form-group.has-error.is-focused .form-control { + background-image: -webkit-gradient(linear, left top, left bottom, from(#f44336), to(#f44336)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2)); + background-image: -webkit-linear-gradient(#f44336, #f44336), -webkit-linear-gradient(#D2D2D2, #D2D2D2); + background-image: -o-linear-gradient(#f44336, #f44336), -o-linear-gradient(#D2D2D2, #D2D2D2); + background-image: linear-gradient(#f44336, #f44336), linear-gradient(#D2D2D2, #D2D2D2); +} +.form-group.has-error label.control-label, +.form-group.has-error .help-block { + color: #f44336; +} +.form-group.has-success .form-control { + -webkit-box-shadow: none; + box-shadow: none; +} +.form-group.has-success.is-focused .form-control { + background-image: -webkit-gradient(linear, left top, left bottom, from(#4caf50), to(#4caf50)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2)); + background-image: -webkit-linear-gradient(#4caf50, #4caf50), -webkit-linear-gradient(#D2D2D2, #D2D2D2); + background-image: -o-linear-gradient(#4caf50, #4caf50), -o-linear-gradient(#D2D2D2, #D2D2D2); + background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#D2D2D2, #D2D2D2); +} +.form-group.has-success label.control-label, +.form-group.has-success .help-block { + color: #4caf50; +} +.form-group.has-info .form-control { + -webkit-box-shadow: none; + box-shadow: none; +} +.form-group.has-info.is-focused .form-control { + background-image: -webkit-gradient(linear, left top, left bottom, from(#03a9f4), to(#03a9f4)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2)); + background-image: -webkit-linear-gradient(#03a9f4, #03a9f4), -webkit-linear-gradient(#D2D2D2, #D2D2D2); + background-image: -o-linear-gradient(#03a9f4, #03a9f4), -o-linear-gradient(#D2D2D2, #D2D2D2); + background-image: linear-gradient(#03a9f4, #03a9f4), linear-gradient(#D2D2D2, #D2D2D2); +} +.form-group.has-info label.control-label, +.form-group.has-info .help-block { + color: #03a9f4; +} +.form-group textarea { + resize: none; +} +.form-group textarea ~ .form-control-highlight { + margin-top: -11px; +} +.form-group select { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} +.form-group select ~ .material-input:after { + display: none; +} +.form-control { + margin-bottom: 7px; +} +.form-control::-moz-placeholder { + font-size: 16px; + line-height: 1.42857143; + color: #BDBDBD; + font-weight: 400; +} +.form-control:-ms-input-placeholder { + font-size: 16px; + line-height: 1.42857143; + color: #BDBDBD; + font-weight: 400; +} +.form-control::-webkit-input-placeholder { + font-size: 16px; + line-height: 1.42857143; + color: #BDBDBD; + font-weight: 400; +} +.checkbox label, +.radio label, +label { + font-size: 16px; + line-height: 1.42857143; + color: #BDBDBD; + font-weight: 400; +} +label.control-label { + font-size: 12px; + line-height: 1.07142857; + font-weight: 400; + margin: 16px 0 0 0; +} +.help-block { + margin-top: 0; + font-size: 12px; +} +.form-group { + padding-bottom: 7px; + margin: 28px 0 0 0; +} +.form-group .form-control { + margin-bottom: 7px; +} +.form-group .form-control::-moz-placeholder { + font-size: 16px; + line-height: 1.42857143; + color: #BDBDBD; + font-weight: 400; +} +.form-group .form-control:-ms-input-placeholder { + font-size: 16px; + line-height: 1.42857143; + color: #BDBDBD; + font-weight: 400; +} +.form-group .form-control::-webkit-input-placeholder { + font-size: 16px; + line-height: 1.42857143; + color: #BDBDBD; + font-weight: 400; +} +.form-group .checkbox label, +.form-group .radio label, +.form-group label { + font-size: 16px; + line-height: 1.42857143; + color: #BDBDBD; + font-weight: 400; +} +.form-group label.control-label { + font-size: 12px; + line-height: 1.07142857; + font-weight: 400; + margin: 16px 0 0 0; +} +.form-group .help-block { + margin-top: 0; + font-size: 12px; +} +.form-group.label-floating label.control-label, +.form-group.label-placeholder label.control-label { + top: -7px; + font-size: 16px; + line-height: 1.42857143; +} +.form-group.label-static label.control-label, +.form-group.label-floating.is-focused label.control-label, +.form-group.label-floating:not(.is-empty) label.control-label { + top: -30px; + left: 0; + font-size: 12px; + line-height: 1.07142857; +} +.form-group.label-floating input.form-control:-webkit-autofill ~ label.control-label label.control-label { + top: -30px; + left: 0; + font-size: 12px; + line-height: 1.07142857; +} +.form-group.form-group-sm { + padding-bottom: 3px; + margin: 21px 0 0 0; +} +.form-group.form-group-sm .form-control { + margin-bottom: 3px; +} +.form-group.form-group-sm .form-control::-moz-placeholder { + font-size: 11px; + line-height: 1.5; + color: #BDBDBD; + font-weight: 400; +} +.form-group.form-group-sm .form-control:-ms-input-placeholder { + font-size: 11px; + line-height: 1.5; + color: #BDBDBD; + font-weight: 400; +} +.form-group.form-group-sm .form-control::-webkit-input-placeholder { + font-size: 11px; + line-height: 1.5; + color: #BDBDBD; + font-weight: 400; +} +.form-group.form-group-sm .checkbox label, +.form-group.form-group-sm .radio label, +.form-group.form-group-sm label { + font-size: 11px; + line-height: 1.5; + color: #BDBDBD; + font-weight: 400; +} +.form-group.form-group-sm label.control-label { + font-size: 9px; + line-height: 1.125; + font-weight: 400; + margin: 16px 0 0 0; +} +.form-group.form-group-sm .help-block { + margin-top: 0; + font-size: 9px; +} +.form-group.form-group-sm.label-floating label.control-label, +.form-group.form-group-sm.label-placeholder label.control-label { + top: -11px; + font-size: 11px; + line-height: 1.5; +} +.form-group.form-group-sm.label-static label.control-label, +.form-group.form-group-sm.label-floating.is-focused label.control-label, +.form-group.form-group-sm.label-floating:not(.is-empty) label.control-label { + top: -25px; + left: 0; + font-size: 9px; + line-height: 1.125; +} +.form-group.form-group-sm.label-floating input.form-control:-webkit-autofill ~ label.control-label label.control-label { + top: -25px; + left: 0; + font-size: 9px; + line-height: 1.125; +} +.form-group.form-group-lg { + padding-bottom: 9px; + margin: 30px 0 0 0; +} +.form-group.form-group-lg .form-control { + margin-bottom: 9px; +} +.form-group.form-group-lg .form-control::-moz-placeholder { + font-size: 18px; + line-height: 1.3333333; + color: #BDBDBD; + font-weight: 400; +} +.form-group.form-group-lg .form-control:-ms-input-placeholder { + font-size: 18px; + line-height: 1.3333333; + color: #BDBDBD; + font-weight: 400; +} +.form-group.form-group-lg .form-control::-webkit-input-placeholder { + font-size: 18px; + line-height: 1.3333333; + color: #BDBDBD; + font-weight: 400; +} +.form-group.form-group-lg .checkbox label, +.form-group.form-group-lg .radio label, +.form-group.form-group-lg label { + font-size: 18px; + line-height: 1.3333333; + color: #BDBDBD; + font-weight: 400; +} +.form-group.form-group-lg label.control-label { + font-size: 14px; + line-height: 0.99999998; + font-weight: 400; + margin: 16px 0 0 0; +} +.form-group.form-group-lg .help-block { + margin-top: 0; + font-size: 14px; +} +.form-group.form-group-lg.label-floating label.control-label, +.form-group.form-group-lg.label-placeholder label.control-label { + top: -5px; + font-size: 18px; + line-height: 1.3333333; +} +.form-group.form-group-lg.label-static label.control-label, +.form-group.form-group-lg.label-floating.is-focused label.control-label, +.form-group.form-group-lg.label-floating:not(.is-empty) label.control-label { + top: -32px; + left: 0; + font-size: 14px; + line-height: 0.99999998; +} +.form-group.form-group-lg.label-floating input.form-control:-webkit-autofill ~ label.control-label label.control-label { + top: -32px; + left: 0; + font-size: 14px; + line-height: 0.99999998; +} +select.form-control { + border: 0; + -webkit-box-shadow: none; + box-shadow: none; + border-radius: 0; +} +.form-group.is-focused select.form-control { + -webkit-box-shadow: none; + box-shadow: none; + border-color: #D2D2D2; +} +select.form-control[multiple], +.form-group.is-focused select.form-control[multiple] { + height: 85px; +} +.input-group-btn .btn { + margin: 0 0 7px 0; +} +.form-group.form-group-sm .input-group-btn .btn { + margin: 0 0 3px 0; +} +.form-group.form-group-lg .input-group-btn .btn { + margin: 0 0 9px 0; +} +.input-group .input-group-btn { + padding: 0 12px; +} +.input-group .input-group-addon { + border: 0; + background: transparent; +} +.form-group 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; +} +.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.baseline { + border-bottom: 1px solid #cecece; +} +.list-group .list-group-item.baseline:last-child { + border-bottom: none; +} +.list-group .list-group-item .row-picture, +.list-group .list-group-item .row-action-primary { + display: inline-block; + padding-right: 16px; +} +.list-group .list-group-item .row-picture img, +.list-group .list-group-item .row-action-primary img, +.list-group .list-group-item .row-picture i, +.list-group .list-group-item .row-action-primary i, +.list-group .list-group-item .row-picture label, +.list-group .list-group-item .row-action-primary label { + display: block; + width: 56px; + height: 56px; +} +.list-group .list-group-item .row-picture img, +.list-group .list-group-item .row-action-primary img { + background: rgba(0, 0, 0, 0.1); + padding: 1px; +} +.list-group .list-group-item .row-picture img.circle, +.list-group .list-group-item .row-action-primary img.circle { + border-radius: 100%; +} +.list-group .list-group-item .row-picture i, +.list-group .list-group-item .row-action-primary i { + background: rgba(0, 0, 0, 0.25); + border-radius: 100%; + text-align: center; + line-height: 56px; + font-size: 20px; + color: white; +} +.list-group .list-group-item .row-picture label, +.list-group .list-group-item .row-action-primary label { + margin-left: 7px; + margin-right: -7px; + margin-top: 5px; + margin-bottom: -5px; +} +.list-group .list-group-item .row-picture label .checkbox-material, +.list-group .list-group-item .row-action-primary label .checkbox-material { + left: -10px; +} +.list-group .list-group-item .row-content { + display: inline-block; + width: -webkit-calc(100% - 92px); + width: calc(100% - 92px); + min-height: 66px; +} +.list-group .list-group-item .row-content .action-secondary { + position: absolute; + right: 16px; + top: 16px; +} +.list-group .list-group-item .row-content .action-secondary i { + font-size: 20px; + color: rgba(0, 0, 0, 0.25); + cursor: pointer; +} +.list-group .list-group-item .row-content .action-secondary ~ * { + max-width: -webkit-calc(100% - 30px); + 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, 0.54); + font-size: 14px; +} +.list-group .list-group-item .list-group-item-heading { + color: rgba(0, 0, 0, 0.77); + font-size: 20px; + line-height: 29px; +} +.list-group .list-group-item.active:hover, +.list-group .list-group-item.active:focus { + background: rgba(0, 0, 0, 0.15); + outline: 10px solid rgba(0, 0, 0, 0.15); +} +.list-group .list-group-item.active .list-group-item-heading, +.list-group .list-group-item.active .list-group-item-text { + color: rgba(0,0,0, 0.87); +} +.list-group .list-group-separator { + clear: both; + overflow: hidden; + margin-top: 10px; + margin-bottom: 10px; +} +.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; +} +.navbar { + background-color: #009688; + border: 0; + border-radius: 0; +} +.navbar .navbar-brand { + position: relative; + height: 60px; + line-height: 30px; + color: inherit; +} +.navbar .navbar-brand:hover, +.navbar .navbar-brand:focus { + color: inherit; + background-color: transparent; +} +.navbar .navbar-text { + color: inherit; + margin-top: 20px; + margin-bottom: 20px; +} +.navbar .navbar-nav > li > a { + color: inherit; + padding-top: 20px; + padding-bottom: 20px; +} +.navbar .navbar-nav > li > a:hover, +.navbar .navbar-nav > li > a:focus { + color: inherit; + background-color: transparent; +} +.navbar .navbar-nav > .active > a, +.navbar .navbar-nav > .active > a:hover, +.navbar .navbar-nav > .active > a:focus { + color: inherit; + background-color: rgba(255, 255, 255, 0.1); +} +.navbar .navbar-nav > .disabled > a, +.navbar .navbar-nav > .disabled > a:hover, +.navbar .navbar-nav > .disabled > a:focus { + color: inherit; + background-color: transparent; + opacity: 0.9; +} +.navbar .navbar-toggle { + border: 0; +} +.navbar .navbar-toggle:hover, +.navbar .navbar-toggle:focus { + background-color: transparent; +} +.navbar .navbar-toggle .icon-bar { + background-color: inherit; + border: 1px solid; +} +.navbar .navbar-default .navbar-toggle, +.navbar .navbar-inverse .navbar-toggle { + border-color: transparent; +} +.navbar .navbar-collapse, +.navbar .navbar-form { + border-color: rgba(0, 0, 0, 0.1); +} +.navbar .navbar-nav > .open > a, +.navbar .navbar-nav > .open > a:hover, +.navbar .navbar-nav > .open > a:focus { + background-color: transparent; + color: inherit; +} +@media (max-width: 767px) { + .navbar .navbar-nav .navbar-text { + color: inherit; + margin-top: 15px; + margin-bottom: 15px; + } + .navbar .navbar-nav .open .dropdown-menu > .dropdown-header { + border: 0; + color: inherit; + } + .navbar .navbar-nav .open .dropdown-menu .divider { + border-bottom: 1px solid; + opacity: 0.08; + } + .navbar .navbar-nav .open .dropdown-menu > li > a { + color: inherit; + } + .navbar .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar .navbar-nav .open .dropdown-menu > li > a:focus { + color: inherit; + background-color: transparent; + } + .navbar .navbar-nav .open .dropdown-menu > .active > a, + .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar .navbar-nav .open .dropdown-menu > .active > a:focus { + color: inherit; + background-color: transparent; + } + .navbar .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: inherit; + background-color: transparent; + } +} +.navbar .navbar-link { + color: inherit; +} +.navbar .navbar-link:hover { + color: inherit; +} +.navbar .btn-link { + color: inherit; +} +.navbar .btn-link:hover, +.navbar .btn-link:focus { + color: inherit; +} +.navbar .btn-link[disabled]:hover, +fieldset[disabled] .navbar .btn-link:hover, +.navbar .btn-link[disabled]:focus, +fieldset[disabled] .navbar .btn-link:focus { + color: inherit; +} +.navbar .navbar-form { + margin-top: 16px; +} +.navbar .navbar-form .form-group { + margin: 0; + padding: 0; +} +.navbar .navbar-form .form-group .material-input:before, +.navbar .navbar-form .form-group.is-focused .material-input:after { + background-color: inherit; +} +.navbar .navbar-form .form-group .form-control, +.navbar .navbar-form .form-control { + border-color: inherit; + color: inherit; + padding: 0; + margin: 0; + height: 28px; + font-size: 14px; + line-height: 1.42857143; +} +.navbar, +.navbar.navbar-default { + background-color: #009688; + color: rgba(255,255,255, 0.84); +} +.navbar .navbar-form .form-group input.form-control::-moz-placeholder, +.navbar.navbar-default .navbar-form .form-group input.form-control::-moz-placeholder, +.navbar .navbar-form input.form-control::-moz-placeholder, +.navbar.navbar-default .navbar-form input.form-control::-moz-placeholder { + color: rgba(255,255,255, 0.84); +} +.navbar .navbar-form .form-group input.form-control:-ms-input-placeholder, +.navbar.navbar-default .navbar-form .form-group input.form-control:-ms-input-placeholder, +.navbar .navbar-form input.form-control:-ms-input-placeholder, +.navbar.navbar-default .navbar-form input.form-control:-ms-input-placeholder { + color: rgba(255,255,255, 0.84); +} +.navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder, +.navbar.navbar-default .navbar-form .form-group input.form-control::-webkit-input-placeholder, +.navbar .navbar-form input.form-control::-webkit-input-placeholder, +.navbar.navbar-default .navbar-form input.form-control::-webkit-input-placeholder { + color: rgba(255,255,255, 0.84); +} +.navbar .dropdown-menu, +.navbar.navbar-default .dropdown-menu { + border-radius: 2px; +} +.navbar .dropdown-menu li > a, +.navbar.navbar-default .dropdown-menu li > a { + font-size: 16px; + padding: 13px 16px; +} +.navbar .dropdown-menu li > a:hover, +.navbar.navbar-default .dropdown-menu li > a:hover, +.navbar .dropdown-menu li > a:focus, +.navbar.navbar-default .dropdown-menu li > a:focus { + color: #009688; + background-color: #eeeeee; +} +.navbar .dropdown-menu .active > a, +.navbar.navbar-default .dropdown-menu .active > a { + background-color: #009688; + color: rgba(255,255,255, 0.84); +} +.navbar .dropdown-menu .active > a:hover, +.navbar.navbar-default .dropdown-menu .active > a:hover, +.navbar .dropdown-menu .active > a:focus, +.navbar.navbar-default .dropdown-menu .active > a:focus { + color: rgba(255,255,255, 0.84); +} +.navbar.navbar-inverse { + background-color: #3f51b5; + color: #ffffff; +} +.navbar.navbar-inverse .navbar-form .form-group input.form-control::-moz-placeholder, +.navbar.navbar-inverse .navbar-form input.form-control::-moz-placeholder { + color: #ffffff; +} +.navbar.navbar-inverse .navbar-form .form-group input.form-control:-ms-input-placeholder, +.navbar.navbar-inverse .navbar-form input.form-control:-ms-input-placeholder { + color: #ffffff; +} +.navbar.navbar-inverse .navbar-form .form-group input.form-control::-webkit-input-placeholder, +.navbar.navbar-inverse .navbar-form input.form-control::-webkit-input-placeholder { + color: #ffffff; +} +.navbar.navbar-inverse .dropdown-menu { + border-radius: 2px; +} +.navbar.navbar-inverse .dropdown-menu li > a { + font-size: 16px; + padding: 13px 16px; +} +.navbar.navbar-inverse .dropdown-menu li > a:hover, +.navbar.navbar-inverse .dropdown-menu li > a:focus { + color: #3f51b5; + background-color: #eeeeee; +} +.navbar.navbar-inverse .dropdown-menu .active > a { + background-color: #3f51b5; + color: #ffffff; +} +.navbar.navbar-inverse .dropdown-menu .active > a:hover, +.navbar.navbar-inverse .dropdown-menu .active > a:focus { + color: #ffffff; +} +.navbar.navbar-primary { + background-color: #009688; + color: rgba(255,255,255, 0.84); +} +.navbar.navbar-primary .navbar-form .form-group input.form-control::-moz-placeholder, +.navbar.navbar-primary .navbar-form input.form-control::-moz-placeholder { + color: rgba(255,255,255, 0.84); +} +.navbar.navbar-primary .navbar-form .form-group input.form-control:-ms-input-placeholder, +.navbar.navbar-primary .navbar-form input.form-control:-ms-input-placeholder { + color: rgba(255,255,255, 0.84); +} +.navbar.navbar-primary .navbar-form .form-group input.form-control::-webkit-input-placeholder, +.navbar.navbar-primary .navbar-form input.form-control::-webkit-input-placeholder { + color: rgba(255,255,255, 0.84); +} +.navbar.navbar-primary .dropdown-menu { + border-radius: 2px; +} +.navbar.navbar-primary .dropdown-menu li > a { + font-size: 16px; + padding: 13px 16px; +} +.navbar.navbar-primary .dropdown-menu li > a:hover, +.navbar.navbar-primary .dropdown-menu li > a:focus { + color: #009688; + background-color: #eeeeee; +} +.navbar.navbar-primary .dropdown-menu .active > a { + background-color: #009688; + color: rgba(255,255,255, 0.84); +} +.navbar.navbar-primary .dropdown-menu .active > a:hover, +.navbar.navbar-primary .dropdown-menu .active > a:focus { + color: rgba(255,255,255, 0.84); +} +.navbar.navbar-success { + background-color: #4caf50; + color: rgba(255,255,255, 0.84); +} +.navbar.navbar-success .navbar-form .form-group input.form-control::-moz-placeholder, +.navbar.navbar-success .navbar-form input.form-control::-moz-placeholder { + color: rgba(255,255,255, 0.84); +} +.navbar.navbar-success .navbar-form .form-group input.form-control:-ms-input-placeholder, +.navbar.navbar-success .navbar-form input.form-control:-ms-input-placeholder { + color: rgba(255,255,255, 0.84); +} +.navbar.navbar-success .navbar-form .form-group input.form-control::-webkit-input-placeholder, +.navbar.navbar-success .navbar-form input.form-control::-webkit-input-placeholder { + color: rgba(255,255,255, 0.84); +} +.navbar.navbar-success .dropdown-menu { + border-radius: 2px; +} +.navbar.navbar-success .dropdown-menu li > a { + font-size: 16px; + padding: 13px 16px; +} +.navbar.navbar-success .dropdown-menu li > a:hover, +.navbar.navbar-success .dropdown-menu li > a:focus { + color: #4caf50; + background-color: #eeeeee; +} +.navbar.navbar-success .dropdown-menu .active > a { + background-color: #4caf50; + color: rgba(255,255,255, 0.84); +} +.navbar.navbar-success .dropdown-menu .active > a:hover, +.navbar.navbar-success .dropdown-menu .active > a:focus { + color: rgba(255,255,255, 0.84); +} +.navbar.navbar-info { + background-color: #03a9f4; + color: rgba(255,255,255, 0.84); +} +.navbar.navbar-info .navbar-form .form-group input.form-control::-moz-placeholder, +.navbar.navbar-info .navbar-form input.form-control::-moz-placeholder { + color: rgba(255,255,255, 0.84); +} +.navbar.navbar-info .navbar-form .form-group input.form-control:-ms-input-placeholder, +.navbar.navbar-info .navbar-form input.form-control:-ms-input-placeholder { + color: rgba(255,255,255, 0.84); +} +.navbar.navbar-info .navbar-form .form-group input.form-control::-webkit-input-placeholder, +.navbar.navbar-info .navbar-form input.form-control::-webkit-input-placeholder { + color: rgba(255,255,255, 0.84); +} +.navbar.navbar-info .dropdown-menu { + border-radius: 2px; +} +.navbar.navbar-info .dropdown-menu li > a { + font-size: 16px; + padding: 13px 16px; +} +.navbar.navbar-info .dropdown-menu li > a:hover, +.navbar.navbar-info .dropdown-menu li > a:focus { + color: #03a9f4; + background-color: #eeeeee; +} +.navbar.navbar-info .dropdown-menu .active > a { + background-color: #03a9f4; + color: rgba(255,255,255, 0.84); +} +.navbar.navbar-info .dropdown-menu .active > a:hover, +.navbar.navbar-info .dropdown-menu .active > a:focus { + color: rgba(255,255,255, 0.84); +} +.navbar.navbar-warning { + background-color: #ff5722; + color: rgba(255,255,255, 0.84); +} +.navbar.navbar-warning .navbar-form .form-group input.form-control::-moz-placeholder, +.navbar.navbar-warning .navbar-form input.form-control::-moz-placeholder { + color: rgba(255,255,255, 0.84); +} +.navbar.navbar-warning .navbar-form .form-group input.form-control:-ms-input-placeholder, +.navbar.navbar-warning .navbar-form input.form-control:-ms-input-placeholder { + color: rgba(255,255,255, 0.84); +} +.navbar.navbar-warning .navbar-form .form-group input.form-control::-webkit-input-placeholder, +.navbar.navbar-warning .navbar-form input.form-control::-webkit-input-placeholder { + color: rgba(255,255,255, 0.84); +} +.navbar.navbar-warning .dropdown-menu { + border-radius: 2px; +} +.navbar.navbar-warning .dropdown-menu li > a { + font-size: 16px; + padding: 13px 16px; +} +.navbar.navbar-warning .dropdown-menu li > a:hover, +.navbar.navbar-warning .dropdown-menu li > a:focus { + color: #ff5722; + background-color: #eeeeee; +} +.navbar.navbar-warning .dropdown-menu .active > a { + background-color: #ff5722; + color: rgba(255,255,255, 0.84); +} +.navbar.navbar-warning .dropdown-menu .active > a:hover, +.navbar.navbar-warning .dropdown-menu .active > a:focus { + color: rgba(255,255,255, 0.84); +} +.navbar.navbar-danger { + background-color: #f44336; + color: rgba(255,255,255, 0.84); +} +.navbar.navbar-danger .navbar-form .form-group input.form-control::-moz-placeholder, +.navbar.navbar-danger .navbar-form input.form-control::-moz-placeholder { + color: rgba(255,255,255, 0.84); +} +.navbar.navbar-danger .navbar-form .form-group input.form-control:-ms-input-placeholder, +.navbar.navbar-danger .navbar-form input.form-control:-ms-input-placeholder { + color: rgba(255,255,255, 0.84); +} +.navbar.navbar-danger .navbar-form .form-group input.form-control::-webkit-input-placeholder, +.navbar.navbar-danger .navbar-form input.form-control::-webkit-input-placeholder { + color: rgba(255,255,255, 0.84); +} +.navbar.navbar-danger .dropdown-menu { + border-radius: 2px; +} +.navbar.navbar-danger .dropdown-menu li > a { + font-size: 16px; + padding: 13px 16px; +} +.navbar.navbar-danger .dropdown-menu li > a:hover, +.navbar.navbar-danger .dropdown-menu li > a:focus { + color: #f44336; + background-color: #eeeeee; +} +.navbar.navbar-danger .dropdown-menu .active > a { + background-color: #f44336; + color: rgba(255,255,255, 0.84); +} +.navbar.navbar-danger .dropdown-menu .active > a:hover, +.navbar.navbar-danger .dropdown-menu .active > a:focus { + color: rgba(255,255,255, 0.84); +} +.navbar-inverse { + background-color: #3f51b5; +} +@media (max-width: 1199px) { + .navbar .navbar-brand { + height: 50px; + padding: 10px 15px; + } + .navbar .navbar-form { + margin-top: 10px; + } + .navbar .navbar-nav > li > a { + padding-top: 15px; + padding-bottom: 15px; + } +} +.dropdown-menu { + border: 0; + -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); +} +.dropdown-menu .divider { + background-color: rgba(0, 0, 0, 0.12); +} +.dropdown-menu li { + overflow: hidden; + position: relative; +} +.dropdown-menu li a:hover { + background-color: transparent; + color: #009688; +} +.alert { + border: 0; + border-radius: 0; +} +.alert, +.alert.alert-default { + background-color: rgba(255,255,255, 0.84); + color: rgba(255,255,255, 0.84); +} +.alert a, +.alert.alert-default a, +.alert .alert-link, +.alert.alert-default .alert-link { + color: rgba(255,255,255, 0.84); +} +.alert.alert-inverse { + background-color: #3f51b5; + color: #ffffff; +} +.alert.alert-inverse a, +.alert.alert-inverse .alert-link { + color: #ffffff; +} +.alert.alert-primary { + background-color: #009688; + color: rgba(255,255,255, 0.84); +} +.alert.alert-primary a, +.alert.alert-primary .alert-link { + color: rgba(255,255,255, 0.84); +} +.alert.alert-success { + background-color: #4caf50; + color: rgba(255,255,255, 0.84); +} +.alert.alert-success a, +.alert.alert-success .alert-link { + color: rgba(255,255,255, 0.84); +} +.alert.alert-info { + background-color: #03a9f4; + color: rgba(255,255,255, 0.84); +} +.alert.alert-info a, +.alert.alert-info .alert-link { + color: rgba(255,255,255, 0.84); +} +.alert.alert-warning { + background-color: #ff5722; + color: rgba(255,255,255, 0.84); +} +.alert.alert-warning a, +.alert.alert-warning .alert-link { + color: rgba(255,255,255, 0.84); +} +.alert.alert-danger { + background-color: #f44336; + color: rgba(255,255,255, 0.84); +} +.alert.alert-danger a, +.alert.alert-danger .alert-link { + color: rgba(255,255,255, 0.84); +} +.alert-info, +.alert-danger, +.alert-warning, +.alert-success { + color: rgba(255,255,255, 0.84); +} +.alert-default a, +.alert-default .alert-link { + color: rgba(0,0,0, 0.87); +} +.progress { + height: 4px; + border-radius: 0; + -webkit-box-shadow: none; + box-shadow: none; + background: #c8c8c8; +} +.progress .progress-bar { + -webkit-box-shadow: none; + box-shadow: none; +} +.progress .progress-bar, +.progress .progress-bar.progress-bar-default { + background-color: #009688; +} +.progress .progress-bar.progress-bar-inverse { + background-color: #3f51b5; +} +.progress .progress-bar.progress-bar-primary { + background-color: #009688; +} +.progress .progress-bar.progress-bar-success { + background-color: #4caf50; +} +.progress .progress-bar.progress-bar-info { + background-color: #03a9f4; +} +.progress .progress-bar.progress-bar-warning { + background-color: #ff5722; +} +.progress .progress-bar.progress-bar-danger { + background-color: #f44336; +} +.text-warning { + color: #ff5722; +} +.text-primary { + color: #009688; +} +.text-danger { + color: #f44336; +} +.text-success { + color: #4caf50; +} +.text-info { + color: #03a9f4; +} +.nav-tabs { + background: #009688; +} +.nav-tabs > li > a { + color: #FFFFFF; + border: 0; + margin: 0; +} +.nav-tabs > li > a:hover { + background-color: transparent; + border: 0; +} +.nav-tabs > li > a, +.nav-tabs > li > a:hover, +.nav-tabs > li > a:focus { + background-color: transparent !important; + border: 0 !important; + color: #FFFFFF !important; + font-weight: 500; +} +.nav-tabs > li.disabled > a, +.nav-tabs > li.disabled > a:hover { + color: rgba(255, 255, 255, 0.5); +} +.popover, +.tooltip-inner { + color: #ececec; + line-height: 1em; + background: rgba(101, 101, 101, 0.9); + border: none; + border-radius: 2px; + -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12); +} +.tooltip, +.tooltip.in { + opacity: 1; +} +.popover .arrow, +.tooltip .arrow, +.popover .tooltip-arrow, +.tooltip .tooltip-arrow { + display: none; +} +.card { + /***** Make height equal to width (http://stackoverflow.com/a/6615994) ****/ + display: inline-block; + position: relative; + width: 100%; + /**************************************************************************/ + border-radius: 2px; + color: rgba(0,0,0, 0.87); + background: #fff; + -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); + box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); +} +.card .card-height-indicator { + margin-top: 100%; +} +.card .card-content { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; +} +.card .card-image { + height: 60%; + position: relative; + overflow: hidden; +} +.card .card-image img { + width: 100%; + height: 100%; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + pointer-events: none; +} +.card .card-image .card-image-headline { + position: absolute; + bottom: 16px; + left: 18px; + color: #fff; + font-size: 2em; +} +.card .card-body { + height: 30%; + padding: 18px; +} +.card .card-footer { + height: 10%; + padding: 18px; +} +.card .card-footer button, +.card .card-footer a { + margin: 0 !important; + position: relative; + bottom: 25px; + width: auto; +} +.card .card-footer button:first-child, +.card .card-footer a:first-child { + left: -15px; +} +.modal-content { + -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); + box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); + border-radius: 2px; + border: none; +} +.modal-content .modal-header { + border-bottom: none; + padding-top: 24px; + padding-right: 24px; + padding-bottom: 0; + padding-left: 24px; +} +.modal-content .modal-body { + padding-top: 24px; + padding-right: 24px; + padding-bottom: 16px; + padding-left: 24px; +} +.modal-content .modal-footer { + border-top: none; + padding: 7px; +} +.modal-content .modal-footer button { + margin: 0; + padding-left: 16px; + padding-right: 16px; + width: auto; +} +.modal-content .modal-footer button.pull-left { + padding-left: 5px; + padding-right: 5px; + position: relative; + left: -5px; +} +.modal-content .modal-footer button + button { + margin-bottom: 16px; +} +.modal-content .modal-body + .modal-footer { + padding-top: 0; +} +.modal-backdrop { + background: rgba(0, 0, 0, 0.3); +} +.panel { + border-radius: 2px; + border: 0; + -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12); +} +.panel > .panel-heading, +.panel.panel-default > .panel-heading { + background-color: #eeeeee; +} +.panel.panel-inverse > .panel-heading { + background-color: #3f51b5; +} +.panel.panel-primary > .panel-heading { + background-color: #009688; +} +.panel.panel-success > .panel-heading { + background-color: #4caf50; +} +.panel.panel-info > .panel-heading { + background-color: #03a9f4; +} +.panel.panel-warning > .panel-heading { + background-color: #ff5722; +} +.panel.panel-danger > .panel-heading { + background-color: #f44336; +} +[class*="panel-"] > .panel-heading { + color: rgba(255,255,255, 0.84); + border: 0; +} +.panel-default > .panel-heading, +.panel:not([class*="panel-"]) > .panel-heading { + color: rgba(0,0,0, 0.87); +} +.panel-footer { + background-color: #eeeeee; +} +hr.on-dark { + color: #1a1a1a; +} +hr.on-light { + color: #ffffff; +} +@media (-webkit-min-device-pixel-ratio: 0.75), (min--moz-device-pixel-ratio: 0.75), (-o-device-pixel-ratio: 3/4), (min-device-pixel-ratio: 0.75), (-o-min-device-pixel-ratio: 3/4), (min-resolution: 0.75dppx), (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5/4), (min-resolution: 120dpi) { + hr { + height: 0.75px; + } +} +@media (-webkit-min-device-pixel-ratio: 1), (min--moz-device-pixel-ratio: 1), (-o-device-pixel-ratio: 1), (min-device-pixel-ratio: 1), (-o-min-device-pixel-ratio: 1/1), (min-resolution: 1dppx), (-webkit-min-device-pixel-ratio: 1.6666666666666667), (-o-min-device-pixel-ratio: 5/3), (min-resolution: 160dpi) { + hr { + height: 1px; + } +} +@media (-webkit-min-device-pixel-ratio: 1.33), (min--moz-device-pixel-ratio: 1.33), (-o-device-pixel-ratio: 133/100), (min-device-pixel-ratio: 1.33), (-o-min-device-pixel-ratio: 133/100), (min-resolution: 1.33dppx), (-webkit-min-device-pixel-ratio: 2.21875), (-o-min-device-pixel-ratio: 71/32), (min-resolution: 213dpi) { + hr { + height: 1.333px; + } +} +@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 2.5), (-o-min-device-pixel-ratio: 5/2), (min-resolution: 240dpi) { + hr { + height: 1.5px; + } +} +@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 3.9583333333333335), (-o-min-device-pixel-ratio: 95/24), (min-resolution: 380dpi) { + hr { + height: 2px; + } +} +@media (-webkit-min-device-pixel-ratio: 3), (min--moz-device-pixel-ratio: 3), (-o-device-pixel-ratio: 3/1), (min-device-pixel-ratio: 3), (-o-min-device-pixel-ratio: 3/1), (min-resolution: 3dppx), (-webkit-min-device-pixel-ratio: 5), (-o-min-device-pixel-ratio: 5/1), (min-resolution: 480dpi) { + hr { + height: 3px; + } +} +@media (-webkit-min-device-pixel-ratio: 4), (min--moz-device-pixel-ratio: 4), (-o-device-pixel-ratio: 4/1), (min-device-pixel-ratio: 3), (-o-min-device-pixel-ratio: 4/1), (min-resolution: 4dppx), (-webkit-min-device-pixel-ratio: 6.666666666666667), (-o-min-device-pixel-ratio: 20/3), (min-resolution: 640dpi) { + hr { + height: 4px; + } +} +* { + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + -webkit-tap-highlight-color: transparent; +} +*:focus { + outline: 0; +} +.snackbar { + background-color: #323232; + color: rgba(255,255,255, 0.84); + font-size: 14px; + border-radius: 2px; + -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12); + height: 0; + -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0s linear 0.2s, padding 0s linear 0.2s, height 0s linear 0.2s; + -o-transition: -o-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0s linear 0.2s, padding 0s linear 0.2s, height 0s linear 0.2s; + transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0s linear 0.2s, padding 0s linear 0.2s, height 0s linear 0.2s; + -webkit-transform: translateY(200%); + -ms-transform: translateY(200%); + -o-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 0s linear 0.2s, height 0s linear 0.2s; + -o-transition: -o-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0s linear 0.2s, height 0s linear 0.2s; + transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0s linear 0.2s, height 0s linear 0.2s; + -webkit-transform: none; + -ms-transform: none; + -o-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; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + 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; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.noUi-stacking .noUi-handle { + z-index: 10; +} +.noUi-state-tap .noUi-origin { + -webkit-transition: left 0.3s, top 0.3s; + -o-transition: left 0.3s, top 0.3s; + transition: left 0.3s, top 0.3s; +} +.noUi-state-drag * { + cursor: inherit !important; +} +.noUi-horizontal { + height: 10px; +} +.noUi-handle { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 12px; + height: 12px; + left: -10px; + top: -5px; + cursor: ew-resize; + border-radius: 100%; + -webkit-transition: all 0.2s ease-out; + -o-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + border: 1px solid; +} +.noUi-vertical .noUi-handle { + margin-left: 5px; + cursor: ns-resize; +} +.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-horizontal { + height: 2px; + margin: 15px 0; +} +.noUi-vertical { + height: 100%; + width: 2px; + margin: 0 15px; + display: inline-block; +} +.noUi-handle.noUi-active { + -webkit-transform: scale3d(2.5, 2.5, 1); + transform: scale3d(2.5, 2.5, 1); +} +[disabled].noUi-slider { + opacity: 0.5; +} +[disabled] .noUi-handle { + cursor: not-allowed; +} +.slider { + background: #c8c8c8; +} +.slider.noUi-connect, +.slider.slider-default.noUi-connect { + background-color: #009688; +} +.slider.slider-inverse.noUi-connect { + background-color: #3f51b5; +} +.slider.slider-primary.noUi-connect { + background-color: #009688; +} +.slider.slider-success.noUi-connect { + background-color: #4caf50; +} +.slider.slider-info.noUi-connect { + background-color: #03a9f4; +} +.slider.slider-warning.noUi-connect { + background-color: #ff5722; +} +.slider.slider-danger.noUi-connect { + background-color: #f44336; +} +.slider .noUi-connect, +.slider.slider-default .noUi-connect { + background-color: #009688; +} +.slider.slider-inverse .noUi-connect { + background-color: #3f51b5; +} +.slider.slider-primary .noUi-connect { + background-color: #009688; +} +.slider.slider-success .noUi-connect { + background-color: #4caf50; +} +.slider.slider-info .noUi-connect { + background-color: #03a9f4; +} +.slider.slider-warning .noUi-connect { + background-color: #ff5722; +} +.slider.slider-danger .noUi-connect { + background-color: #f44336; +} +.slider .noUi-handle, +.slider.slider-default .noUi-handle { + background-color: #009688; +} +.slider.slider-inverse .noUi-handle { + background-color: #3f51b5; +} +.slider.slider-primary .noUi-handle { + background-color: #009688; +} +.slider.slider-success .noUi-handle { + background-color: #4caf50; +} +.slider.slider-info .noUi-handle { + background-color: #03a9f4; +} +.slider.slider-warning .noUi-handle { + background-color: #ff5722; +} +.slider.slider-danger .noUi-handle { + background-color: #f44336; +} +.slider .noUi-handle, +.slider.slider-default .noUi-handle { + border-color: #009688; +} +.slider.slider-inverse .noUi-handle { + border-color: #3f51b5; +} +.slider.slider-primary .noUi-handle { + border-color: #009688; +} +.slider.slider-success .noUi-handle { + border-color: #4caf50; +} +.slider.slider-info .noUi-handle { + border-color: #03a9f4; +} +.slider.slider-warning .noUi-handle { + border-color: #ff5722; +} +.slider.slider-danger .noUi-handle { + border-color: #f44336; +} +.selectize-control.single, +.selectize-control.multi { + padding: 0; +} +.selectize-control.single .selectize-input, +.selectize-control.multi .selectize-input, +.selectize-control.single .selectize-input.input-active, +.selectize-control.multi .selectize-input.input-active { + cursor: text; + background: transparent; + -webkit-box-shadow: none; + box-shadow: none; + border: 0; + padding: 0; + height: 100%; + font-size: 14px; + line-height: 30px; +} +.selectize-control.single .selectize-input .has-items, +.selectize-control.multi .selectize-input .has-items, +.selectize-control.single .selectize-input.input-active .has-items, +.selectize-control.multi .selectize-input.input-active .has-items { + padding: 0; +} +.selectize-control.single .selectize-input:after, +.selectize-control.multi .selectize-input:after, +.selectize-control.single .selectize-input.input-active:after, +.selectize-control.multi .selectize-input.input-active:after { + right: 5px; + position: absolute; + font-size: 25px; + content: "\e5c5"; + font-family: 'Material Icons'; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.selectize-control.single .selectize-input input, +.selectize-control.multi .selectize-input input, +.selectize-control.single .selectize-input.input-active input, +.selectize-control.multi .selectize-input.input-active input { + font-size: 14px; + outline: 0; + border: 0; + background: transparent; +} +.selectize-control.single .selectize-input.label-floating-fix input, +.selectize-control.multi .selectize-input.label-floating-fix input, +.selectize-control.single .selectize-input.input-active.label-floating-fix input, +.selectize-control.multi .selectize-input.input-active.label-floating-fix input { + opacity: 0; +} +.selectize-control.single .selectize-input > div, +.selectize-control.multi .selectize-input > div, +.selectize-control.single .selectize-input.input-active > div, +.selectize-control.multi .selectize-input.input-active > div, +.selectize-control.single .selectize-input > .item, +.selectize-control.multi .selectize-input > .item, +.selectize-control.single .selectize-input.input-active > .item, +.selectize-control.multi .selectize-input.input-active > .item { + display: inline-block; + margin: 0 8px 3px 0; + padding: 0; + background: transparent; + border: 0; +} +.selectize-control.single .selectize-input > div:after, +.selectize-control.multi .selectize-input > div:after, +.selectize-control.single .selectize-input.input-active > div:after, +.selectize-control.multi .selectize-input.input-active > div:after, +.selectize-control.single .selectize-input > .item:after, +.selectize-control.multi .selectize-input > .item:after, +.selectize-control.single .selectize-input.input-active > .item:after, +.selectize-control.multi .selectize-input.input-active > .item:after { + content: ","; +} +.selectize-control.single .selectize-input > div:last-of-type:after, +.selectize-control.multi .selectize-input > div:last-of-type:after, +.selectize-control.single .selectize-input.input-active > div:last-of-type:after, +.selectize-control.multi .selectize-input.input-active > div:last-of-type:after, +.selectize-control.single .selectize-input > .item:last-of-type:after, +.selectize-control.multi .selectize-input > .item:last-of-type:after, +.selectize-control.single .selectize-input.input-active > .item:last-of-type:after, +.selectize-control.multi .selectize-input.input-active > .item:last-of-type:after { + content: ""; +} +.selectize-control.single .selectize-input > div.active, +.selectize-control.multi .selectize-input > div.active, +.selectize-control.single .selectize-input.input-active > div.active, +.selectize-control.multi .selectize-input.input-active > div.active, +.selectize-control.single .selectize-input > .item.active, +.selectize-control.multi .selectize-input > .item.active, +.selectize-control.single .selectize-input.input-active > .item.active, +.selectize-control.multi .selectize-input.input-active > .item.active { + font-weight: bold; + background: transparent; + border: 0; +} +.selectize-control.single .selectize-dropdown, +.selectize-control.multi .selectize-dropdown { + position: absolute; + z-index: 1000; + border: 0; + width: 100% !important; + left: 0 !important; + height: auto; + background-color: #FFF; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + border-radius: 2px; + padding: 0; + margin-top: 3px; +} +.selectize-control.single .selectize-dropdown .active, +.selectize-control.multi .selectize-dropdown .active { + background-color: inherit; +} +.selectize-control.single .selectize-dropdown .highlight, +.selectize-control.multi .selectize-dropdown .highlight { + background-color: #d5d8ff; +} +.selectize-control.single .selectize-dropdown .selected, +.selectize-control.multi .selectize-dropdown .selected, +.selectize-control.single .selectize-dropdown .selected.active, +.selectize-control.multi .selectize-dropdown .selected.active { + background-color: #EEEEEE; +} +.selectize-control.single .selectize-dropdown [data-selectable], +.selectize-control.multi .selectize-dropdown [data-selectable], +.selectize-control.single .selectize-dropdown .optgroup-header, +.selectize-control.multi .selectize-dropdown .optgroup-header { + padding: 10px 20px; + cursor: pointer; +} +.selectize-control.single .dropdown-active ~ .selectize-dropdown, +.selectize-control.multi .dropdown-active ~ .selectize-dropdown { + display: block; +} +.dropdownjs::after { + right: 5px; + top: 3px; + font-size: 25px; + position: absolute; + font-family: 'Material Icons'; + font-style: normal; + font-weight: 400; + content: "\e5c5"; + pointer-events: none; + color: #757575; +} +/*# sourceMappingURL=bootstrap-material-design.css.map */
\ No newline at end of file |