| /* |
| |
| 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@mixin (function(){ |
| var colors = {}, main = {}; |
| $(".color-group")@mixin each(function(){ |
| var color = $(this).find(".name").text().trim().toLowerCase().replace(" ", "-"); |
| colors[color] = {}; |
| |
| $(this)@mixin 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 = ""; |
| $@mixin each(colors, function(name, shades){ |
| LESS += "\n\n"; |
| $@mixin each(shades, function(shade, hex){ |
| LESS += "$" + name + "-" + shade + ": " + hex + ";\n" !default; |
| }); |
| if (main[name]) { |
| LESS += "$" + name + ": " + main[name] + ";\n" !default; |
| } |
| }); |
| 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 .modal .form-control, |
| body.inverse .panel-default, |
| body.inverse .panel-default .form-control, |
| body.inverse .card, |
| 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 .jumbotron, |
| body .container-fluid .well, |
| body .container-fluid .jumbotron { |
| background-color: #fff; |
| padding: 19px; |
| margin-bottom: 20px; |
| 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 .jumbotron p, |
| body .container-fluid .well p, |
| body .container-fluid .jumbotron p { |
| font-weight: 300; } |
| body .container .well, body .container .well-default, |
| body .container .jumbotron, |
| body .container .jumbotron-default, |
| body .container-fluid .well, |
| body .container-fluid .well-default, |
| body .container-fluid .jumbotron, |
| body .container-fluid .jumbotron-default { |
| background-color: #ffffff; } |
| body .container .well-inverse, |
| body .container .jumbotron-inverse, |
| body .container-fluid .well-inverse, |
| body .container-fluid .jumbotron-inverse { |
| background-color: #3f51b5; } |
| body .container .well-primary, |
| body .container .jumbotron-primary, |
| body .container-fluid .well-primary, |
| body .container-fluid .jumbotron-primary { |
| background-color: #009688; } |
| body .container .well-success, |
| body .container .jumbotron-success, |
| body .container-fluid .well-success, |
| body .container-fluid .jumbotron-success { |
| background-color: #4caf50; } |
| body .container .well-info, |
| body .container .jumbotron-info, |
| body .container-fluid .well-info, |
| body .container-fluid .jumbotron-info { |
| background-color: #03a9f4; } |
| body .container .well-warning, |
| body .container .jumbotron-warning, |
| body .container-fluid .well-warning, |
| body .container-fluid .jumbotron-warning { |
| background-color: #ff5722; } |
| body .container .well-danger, |
| body .container .jumbotron-danger, |
| body .container-fluid .well-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; |
| 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) { |
| box-shadow: none; } |
| .btn:not(.btn-raised), .btn:not(.btn-raised).btn-default, |
| .input-group-btn .btn:not(.btn-raised), |
| .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, .btn:not(.btn-raised):not(.btn-link):focus, |
| .input-group-btn .btn:not(.btn-raised):not(.btn-link):hover, |
| .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 .btn:not(.btn-raised):not(.btn-link):focus, .theme-dark |
| .input-group-btn .btn:not(.btn-raised):not(.btn-link):hover, .theme-dark |
| .input-group-btn .btn:not(.btn-raised):not(.btn-link):focus { |
| background-color: rgba(204, 204, 204, 0.15); } |
| .btn.btn-raised, .btn.btn-raised.btn-default, .btn.btn-fab, .btn.btn-fab.btn-default, .btn-group-raised .btn, .btn-group-raised .btn.btn-default, |
| .input-group-btn .btn.btn-raised, |
| .input-group-btn .btn.btn-raised.btn-default, |
| .input-group-btn .btn.btn-fab, |
| .input-group-btn .btn.btn-fab.btn-default, .btn-group-raised |
| .input-group-btn .btn, .btn-group-raised |
| .input-group-btn .btn.btn-default { |
| background-color: #EEEEEE; |
| color: rgba(0,0,0, 0.87); } |
| .btn.btn-raised.btn-inverse, .btn.btn-fab.btn-inverse, .btn-group-raised .btn.btn-inverse, |
| .input-group-btn .btn.btn-raised.btn-inverse, |
| .input-group-btn .btn.btn-fab.btn-inverse, .btn-group-raised |
| .input-group-btn .btn.btn-inverse { |
| background-color: #3f51b5; |
| color: #ffffff; } |
| .btn.btn-raised.btn-primary, .btn.btn-fab.btn-primary, .btn-group-raised .btn.btn-primary, |
| .input-group-btn .btn.btn-raised.btn-primary, |
| .input-group-btn .btn.btn-fab.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, .btn.btn-fab.btn-success, .btn-group-raised .btn.btn-success, |
| .input-group-btn .btn.btn-raised.btn-success, |
| .input-group-btn .btn.btn-fab.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, .btn.btn-fab.btn-info, .btn-group-raised .btn.btn-info, |
| .input-group-btn .btn.btn-raised.btn-info, |
| .input-group-btn .btn.btn-fab.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, .btn.btn-fab.btn-warning, .btn-group-raised .btn.btn-warning, |
| .input-group-btn .btn.btn-raised.btn-warning, |
| .input-group-btn .btn.btn-fab.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, .btn.btn-fab.btn-danger, .btn-group-raised .btn.btn-danger, |
| .input-group-btn .btn.btn-raised.btn-danger, |
| .input-group-btn .btn.btn-fab.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), .btn-group-raised .btn:not(.btn-link), |
| .input-group-btn .btn.btn-raised:not(.btn-link), .btn-group-raised |
| .input-group-btn .btn:not(.btn-link) { |
| 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, .btn.btn-raised:not(.btn-link):focus, .btn.btn-raised:not(.btn-link).active, .btn.btn-raised:not(.btn-link):active, .btn-group-raised .btn:not(.btn-link):hover, .btn-group-raised .btn:not(.btn-link):focus, .btn-group-raised .btn:not(.btn-link).active, .btn-group-raised .btn:not(.btn-link):active, |
| .input-group-btn .btn.btn-raised:not(.btn-link):hover, |
| .input-group-btn .btn.btn-raised:not(.btn-link):focus, |
| .input-group-btn .btn.btn-raised:not(.btn-link).active, |
| .input-group-btn .btn.btn-raised:not(.btn-link):active, .btn-group-raised |
| .input-group-btn .btn:not(.btn-link):hover, .btn-group-raised |
| .input-group-btn .btn:not(.btn-link):focus, .btn-group-raised |
| .input-group-btn .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, .btn.btn-raised:not(.btn-link):hover.btn-default, .btn.btn-raised:not(.btn-link):focus, .btn.btn-raised:not(.btn-link):focus.btn-default, .btn.btn-raised:not(.btn-link).active, .btn.btn-raised:not(.btn-link).active.btn-default, .btn.btn-raised:not(.btn-link):active, .btn.btn-raised:not(.btn-link):active.btn-default, .btn-group-raised .btn:not(.btn-link):hover, .btn-group-raised .btn:not(.btn-link):hover.btn-default, .btn-group-raised .btn:not(.btn-link):focus, .btn-group-raised .btn:not(.btn-link):focus.btn-default, .btn-group-raised .btn:not(.btn-link).active, .btn-group-raised .btn:not(.btn-link).active.btn-default, .btn-group-raised .btn:not(.btn-link):active, .btn-group-raised .btn:not(.btn-link):active.btn-default, |
| .input-group-btn .btn.btn-raised:not(.btn-link):hover, |
| .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-default, |
| .input-group-btn .btn.btn-raised:not(.btn-link):focus, |
| .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-default, |
| .input-group-btn .btn.btn-raised:not(.btn-link).active, |
| .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-default, |
| .input-group-btn .btn.btn-raised:not(.btn-link):active, |
| .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-default, .btn-group-raised |
| .input-group-btn .btn:not(.btn-link):hover, .btn-group-raised |
| .input-group-btn .btn:not(.btn-link):hover.btn-default, .btn-group-raised |
| .input-group-btn .btn:not(.btn-link):focus, .btn-group-raised |
| .input-group-btn .btn:not(.btn-link):focus.btn-default, .btn-group-raised |
| .input-group-btn .btn:not(.btn-link).active, .btn-group-raised |
| .input-group-btn .btn:not(.btn-link).active.btn-default, .btn-group-raised |
| .input-group-btn .btn:not(.btn-link):active, .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, .btn.btn-raised:not(.btn-link):focus.btn-inverse, .btn.btn-raised:not(.btn-link).active.btn-inverse, .btn.btn-raised:not(.btn-link):active.btn-inverse, .btn-group-raised .btn:not(.btn-link):hover.btn-inverse, .btn-group-raised .btn:not(.btn-link):focus.btn-inverse, .btn-group-raised .btn:not(.btn-link).active.btn-inverse, .btn-group-raised .btn:not(.btn-link):active.btn-inverse, |
| .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-inverse, |
| .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-inverse, |
| .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-inverse, |
| .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-inverse, .btn-group-raised |
| .input-group-btn .btn:not(.btn-link):hover.btn-inverse, .btn-group-raised |
| .input-group-btn .btn:not(.btn-link):focus.btn-inverse, .btn-group-raised |
| .input-group-btn .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, .btn.btn-raised:not(.btn-link):focus.btn-primary, .btn.btn-raised:not(.btn-link).active.btn-primary, .btn.btn-raised:not(.btn-link):active.btn-primary, .btn-group-raised .btn:not(.btn-link):hover.btn-primary, .btn-group-raised .btn:not(.btn-link):focus.btn-primary, .btn-group-raised .btn:not(.btn-link).active.btn-primary, .btn-group-raised .btn:not(.btn-link):active.btn-primary, |
| .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-primary, |
| .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-primary, |
| .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-primary, |
| .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-primary, .btn-group-raised |
| .input-group-btn .btn:not(.btn-link):hover.btn-primary, .btn-group-raised |
| .input-group-btn .btn:not(.btn-link):focus.btn-primary, .btn-group-raised |
| .input-group-btn .btn:not(.btn-link).active.btn-primary, .btn-group-raised |
| .input-group-btn .btn:not(.btn-link):active.btn-primary { |
| background-color: #008276; } |
| .btn.btn-raised:not(.btn-link):hover.btn-success, .btn.btn-raised:not(.btn-link):focus.btn-success, .btn.btn-raised:not(.btn-link).active.btn-success, .btn.btn-raised:not(.btn-link):active.btn-success, .btn-group-raised .btn:not(.btn-link):hover.btn-success, .btn-group-raised .btn:not(.btn-link):focus.btn-success, .btn-group-raised .btn:not(.btn-link).active.btn-success, .btn-group-raised .btn:not(.btn-link):active.btn-success, |
| .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-success, |
| .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-success, |
| .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-success, |
| .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-success, .btn-group-raised |
| .input-group-btn .btn:not(.btn-link):hover.btn-success, .btn-group-raised |
| .input-group-btn .btn:not(.btn-link):focus.btn-success, .btn-group-raised |
| .input-group-btn .btn:not(.btn-link).active.btn-success, .btn-group-raised |
| .input-group-btn .btn:not(.btn-link):active.btn-success { |
| background-color: #46a149; } |
| .btn.btn-raised:not(.btn-link):hover.btn-info, .btn.btn-raised:not(.btn-link):focus.btn-info, .btn.btn-raised:not(.btn-link).active.btn-info, .btn.btn-raised:not(.btn-link):active.btn-info, .btn-group-raised .btn:not(.btn-link):hover.btn-info, .btn-group-raised .btn:not(.btn-link):focus.btn-info, .btn-group-raised .btn:not(.btn-link).active.btn-info, .btn-group-raised .btn:not(.btn-link):active.btn-info, |
| .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-info, |
| .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-info, |
| .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-info, |
| .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-info, .btn-group-raised |
| .input-group-btn .btn:not(.btn-link):hover.btn-info, .btn-group-raised |
| .input-group-btn .btn:not(.btn-link):focus.btn-info, .btn-group-raised |
| .input-group-btn .btn:not(.btn-link).active.btn-info, .btn-group-raised |
| .input-group-btn .btn:not(.btn-link):active.btn-info { |
| background-color: #039be0; } |
| .btn.btn-raised:not(.btn-link):hover.btn-warning, .btn.btn-raised:not(.btn-link):focus.btn-warning, .btn.btn-raised:not(.btn-link).active.btn-warning, .btn.btn-raised:not(.btn-link):active.btn-warning, .btn-group-raised .btn:not(.btn-link):hover.btn-warning, .btn-group-raised .btn:not(.btn-link):focus.btn-warning, .btn-group-raised .btn:not(.btn-link).active.btn-warning, .btn-group-raised .btn:not(.btn-link):active.btn-warning, |
| .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-warning, |
| .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-warning, |
| .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-warning, |
| .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-warning, .btn-group-raised |
| .input-group-btn .btn:not(.btn-link):hover.btn-warning, .btn-group-raised |
| .input-group-btn .btn:not(.btn-link):focus.btn-warning, .btn-group-raised |
| .input-group-btn .btn:not(.btn-link).active.btn-warning, .btn-group-raised |
| .input-group-btn .btn:not(.btn-link):active.btn-warning { |
| background-color: #ff470e; } |
| .btn.btn-raised:not(.btn-link):hover.btn-danger, .btn.btn-raised:not(.btn-link):focus.btn-danger, .btn.btn-raised:not(.btn-link).active.btn-danger, .btn.btn-raised:not(.btn-link):active.btn-danger, .btn-group-raised .btn:not(.btn-link):hover.btn-danger, .btn-group-raised .btn:not(.btn-link):focus.btn-danger, .btn-group-raised .btn:not(.btn-link).active.btn-danger, .btn-group-raised .btn:not(.btn-link):active.btn-danger, |
| .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-danger, |
| .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-danger, |
| .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-danger, |
| .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-danger, .btn-group-raised |
| .input-group-btn .btn:not(.btn-link):hover.btn-danger, .btn-group-raised |
| .input-group-btn .btn:not(.btn-link):focus.btn-danger, .btn-group-raised |
| .input-group-btn .btn:not(.btn-link).active.btn-danger, .btn-group-raised |
| .input-group-btn .btn:not(.btn-link):active.btn-danger { |
| background-color: #f33123; } |
| .btn.btn-raised:not(.btn-link).active, .btn.btn-raised:not(.btn-link).active:hover, .btn.btn-raised:not(.btn-link):active, .btn.btn-raised:not(.btn-link):active:hover, .btn-group-raised .btn:not(.btn-link).active, .btn-group-raised .btn:not(.btn-link).active:hover, .btn-group-raised .btn:not(.btn-link):active, .btn-group-raised .btn:not(.btn-link):active:hover, |
| .input-group-btn .btn.btn-raised:not(.btn-link).active, |
| .input-group-btn .btn.btn-raised:not(.btn-link).active:hover, |
| .input-group-btn .btn.btn-raised:not(.btn-link):active, |
| .input-group-btn .btn.btn-raised:not(.btn-link):active:hover, .btn-group-raised |
| .input-group-btn .btn:not(.btn-link).active, .btn-group-raised |
| .input-group-btn .btn:not(.btn-link).active:hover, .btn-group-raised |
| .input-group-btn .btn:not(.btn-link):active, .btn-group-raised |
| .input-group-btn .btn:not(.btn-link):active:hover { |
| 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, .btn.btn-raised:not(.btn-link):focus:hover, .btn.btn-raised:not(.btn-link):focus.active, .btn.btn-raised:not(.btn-link):focus.active:hover, .btn.btn-raised:not(.btn-link):focus:active, .btn.btn-raised:not(.btn-link):focus:active:hover, .btn-group-raised .btn:not(.btn-link):focus, .btn-group-raised .btn:not(.btn-link):focus:hover, .btn-group-raised .btn:not(.btn-link):focus.active, .btn-group-raised .btn:not(.btn-link):focus.active:hover, .btn-group-raised .btn:not(.btn-link):focus:active, .btn-group-raised .btn:not(.btn-link):focus:active:hover, |
| .input-group-btn .btn.btn-raised:not(.btn-link):focus, |
| .input-group-btn .btn.btn-raised:not(.btn-link):focus:hover, |
| .input-group-btn .btn.btn-raised:not(.btn-link):focus.active, |
| .input-group-btn .btn.btn-raised:not(.btn-link):focus.active:hover, |
| .input-group-btn .btn.btn-raised:not(.btn-link):focus:active, |
| .input-group-btn .btn.btn-raised:not(.btn-link):focus:active:hover, .btn-group-raised |
| .input-group-btn .btn:not(.btn-link):focus, .btn-group-raised |
| .input-group-btn .btn:not(.btn-link):focus:hover, .btn-group-raised |
| .input-group-btn .btn:not(.btn-link):focus.active, .btn-group-raised |
| .input-group-btn .btn:not(.btn-link):focus.active:hover, .btn-group-raised |
| .input-group-btn .btn:not(.btn-link):focus:active, .btn-group-raised |
| .input-group-btn .btn:not(.btn-link):focus:active:hover { |
| 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; |
| 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, .btn-group-sm .btn.btn-fab, |
| .input-group-btn .btn.btn-fab.btn-fab-mini, .btn-group-sm |
| .input-group-btn .btn.btn-fab { |
| height: 40px; |
| min-width: 40px; |
| width: 40px; } |
| .btn.btn-fab.btn-fab-mini.material-icons, .btn-group-sm .btn.btn-fab.material-icons, |
| .input-group-btn .btn.btn-fab.btn-fab-mini.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%; |
| 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, .btn-group-lg .btn, |
| .input-group-btn .btn.btn-lg, .btn-group-lg |
| .input-group-btn .btn { |
| font-size: 16px; } |
| .btn.btn-sm, .btn-group-sm .btn, |
| .input-group-btn .btn.btn-sm, .btn-group-sm |
| .input-group-btn .btn { |
| padding: 5px 20px; |
| font-size: 12px; } |
| .btn.btn-xs, .btn-group-xs .btn, |
| .input-group-btn .btn.btn-xs, .btn-group-xs |
| .input-group-btn .btn { |
| padding: 4px 15px; |
| font-size: 10px; } |
| |
| fieldset[disabled][disabled] .btn, .btn.disabled, .btn:disabled, .btn[disabled][disabled], fieldset[disabled][disabled] |
| .input-group-btn .btn, |
| .input-group-btn .btn.disabled, |
| .input-group-btn .btn:disabled, |
| .input-group-btn .btn[disabled][disabled], fieldset[disabled][disabled] |
| .btn-group, |
| .btn-group.disabled, |
| .btn-group:disabled, |
| .btn-group[disabled][disabled], fieldset[disabled][disabled] |
| .btn-group-vertical, |
| .btn-group-vertical.disabled, |
| .btn-group-vertical:disabled, |
| .btn-group-vertical[disabled][disabled] { |
| color: rgba(0, 0, 0, 0.26); |
| background: transparent; } |
| .theme-dark fieldset[disabled][disabled] .btn, .theme-dark .btn.disabled, .theme-dark .btn:disabled, .theme-dark .btn[disabled][disabled], .theme-dark fieldset[disabled][disabled] |
| .input-group-btn .btn, .theme-dark |
| .input-group-btn .btn.disabled, .theme-dark |
| .input-group-btn .btn:disabled, .theme-dark |
| .input-group-btn .btn[disabled][disabled], .theme-dark fieldset[disabled][disabled] |
| .btn-group, .theme-dark |
| .btn-group.disabled, .theme-dark |
| .btn-group:disabled, .theme-dark |
| .btn-group[disabled][disabled], .theme-dark fieldset[disabled][disabled] |
| .btn-group-vertical, .theme-dark |
| .btn-group-vertical.disabled, .theme-dark |
| .btn-group-vertical:disabled, .theme-dark |
| .btn-group-vertical[disabled][disabled] { |
| color: rgba(255, 255, 255, 0.3); } |
| fieldset[disabled][disabled] .btn.btn-raised, fieldset[disabled][disabled] .btn.btn-raised.active, fieldset[disabled][disabled] .btn.btn-raised:active, fieldset[disabled][disabled] .btn.btn-raised:focus:not(:active), fieldset[disabled][disabled] .btn.btn-group-raised, fieldset[disabled][disabled] .btn.btn-group-raised.active, fieldset[disabled][disabled] .btn.btn-group-raised:active, fieldset[disabled][disabled] .btn.btn-group-raised:focus:not(:active), .btn.disabled.btn-raised, .btn.disabled.btn-raised.active, .btn.disabled.btn-raised:active, .btn.disabled.btn-raised:focus:not(:active), .btn.disabled.btn-group-raised, .btn.disabled.btn-group-raised.active, .btn.disabled.btn-group-raised:active, .btn.disabled.btn-group-raised:focus:not(:active), .btn:disabled.btn-raised, .btn:disabled.btn-raised.active, .btn:disabled.btn-raised:active, .btn:disabled.btn-raised:focus:not(:active), .btn:disabled.btn-group-raised, .btn:disabled.btn-group-raised.active, .btn:disabled.btn-group-raised:active, .btn:disabled.btn-group-raised:focus:not(:active), .btn[disabled][disabled].btn-raised, .btn[disabled][disabled].btn-raised.active, .btn[disabled][disabled].btn-raised:active, .btn[disabled][disabled].btn-raised:focus:not(:active), .btn[disabled][disabled].btn-group-raised, .btn[disabled][disabled].btn-group-raised.active, .btn[disabled][disabled].btn-group-raised:active, .btn[disabled][disabled].btn-group-raised:focus:not(:active), fieldset[disabled][disabled] |
| .input-group-btn .btn.btn-raised, fieldset[disabled][disabled] |
| .input-group-btn .btn.btn-raised.active, fieldset[disabled][disabled] |
| .input-group-btn .btn.btn-raised:active, fieldset[disabled][disabled] |
| .input-group-btn .btn.btn-raised:focus:not(:active), fieldset[disabled][disabled] |
| .input-group-btn .btn.btn-group-raised, fieldset[disabled][disabled] |
| .input-group-btn .btn.btn-group-raised.active, fieldset[disabled][disabled] |
| .input-group-btn .btn.btn-group-raised:active, fieldset[disabled][disabled] |
| .input-group-btn .btn.btn-group-raised:focus:not(:active), |
| .input-group-btn .btn.disabled.btn-raised, |
| .input-group-btn .btn.disabled.btn-raised.active, |
| .input-group-btn .btn.disabled.btn-raised:active, |
| .input-group-btn .btn.disabled.btn-raised:focus:not(:active), |
| .input-group-btn .btn.disabled.btn-group-raised, |
| .input-group-btn .btn.disabled.btn-group-raised.active, |
| .input-group-btn .btn.disabled.btn-group-raised:active, |
| .input-group-btn .btn.disabled.btn-group-raised:focus:not(:active), |
| .input-group-btn .btn:disabled.btn-raised, |
| .input-group-btn .btn:disabled.btn-raised.active, |
| .input-group-btn .btn:disabled.btn-raised:active, |
| .input-group-btn .btn:disabled.btn-raised:focus:not(:active), |
| .input-group-btn .btn:disabled.btn-group-raised, |
| .input-group-btn .btn:disabled.btn-group-raised.active, |
| .input-group-btn .btn:disabled.btn-group-raised:active, |
| .input-group-btn .btn:disabled.btn-group-raised:focus:not(:active), |
| .input-group-btn .btn[disabled][disabled].btn-raised, |
| .input-group-btn .btn[disabled][disabled].btn-raised.active, |
| .input-group-btn .btn[disabled][disabled].btn-raised:active, |
| .input-group-btn .btn[disabled][disabled].btn-raised:focus:not(:active), |
| .input-group-btn .btn[disabled][disabled].btn-group-raised, |
| .input-group-btn .btn[disabled][disabled].btn-group-raised.active, |
| .input-group-btn .btn[disabled][disabled].btn-group-raised:active, |
| .input-group-btn .btn[disabled][disabled].btn-group-raised:focus:not(:active), fieldset[disabled][disabled] |
| .btn-group.btn-raised, fieldset[disabled][disabled] |
| .btn-group.btn-raised.active, fieldset[disabled][disabled] |
| .btn-group.btn-raised:active, fieldset[disabled][disabled] |
| .btn-group.btn-raised:focus:not(:active), fieldset[disabled][disabled] |
| .btn-group.btn-group-raised, fieldset[disabled][disabled] |
| .btn-group.btn-group-raised.active, fieldset[disabled][disabled] |
| .btn-group.btn-group-raised:active, fieldset[disabled][disabled] |
| .btn-group.btn-group-raised:focus:not(:active), |
| .btn-group.disabled.btn-raised, |
| .btn-group.disabled.btn-raised.active, |
| .btn-group.disabled.btn-raised:active, |
| .btn-group.disabled.btn-raised:focus:not(:active), |
| .btn-group.disabled.btn-group-raised, |
| .btn-group.disabled.btn-group-raised.active, |
| .btn-group.disabled.btn-group-raised:active, |
| .btn-group.disabled.btn-group-raised:focus:not(:active), |
| .btn-group:disabled.btn-raised, |
| .btn-group:disabled.btn-raised.active, |
| .btn-group:disabled.btn-raised:active, |
| .btn-group:disabled.btn-raised:focus:not(:active), |
| .btn-group:disabled.btn-group-raised, |
| .btn-group:disabled.btn-group-raised.active, |
| .btn-group:disabled.btn-group-raised:active, |
| .btn-group:disabled.btn-group-raised:focus:not(:active), |
| .btn-group[disabled][disabled].btn-raised, |
| .btn-group[disabled][disabled].btn-raised.active, |
| .btn-group[disabled][disabled].btn-raised:active, |
| .btn-group[disabled][disabled].btn-raised:focus:not(:active), |
| .btn-group[disabled][disabled].btn-group-raised, |
| .btn-group[disabled][disabled].btn-group-raised.active, |
| .btn-group[disabled][disabled].btn-group-raised:active, |
| .btn-group[disabled][disabled].btn-group-raised:focus:not(:active), fieldset[disabled][disabled] |
| .btn-group-vertical.btn-raised, fieldset[disabled][disabled] |
| .btn-group-vertical.btn-raised.active, fieldset[disabled][disabled] |
| .btn-group-vertical.btn-raised:active, fieldset[disabled][disabled] |
| .btn-group-vertical.btn-raised:focus:not(:active), fieldset[disabled][disabled] |
| .btn-group-vertical.btn-group-raised, fieldset[disabled][disabled] |
| .btn-group-vertical.btn-group-raised.active, fieldset[disabled][disabled] |
| .btn-group-vertical.btn-group-raised:active, fieldset[disabled][disabled] |
| .btn-group-vertical.btn-group-raised:focus:not(:active), |
| .btn-group-vertical.disabled.btn-raised, |
| .btn-group-vertical.disabled.btn-raised.active, |
| .btn-group-vertical.disabled.btn-raised:active, |
| .btn-group-vertical.disabled.btn-raised:focus:not(:active), |
| .btn-group-vertical.disabled.btn-group-raised, |
| .btn-group-vertical.disabled.btn-group-raised.active, |
| .btn-group-vertical.disabled.btn-group-raised:active, |
| .btn-group-vertical.disabled.btn-group-raised:focus:not(:active), |
| .btn-group-vertical:disabled.btn-raised, |
| .btn-group-vertical:disabled.btn-raised.active, |
| .btn-group-vertical:disabled.btn-raised:active, |
| .btn-group-vertical:disabled.btn-raised:focus:not(:active), |
| .btn-group-vertical:disabled.btn-group-raised, |
| .btn-group-vertical:disabled.btn-group-raised.active, |
| .btn-group-vertical:disabled.btn-group-raised:active, |
| .btn-group-vertical:disabled.btn-group-raised:focus:not(:active), |
| .btn-group-vertical[disabled][disabled].btn-raised, |
| .btn-group-vertical[disabled][disabled].btn-raised.active, |
| .btn-group-vertical[disabled][disabled].btn-raised:active, |
| .btn-group-vertical[disabled][disabled].btn-raised:focus:not(:active), |
| .btn-group-vertical[disabled][disabled].btn-group-raised, |
| .btn-group-vertical[disabled][disabled].btn-group-raised.active, |
| .btn-group-vertical[disabled][disabled].btn-group-raised:active, |
| .btn-group-vertical[disabled][disabled].btn-group-raised:focus:not(:active) { |
| box-shadow: none; } |
| |
| .btn-group, |
| .btn-group-vertical { |
| position: relative; |
| margin: 10px 1px; } |
| .btn-group.open > .dropdown-toggle.btn, .btn-group.open > .dropdown-toggle.btn.btn-default, |
| .btn-group-vertical.open > .dropdown-toggle.btn, |
| .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 { |
| 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 .btn, |
| .btn-group .btn:active, |
| .btn-group .btn-group, |
| .btn-group-vertical .btn + .btn, |
| .btn-group-vertical .btn, |
| .btn-group-vertical .btn:active, |
| .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 .checkbox label:focus, .form-group.is-focused |
| label.checkbox-inline:hover, .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; |
| 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: ""; |
| transform: rotate(45deg); |
| display: block; |
| margin-top: -4px; |
| margin-left: 6px; |
| width: 0; |
| height: 0; |
| 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 { |
| 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 { |
| 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 { |
| 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 { |
| 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 { |
| 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 { |
| 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; |
| 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] .checkbox input[type=checkbox], |
| .checkbox input[type=checkbox][disabled]:not(:checked) ~ .checkbox-material .check:before, |
| .checkbox input[type=checkbox][disabled]:not(:checked) ~ .checkbox-material .check, |
| .checkbox input[type=checkbox][disabled] + .circle, fieldset[disabled] |
| label.checkbox-inline, fieldset[disabled] |
| label.checkbox-inline input[type=checkbox], |
| label.checkbox-inline input[type=checkbox][disabled]:not(:checked) ~ .checkbox-material .check:before, |
| label.checkbox-inline input[type=checkbox][disabled]:not(:checked) ~ .checkbox-material .check, |
| 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); |
| transform: rotate(-45deg); } |
| |
| @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-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% { |
| 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% { |
| 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% { |
| 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 rippleOn { |
| 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 { |
| 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; |
| 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; |
| box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4); |
| left: -5px; |
| top: -2px; |
| 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 { |
| 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 { |
| 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 .radio label:focus, .form-group.is-focused label.radio-inline:hover, .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; |
| 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; |
| 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; |
| 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 { |
| animation: rippleOff 500ms; } |
| .radio input[type=radio]:focus:checked ~ .check:after, label.radio-inline input[type=radio]:focus:checked ~ .check:after { |
| 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, .radio input[type=radio]:checked ~ .circle, label.radio-inline input[type=radio]:checked ~ .check, 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 { |
| transform: scale3d(0.55, 0.55, 1); } |
| .radio input[type=radio][disabled] ~ .check, .radio input[type=radio][disabled] ~ .circle, label.radio-inline input[type=radio][disabled] ~ .check, 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 .radio input[type=radio][disabled] ~ .circle, .theme-dark label.radio-inline input[type=radio][disabled] ~ .check, .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.42857; } |
| |
| .form-control { |
| height: 38px; |
| padding: 7px 0; |
| font-size: 16px; |
| line-height: 1.42857; } |
| |
| @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-group-sm input[type="date"], |
| input[type="time"].input-sm, .input-group-sm |
| input[type="time"], |
| input[type="datetime-local"].input-sm, .input-group-sm |
| input[type="datetime-local"], |
| input[type="month"].input-sm, .input-group-sm |
| input[type="month"] { |
| line-height: 24px; } |
| input[type="date"].input-lg, .input-group-lg input[type="date"], |
| input[type="time"].input-lg, .input-group-lg |
| input[type="time"], |
| input[type="datetime-local"].input-lg, .input-group-lg |
| input[type="datetime-local"], |
| input[type="month"].input-lg, .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.33333; |
| 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.33333; } |
| .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.33333; } |
| |
| .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: 13.0px; |
| 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: linear-gradient(#009688, #009688), linear-gradient(#D2D2D2, #D2D2D2); |
| background-size: 0 2px, 100% 1px; |
| background-repeat: no-repeat; |
| background-position: center bottom, center calc(100% - 1px); |
| background-color: transparent; |
| transition: background 0s ease-out; |
| float: 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-control[disabled], fieldset[disabled] .form-control, |
| .form-group .form-control[readonly], |
| .form-group .form-control[disabled], fieldset[disabled] |
| .form-group .form-control { |
| background-color: transparent; } |
| .form-control[disabled], fieldset[disabled] .form-control, |
| .form-group .form-control[disabled], 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; |
| 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: linear-gradient(#009688, #009688), linear-gradient(#D2D2D2, #D2D2D2); |
| background-size: 100% 2px, 100% 1px; |
| box-shadow: none; |
| 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 { |
| box-shadow: none; } |
| .form-group.has-warning.is-focused .form-control { |
| 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 { |
| box-shadow: none; } |
| .form-group.has-error.is-focused .form-control { |
| 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 { |
| box-shadow: none; } |
| .form-group.has-success.is-focused .form-control { |
| 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 { |
| box-shadow: none; } |
| .form-group.has-info.is-focused .form-control { |
| 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 { |
| 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.42857; |
| color: #BDBDBD; |
| font-weight: 400; } |
| .form-control:-ms-input-placeholder { |
| font-size: 16px; |
| line-height: 1.42857; |
| color: #BDBDBD; |
| font-weight: 400; } |
| .form-control::-webkit-input-placeholder { |
| font-size: 16px; |
| line-height: 1.42857; |
| color: #BDBDBD; |
| font-weight: 400; } |
| |
| .checkbox label, |
| .radio label, |
| label { |
| font-size: 16px; |
| line-height: 1.42857; |
| color: #BDBDBD; |
| font-weight: 400; } |
| |
| label.control-label { |
| font-size: 12px; |
| line-height: 1.07143; |
| 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.42857; |
| color: #BDBDBD; |
| font-weight: 400; } |
| .form-group .form-control:-ms-input-placeholder { |
| font-size: 16px; |
| line-height: 1.42857; |
| color: #BDBDBD; |
| font-weight: 400; } |
| .form-group .form-control::-webkit-input-placeholder { |
| font-size: 16px; |
| line-height: 1.42857; |
| color: #BDBDBD; |
| font-weight: 400; } |
| .form-group .checkbox label, |
| .form-group .radio label, |
| .form-group label { |
| font-size: 16px; |
| line-height: 1.42857; |
| color: #BDBDBD; |
| font-weight: 400; } |
| .form-group label.control-label { |
| font-size: 12px; |
| line-height: 1.07143; |
| 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.42857; } |
| .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.07143; } |
| .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.07143; } |
| |
| .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.33333; |
| color: #BDBDBD; |
| font-weight: 400; } |
| .form-group.form-group-lg .form-control:-ms-input-placeholder { |
| font-size: 18px; |
| line-height: 1.33333; |
| color: #BDBDBD; |
| font-weight: 400; } |
| .form-group.form-group-lg .form-control::-webkit-input-placeholder { |
| font-size: 18px; |
| line-height: 1.33333; |
| 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.33333; |
| color: #BDBDBD; |
| font-weight: 400; } |
| .form-group.form-group-lg label.control-label { |
| font-size: 14px; |
| line-height: 1.0; |
| 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.33333; } |
| .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: 1.0; } |
| .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: 1.0; } |
| |
| select.form-control { |
| border: 0; |
| box-shadow: none; |
| border-radius: 0; } |
| .form-group.is-focused select.form-control { |
| 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-picture i, .list-group .list-group-item .row-picture label, .list-group .list-group-item .row-action-primary img, .list-group .list-group-item .row-action-primary i, .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: calc(100% - 92px); |
| min-height: 66px; } |
| .list-group .list-group-item .row-content .action-secondary { |
| position: absolute; |
| right: 16px; |
| top: 16px; } |
| .list-group .list-group-item .row-content .action-secondary i { |
| font-size: 20px; |
| color: rgba(0, 0, 0, 0.25); |
| cursor: pointer; } |
| .list-group .list-group-item .row-content .action-secondary ~ * { |
| max-width: calc(100% - 30px); } |
| .list-group .list-group-item .row-content .least-content { |
| position: absolute; |
| right: 16px; |
| top: 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: 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, .navbar .btn-link[disabled]:focus, fieldset[disabled] .navbar .btn-link:hover, 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.42857; } |
| .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-form input.form-control::-moz-placeholder, .navbar.navbar-default .navbar-form .form-group 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-form input.form-control:-ms-input-placeholder, .navbar.navbar-default .navbar-form .form-group 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-form input.form-control::-webkit-input-placeholder, .navbar.navbar-default .navbar-form .form-group 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 .dropdown-menu li > a:focus, .navbar.navbar-default .dropdown-menu li > a:hover, .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 .dropdown-menu .active > a:focus, .navbar.navbar-default .dropdown-menu .active > a:hover, .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; |
| 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-link, .alert.alert-default a, .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; |
| box-shadow: none; |
| background: #c8c8c8; } |
| .progress .progress-bar { |
| 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; |
| 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, .popover .tooltip-arrow, .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; |
| 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 { |
| 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; |
| 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: white; } |
| @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), (min-resolution: 0.75dppx), (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), (min-resolution: 1dppx), (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), (min-resolution: 1.33dppx), (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), (min-resolution: 1.5dppx), (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), (min-resolution: 2dppx), (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), (min-resolution: 3dppx), (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), (min-resolution: 4dppx), (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; |
| box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12); |
| height: 0; |
| 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; |
| transform: translateY(200%); } |
| |
| .snackbar.snackbar-opened { |
| padding: 14px 15px; |
| margin-bottom: 20px; |
| height: auto; |
| transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0s linear 0.2s, height 0s linear 0.2s; |
| transform: none; } |
| |
| .snackbar.toast { |
| border-radius: 200px; } |
| |
| .noUi-target, |
| .noUi-target * { |
| -webkit-touch-callout: none; |
| -ms-touch-action: none; |
| user-select: none; |
| box-sizing: border-box; } |
| |
| .noUi-base { |
| width: 100%; |
| height: 100%; |
| position: relative; } |
| |
| .noUi-origin { |
| position: absolute; |
| right: 0; |
| top: 0; |
| left: 0; |
| bottom: 0; } |
| |
| .noUi-handle { |
| position: relative; |
| z-index: 1; |
| box-sizing: border-box; } |
| |
| .noUi-stacking .noUi-handle { |
| z-index: 10; } |
| |
| .noUi-state-tap .noUi-origin { |
| transition: left 0.3s, top 0.3s; } |
| |
| .noUi-state-drag * { |
| cursor: inherit !important; } |
| |
| .noUi-horizontal { |
| height: 10px; } |
| |
| .noUi-handle { |
| box-sizing: border-box; |
| width: 12px; |
| height: 12px; |
| left: -10px; |
| top: -5px; |
| cursor: ew-resize; |
| border-radius: 100%; |
| 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 { |
| 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.single .selectize-input.input-active, .selectize-control.multi .selectize-input, .selectize-control.multi .selectize-input.input-active { |
| cursor: text; |
| background: transparent; |
| box-shadow: none; |
| border: 0; |
| padding: 0; |
| height: 100%; |
| font-size: 14px; |
| line-height: 30px; } |
| .selectize-control.single .selectize-input .has-items, .selectize-control.single .selectize-input.input-active .has-items, .selectize-control.multi .selectize-input .has-items, .selectize-control.multi .selectize-input.input-active .has-items { |
| padding: 0; } |
| .selectize-control.single .selectize-input:after, .selectize-control.single .selectize-input.input-active:after, .selectize-control.multi .selectize-input: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.single .selectize-input.input-active input, .selectize-control.multi .selectize-input 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.single .selectize-input.input-active.label-floating-fix input, .selectize-control.multi .selectize-input.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.single .selectize-input > .item, .selectize-control.single .selectize-input.input-active > div, .selectize-control.single .selectize-input.input-active > .item, .selectize-control.multi .selectize-input > div, .selectize-control.multi .selectize-input > .item, .selectize-control.multi .selectize-input.input-active > div, .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.single .selectize-input > .item:after, .selectize-control.single .selectize-input.input-active > div:after, .selectize-control.single .selectize-input.input-active > .item:after, .selectize-control.multi .selectize-input > div:after, .selectize-control.multi .selectize-input > .item:after, .selectize-control.multi .selectize-input.input-active > div:after, .selectize-control.multi .selectize-input.input-active > .item:after { |
| content: ","; } |
| .selectize-control.single .selectize-input > div:last-of-type:after, .selectize-control.single .selectize-input > .item:last-of-type:after, .selectize-control.single .selectize-input.input-active > div:last-of-type:after, .selectize-control.single .selectize-input.input-active > .item:last-of-type:after, .selectize-control.multi .selectize-input > div:last-of-type:after, .selectize-control.multi .selectize-input > .item:last-of-type:after, .selectize-control.multi .selectize-input.input-active > div: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.single .selectize-input > .item.active, .selectize-control.single .selectize-input.input-active > div.active, .selectize-control.single .selectize-input.input-active > .item.active, .selectize-control.multi .selectize-input > div.active, .selectize-control.multi .selectize-input > .item.active, .selectize-control.multi .selectize-input.input-active > div.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; |
| 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.single .selectize-dropdown .selected.active, .selectize-control.multi .selectize-dropdown .selected, .selectize-control.multi .selectize-dropdown .selected.active { |
| background-color: #EEEEEE; } |
| .selectize-control.single .selectize-dropdown [data-selectable], .selectize-control.single .selectize-dropdown .optgroup-header, .selectize-control.multi .selectize-dropdown [data-selectable], .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 */ |