| /* |
| |
| 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 */ |